Prévia de links em redes sociais
Veja como um link pode aparecer ao ser compartilhado no Facebook, X e LinkedIn a partir do título, descrição e imagem, ou carregue as tags og: direto da URL da página.
O que é Prévia para redes sociais?
Esta ferramenta mostra simulações aproximadas dos cards de link que o Facebook, o X (Twitter) e o LinkedIn exibem para uma URL, lado a lado. Digite o título, a descrição e a URL da imagem, ou clique em "Carregar tags da URL" para ler automaticamente as tags Open Graph e do Twitter da página.
Como usar Prévia para redes sociais
- Digite a URL da página; opcionalmente, clique em Carregar tags da URL para preencher os campos com as tags og: e twitter: dela.
- Edite o título, a URL da imagem e a descrição para testar variações.
- Compare as três simulações de card; textos longos são encurtados como cada rede costuma fazer.
Quando usar Prévia para redes sociais
Use para iterar títulos e imagens de compartilhamento antes de publicar. As simulações são aproximações – os cards reais dependem da versão do app, do tamanho da tela e do cache de cada rede –, então confirme com os depuradores oficiais em campanhas importantes.
Como funciona Prévia para redes sociais
As prévias são renderizadas localmente com o layout atual dos cards de cada rede (imagem 1,91:1, nome do host, título e descrição) e limites aproximados de caracteres. "Carregar tags da URL" usa a Pages Function do AlgoKit protegida contra SSRF para buscar a página e extrair as meta tags (og:title, og:description, og:image, twitter:*, com o title e a description do HTML como alternativa). A imagem é exibida diretamente a partir da URL que você digitar.
Casos de Uso Comuns
- Conferir se o título de um post do blog não é cortado no Facebook.
- Ver como a imagem de um produto é recortada em um card largo.
- Comparar a prévia de duas variantes de título.
- Verificar se o og:image de uma página no ar está definido corretamente.
Perguntas Frequentes
Essas prévias são exatas?
Não. Elas seguem os layouts atuais das redes, mas as fontes, o corte de texto e o recorte das imagens variam conforme o dispositivo e mudam com o tempo.
Por que Carregar tags da URL falha?
A página pode bloquear bots, exigir login, estar em uma rede privada ou estar fora do ar. Você ainda pode digitar os valores manualmente.
Quais tags são lidas?
Primeiro og:title, og:description, og:image e og:url, depois twitter:title/description/image e, por fim, o <title> e a meta description da página.