Softonic

Depurador de tags OG

Etapa 1 / 3
Próximo

Se a prévia do seu link está em branco ou errada, as tags og do código-fonte são a primeira coisa a depurar. Cole o HTML e a ferramenta mostra exatamente quais tags consegue ler e o valor de cada uma, para que uma tag ausente ou vazia salte aos olhos.

Como depurar suas tags og

  1. 1

    Use view-source

    Abra o código-fonte da página, não o inspetor do navegador, e copie o head. Os rastreadores leem a resposta bruta.

  2. 2

    Cole e execute

    Cole na caixa HTML do head da página, clique em Próximo e depois em Resultados.

  3. 3

    Encontre os itens em vermelho

    Cada entrada em vermelho entre as seis verificações é uma tag que a ferramenta não conseguiu ler no seu marcador.

  4. 4

    Identifique a causa

    Compare os valores impressos com a lista abaixo, corrija o head e cole de novo.

Os motivos comuns para uma tag não ser lida

Quando uma tag que você vê no head aparece como ausente, a causa quase sempre é uma destas:

Sintoma Causa provável Correção
og:title aparece em vermelho A tag usa name="og:title" Troque name por property
A tag falta, mas o valor parece certo O valor não tem aspas Coloque o valor de content entre aspas
Tag em vermelho, só no inspetor A tag é adicionada por JavaScript Gere a tag no HTML do servidor
Tag em verde, mas sai texto vazio O atributo content está em branco Preencha o valor
A tag fica cortada ou some Um > cru dentro do valor de content Escreva como >
A imagem aparece com um caminho como /img/a.jpg Endereço relativo Use o endereço completo https://

Coisas que podem enganar você

Algumas coisas podem enganar você:

  • Tags comentadas ainda são lidas. O verificador analisa o texto que você cola, então uma tag dentro de um comentário HTML pode aparecer em verde mesmo que um navegador ou rastreador a ignore. Remova códigos comentados antigos antes de testar.
  • Duplicatas. Se a mesma tag aparece duas vezes, a lista mostra um único valor, o último encontrado. Procure repetições no head, que costumam vir de um tema e de um plugin que adicionam tags ao mesmo tempo.
  • Valores vazios. Apenas og:title e og:description falham quando estão vazias. As demais tags contam como presentes assim que existem, então leia os valores impressos para encontrar campos em branco.

Uma rotina rápida de depuração

  1. Cole o head e anote os itens em vermelho.
  2. Corrija o marcador no seu template, e não na cópia colada.
  3. Recarregue a página, copie o código-fonte de novo e cole a versão nova.
  4. Repita até que as seis verificações estejam em verde e os valores impressos estejam corretos.

Como esta ferramenta lê texto e não a página ao vivo, ela não informa se o endereço da imagem retorna erro ou se a página faz redirecionamento. Abra o endereço de og:image no navegador para confirmar que ele carrega.

Quando as seis verificações estão em verde e a prévia continua errada

O marcador pode estar correto enquanto outra coisa falha. Verifique se o endereço da imagem abre no navegador sem login, se a página não redireciona para um endereço diferente com outras tags e se a plataforma não está mostrando uma cópia em cache de uma coleta anterior. Essas causas estão fora do marcador, então a ferramenta não consegue mostrá-las, mas um resultado limpo aqui reduz a busca a elas.

Perguntas frequentes

A ferramenta analisa o texto bruto que você cola, incluindo comentários HTML. Apague as tags comentadas antes de testar.

Os resultados mostram um único valor por nome de tag, o último encontrado. Remova a duplicata para não haver ambiguidade.

Ele mostra a página depois que os scripts são executados. Os rastreadores geralmente leem a resposta HTML bruta, então depure com view-source.

Não. Ela só lê o marcador colado. Não consegue ver redirecionamentos, requisições bloqueadas nem uma imagem que não carrega.

Ferramentas relacionadas

Contador de palavras da página

Cole o código HTML de uma página e conte as palavras visíveis, os caracteres e o tempo de leitura após a remoção das tags, para auditorias de SEO e benchmarking.

Verificador de Densidade de Palavras-Chave

Verifique a densidade de palavras-chave e a frequência de n-gramas para conteúdo SEO com filtragem de palavras de parada, stemming e faixas de densidade recomendadas.

Decodificador de Encurtador de Links

Expanda bit.ly, t.co, tinyurl e outros links curtos. Veja cada redirecionamento, código de status e o destino final antes de clicar.

Extrator de Metadados

Extraia metadados da página de qualquer URL: título, descrição meta, Open Graph, cartões do Twitter, URL canônica e dados estruturados JSON-LD.

Gerador de Meta Tags

Gere o conjunto completo de meta tags: título, descrição, canônica, Open Graph, Twitter Card, ícones, PWA e dados estruturados JSON-LD.

Pré-visualização de SERP

Pré-visualize um resultado de pesquisa do Google antes de publicar. Contadores de caracteres em tempo real avisam sobre títulos e meta descrições longos demais, e um trecho no estilo do Google mostra como seu resultado aparece.

Ferramenta disponível em outros idiomas

Guias e casos de uso