Softonic

Gerador de tags Open Graph

Etapa 1 / 2
Próximo

Preencha o título, a descrição, a URL canônica (canonical), a imagem de prévia e o og:type, e este gerador escreve as tags <meta> de Open Graph correspondentes, prontas para colar no <head> da sua página. Os campos que você deixar em branco são simplesmente omitidos, e as aspas e os e comerciais (&) do seu texto são escapados para que a marcação continue válida. O gerador escreve apenas as cinco propriedades og: principais, não tags de Twitter Card nem de artigo.

Como gerar suas tags OG

  1. 1

    Escolha o og:type

    website para páginas iniciais, article para postagens, product para páginas de loja, video.other para incorporações. O campo é texto livre, então qualquer valor de og:type válido funciona.

  2. 2

    Preencha os campos principais

    Título, descrição, URL canônica e uma URL de imagem absoluta. Qualquer campo que você deixe em branco é omitido do resultado.

  3. 3

    Gere as tags

    As aspas e os e comerciais são escapados para você, e você recebe uma linha meta para cada campo preenchido.

  4. 4

    Copie o bloco para o head

    Cole-o no `<head>` do modelo da sua página, acima de quaisquer tags sociais que você já tenha.

As tags que este gerador produz

<meta property="og:type" content="article">
<meta property="og:title" content="Your page title">
<meta property="og:description" content="A one-line description.">
<meta property="og:url" content="https://example.com/post/123">
<meta property="og:image" content="https://example.com/og-image.jpg">

Essa é toda a saída. og:type é sempre escrito, enquanto og:title, og:description, og:url e og:image só são adicionados quando você os preenche. Essas cinco propriedades são as primeiras que Facebook, LinkedIn, Slack, Discord, WhatsApp e X leem, então cobrem o caso comum.

O gerador não escreve tags de card twitter:, og:image:width / og:image:height, og:site_name, og:locale ou tags article:. Se você precisar delas, adicione-as manualmente ao lado do bloco gerado.

Valores de og:type que importam

Tipo Quando usar
website Página inicial, páginas de destino, conteúdo estático
article Postagens de blog, notícias, páginas editoriais
product Páginas de detalhes de produto de e-commerce
video.other Conteúdo de vídeo e incorporações
profile Páginas de perfil de autor ou usuário
music.song Páginas de faixas individuais

Tags que vale a pena adicionar manualmente

Tag O que faz Valor de exemplo
og:site_name Nome do site como um todo Example
og:locale Idioma e região da página en_US
og:image:width Ajuda os scrapers a organizar o card mais rápido 1200
og:image:height Ajuda os scrapers a organizar o card mais rápido 630
twitter:card Layout do card no X summary_large_image

O X recorre às tags og: quando não há tags twitter:, então uma página que carrega apenas as cinco propriedades geradas também é exibida corretamente na prévia lá. Adicione tags twitter: apenas quando quiser um título, uma descrição ou uma imagem diferentes especificamente no X.

Erros comuns que este gerador ajuda a evitar

  • name em vez de property. As propriedades do Open Graph ficam em property="og:...". O gerador sempre escreve o atributo correto.
  • Aspas e e comerciais não escapados. Um " ou & bruto no seu título quebra a tag. O gerador os escapa para você.
  • URLs de imagem relativas. Os scrapers sociais só aceitam URLs absolutas. Cole o endereço https:// completo da imagem, porque o gerador não adiciona o seu domínio.
  • Tamanho de imagem errado. 1200 × 630 pixels é o tamanho universalmente seguro. Abaixo de 200 × 200 pixels, a imagem costuma ser rejeitada.

Perguntas frequentes

No <head> do seu HTML, bem no alto, de preferência perto do <title>. Os scrapers leem o head e muitas vezes param cedo, então manter as tags OG perto do topo evita que sejam perdidas em páginas muito grandes.

Não. Ele escreve apenas as cinco propriedades og: principais. O X recorre ao Open Graph quando não há tags twitter:, então sua prévia continua funcionando. Adicione tags twitter: manualmente apenas quando quiser um título, uma descrição ou uma imagem diferentes no X.

1200 × 630 pixels, JPG ou PNG, é o tamanho universalmente seguro. Funciona no Facebook, LinkedIn, cards grandes do X, Slack, Discord e iMessage. Qualquer coisa menor que 200 × 200 pixels corre o risco de ser rejeitada por completo.

Dê a cada versão de idioma sua própria página com suas próprias tags og: e adicione og:locale (por exemplo, en_US) mais og:locale:alternate para as outras versões manualmente. Este gerador não escreve as tags de locale para você.

Ferramentas relacionadas

Verificador de Comprimento de Meta Descrição

Meça uma meta descrição em caracteres e pixels estimados, compare referências editoriais e examine modelos para computador e celular.

Verificador de URL Canônica

Cole o HTML de uma página e verifique sua tag rel=canonical: está presente, é uma URL absoluta válida, corresponde à URL da página?

Contador de frequência de palavras

Encontre as palavras mais repetidas em qualquer texto, com contagens e percentuais de densidade. Útil para revisão, SEO e auditorias de conteúdo.

Validador de sitemap XML

Verifique no navegador se um sitemap XML tem erros de sintaxe, locais ausentes, URLs duplicadas ou valores comuns inválidos.

Verificador de cabeçalhos de segurança HTTP

Cole cabeçalhos de resposta HTTP e revise HSTS, CSP, proteção contra enquadramento, MIME, referrer e políticas cross-origin localmente.

Extrator de Links Externos

Cole um HTML bruto, defina opcionalmente uma URL base e obtenha uma lista limpa e sem duplicatas de todos os links externos http/https do código para auditorias de links e revisões de SEO.

Ferramenta disponível em outros idiomas