Veja como sua página aparece quando alguém compartilha o link
Veja a prévia que seis plataformas montam quando alguém compartilha um link para sua página.
Quando um link é compartilhado, a plataforma não mostra simplesmente o endereço. Ela busca a página, lê algumas tags do head e monta uma prévia: uma imagem, um título, uma linha de texto. Quais tags ela lê depende de onde o link foi publicado. O X procura primeiro as próprias tags e só depois recorre às do Open Graph, enquanto Facebook e LinkedIn leem apenas Open Graph. Se uma tag faltar não fica um espaço vazio; a plataforma pega outra coisa da página, muitas vezes o primeiro texto que encontra. Digite um endereço abaixo para ler as tags de uma página, ou escreva você mesmo, e a prévia é desenhada do jeito que cada uma das seis plataformas monta.
Quais tags cada plataforma lê
O X olha primeiro as próprias tags e recorre ao Open Graph quando elas faltam. Facebook e LinkedIn leem apenas Open Graph, então uma tag X não serve de nada para eles. Slack e Discord aceitam qualquer uma. Uma mesma página pode assim gerar seis prévias que não combinam entre si, e um título que você tem certeza de ter definido pode faltar na metade delas. Cada prévia aqui segue a ordem que aquela plataforma realmente usa.
Facebook e LinkedIn guardam o que leram
Os dois guardam uma cópia do que encontraram na primeira vez que buscaram sua página, e mantêm essa cópia por muito tempo. Você corrige as tags e a prévia não muda, que é o motivo mais comum de uma correção certa parecer ter falhado. É preciso pedir à plataforma que leia a página de novo, e as duas oferecem uma ferramenta para isso: o Sharing Debugger no Facebook, o Post Inspector no LinkedIn. Nenhuma ferramenta limpa esses caches por você, incluindo esta. O que você vê aqui é o que as tags dizem agora, não o que o Facebook ainda está mostrando.
Uma tag ausente não vira espaço em branco
As plataformas substituem em vez de deixar um buraco. Sem tag de descrição elas pegam uma linha da página, normalmente o primeiro texto que encontram, e em muitos sites esse primeiro texto é um item de menu ou um aviso de cookies. Sem imagem a prévia encolhe para uma linha de texto ao lado de um favicon. As prévias reproduzem essas substituições.
O tamanho, e onde o corte acontece
Abaixo de cerca de 600px de largura, a maioria das plataformas deixa de mostrar a prévia com imagem grande e passa para uma miniatura pequena ao lado do texto, uma prévia bem mais fraca. 1200 por 630 é o tamanho que quase todo mundo usa como alvo. O corte é feito a partir do meio, então qualquer coisa perto da borda de cima, de baixo ou das laterais pode sumir: um telefone no rodapé de uma fotografia, um nome no alto de um cartaz. A imagem é carregada e medida aqui no seu navegador, então o tamanho que aparece é o real e não o que a tag de largura afirma.
Um único conjunto de tags, seis prévias, porque as plataformas não as leem do mesmo jeito.
- No layout de cada uma
- Na ordem de tags que cada uma usa
- Lado a lado
- Medida no seu navegador
- Pixels reais, não a tag
- Cortada como será cortada
- Título e descrição
- Onde cada um é cortado
- De qual tag cada um veio
- Quaisquer tags que existam
- Cada alternativa seguida
- Nada guardado