Open Graph é uma das fontes que pode influenciar a prévia visual de uma página.
Antes de começar
Defina se a página tem imagem própria e se ela corresponde ao assunto do conteúdo.
Passo a passo
- Adicione
og:imagecom URL pública, estável e representativa da página.
Exemplo no <head> do HTML final:
<meta property="og:image" content="https://exemplo.com.br/imagens/servico-compartilhar.jpg">
<meta property="og:image:alt" content="Profissional apresentando o serviço">Use URL absoluta HTTPS e verifique dimensões e formato aceitos pela plataforma onde o link será compartilhado. Para uma imagem de 1200 × 630 px, confira que o arquivo é realmente servido com essas dimensões; essa é uma opção de produção comum, não garantia universal de exibição.
- Inspecione o HTML final e valide a prévia em um serviço social, considerando o cache da plataforma.
Limites e cuidados
A tag não obriga uma plataforma a exibir exatamente a imagem indicada. Abra a URL em janela privada, confira status HTTP, MIME, dimensões e acesso sem cookies; depois use a ferramenta oficial de depuração/prévia da plataforma, se disponível. Se a prévia antiga persistir, pode ser cache: confirme que a URL da imagem não foi alterada para conteúdo diferente e siga a ferramenta de atualização de cache daquele serviço. O Google pode escolher outra imagem na Pesquisa.
Continue na biblioteca
Fonte oficial: SEO de imagens — Google Search Central.