4 min de leitura
Por que suas prévias de link parecem quebradas (e como corrigi-las)
Uma prévia em branco ou errada quando você cola seu link no Slack, iMessage ou X quase sempre se resume a um punhado de tags Open Graph. Aqui está o checklist.
Você publica uma página, cola o link no Slack e recebe uma URL nua, sem imagem — ou pior, o título do mês passado. As prévias de link são controladas pelas meta tags Open Graph e Twitter, e, quando elas estão ausentes ou erradas, cada plataforma recorre a algo feio.
As tags que controlam a prévia
<meta property="og:title" content="Your page title" />
<meta property="og:description" content="One clear sentence." />
<meta property="og:image" content="https://yoursite.com/og.png" />
<meta name="twitter:card" content="summary_large_image" />Os suspeitos de sempre
- og:image é um caminho relativo — precisa ser uma URL absoluta.
- A imagem é pequena demais; mire em 1200×630.
- As tags são injetadas no lado do cliente, então os crawlers nunca as veem.
- Um cache está servindo a prévia antiga — refaça a raspagem para atualizá-la.
A ferramenta de Imagem OG renderiza um card com sua marca para cada página e mostra a prévia do desdobramento no Slack, iMessage, X e LinkedIn antes de você publicar — depois a habilidade conecta as tags ao seu repositório para que elas sejam renderizadas no servidor.