Como usar
- Informe uma URL (https é assumido se você não indicar o esquema).
- Clique em Consultar e analise as três pré-visualizações.
- Corrija as tags listadas em Verificações, depois consulte a página de novo para confirmar.
Opções explicadas
- O que é lido
- Só o <head> da página, até 1 MB. Codificações como UTF-8 e GBK são detectadas automaticamente.
- Recomendações de comprimento
- Mantenha os títulos com cerca de 60 caracteres e as descrições entre 50 e 160. Os mecanismos de busca cortam por largura em pixels, então isso são apenas aproximações.
- Limites de acesso
- Só é possível acessar endereços públicos nas portas 80, 443, 8080 e 8443, seguindo até 5 redirecionamentos.
Quais tags as pré-visualizações usam
As três pré-visualizações pegam cada trecho de texto da primeira tag presente, nesta ordem:
| Parte da pré-visualização | Tirada de, a primeira encontrada |
|---|---|
| Título | og:title, depois twitter:title, depois o título da página |
| Descrição | og:description, depois twitter:description, depois a meta description |
| Imagem | og:image, depois twitter:image |
A lista de Verificações aponta a falta de og:title, og:description, og:image ou twitter:card, um og:image que não seja uma URL absoluta http ou https e um título ou uma descrição fora da orientação de tamanho. Um conjunto mínimo que resolve todos esses itens fica assim no head da página:
<meta property="og:title" content="Page title">
<meta property="og:description" content="One or two sentences about the page.">
<meta property="og:image" content="https://example.com/share.png">
<meta property="og:url" content="https://example.com/page">
<meta name="twitter:card" content="summary_large_image">O protocolo Open Graph (ogp.me) define og:title, og:type, og:image e og:url como as propriedades básicas. Os valores de twitter:card são summary (cartão pequeno) e summary_large_image (imagem grande acima do texto).
Perguntas frequentes
Mudei minhas tags. Por que os apps sociais ainda mostram o cartão antigo?
As plataformas guardam pré-visualizações de link em cache por horas ou dias. Facebook, LinkedIn e X oferecem, cada um, um depurador oficial que força uma nova consulta.
Que tamanho deve ter o og:image?
1200×630 pixels (proporção de cerca de 1,91:1) é a escolha comum, com menos de 5 MB, e uma URL https absoluta. Imagens quadradas pequenas são cortadas ou exibidas como um cartão pequeno.
Meu site é renderizado no navegador. Por que nenhuma tag é encontrada?
Como a maioria dos rastreadores sociais, esta ferramenta lê o HTML que o servidor retorna e não executa JavaScript. As tags precisam estar no HTML gerado pelo servidor ou por geração estática.
Privacidade
Os arquivos são enviados por HTTPS para processamento e excluídos automaticamente em até uma hora.