Uma prévia de link é construída a partir das tags Open Graph no HTML da página de destino - og:title, og:description, og:image e og:url. Quando você cola um link no WhatsApp, Facebook, Slack ou X, o rastreador dessa plataforma busca a página, lê essas tags e renderiza o cartão. Se a prévia não está aparecendo, quase sempre é uma dessas duas coisas: as tags estão ausentes ou quebradas, ou a plataforma armazenou em cache um resultado vazio e ainda o está exibindo.
Esse único fato - a prévia vem do destino, não do link - é o que torna isso corrigível. Você não está depurando a plataforma; está depurando as tags da página e então limpando a memória da plataforma sobre elas. Este guia cobre por que as prévias quebram, as poucas tags que importam, se os links curtos são os culpados (geralmente não são), e a ferramenta exata para atualizar cada plataforma.
Se você também está encurtando o link, como encurtar uma URL cobre esse lado, e a questão do link curto tem sua própria seção abaixo porque é onde as pessoas erram.
Por Que as Prévias de Link Quebram#
As prévias falham por um conjunto pequeno e previsível de razões, e identificá-las é metade da solução.
- Tags Open Graph ausentes ou malformadas. Sem
og:titleouog:image, o rastreador não tem nada para construir um cartão, então você obtém apenas o link. Essa é de longe a causa mais comum. - Uma imagem inacessível ou muito grande. A URL do
og:imageretorna um 404, está atrás de um login ou é grande demais para a plataforma buscar a tempo. O cartão é renderizado sem a imagem, ou não é renderizado de forma alguma. - Cache vazio. A plataforma rastreou a URL uma vez antes de as tags existirem, armazenou "sem prévia" e continua exibindo isso até ser forçada a olhar novamente.
- Renderização somente via JavaScript. A maioria dos rastreadores sociais não executa JavaScript; eles leem o HTML bruto. Se suas tags são injetadas pelo cliente, o rastreador nunca as vê.
Esse último pega aplicativos de página única modernos constantemente. O rastreador solicita o HTML, recebe uma casca vazia e vai embora. O protocolo Open Graph define como as tags devem aparecer no HTML servido, e a solução é sempre garantir que elas estejam no HTML que o rastreador recebe, não adicionadas depois por script.
As Tags Open Graph Que Alimentam uma Prévia#
Quatro tags fazem quase todo o trabalho. Acerte essas e a maioria das plataformas renderiza um cartão limpo.
og:title é o título do cartão. og:description é a linha de texto abaixo dele. og:image é a imagem - e é a que as pessoas mais frequentemente erram - aponte para uma URL absoluta de uma imagem com aproximadamente 1200x630 pixels, acessível publicamente, não atrás de autenticação. og:url é o endereço canônico da página, o que mantém a prévia estável mesmo quando o link carrega parâmetros de rastreamento.
O X lê sua própria família de tags twitter:card e usa Open Graph como fallback quando elas estão ausentes - é por isso que uma página pode ter uma prévia perfeita no Facebook e aparecer sem formatação no X. A opção segura é incluir ambas: as quatro tags Open Graph mais twitter:card, twitter:title, twitter:description e twitter:image. São algumas linhas de HTML no head da página, e é a diferença entre um cartão que funciona em todos os lugares e um que funciona em apenas um. O Google documenta o comportamento relacionado de rastreadores e tags especiais se você quiser a visão do lado da busca também.
Links Curtos Quebram as Prévias de Link?#
Essa é a pergunta que leva as pessoas ao blog de um encurtador de URL, e a resposta é tranquilizadora: um link curto limpo não quebra prévias. Quando você compartilha um link curto, o rastreador da plataforma segue o redirecionamento até o destino e lê as tags Open Graph lá, então o cartão mostra a prévia do destino exatamente como a URL longa mostraria.
As prévias quebram em torno de links curtos apenas em casos específicos. Uma cadeia de redirecionamentos - um link curto apontando para outro link curto apontando para a página - pode confundir ou expirar o tempo de um rastreador, portanto, mantenha um único salto, que é a mesma disciplina que mantém os redirecionamentos rápidos e limpos para SEO. Um encurtador que usa mascaramento por iframe em vez de um redirecionamento real quebra a prévia, porque o rastreador vê o invólucro, não o destino - uma das várias razões pelas quais essa técnica é uma má ideia, abordada em cloaking de link e mascaramento de URL. E se o destino em si não tem tags Open Graph, nenhum link curto pode inventá-las. Use um redirecionamento de um único salto em um domínio personalizado apontando para uma página com boas tags, e a prévia é idêntica à do link não encurtado.
Se você quer links curtos que redirecionam de forma limpa em um único salto e nunca ficam entre seu público e uma boa prévia, crie um workspace gratuito no Elido e aponte seu primeiro link para uma página com tags adequadas.
Como Corrigir, Plataforma por Plataforma#
Assim que as tags estiverem corretas, o trabalho restante é limpar o cache de cada plataforma - e cada plataforma principal oferece uma ferramenta para isso.
- Facebook e Instagram. Execute a URL pelo Facebook Sharing Debugger. Ele mostra as tags que encontrou e um botão "Rastrear Novamente" que busca a página de novo e limpa o cartão em cache. Isso também cobre o Instagram, que compartilha o mesmo rastreador.
- LinkedIn. Use o LinkedIn Post Inspector. O LinkedIn armazena prévias em cache por cerca de uma semana, e o inspetor é a única maneira de forçar uma atualização antecipada.
- X (Twitter). O validador de cartões busca a página novamente e mostra como o cartão será renderizado; confirme que as tags
twitter:cardestão presentes e teste novamente. - WhatsApp, iMessage, Slack, Discord. Estes não têm uma ferramenta de depuração pública. Eles seguem o Open Graph, mas armazenam em cache de forma agressiva. A solução alternativa é compartilhar uma URL ligeiramente diferente - adicione ou altere um parâmetro de consulta inofensivo - que o aplicativo trata como nova e rastreia do zero.
O padrão é o mesmo em todos os lugares: corrija as tags na página, então force a plataforma a olhar novamente. Uma prévia que está apenas em cache é corrigida em minutos assim que você faz um novo rastreamento; uma prévia que não tinha tags aparece assim que o rastreador vê a página novamente.
A Lista de Verificação Antes de Compartilhar#
Antes de um link ser compartilhado com um público, trinta segundos de verificação evitam o constrangimento de um link sem formatação.
- Confirme que o destino tem
og:title,og:description,og:imageeog:url, além das tags Twitter Card. - Abra a URL do
og:imagediretamente no navegador - ela deve carregar, publicamente, em aproximadamente 1200x630. - Execute a URL final, incluindo o link curto, pelo depurador do Facebook para ver o cartão real.
- Se você está compartilhando um link curto, verifique se é um único salto até o destino, não uma cadeia.
Faça esses quatro e a prévia aparece na primeira vez, em todas as plataformas que importam. O cartão não é mágica e não é a plataforma sendo difícil - são quatro tags na sua página e um cache para limpar.
Relacionados no Blog#
- Como encurtar uma URL: links gratuitos, com marca e em massa
- Domínios personalizados para links curtos: o passo a passo de DNS e TLS
- Cloaking de link e mascaramento de URL: o que é seguro para SEO
- Os encurtadores de URL prejudicam o SEO? A resposta honesta
- Links inteligentes explicados: roteamento por edge sem um serviço extra
Experimente Elido
Cole uma URL, obtenha um link curto
Sem cadastro. O link vive 30 dias. Cadastre-se para mantê-lo para sempre.
Grátis, sem necessidade de registo · 2 por dia