Card de link em redes sociais e mensageiros
O card de link em mensageiros e redes sociais é montado a partir da marcação Open Graph. Se ela não existir, o link aparece como uma string simples e recebe visivelmente menos cliques. Você pode conferir o que será exibido ao enviar o link usando o depurador de cards.
Conjunto mínimo
| Propriedade | O que informar |
|---|---|
| Título | Curto e claro, mesmo sem contexto |
| Descrição | Uma ou duas frases, que não sejam uma cópia do título |
| Imagem | Horizontal, com um elemento grande; textos pequenos nela ficam ilegíveis |
| Endereço da página | Canonical |
| Tipo | Artigo ou site: afeta a aparência do card |
Onde o card aparece
A mesma marcação é usada por mensageiros, redes sociais e muitos chats: um link enviado a um colega é exibido segundo as mesmas regras de um link publicado em um feed. Por isso, o card é importante até para sites que não mantêm redes sociais: os links para eles continuam sendo compartilhados em conversas.
Problemas comuns
- A imagem não carrega. Na maioria das vezes, ela está bloqueada para rastreamento ou tem um tamanho grande demais.
- Imagem antiga após a substituição. As plataformas armazenam o card em cache: você pode limpá-lo pelo depurador delas ou alterando o endereço do arquivo da imagem.
- Corte diferente. Cada plataforma tem suas próprias proporções: mantenha os elementos importantes no centro.
- Descrição tirada do primeiro parágrafo. Se não houver marcação, a plataforma pega o que conseguir, geralmente sem sucesso.
Uma imagem para todos os casos ou imagens diferentes
Para a maioria dos sites, uma imagem de qualidade por seção é suficiente: um card de link para artigo, um card para serviço. Imagens separadas para cada página compensam onde os links são muito compartilhados: em blogs e seções de ajuda. O principal é que a imagem não seja um fundo vazio com a marca: um card com o logotipo no meio do vazio parece a ausência de um card.
Confira ao mesmo tempo
A presença do favicon e a correção das meta tags: são coisas relacionadas e, em geral, são corrigidas de uma só vez no template.
