O WhatsApp é compatível com prévias de links enviados em conversas ou compartilhados no status. Sempre que possível, o WhatsApp tentará gerar uma prévia do link para melhorar a experiência do usuário. Para habilitar essa experiência, o WhatsApp precisa que os proprietários de links definam propriedades otimizadas especificamente para ele. Se esses requisitos não forem atendidos, não será possível ver uma prévia do link.

Começar

Para começar a usar as prévias de links, é preciso adicionar marcações HTML à seção HEAD da página.

<head>
  <meta property="og:title" content=”WhatsApp"/>
  <meta property="og:description" content="Simple. Secure. Reliable messaging."/><meta property="og:url" content="https://whatsapp.com"/>
  <meta property="og:image"content="https://static.whatsapp.net/rsrc.php/ym/r/36B424nhiL4.svg"/>
</head>

O <head> que contém as marcações HTML deve aparecer dentro dos primeiros 300 KB do HTML. O HTML completo não precisa se encaixar em 300 KB.

As marcações <og:title>, <og:description> e <og:url> devem ficar dentro da tag <head>. Eles não podem estar vazios.

A marcação <og:title> representa o título do conteúdo sem nenhuma indicação de marca. O WhatsApp exibirá esse texto na cor principal, em negrito e no máximo em duas linhas.

A marcação <og:description> representa a descrição do conteúdo. O WhatsApp exibirá o texto em um tamanho menor que o título e com a cor de texto secundária. O limite é de até duas linhas e até 80 caracteres.

A marcação <og:url> representa o URL canônico da página. O URL deve ser não decorado, sem variáveis de sessão, parâmetros de identificação do usuário nem contadores.

A marcação <og:image> é um URL absoluto para uma imagem usada como miniatura da prévia do link. A imagem deve ter menos de 600 KB. A imagem deve ter 300 px ou mais de largura com taxa de proporção de 4:1 largura/altura ou menos.

O WhatsApp fará o possível para mostrar prévias de links, por exemplo, flexibilizando requisitos, procurando outras marcações HTML e revertendo para pequenas prévias de links. Porém, não conte com isso. Não há garantia de que funcionará (e continuará funcionando).

O WhatsApp faz o crawl da página da web por meio de uma solicitação HTTP GET.

A solicitação terá o cabeçalho User-Agent definido como WhatsApp/2.x.x.x A|I|N, em que x são as versões numéricas principais/secundárias do WhatsApp, e A|I|N é para Android, iOS e web, respectivamente. Alguns exemplos de valores de cabeçalho User-Agent válidos: WhatsApp/2.22.20.72 A, WhatsApp/2.22.19.78 I, WhatsApp/2.2236.3 N. Os proprietários de sites podem identificar essas solicitações recebidas e personalizar o conteúdo (marcações e imagens) de maneira adequada.

A solicitação também terá o cabeçalho Accept-Language definido como o idioma selecionado pelo remetente, se houver. Alguns exemplos de valores de cabeçalho Accept-Language válidos são: en, fr e de. Do mesmo modo, os proprietários de sites podem personalizar o idioma do conteúdo. O idioma definido pelo destinatário também será visto por ele.

Como fazer a verificação?

Comece escrevendo uma mensagem com o link para testar (não toque para enviar). Em nome do remetente, o WhatsApp rastreará esse URL e tentará gerar uma prévia do link.

Se a prévia não aparecer acima da caixa do editor após dez segundos, verifique se todos os requisitos mencionados foram atendidos. Caso contrário, prossiga com o envio da mensagem tocando no botão "Enviar".

Se a prévia não aparecer no tamanho grande esperado, verifique se os requisitos de imagem mencionados acima foram atendidos. Caso contrário, as prévias de links estão funcionando conforme o esperado. Pronto!

Você achou esta página útil?