Como usar
- Digite o Título, a Descrição e o Endereço da imagem do link, e o Endereço da página (og:url).
- Escolha o Tipo de cartão do Twitter (twitter:card), e digite um Nome do site (og:site_name) se você tiver um.
- Ou cole as linhas de meta tags de uma página na caixa de colagem e clique em Ler as tags coladas para preencher o formulário.
- Leia os seis cartões de link e os avisos abaixo deles, depois clique em Copiar ou Baixar para levar as Tags do cabeçalho.
Quais tags um cartão de link lê
O protocolo Open Graph lista og:title, og:type, og:image e og:url como propriedades obrigatórias; og:description e og:site_name são opcionais. A ferramenta sempre escreve og:type como website, porque é o único valor obrigatório que o formulário não pede.
- A Central de Ajuda do LinkedIn diz que a caixa de compartilhamento usa o título, a descrição e a imagem do oEmbed e/ou da marcação Open Graph.
- A documentação do Slack diz que o Slack procura metadados comuns do Open Graph e do X (antigo Twitter Card).
- O Facebook recomenda uma imagem de pelo menos 1.200 × 630 pixels, e aconselha manter a proporção perto de 1,91:1.
Tamanhos de imagem e o que a ferramenta verifica
A orientação de compartilhamento do Facebook recomenda pelo menos 1.200 × 630 pixels e diz que o arquivo não pode passar de 8 MB. A ferramenta só consegue ler o tamanho de uma imagem quando você a escolhe neste dispositivo, porque um endereço digitado não é carregado.
A imagem escolhida é comparada com 1.200 × 630 pixels, e um aviso aparece quando ela é diferente. As tags precisam então do endereço da imagem na internet, que você digita em Endereço da imagem.
Colando as tags de uma página
Quando você cola as linhas de meta tags de uma página, o formulário é preenchido com elas. A ferramenta lê só as tags og: e twitter:, e um valor og: tem prioridade sobre um valor twitter: do mesmo campo. O texto colado é lido em um documento separado e nunca é colocado nesta página.
O que são os cartões de link
Cada cartão é um layout genérico, no formato geral de um cartão de link: uma imagem no topo, uma imagem ao lado, uma bolha de conversa ou um bloco com uma barra. As cores são neutras e nenhum logotipo é mostrado. Os cartões não são cópias do cartão de nenhum serviço. Quando esta página descreve o que um serviço faz, ela cita a página do próprio serviço.
Exemplo: uma página com imagem de 1.200 × 630
O título é Compound Interest Calculator (28 caracteres) e a descrição é Calcule como as economias crescem com depósitos mensais. O endereço da página é https://example.com/compound-interest-calculator, o endereço da imagem é https://example.com/images/compound-interest-1200x630.png, o nome do site é FireToolLand e o tipo de cartão é summary_large_image.
As tags do cabeçalho são og:type, og:title, og:description, og:image, og:url, og:site_name e twitter:card: sete linhas. Nenhum aviso aparece, porque o título está abaixo do tamanho de referência, os endereços da página e da imagem são https e um tipo de cartão está definido.
| Tag | Valor |
|---|---|
| og:type | website |
| og:title | Compound Interest Calculator |
| og:site_name | FireToolLand |
| twitter:card | summary_large_image |
Perguntas frequentes
Por que a visualização mostra um quadro em vez da minha imagem?
Um endereço de imagem digitado não é carregado, porque carregá-lo enviaria uma solicitação desta página para esse endereço. O quadro mostra o endereço como texto. Escolha uma imagem do seu dispositivo para vê-la aqui.
A minha imagem é enviada quando eu a escolho?
Não. A imagem é mostrada com um endereço local que fica no seu navegador, e o endereço é liberado quando você escolhe outra imagem. A imagem nunca é enviada e não é escrita nas tags.
Por que os endereços nas tags devem ser endereços https completos?
Um cartão de link é montado com o endereço da página e o endereço da sua imagem. A tag og:url é a URL canônica do objeto, então deve ser o endereço https completo da página.
Os cartões mostram exatamente o que cada serviço exibe?
Não. Os seis cartões são layouts genéricos. Os serviços mudam seus cartões e podem guardar em cache as tags de uma página, então confira o resultado real no próprio serviço.
A ferramenta verifica o tamanho do título com exatidão?
Não. O ogp.me não define tamanho máximo para og:title. A observação de 60 caracteres é uma referência aproximada escolhida por esta ferramenta, e um serviço pode mostrar outro tamanho.
Fontes
- O protocolo Open Graph (em inglês)
- Facebook for Developers: imagens para compartilhamento (em inglês)
- Central de Ajuda do LinkedIn: problemas ao compartilhar URLs (em inglês)
- Slack: unfurling links in messages (em inglês)
Números e texto verificados pela última vez em terça-feira, 10 de novembro de 2026.