Pular para o conteúdo
AcodecsTECH & DIGITAL

SEO técnico · GRATUITO

Gerador Open Graph

Cuide de como seus links se apresentam. Organize os metadados usados pelas plataformas ao compartilhar uma página.

Prepare seu resultado

A prévia é ilustrativa. A ferramenta não busca a imagem nem confirma sua disponibilidade; teste o compartilhamento após publicar.

SEU RESULTADO

Pronto para o próximo passo.

Preencha os campos e gere o resultado. Você pode usar um exemplo para conhecer a ferramenta.

O que são tags Open Graph?

São metadados que ajudam plataformas a apresentar um link com título, imagem e informações da página. O conjunto básico inclui título, tipo, imagem e URL.

O mesmo endereço pode aparecer de maneiras diferentes em cada aplicativo. Organizar as tags reduz ambiguidades, mas o resultado final também depende da plataforma e de seu cache.

Como usar o gerador Open Graph

  1. Informe o título, a descrição e a URL final da página.
  2. Cole a URL de uma imagem pública e descreva seu conteúdo.
  3. Escolha o tipo e o idioma. Ative Twitter Cards se desejar.
  4. Gere as tags e confira os valores antes de instalar.

Exemplo para uma página de serviço

Conjunto básico

Use URLs absolutas para identificar a página e sua imagem.

<meta property="og:title" content="Soluções digitais">
<meta property="og:type" content="website">
<meta property="og:url" content="https://exemplo.com.br/servicos">
<meta property="og:image" content="https://exemplo.com.br/capa.jpg">

Tutorial: prepare o compartilhamento

Escolha uma capa legível

Prefira uma composição com o assunto principal bem definido. Confira como ela se comporta em cortes diferentes antes de selecionar a versão final.

Configure a página

Use as opções sociais do plugin de SEO ou integre as tags no head. Evite publicar títulos e imagens conflitantes em múltiplos blocos.

Teste a URL publicada

Abra o link nos canais relevantes para seu público. Se uma capa antiga aparecer, verifique o cache e as ferramentas de depuração da plataforma.

Erros comuns e como evitar

  • Usar caminho de imagem local ou protegido por login.
  • Copiar a URL de uma página em vez do arquivo de imagem.
  • Repetir tags com valores diferentes.
  • Presumir que todos os aplicativos exibem a mesma prévia.

Perguntas frequentes

A imagem é enviada pelo gerador?

Não. Você informa o endereço de uma imagem já publicada.

As tags substituem o conteúdo da página?

Não. Elas descrevem o link para compartilhamento.

Posso usar no WordPress?

Sim. Prefira o recurso social do plugin de SEO, se já estiver disponível.

Por que a imagem antiga continua aparecendo?

A plataforma pode manter dados em cache. Confira também se a URL pública entrega os metadados atualizados.

Referencias para continuar aprendendo

DA FERRAMENTA PARA O RESULTADO

Precisa de ajuda
para colocar em prática?

A Acodecs une estratégia, design e desenvolvimento para fazer seu projeto evoluir.

Conversar sobre meu projeto