Open Graph e Twitter Cards: como o seu link aparece quando é compartilhado ou citado
Cole um link em um chat, em um post social ou em uma resposta de IA, e um pequeno cartão de prévia aparece — um título, uma breve descrição, uma imagem. Esse cartão não é adivinhado; é controlado pelas tags Open Graph e Twitter Card no <head> da sua página. Acerte-as e o seu link parece intencional e clicável. Deixe-as de fora e você recebe uma prévia vazia ou quebrada.
As tags que importam
<meta property="og:title" content="O título da sua página">
<meta property="og:description" content="Um resumo de uma linha.">
<meta property="og:image" content="https://example.com/preview.png">
<meta property="og:url" content="https://example.com/pagina">
<meta name="twitter:card" content="summary_large_image">- og:title / og:description — o título e o resumo do cartão.
- og:image — a imagem de prévia. 1200×630 é o tamanho seguro para o cartão grande.
- og:url — o endereço canônico da página.
- twitter:card —
summary_large_imagedá o layout com imagem grande;summary, o pequeno.
Por que importa para o GEO
Aqui o assunto é a apresentação quando a sua página viaja. Seja uma pessoa que a compartilha ou uma IA que a exibe com uma prévia, essas tags decidem como ela é representada: um título e uma imagem claros ganham mais cliques e fazem a sua fonte parecer confiável. Elas não mudam se a IA consegue ler a sua página (isso são os outros passos), mas moldam como a sua página aparece quando é citada.
Em resumo
Adicione og:title, og:description, uma og:image de 1200×630, og:url e uma twitter:card no seu <head>. É um bloco que se coloca uma vez e faz cada compartilhamento e cada citação da sua página parecer intencional — um complemento de apresentação aos passos de «ser compreensível» da nossa introdução ao GEO.
Experimente nossa ferramenta gratuita: Prévia de OGP e metatags →