O impacto do protocolo Open Graph no SEO
Quando montamos uma estratégia de posicionamento em mecanismos de busca, não devemos esquecer das redes sociais. Devemos cuidar de títulos, descrições e imagens, já que são os únicos elementos que o usuário verá e o que fará com que ele decida clicar ou não.
Você sabe como os usuários veem seu site quando o compartilham nos seus perfis sociais? Tenha em mente que quanto melhor seu conteúdo parecer e mais atraente ele for, mais viral se tornará e, portanto, maior o impacto no seu site, o que também ajuda a melhorar seus resultados de SEO.
Vamos contar tudo sobre isso!
O que são as tags Open Graph?
As meta tags ou protocolo Open Graph foram criadas pelo Facebook e permitem que qualquer página web seja exibida com um formato enriquecido nas redes sociais. Essas tags HTML serão responsáveis por exibir o conteúdo (título, descrição, imagem da página, etc.) de uma página que é compartilhada nas redes sociais. Se essas tags não existirem ou não forem especificadas, as informações serão mostradas aleatoriamente, escolhendo uma foto aleatória, um título ou descrição não descritivos...
Para que servem?
Essas tags são conhecidas como social tags e são muito importantes para conseguir posicionamento em todas e cada uma das redes sociais. Dependendo de qual rede social for, será mais fácil ou mais difícil, mas o posicionamento nas redes sociais existe, é real.
O protocolo Open Graph foi inicialmente usado no Facebook e atualmente também é reconhecido no LinkedIn. Por outro lado, as tags do Twitter são exclusivas dessa rede social.
As tags são as seguintes:
og:title:
O "Title" é responsável por dizer ao mecanismo de busca do que se trata a página. Portanto, deve ser claro, conciso e único em cada página. Seu comprimento máximo é de 67 caracteres.
Exemplo:
<meta property="og:title" content="O que são as tags Open Graph?"/>
og:description
A "Meta description" será aquela que descreve e informa de forma mais extensa sobre a página. Não deve exceder 155 caracteres e pode conter uma frase ou CTA que incentive o usuário a clicar no resultado. Também deve ser única para cada página.
Exemplo:
<meta property="og:description" content="Você sabe como os usuários veem seu site quando o compartilham nos seus perfis sociais? As tags Open Graph serão responsáveis por exibir todas as informações."/>
og:url:
A URL de uma página web é exibida, e pode ser mostrada abreviada. Tente usar essa tag com uma URL o mais limpa possível e única em cada página.
Exemplo:
<meta property="og:url" content="/blog/open-graph" />
og:image
Você deve especificar uma URL de imagem para que possa ser mostrada em cada página. Esta é seguramente uma das mais negligenciadas e uma das mais importantes. Google Discover, Google News, Facebook, Twitter, LinkedIn... todos eles vão pegar essa imagem como gancho para o usuário, e se for de boa qualidade, você pode conseguir muitas visitas. Caso contrário, se você deixar o campo vazio, a foto do autor pode ser mostrada, um campo vazio... Você escolhe qual é melhor! ;)
Exemplo:
<meta property="og:image" content="/blog/images/open-graph.jpg" />
og:video
Caso você tenha um vídeo na página, você deve especificá-lo usando essa tag, que facilita sua interpretação.
<meta property="og:video" content="http://exemplo.com/bond/trailer.swf" />
og:type
Essa tag indica em que consiste seu conteúdo. Se é um artigo, um vídeo, um post de blog... Dependendo do tipo, você pode atribuir diferentes propriedades.
Exemplo:
<meta property="og:type" content="article" />
og:site_name
Com ela você pode especificar seu site para que sua marca seja exibida.
<meta property="og:site_name" content="SEO Alive" />
Tipos de social meta tags que existem
Atualmente, as tags criadas pelo Facebook são usadas no resto das redes sociais, como o LinkedIn. O Twitter usa o que é conhecido como Twitter Cards. Com essas tags você tem três opções:
-
"Photo" para imagens
-
"Player" para vídeos e
-
"Summary" para todo o resto.
Neste caso, como com os Open Graph cards, se não estiver otimizado, conteúdo padrão e não otimizado será exibido.
Ferramentas de teste de tags
Analisar como as páginas aparecem quando um usuário as compartilha nas redes sociais será crucial se quisermos que tudo funcione corretamente.
Twitter Card Validator
A ferramenta de validação do Twitter é o Twitter Card Validator. Antes de publicar qualquer coisa, se você quer ter certeza de que tudo está sendo exibido corretamente, não hesite em inserir a URL que quer compartilhar. Também é muito útil se você atualizou a imagem de uma página e o feed ainda está mostrando a antiga. Reanalisá-la atuará como uma "limpeza de cache".
Facebook Debugger
A ferramenta de debug do Facebook é conhecida como Facebook Debugger. Com ela você pode ver quais informações estão sendo usadas e como aparece quando uma página do seu site é compartilhada. Além disso, caso algum dos campos esteja incorreto ou faltando, um aviso aparecerá.
Google Structured Data Testing Tool
O Google também disponibiliza para nós a ferramenta de teste de dados estruturados chamada Google Structured Data Testing Tool. É muito útil para verificar que tipo de marcação o Google está pegando de uma página. A marcação é reconhecida pelos mecanismos de busca, o que ajuda a tornar um site "semântico" ao introduzir a microdata Schema específica para cada caso.
Rich Pins Validator
O Pinterest não poderia ficar para trás e traz seu validador de pin, também conhecido como Rich Pins Validator. Funciona assim como o validador do Twitter: um processo de aprovação é necessário para obter a funcionalidade Rich Pin e verificar a marcação de dados ao mesmo tempo.
Como otimizar essas tags no WordPress?
Como você pode saber, uma das grandes vantagens que o WordPress nos oferece é sua flexibilidade e sua enorme comunidade. Como resultado, processos como introduzir tags open-graph nas nossas páginas e artigos levam apenas segundos graças a plugins.
Existem muitas formas de conseguir isso. No nosso caso, acreditamos que o mais fácil é fazê-lo por meio do plugin SEO Rank Math.
Artigo recomendado > Tutorial SEO em profundidade sobre Rank Math
Tudo o que você tem que fazer é ir à seção de SEO da página ou artigo em questão, clicar na aba "Social", e ali veremos a opção para configurar a imagem. Em muitos casos, se carregamos uma imagem destacada, ele a pegará diretamente.
Dicas e melhorias
A seguir, você pode ver algumas dicas baseadas em experiência que funcionaram para nós para alcançar resultados muito bons.
Otimize as imagens
Escolha imagens de qualidade. Você deve escolher cada imagem perfeitamente porque ela vai representar seu conteúdo. Além disso, será a imagem que aparece quando o usuário compartilhar o conteúdo.
Cada plataforma tem certos padrões; o melhor é escolher uma imagem grande que possa se encaixar em cada rede social.
O conteúdo visual é o mais atraente nas redes sociais, e se você conseguir viralizar, vai ter mais visitas no seu site. Você sabe, invista tempo em escolher a imagem perfeita para conseguir likes, compartilhamentos e comentários.
-
Twitter: 120x120px para a pequena e 4096x4096px para a grande
-
Facebook: a menor com 200px e a maior com 1200px
Sempre use Open Graph
Sendo um formato já bem conhecido, mais plataformas podem usá-lo. É recomendado usar templates de código para inserir social tags; você pode consultar todas as informações no guia a seguir.
Guia recomendado -> Meta Tags em SEO
Teste e experimente
Sempre teste e verifique nos validadores para ter certeza de que os resultados do seu site estão sendo exibidos corretamente nas redes sociais.
Conclusões
São pequenos detalhes que farão sua marca parecer ótima aos olhos dos usuários. Tenha em mente que essas tags são essenciais para exibir adequadamente sua página e atrair visitas. Elas também tornam mais fácil para os mecanismos de busca entenderem seu site. Então a otimização SEO também inclui prestar atenção às redes sociais.
Lembre-se também de que sinais sociais, ou seja, tráfego que vem das redes sociais, podem afetar positivamente uma estratégia SEO, então cada clique das redes sociais vale ouro!
Alguma pergunta ou sugestão? Estamos felizes em ajudar!
Referências:
- https://ogp.me/ - Site oficial do protocolo Open Graph
Autor: David Kaufmann
Passei os últimos 10 e tantos anos completamente obcecado por SEO — e, sinceramente, não quereria que fosse de outra forma.
A minha carreira atingiu um novo patamar quando trabalhei como Senior SEO Specialist na Chess.com — um dos 100 sites mais visitados de toda a internet. Operar nessa escala, em milhões de páginas, dezenas de idiomas e numa das SERPs mais competitivas que existem, ensinou-me coisas que nenhum curso ou certificação jamais poderia. Essa experiência mudou a minha perspetiva sobre o que é realmente um grande trabalho de SEO — e tornou-se a base de tudo o que construí desde então.
Foi a partir dessa experiência que fundei a SEO Alive — uma agência para marcas que levam a sério o crescimento orgânico. Não estamos aqui para vender dashboards e relatórios mensais. Estamos aqui para construir estratégias que realmente fazem a diferença, combinando o melhor do SEO clássico com o novo e empolgante mundo da Generative Engine Optimization (GEO) — garantindo que a tua marca apareça não só nos links azuis do Google, mas também dentro das respostas geradas por AI que o ChatGPT, o Perplexity e o Google AI Overviews entregam a milhões de pessoas todos os dias.
E como não consegui encontrar uma ferramenta que lidasse corretamente com esses dois mundos, construí uma eu mesmo — a SEOcrawl, uma plataforma enterprise de SEO intelligence que reúne rankings, auditorias técnicas, monitoramento de backlinks, saúde do crawl e tracking de visibilidade de marca em AI, tudo num só lugar. É a plataforma que sempre desejei que existisse.
Descubra mais conteúdos deste autor
