Guias de correção de pré-visualização de links
Seu link está sem imagem, com o título errado ou exibindo uma prévia desatualizada? Escolha o aplicativo ou criador de sites abaixo. Cada guia aborda as causas, as tags, as regras de imagem e como forçar uma atualização.
Aplicativos e plataformas
A prévia do link do LinkedIn não está funcionando ou não está atualizando
O LinkedIn cria o card a partir de quatro tags og: e mantém uma cópia em cache. Corrija as tags e, em seguida, faça o LinkedIn buscar a página novamente usando o Post Inspector.
A prévia do link do Facebook não está aparecendo ou não está atualizando
O Facebook lê as tags Open Graph com seu próprio rastreador e armazena o resultado em cache por até 30 dias. Corrija as tags e a imagem e, em seguida, rastreie o URL novamente.
A prévia do link do WhatsApp não está funcionando ou não aparece
O WhatsApp tem limites rígidos: a tag head precisa estar nos primeiros 300 KB do HTML e a imagem deve ter menos de 600 KB. Se desrespeitar algum deles, você terá uma miniatura pequena ou nenhuma prévia.
Pré-visualização de link do iMessage não funciona ou mostra um balão cinza
O Mensagens busca a própria página e não executa JavaScript. Sem a og:image e um bom ícone, você fica apenas com o balão cinza simples contendo apenas o título.
A prévia de links do Slack não está funcionando ou não está atualizando
O Slack expande links com um bot que lê tags do oEmbed, Open Graph e Twitter Card. Os resultados ficam armazenados em cache no Slack por cerca de 30 minutos.
O embed do Discord não está aparecendo ou não está atualizando
O Discord busca a página uma vez, lê as tags no HTML do servidor e armazena a prévia em cache por cerca de 30 minutos. Ele nunca executa o seu JavaScript.
O card do X (Twitter) não está aparecendo ou não está atualizando
O X cria o card a partir das tags twitter:, usando as tags og: como alternativa. Não há mais um validador que atualize o cache, então a solução é usar tags corretas acompanhadas de uma nova URL.
Criadores de sites e frameworks
A imagem Open Graph do Next.js não está funcionando
A maioria dos bugs de pré-visualização do Next.js vem da API de Metadados: a falta de uma metadataBase, um objeto openGraph que substitui o pai ou um arquivo de imagem que ultrapassa o limite.
A imagem OG do WordPress não aparece ao compartilhar um post
No WordPress, as tags do Open Graph vêm de um plugin de SEO ou do tema. Duas fontes em conflito, uma página em cache ou uma imagem pequena costumam ser as causas mais comuns.
A imagem de compartilhamento social da Shopify não está funcionando
A Shopify escolhe a imagem de compartilhamento em uma ordem fixa: código do tema, configurações do tema e, por fim, a imagem em Preferências. Fazer o upload no lugar errado é a causa mais comum.
A imagem Open Graph do Webflow não está funcionando
O Webflow define o Open Graph por página, nunca globalmente. As páginas de modelo do CMS precisam de um campo de Imagem, e todas as imagens dessa coleção devem ter o mesmo tamanho.
A pré-visualização social do Framer não está atualizando
O Framer define uma prévia para redes sociais em todo o site, substituições por página e imagens individuais para itens do CMS. Se a nova imagem já estiver no ar, mas a antiga ainda aparecer, o cache da plataforma é o motivo.
Corrija a página e, em seguida, o cache
Todos os guias seguem a mesma ordem. Primeiro, acerte as tags e a imagem na sua página. Só depois faça o aplicativo buscá-las novamente, caso contrário, ele salvará a versão quebrada uma segunda vez.
Verifique as tags primeiro
A maioria das prévias quebradas ocorre devido à ausência de uma tag og:image, a um URL de imagem relativo ou a tags adicionadas via JavaScript. O Discord e o iMessage não executam JavaScript, portanto, as tags precisam estar no HTML enviado pelo servidor.
Verifique a imagem
Use uma imagem JPG ou PNG de 1200 x 630 px com menos de 5 MB e uma URL https:// absoluta. Isso atende ao tamanho mínimo de todos os aplicativos deste guia. O WhatsApp também exige que ela tenha menos de 600 KB.
Em seguida, limpe o cache
Cada aplicativo mantém sua própria cópia da sua prévia. Corrigir a página não a altera até que o aplicativo a busque novamente.
Perguntas frequentes sobre a prévia do link
Por que a prévia do meu link não está aparecendo?
O aplicativo não consegue ler suas tags ou ainda está exibindo uma cópia salva anteriormente. Verifique o que sua página está veiculando agora com o verificador de meta tags. Se as tags estiverem corretas, o aplicativo precisará carregar a página novamente.
Quais tags a maioria dos aplicativos lê?
og:title, og:description, og:image e og:url cobrem LinkedIn, Facebook, WhatsApp, iMessage, Slack e Discord. O X lê twitter:card primeiro e usa as tags og: como alternativa para o restante.
Como faço para um aplicativo buscar minha página novamente?
O LinkedIn tem o Post Inspector e o Facebook tem o Sharing Debugger. A maioria dos outros aplicativos não tem uma ferramenta de atualização, então você compartilha uma URL que eles ainda não viram, como o mesmo link com ?v=2 adicionado.