the IT Hustle
FerramentasManual de campoSobre

Prévia de Imagem OG

Veja como sua página aparece no Google, Twitter, Facebook, LinkedIn e Slack. Gere meta tags.

Google Search
example.com
Page Title
A description of the page content will appear here.
Twitter / X
No image
Page Title
A description of the page content will appear here.
example.com
Facebook / Meta
No image
example.com
Page Title
A description of the page content will appear here.
LinkedIn
No image
Page Title
example.com
Slack
example.com
Page Title
A description of the page content will appear here.
Metatags geradas
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />

<!-- Twitter -->
<meta property="twitter:card" content="summary" />

Preview is approximate. Actual rendering may vary by platform and screen size.

Como visualizar tags Open Graph

Veja como sua página vai aparecer nas redes sociais antes de publicar com a ferramenta gratuita de Prévia de OG do The IT Hustle.

  1. 1
    Insira os detalhes da páginaPreencha o título, a descrição, a URL e a URL da imagem da sua página.
  2. 2
    Veja as prévias por plataformaVeja como sua página vai aparecer no Google, Twitter/X, Facebook, LinkedIn e Slack — tudo de uma vez.
  3. 3
    Verifique os limites de caracteresTítulos com mais de 60 caracteres e descrições com mais de 160 caracteres são sinalizados com avisos.
  4. 4
    Copie as meta tagsClique em Copiar Meta Tags para obter a marcação HTML pronta para colar na seção head da sua página.

Perguntas frequentes

Tags Open Graph (OG) são meta tags HTML que controlam como sua página aparece ao ser compartilhada nas redes sociais. Elas definem o título, a descrição, a imagem e a URL que as plataformas exibem nos cartões de prévia.

O tamanho recomendado é 1200x630 pixels para a maioria das plataformas. O Twitter também suporta 1200x675 para cartões de resumo grandes. Mantenha as imagens abaixo de 5MB e use o formato PNG ou JPEG.

O Twitter usa suas próprias tags twitter:card além das tags OG. A maioria das outras plataformas (Facebook, LinkedIn, Slack) lê as tags OG diretamente. O recurso de copiar gera tanto as tags OG quanto as do Twitter.

Ferramentas relacionadas

Gerador de Meta TagsVerificador de SEOGerador de Imagem Placeholder