Sobre as etiquetas Open Graph
O que controlam as etiquetas Open Graph
As etiquetas Open Graph determinam o aspeto de uma ligação para a sua página quando alguém a partilha. O título, o resumo apresentado por baixo e a imagem que ocupa a maior parte do cartão.
Sem eles, a plataforma faz uma estimativa, e as estimativas são fracas: utiliza a primeira imagem que encontra, que é frequentemente o seu logótipo ou uma fotografia de arquivo, e qualquer texto que consiga extrair do topo da página.
O formato começou no Facebook e é agora utilizado pelo LinkedIn, WhatsApp, Slack, Discord e pela maioria dos outros locais onde é colada uma ligação. Um único conjunto de etiquetas abrange todos eles.
O que configurar
- og:title - o título do cartão, com cerca de 60 caracteres antes de ser truncado.
- og:description - no máximo duas linhas. Diga o que o leitor irá obter, em vez de repetir o título.
- og:image - um URL absoluto, com 1200x630, e o maior fator individual para determinar se a ligação é clicada.
- og:url - o URL canónico, para que as partilhas de variantes com parâmetros de acompanhamento contem todas como a mesma página.
- og:type e og:site_name - são pequenos e demoram apenas um segundo a adicionar.
Erros comuns
- Um caminho de imagem relativo, que as plataformas não conseguem resolver.
- Uma imagem com texto tão pequeno que fica ilegível no tamanho do cartão.
- Títulos escritos para a pesquisa, em vez de para uma pessoa que vê uma ligação no feed.
- Duplicar as mesmas etiquetas em todas as páginas a partir de um modelo.
- Esquecer que as plataformas guardam os dados em cache. É necessário utilizar o depurador de partilhas para que as alterações tenham efeito.
As etiquetas Open Graph afetam o SEO?
Não diretamente, e seria enganador afirmar o contrário. Não são um fator de classificação.
O que afetam é a probabilidade de alguém clicar numa ligação partilhada, e uma ligação em que alguém clica e que é partilhada vale mais do que uma que passa despercebida. É daí que vem o retorno.
Também funcionam como alternativa quando faltam outras etiquetas, pelo que é menos provável que uma página com bons dados Open Graph seja apresentada de forma inadequada num local que não tinha previsto.
Utilizar o gerador de Open Graph
Preencha o que se aplica e cole o resultado no elemento head da página. As etiquetas específicas de cada página são muito superiores a um valor predefinido para todo o site, uma vez que a imagem e o título são o que faz com que uma página se distinga das outras num feed.
Depois, partilhe a página de forma privada uma vez para ver o cartão antes de qualquer outra pessoa.
Próximos passos