Aprenda como ocultar imagens da visualização sem prejudicar o carregamento da página e ainda melhorar o desempenho nas buscas.
Se você já precisou adicionar imagens ao seu blog, mas sem exibi-las diretamente para o usuário, este tutorial vai te ajudar!
Vou te ensinar a usar um código simples em HTML e CSS para esconder imagens no Blogger sem removê-las do código-fonte. Isso pode ser útil para SEO, carregamento de thumbnails e até otimização de dados estruturados.
📌 Por que esconder imagens no Blogger?
Antes de irmos para a parte prática, você pode estar se perguntando: Por que eu esconderia uma imagem?
✔ SEO e Dados Estruturados – O Google pode precisar da imagem para indexação, mas você não quer que ela apareça diretamente no post.
✔ Miniaturas de Redes Sociais – Algumas redes sociais, como o Facebook e o Twitter, pegam automaticamente a primeira imagem do post. Você pode esconder uma imagem específica para controlar essa exibição.
✔ Melhor Experiência do Usuário – Em alguns casos, imagens extras podem poluir o layout do post, então escondê-las mantém o design mais limpo.
✔ No meu caso, usei para exibição no painel do blog, permitindo que as páginas fiquem mais organizadas para futuras manutenções.
Agora, vamos para a parte prática!
🛠️ Como esconder imagens no Blogger
A estrutura básica do código para esconder imagens no Blogger é a seguinte:
📌 Explicação:
O <div> tem um estilo display:none;, o que significa que tudo dentro dele não será exibido visualmente na página.
A tag <img> ainda estará no código-fonte, permitindo que o Google e as redes sociais leiam a imagem.
🚀 Como usar no seu blog
Agora que você já tem o código pronto, basta seguir estes passos:
1️⃣ Acesse seu painel do Blogger
2️⃣ Crie uma nova postagem
3️⃣ Mude para o modo HTML (no editor de postagens, ou da página)
4️⃣ Cole o código na posição desejada
5️⃣ Publique a postagem ou a página! 🎉
💡 Considerações finais
Esconder imagens no Blogger pode ser muito útil para SEO, redes sociais e design do seu site ou organização do visual. Além disso, adicionei um botão de cópia para facilitar a vida dos meus leitores!
Gostou dessa dica? Deixe um comentário e compartilhe com quem pode se interessar!