# Prévia de link em 2026: como configurar Open Graph pro seu link aparecer com imagem no X, no LinkedIn e no Threads
Veja quais tags Open Graph e Cards o X, o LinkedIn e o Threads leem, que tamanho de imagem usar, como testar a prévia antes de postar e o que fazer quando o link sai sem imagem.
Fonte: https://otto.doti.gg/blog/previa-de-link-em-2026-como-configurar-open-graph-pro-seu-link-aparecer-com-imagem-no-x-no-linkedin
Autor: Isaque Coelho
Publicado: 2026-10-19T20:03:58.991Z
Atualizado: 2026-10-19T20:03:58.991Z
Categoria: Alcance e viralização
A prévia de link é o cartão com imagem, título e descrição que aparece quando você cola uma URL no X, no LinkedIn ou no Threads. Ela vem das tags Open Graph da página (og:title, og:description, og:image, og:url) e, no X, também da tag twitter:card. Configure as tags, use imagem de 1200x630 e teste antes de postar.
Quem posta link com frequência já viu o problema: o cartão sai sem imagem, com o título de outra página ou com uma foto antiga que você trocou faz semanas. O post vira só uma URL azul no meio do texto. A boa notícia é que quase sempre a causa está na página de destino, não no post, e dá pra corrigir uma vez e resolver pra todos os links seguintes.
Este guia mostra quais tags cada rede lê, que tamanho de imagem usar, como testar antes de publicar e o que olhar quando a prévia não aparece. Ele serve pra quem tem blog, newsletter, página de produto ou portfólio e divulga esses links nas redes.
## O que é a prévia de link e de onde ela vem?
Quando você publica uma URL, a rede visita a página, lê algumas tags que ficam no `` do HTML e monta o cartão. Essas tags seguem o [protocolo Open Graph](https://ogp.me/), criado originalmente no Facebook. Segundo a especificação, quatro propriedades são obrigatórias em toda página:
- `og:title`: o título como deve aparecer no cartão.
- `og:type`: o tipo do objeto, como `website` ou `article`.
- `og:image`: a URL da imagem que representa a página.
- `og:url`: a URL canônica, usada como identificador permanente.
A mesma especificação lista propriedades opcionais recomendadas, como `og:description` (uma ou duas frases sobre a página), `og:site_name`, `og:locale` e `og:image:alt`. Sobre esta última, o texto do protocolo é direto: se a página tem `og:image`, deveria ter `og:image:alt`, com uma descrição do que está na imagem.
O X tem um sistema próprio, os Cards, com tags que começam com `twitter:`. A [documentação do Summary Card with Large Image](https://web.archive.org/web/2024/https://developer.x.com/en/docs/x-for-websites/cards/overview/summary-card-with-large-image) (hoje disponível só em cópia arquivada, porque a página saiu do portal atual do X) diz que o sistema reconhece URLs nos posts e visita o site pra buscar o tipo de cartão e o conteúdo.
Um exemplo real: cada artigo deste blog sai com `og:title`, `og:description`, `og:url`, `og:image`, `og:image:alt`, `og:type` igual a `article`, `og:locale` igual a `pt_BR` e, pro X, `twitter:card` com valor `summary_large_image`. Você pode conferir abrindo o código-fonte de qualquer post, como o guia de [texto alternativo](/blog/texto-alternativo-em-2026-como-descrever-imagens-no-x-no-linkedin-e-no-threads-e-alcancar-quem-usa-l).
## Quais tags e tamanhos cada rede pede?
Cada rede documenta uma parte diferente. A tabela junta o que encontramos nas fontes oficiais e o que não encontramos.
| Rede | Tags que a rede lê | Imagem, segundo a fonte | Onde está documentado |
|---|---|---|---|
| LinkedIn | `og:title`, `og:image`, `og:description`, `og:url` | Mínimo de 1200 x 627 pixels, proporção recomendada de 1,91:1, até 5 MB. Imagens com menos de 401 pixels de largura aparecem como miniatura | [Ajuda do LinkedIn](https://www.linkedin.com/help/linkedin/answer/a521928) |
| X | `twitter:card` (obrigatória, com valor `summary_large_image` pro cartão grande), `twitter:title` (obrigatória), `twitter:description`, `twitter:image`, `twitter:image:alt` | Proporção de 2:1, mínimo de 300x157 e máximo de 4096x4096 pixels, menos de 5 MB. JPG, PNG, WEBP e GIF (só o primeiro quadro). SVG não é aceito | [Documentação arquivada de Cards do X](https://web.archive.org/web/2024/https://developer.x.com/en/docs/x-for-websites/cards/overview/summary-card-with-large-image) |
| Threads | Open Graph, como LinkedIn e Facebook, segundo a central de ajuda da IFTTT | Não encontramos especificação oficial da Meta pro Threads | [IFTTT Help Center](https://help.ifttt.com/hc/en-us/articles/34241352347419-How-to-Fix-Missing-Link-Preview-Images-on-Social-Media) |
Não existe um tamanho único publicado pelas três redes. Na prática, uma imagem de 1200x630 atende ao mínimo do LinkedIn e fica dentro da faixa de dimensões aceita pela documentação do X. As proporções não são idênticas (1,91:1 no LinkedIn e 2:1 no X), então deixe o texto importante longe das bordas, pra não perder nada se a rede cortar um pedaço.
Dois detalhes da documentação do X valem pra qualquer rede:
1. **Não use imagem genérica.** O X pede uma imagem única que represente o conteúdo da página e desaconselha logo do site, foto do autor ou qualquer imagem repetida em várias páginas.
2. **Não repita o título na descrição.** A mesma página orienta a não reaproveitar o título como descrição nem usar o campo pra descrever os serviços gerais do site.
## Como configurar a prévia de link em 6 passos
Se você usa um construtor de site ou um CMS, quase tudo isso fica em campos como "imagem de compartilhamento" ou "SEO social". Se o site é seu código, as tags vão no ``.
1. **Escreva o título do cartão.** Pode ser igual ao título da página. Prefira um título que faça sentido fora do contexto do site, porque no feed ninguém vê seu menu.
2. **Escreva a descrição.** Uma ou duas frases, como pede o protocolo Open Graph, dizendo o que a pessoa encontra ao clicar. Não copie o título.
3. **Crie uma imagem própria pra cada página.** 1200x630, texto grande e pouco, com o assunto da página. Evite print com letra pequena: no celular, o cartão é estreito.
4. **Escreva o texto alternativo da imagem.** Use `og:image:alt` e, pro X, `twitter:image:alt`. A documentação arquivada do X fala em no máximo 420 caracteres. O guia de [texto alternativo](/blog/texto-alternativo-em-2026-como-descrever-imagens-no-x-no-linkedin-e-no-threads-e-alcancar-quem-usa-l) mostra como descrever sem encher de palavra-chave.
5. **Declare a URL canônica.** `og:url` com o endereço definitivo da página, sem parâmetros de campanha.
6. **Adicione as tags do X.** `twitter:card` com valor `summary_large_image` se você quer a imagem grande, e `twitter:title`. A documentação do X marca essas duas como obrigatórias nesse tipo de cartão; descrição, imagem e texto alternativo aparecem como opcionais na tabela de referência.
Um bloco mínimo fica assim:
```html
```
Repare que o Open Graph usa `property` e os Cards do X usam `name`, como nos exemplos de cada documentação.
## Como testar antes de postar
Testar leva menos tempo que apagar um post com cartão quebrado. Use uma ferramenta por rede:
- **LinkedIn:** o [Post Inspector](https://www.linkedin.com/post-inspector/) mostra como o LinkedIn lê a prévia de uma URL. A central da IFTTT recomenda essa ferramenta pra checar os dados que o LinkedIn puxa.
- **Facebook e Threads:** o [Sharing Debugger](https://developers.facebook.com/tools/debug/) da Meta mostra os metadados que o Facebook consegue ler. A IFTTT diz que ele mostra o que o Facebook, "e potencialmente o Threads", detecta. Trate como um indicativo, não como garantia pro Threads.
- **X:** a IFTTT sugere o caminho mais simples: abrir o compositor de post, colar o link e ver se a prévia aparece. Não publique; apague o rascunho depois de conferir.
Se você tem acesso ao terminal, um teste rápido é baixar o HTML e procurar as tags. O comando `curl -s https://seusite.com/pagina | grep "og:"` lista o que está no HTML entregue pelo servidor. Se as tags só aparecem depois que o JavaScript da página roda, há risco de a rede não enxergar nada; confira no código-fonte, não no inspetor do navegador.
Depois de testar a página, abra a URL da imagem sozinha numa aba anônima. Ela precisa carregar sem login.
## Por que a prévia não aparece ou mostra a imagem errada?
Estes são os casos mais comuns, com o que conferir em cada um.
| Sintoma | Causa provável | O que fazer |
|---|---|---|
| Cartão sem imagem | `og:image` ausente, com caminho relativo ou apontando pra uma imagem que pede login | Use URL completa com https e teste a imagem numa aba anônima. A ajuda do LinkedIn cita site bloqueando a coleta e imagem em diretório protegido |
| Imagem aparece pequena, ao lado do texto | Imagem estreita demais. No LinkedIn, menos de 401 pixels de largura vira miniatura; no X, falta `twitter:card` com `summary_large_image` | Suba a imagem pra 1200x630 e adicione a tag do X |
| Título ou descrição de outra página | Tags copiadas de um modelo e nunca trocadas, ou duas tags iguais na mesma página | Pelo protocolo Open Graph, quando há tags repetidas, a primeira tem preferência. Remova as duplicadas |
| Imagem antiga depois de trocar | A rede guardou a versão anterior | Rode a URL de novo no Post Inspector ou no Sharing Debugger depois da mudança |
| Nada aparece em nenhuma rede | Robôs bloqueados no `robots.txt` ou no firewall, ou página que exige login | Confira se a página e a pasta das imagens estão liberadas pra robôs |
O último caso é fácil de deixar passar. No `robots.txt` deste blog, por exemplo, a pasta da API está bloqueada pra robôs, mas a pasta das imagens dos artigos tem uma linha `Allow` própria, justamente pra que a capa possa ser lida. Se você bloqueia uma pasta inteira, confirme que as imagens de compartilhamento não estão dentro dela.
O mesmo cuidado vale pra SEO e pra ser citado por IA: uma página que robôs não conseguem ler não aparece na prévia e também não entra nas respostas. O [checklist de AEO e GEO](/blog/aeo-e-geo-em-2026-como-ser-citado-por-ia-e-pelo-google-com-um-checklist-tecnico-e-de-escrita) cobre esse lado técnico.
## Onde o Otto entra
A prévia é responsabilidade da página. O texto do post que acompanha o link é responsabilidade sua, e é ali que a maioria dos posts com link perde força: o texto só repete o título do cartão, e o leitor vê a mesma frase duas vezes.
Uma regra prática: o cartão diz o que é a página; o post diz por que vale abrir agora. Traga um dado da página, uma conclusão ou uma pergunta, e deixe o título pro cartão. Pra pedir o clique sem soar vendedor, veja os modelos de [CTA em posts](/blog/cta-em-posts-em-2026-7-modelos-pra-pedir-acao-no-x-e-no-linkedin-sem-soar-vendedor). Pra transformar um artigo longo numa semana de posts, o guia de [artigos no LinkedIn](/blog/artigos-no-linkedin-em-2026-quando-usar-artigo-em-vez-de-post-e-como-extrair-uma-semana-de-conteudo) mostra como.
O Otto é um copiloto de conteúdo pra X e LinkedIn: sugere posts a partir do seu contexto, adapta a mesma ideia pro formato de cada rede, permite revisar e editar e só publica ou agenda depois da sua aprovação, segundo a [página do Otto](https://otto.doti.gg/index.md) (conferida em 19 de outubro de 2026). Na prática, você manda o link do artigo, pede uma versão pro X e outra pro LinkedIn com ângulos diferentes, testa a prévia com as ferramentas acima e agenda. O Otto não altera as tags do seu site; a configuração da página continua com você.
[Conheça o Otto](https://otto.doti.gg) e teste com o próximo link que você for divulgar.
## Perguntas frequentes
**Qual o tamanho ideal da imagem de prévia de link?**
Não há um tamanho único publicado pelas três redes. 1200x630 atende ao mínimo de 1200 x 627 do LinkedIn e cabe na faixa de 300x157 a 4096x4096 da documentação arquivada do X. Deixe o texto longe das bordas.
**Preciso das tags do X se já tenho Open Graph?**
Pra imagem grande no X, adicione pelo menos `twitter:card` com `summary_large_image` e `twitter:title`. São as duas propriedades que a documentação do X marca como obrigatórias nesse cartão.
**Por que troquei a imagem e a prévia continua velha?**
A rede guarda a leitura anterior da página. Rode a URL de novo no Post Inspector do LinkedIn ou no Sharing Debugger da Meta depois da troca.
**O Threads usa as mesmas tags?**
Segundo a central de ajuda da IFTTT, o Threads depende de Open Graph, como LinkedIn e Facebook. Não encontramos documentação oficial da Meta específica pro Threads sobre isso.
**Posso usar o logo da empresa como imagem de prévia?**
Pode, mas a documentação do X desaconselha imagem genérica, como logo ou foto do autor, repetida em várias páginas. Uma imagem por página ajuda o leitor a saber o que vai encontrar.
**A prévia de link ajuda no SEO?**
As tags Open Graph servem pras redes sociais montarem o cartão. Não encontramos fonte do Google dizendo que elas influenciam posição na busca, então não afirmamos isso.
## Fontes
- [The Open Graph protocol](https://ogp.me/) (conferida em 19 de outubro de 2026)
- [LinkedIn Help: Make your website shareable on LinkedIn](https://www.linkedin.com/help/linkedin/answer/a521928) (conferida em 19 de outubro de 2026)
- [LinkedIn Post Inspector](https://www.linkedin.com/post-inspector/) (conferida em 19 de outubro de 2026)
- [X Developer Platform: Summary Card with Large Image, cópia arquivada no Internet Archive](https://web.archive.org/web/2024/https://developer.x.com/en/docs/x-for-websites/cards/overview/summary-card-with-large-image) (conferida em 19 de outubro de 2026)
- [IFTTT Help Center: How to Fix Missing Link Preview Images on Social Media](https://help.ifttt.com/hc/en-us/articles/34241352347419-How-to-Fix-Missing-Link-Preview-Images-on-Social-Media) (conferida em 19 de outubro de 2026)
- [Otto: página inicial em Markdown](https://otto.doti.gg/index.md) (conferida em 19 de outubro de 2026)