Blogger - OG do Facebook
O que são as meta tags Open Graph (OG)?
As meta tags Open Graph foram criadas pelo Facebook para melhorar a forma como os links são exibidos quando compartilhados em redes sociais. Elas ajudam a definir o título, descrição, imagem e outros dados ricos sobre a página.
Como usar as meta tags OG no Blogger?
Você pode incluir as meta tags OG diretamente na seção <head> do seu template HTML no Blogger. Porém, como o Blogspot limita modificações diretas no cabeçalho via editor de postagens, essas tags devem ser adicionadas ao modelo HTML do tema.
Exemplo de estrutura de meta tags OG
<meta property="og:type" content="website">
<meta property="og:title" content="Título da sua página">
<meta property="og:description" content="Descrição detalhada da sua página ou postagem">
<meta property="og:url" content="https://seublog.blogspot.com/postagem-exemplo">
<meta property="og:image" content="https://link-da-imagem.com/imagem.jpg">
<meta property="og:image:alt" content="@CanalQb">
Dicas importantes:
- Certifique-se de que a imagem usada tenha no mínimo 1200x630 pixels.
- Utilize a ferramenta de Depuração do Facebook para testar suas tags OG.
- Evite usar imagens com texto excessivo ou baixa resolução.
Meta tags adicionais (avançado)
Além das tags básicas, o Open Graph permite detalhar conteúdos de áudio, vídeo, livros, perfis e artigos. Abaixo está um exemplo ampliado (para uso em cabeçalhos HTML, e não diretamente no conteúdo da postagem).
<meta property="og:video" content="https://exemplo.com/video.mp4">
<meta property="og:video:width" content="1280">
<meta property="og:video:height" content="720">
<meta property="og:article:author" content="https://facebook.com/seuperfil">
<meta property="og:article:published_time" content="2025-06-01T08:00:00+0000">
Caso deseje personalizar para vídeos, áudios ou eventos, consulte a documentação oficial do Open Graph Protocol.
Conclusão
Ao configurar corretamente as meta tags OG no seu blog, você melhora a visualização dos seus posts nas redes sociais, o que pode aumentar os cliques e o engajamento. Aproveite essas práticas para turbinar sua presença digital!
Sugestões
<meta property="og:type" content="...">
<meta property="og:title" content="...">
<meta property="og:description" content="...">
<meta property="og:url" content="...">
<meta property="og:image" content="...">
<meta property="og:image:secure_url" content="...">
<meta property="og:image:type" content="...">
<meta property="og:image:width" content="...">
<meta property="og:image:height" content="...">
<meta property="og:image:alt" content="...">
<meta property="og:audio" content="...">
<meta property="og:audio:secure_url" content="...">
<meta property="og:audio:type" content="...">
<meta property="og:audio:title" content="...">
<meta property="og:audio:artist" content="...">
<meta property="og:audio:album" content="...">
<meta property="og:audio:album:disc" content="...">
<meta property="og:audio:album:track" content="...">
<meta property="og:video" content="...">
<meta property="og:video:secure_url" content="...">
<meta property="og:video:type" content="...">
<meta property="og:video:width" content="...">
<meta property="og:video:height" content="...">
<meta property="og:video:url" content="...">
<meta property="og:video:secure_url" content="...">
<meta property="og:video:type" content="...">
<meta property="og:video:width" content="...">
<meta property="og:video:height" content="...">
<meta property="og:video:tag" content="...">
<meta property="og:video:duration" content="...">
<meta property="og:video:release_date" content="...">
<meta property="og:video:actor" content="...">
<meta property="og:video:actor:role" content="...">
<meta property="og:video:director" content="...">
<meta property="og:video:writer" content="...">
<meta property="og:article" content="...">
<meta property="og:article:published_time" content="...">
<meta property="og:article:modified_time" content="...">
<meta property="og:article:expiration_time" content="...">
<meta property="og:article:author" content="...">
<meta property="og:article:section" content="...">
<meta property="og:article:tag" content="...">
<meta property="og:book" content="...">
<meta property="og:book:author" content="...">
<meta property="og:book:isbn" content="...">
<meta property="og:book:release_date" content="...">
<meta property="og:book:tag" content="...">
<meta property="og:profile" content="...">
<meta property="og:profile:first_name" content="...">
<meta property="og:profile:last_name" content="...">
<meta property="og:profile:username" content="...">
<meta property="og:profile:gender" content="...">
<meta property="og:place" content="...">
<meta property="og:place:location:latitude" content="...">
<meta property="og:place:location:longitude" content="...">
<meta property="og:place:location:altitude" content="...">
<meta property="og:place:street_address" content="...">
<meta property="og:place:locality" content="...">
<meta property="og:place:region" content="...">
<meta property="og:place:postal_code" content="...">
<meta property="og:place:country_name" content="...">
<meta property="og:restaurant" content="...">
Comentários
Comente só assim vamos crescer juntos!