Resposta curta: para verificar o Open Graph online, cole o endereço da página no depurador gratuito Open Graph PromoPilot. Ele lerá todas as tags og:* e Twitter Card, verificará a presença e o tamanho da imagem, avaliará a integridade da marcação e exibirá pré-visualizações de links para Facebook, X (Twitter) e LinkedIn, além de recomendações sobre o que adicionar. Não é necessário cadastro. Abaixo, você encontrará as tags necessárias, o tamanho necessário para og:image e como atualizar uma pré-visualização "travada".
Eu construo sites há 12 anos e ouço a pergunta "Por que Telegram não tem imagem?" dos meus clientes com mais frequência do que perguntas sobre posicionamento nos mecanismos de busca. Geralmente é uma tarefa de cinco minutos — se você souber onde procurar.
O que o depurador Open Graph verifica?
Ao inserir um link em uma publicação ou mensagem, a plataforma acessa a página e procura por tags Open Graph. Se encontrar alguma, exibe um cartão formatado. Caso contrário, utiliza o que encontrar ou exibe a URL pura. A ferramenta verifica apenas o que as redes sociais conseguem ler.
| O que ele verifica? | O que ele está olhando? | Por que as empresas precisam disso? |
|---|---|---|
| Todas as tags og:* | og:título, og:descrição, og:imagem, og:url, og:tipo, og:nome_do_site, og:locale | A partir dessas informações, os sites coletam o título, a descrição e a imagem do cartão. |
| Cartão do Twitter | twitter:card, twitter:title, twitter:description, twitter:image | X (Twitter) lê suas tags e, se elas estiverem ausentes, parcialmente og |
| Imagem OG | Tem alguma imagem? Qual o tamanho dela? | A pequena imagem transforma o cartão em um minúsculo ícone na lateral. |
| Avaliação de integridade | Quantas etiquetas recomendadas foram preenchidas? | Referência rápida: está tudo no lugar? |
| Pré-visualizações da rede | Cartões para Facebook, X e LinkedIn | Você pode ver como a publicação ficará antes de ser publicada. |
| Recomendações | O que devo adicionar ou corrigir? | Uma lista de tarefas pronta para um desenvolvedor ou para você. |
Como verificar páginas Open Graph online?
- Abra o depurador Open Graph.
- Insira o URL da página que deseja compartilhar: um artigo, um produto ou uma página de destino de publicidade. Clique em "Verificar".
- Analise a lista de tags: quais estão definidas, quais estão vazias e se existe um endereço estrangeiro ou de teste em og:url.
- Verifique a pré-visualização de cada rede: o título está cortado? A imagem está visível? Há algum texto importante nas bordas?
- Adicione as tags que faltam conforme recomendado e verifique a página novamente.
Página da ferramenta: campo de endereço, botão "Verificar", lista de verificações e perguntas frequentes.
A ferramenta é leve: o limite diário é suficiente para um visitante verificar todos os templates do site — página inicial, categoria, produto e artigo. Após o cadastro gratuito, o limite triplica.
Quais são os erros mais comuns no Open Graph?
Eis o que encontro em praticamente todos os outros sites e a ordem em que devo corrigir o problema.
- Não há nenhum elemento og:image ou ele está especificado como uma URL relativa. As redes sociais não entenderão
content="/img/cover.jpg"— a URL completa, começando comhttps://é necessária. Sem uma imagem, o alcance da publicação cai significativamente. - A imagem está muito pequena. O logotipo de 200x200 transforma o cartão em um pequeno quadrado na lateral. É necessária uma imagem de 1200x630.
- Uma única imagem (og:image) para todo o site. Todos os artigos e produtos nas redes sociais devem ter a mesma aparência, incluindo o logotipo. Para o blog e o catálogo, a imagem deve ser a foto principal da página.
- og:url leva a outro endereço — a página inicial, um domínio de teste ou a versão
http://. A plataforma pode consolidar todos os links em uma única página. - Não existe o atributo `twitter:card`. Sem ele, o X geralmente exibe um cartão pequeno. Para uma imagem maior, você precisa
summary_large_image. - O atributo og:title duplica o título com "comprar" e a marca. Em um feed de mídia social, isso parece um anúncio; um título mais chamativo, como o de uma publicação, é melhor.
O conjunto mínimo correto tem a seguinte aparência:
<meta property="og:title" content="Как выбрать кожаный рюкзак: 7 признаков качества"> <meta property="og:type" content="article"> <meta property="og:url" content=" https://example.com/blog/kozhanyj-ryukzak/"> <meta property="og:image" content=" https://example.com/img/og/kozhanyj-ryukzak.jpg"> <meta name="twitter:card" content="summary_large_image">Como preparar uma imagem para og:image?
A imagem é a parte mais visível do cartão, e é onde as pessoas geralmente economizam. Aqui estão algumas regras que eu sigo:
- O tamanho é 1200×630 e a orientação é horizontal. A rede social irá cortar a parte superior e inferior de uma foto quadrada do produto, o que pode resultar na ausência da cabeça ou da sola.
- O importante é que esteja centralizado. Diferentes plataformas cortam as bordas de maneiras diferentes e, no feed do celular, o card fica ainda menor. Mantenha o texto grande e longe das bordas.
- Texto mínimo. O título já está abaixo da imagem; 3 a 6 palavras ou nenhuma legenda são suficientes na própria imagem.
- Arquivo leve. Um JPG ou PNG de tamanho razoável carregará rapidamente e a plataforma não expirará.
- Uma imagem dedicada para cada página principal. Para artigos e produtos, é prático criar uma automaticamente: a capa do artigo ou a foto principal do produto.
Um bom teste é abrir a pré-visualização no depurador do seu celular. Se o link não estiver claro sem dar zoom, a imagem precisa ser retrabalhada.
Como faço para atualizar uma versão de pré-visualização antiga após uma correção?
Um cenário comum: você corrigiu as tags, mas a rede social insiste em exibir a imagem antiga. O motivo é o cache: a plataforma se lembra da pré-visualização do primeiro compartilhamento. No Facebook coletar os dados novamente no Depurador de Compartilhamento ajuda; no LinkedIn, com o Inspetor de Publicações; e no Telegram, com o bot @WebpageBot, para o qual você envia o link. Se nada mais funcionar, adicione um parâmetro inofensivo ao endereço, como ?v=2: para a plataforma, esse é um novo link.
Comparação: Open Graph Debugger e alternativas
| Ferramenta | O que é grátis? | Restrições | Para quem é indicado? |
|---|---|---|---|
| PromoPilot - Depurador Open Graph | Todas as tags do Google e do Twitter, tamanho da imagem do Google, pré-visualizações para Facebook, X e LinkedIn, recomendações. | Não limpa o cache das redes sociais | Verifique sua página imediatamente antes de publicá-la em qualquer rede social. |
| Compartilhamento do depurador (Meta) | Pré-visualização Facebook e Recolha de Dados | Somente Facebook, login na conta necessário | Redefinir pré-visualização antiga no Facebook |
| Inspetor de Postagens do LinkedIn | Pré-visualização e atualização do cache do LinkedIn | Somente LinkedIn, login necessário. | Para quem está promovendo conteúdo no LinkedIn |
| @WebpageBot no Telegram | Atualizando a pré-visualização do link no Telegram | Somente Telegram não analisa tags. | Para proprietários de canais Telegram |
Conclusão: os depuradores oficiais da plataforma são necessários para limpar o cache, mas cada plataforma exibe apenas a sua própria rede. Para visualizar todas as pré-visualizações e uma lista de tags ausentes de uma só vez, um depurador universal é mais conveniente.
Aliás, o PromoPilot oferece 87 ferramentas de SEO gratuitas. Se você ainda não criou suas tags, temos um artigo em nossa série sobre um gerador de meta tags que cria um bloco Open Graph com pré-visualização.
Qual a diferença entre o Open Graph Debugger e a análise de metadados?
A análise de meta tags examina uma página sob a perspectiva de um mecanismo de busca: título, descrição, canonical, hreflang e Open Graph são apenas um exemplo. O depurador, por sua vez, concentra-se nas mídias sociais: ele cria cards para diferentes plataformas, verifica o tamanho das imagens e faz recomendações específicas com base nas pré-visualizações. Se os links para o seu site são compartilhados ativamente em mídias sociais e aplicativos de mensagens, o depurador é mais útil.
Ambos têm uma limitação: leem o HTML retornado pelo servidor. Se as tags forem inseridas por um script do navegador, muitas redes sociais não as verão — isso precisa ser corrigido no site. Outro detalhe: o depurador verifica as tags, mas não o compartilhamento em si. Se a página estiver protegida por senha, com bloqueio geográfico ou protegida contra bots, a rede social pode não conseguir acessá-la mesmo que todas as tags estejam presentes.
Quando uma ferramenta gratuita não é suficiente?
Um depurador mostrará que a página não possui o elemento og:image. Mas se houver milhares de páginas, inserir imagens manualmente não é possível. Um especialista é necessário quando:
- Cada produto ou artigo deve ter sua própria imagem de pré-visualização, coletada automaticamente;
- O site retorna tags usando um script, e as redes sociais não as visualizam;
- Você lança anúncios e envia e-mails em que cada pré-visualização afeta o custo por clique;
- Precisamos de uma combinação de "site + canal Telegram + publicação automática" com os cards certos.
O que posso fazer pelo seu site?
Sou Valeriy Danyuk, desenvolvedor e especialista em SEO com 12 anos de experiência e mais de 200 clientes. Uma prévia de links de alta qualidade é gratuita e personalizada para cada projeto.
SEO e promoção
- Auditoria SEO completa para sites: verifico todas as tags de modelo, configuro imagens de pré-visualização automática e corrijo o código.
Sites e lojas online
- Transferindo sua loja do Instagram para seu site — produtos com pré-visualizações adequadas para facilitar o compartilhamento.
- Uma landing page para um novo produto criada em uma noite – um estudo de caso da NordHarvest com um cartão pronto para redes sociais.
- Site de uma clínica de cirurgia plástica com inteligência artificial e aplicativos via Telegram.
- Site na 1001site: as pré-visualizações para redes sociais e a publicação automática no Telegram são configuradas automaticamente.
Bots e automação
- Bot Telegram com IA para uma loja online de molhos.
- QuestFlow é uma plataforma SaaS Telegram com inteligência artificial.
- Agentes de comércio eletrônico em vez de chatbots.
Envie-me um link que apareça com problemas em um aplicativo de mensagens do Telegram e eu lhe direi qual tag está faltando.
Resultado
- Uma ferramenta online de verificação do Open Graph mostra como um link aparece no Facebook, X e LinkedIn, e quais tags estão faltando.
- O mínimo necessário é og:title, og:type, og:image (1200×630, endereço completo) e og:url, além de twitter:card.
- Após a correção, redefina o cache dos sites: Sharing Debugger, Post Inspector, @WebpageBot.
- Para o catálogo e o blog, as imagens de pré-visualização devem ser coletadas automaticamente, como no 1001site.
Verifique a página que você está prestes a compartilhar no depurador Open Graph gratuito antes que seus seguidores vejam a publicação.
Fontes
- Página da ferramenta Open Graph Debugger do PromoPilot — lista de verificações e perguntas frequentes.
- Protocolo Open Graph (ogp.me) - propriedades obrigatórias e opcionais.
- O Depurador de Compartilhamento da Meta e o Inspetor de Publicações do LinkedIn são as ferramentas oficiais das plataformas.
