Por que o link do seu site aparece sem imagem no WhatsApp (e como resolver)

O que é Open Graph

Open Graph é um conjunto de etiquetas que ficam no código da página, invisíveis para o visitante. Foi criado pelo Facebook e hoje é lido por WhatsApp, Instagram, LinkedIn, Telegram e muitos outros aplicativos.

Quando você cola um link numa conversa, o aplicativo visita a página, procura essas etiquetas e monta o cartão de prévia. As principais são quatro: título, descrição, imagem e endereço oficial da página. Sem elas, o aplicativo improvisa ou mostra apenas o link cru.

As causas mais comuns de link sem imagem

• A etiqueta de imagem não existe. É o caso mais frequente em sites antigos ou feitos sem esse cuidado.
• A imagem é pesada demais. O WhatsApp costuma ignorar arquivos grandes. Manter a imagem leve, de preferência bem abaixo de 1 MB, evita o problema.
• O endereço da imagem está incompleto. Ele precisa ser completo, começando com https, e não um caminho relativo.
• A imagem exige login ou está bloqueada para robôs.
• O site monta tudo com JavaScript. O robô do WhatsApp não executa scripts. Se as etiquetas só aparecem depois que o script roda, para ele elas não existem.
• O servidor responde mal ao robô. Alguns aplicativos fazem uma consulta rápida antes de baixar a página, e servidores mal configurados devolvem erro nessa consulta.
• A prévia antiga ficou em cache. Você corrigiu o site, mas o aplicativo ainda lembra da versão anterior.
• O formato não é aceito. JPG e PNG são os mais seguros. SVG normalmente não funciona.

Como testar do jeito certo

1. Mande o link para você mesmo no WhatsApp e espere alguns segundos antes de enviar, para a prévia carregar.
2. Se já tinha testado antes, acrescente ao final do endereço algo como ?v=2. Isso faz o aplicativo tratar como link novo e ignora o cache.
3. Use a ferramenta de depuração de compartilhamento da Meta para ver o que o robô enxerga e quais avisos aparecem.
4. Teste a página inicial e também páginas internas e artigos do blog. É comum só a inicial estar certa.
5. Teste em outro aplicativo, como LinkedIn ou Telegram, para confirmar.

O que pedir para quem cuida do seu site

Você não precisa saber programar. Basta passar esta lista:

• Etiquetas og:title, og:description, og:image e og:url em todas as páginas, presentes no HTML inicial.
• Imagem no formato horizontal, em torno de 1200 por 630 pixels, em JPG ou PNG, leve.
• Endereço completo da imagem, com https.
• Informar largura, altura e texto alternativo da imagem nas etiquetas correspondentes.
• Título curto e descrição de uma ou duas frases, diferentes para cada página.
• Uma imagem própria para cada artigo do blog, e uma imagem padrão para o resto.
• Incluir também as etiquetas de cartão usadas por outras redes, que seguem a mesma lógica.

Nos sites que entregamos, toda página já sai com prévia de link conferida. Veja o que mais está incluído em serviços de site.

Por que isso importa para vender

Pense em como o seu site circula. O vendedor manda o link para o cliente. O cliente encaminha para o sócio. Alguém compartilha num grupo do bairro. Em todos esses momentos, a primeira impressão da sua empresa é o cartão de prévia.

O mesmo vale para anúncio, assinatura de e-mail, proposta comercial em PDF e bio de rede social. Em todo lugar onde o link aparece, o cartão aparece junto. Para uma empresa que vende pelo WhatsApp, como é comum entre as pequenas no Brasil, a prévia do link funciona como vitrine.

Um endereço solto, sem imagem, parece descuido e, para muita gente, parece golpe. Um cartão com logotipo, título claro e descrição objetiva passa a mensagem de empresa séria antes mesmo do clique.

Vale cuidar também do caminho inverso. O botão de WhatsApp do site pode abrir a conversa com uma mensagem inicial que diz de qual página a pessoa veio. Assim você sabe o que trouxe o contato e já começa o atendimento com contexto.

Veja exemplos de sites no ar em projetos.

Se o seu link continua chegando sem imagem e ninguém descobre o motivo, peça o diagnóstico grátis. Identificamos a causa e dizemos o que corrigir.