📇 Social & Compartilhar SEO

Abra o Gerador de Cartões de Gráfico & Twitter

Preencha os detalhes da sua página e assiste a um verdadeiro Facebook, LinkedIn e X card render ao vivo conforme você digite. Obtenha um conjunto de meta-tags Open Graph e Twitter Card validados e copiados de metas — as plataformas de marcagem exactas leídas para construir a antevisão de links.

✓ Previsualização do cartão de vida Executa no seu navegador Sem inscrição
Aponte cerca de 60 caracteres para que não seja truncado.
Cerca de 110 personagens mostram na maioria dos cartões sociais.
URL de https absoluto, 1200×630 recomendado.
Vista preliminar do Facebook / LinkedIn
Sem imagem — adicionar uma URL de og:image
example.com
Vista preliminar de X (Twitter)
Sem imagem — adicionar uma URL de og:image
example.com
Meta- tags gerados

Como gerar tags Open Graph e Twitter Card

Quatro passos de detalhes da página para uma visualização social validada copia-pasta.

1

Digite a sua página URL, título e descrição

Pegue a URL absoluta da página que você está compartilhando, e depois escreva o título e a descrição que você deseja mostrar em cartões sociais.

2

Adicionar uma imagem de compartilhamento e definir os tipos

Forneça um https og:image (idealmente 1200x630), escolha o seu og:type e o tipo de cartão do Twitter e adicione o seu @handle.

3

Verifique as visualizações ao vivo Facebook e X

Assista ao renderizado do cartão Facebook/LinkedIn e X ao digitar e resolver qualquer aviso de validação de comprimento ou imagem mostrado abaixo.

4

Copie as etiquetas na cabeça da página

Copie as meta-tags Open Graph geradas e Twitter e cole-as dentro do <head> da sua página, então re-escrape com o depurador da plataforma.

Abrir perguntas do Graph & Twitter Card

O Open Graph (og:) é o protocolo compartilhado Facebook, LinkedIn, Slack, WhatsApp, Pinterest e a maioria das plataformas lidas para construir uma visualização de link. O Twitter Card (twitter:) é o próprio vocabulário de X que controla o layout de cartas — por exemplo resumo vs sumário_large_image. Eles se sobrepõem fortemente: título, descrição e imagem podem vir de og: tags. Tags específicos do Twitter apenas adicionam o que og: não podem expressar, como o estilo do cartão e o manexo @site.
Use 1200x630 pixels (a 1.91:1) para o grande cartão que Facebook, LinkedIn e X sumário_large_image todos os usos — que preenche o quadro sem recorte. Manter o arquivo abaixo de 5 MB e sirvê-lo sobre um URL absoluto https, porque as plataformas não obterão uma imagem parental ou http de forma confiável. O mínimo Facebook aceita é 200x200, mas pequenas imagens representam como uma miniatura pequena em vez de um cartão herói.
Cada plataforma cache a primeira versão do seu cartão que ele raspado, às vezes por semanas, assim antigos títulos e imagens persistem depois de você corrigir as etiquetas. Força um re-escrape: cole a URL no Facebook Compartilhar Depurador e clique novamente Scrape, use o Inspector do Post LinkedIn, e compartilhe o link uma vez em X para refrescar sua cache. Confirmar as etiquetas estão na cabeça de HTML servida e não injeta mais tarde pelo JavaScript, que a maioria dos rascadores não executam.
Não completamente. Quando falta uma tag do Twitter, X retorna à tag do Open Graph correspondente — og:title, og:description e og:imagem cobrem a maioria do cartão. Assim o mínimo prático é um conjunto completo de tags: mais apenas twitter:card para escolher o layout e twitter:site para atribuição. Adicionando og: tags também significa a mesma antevisão funciona no Facebook, LinkedIn, Slack e em qualquer lugar, então levá com og: e adicione apenas o punhado de tags do twitter: que og: não pode expressar.

Precisa de tags sociais gerados em escala?

Esta ferramenta funciona inteiramente no seu navegador — não há nada para chamar e nada deixa a página. Para plugins CMS, IC e páginas em massa, uma API programática Open Graph está disponível nos planos pagos.

✓ Ferramenta grátis: 100% cliente-side API de Graph aberto: planos pagos

Gere blocos de Open Graph e Twitter Card validados por página a partir de um único endpoint e coloque-os diretamente em sua construção. Veja planos e quotas na página de preços.

Ver planos da API →