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.
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 <head> do HTML e monta o cartão. Essas tags seguem o protocolo Open Graph, 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, comowebsiteouarticle.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 (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.
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 |
|---|---|---|---|
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 | |
| 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 |
| 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 |
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:
- 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.
- 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 <head>.
- 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.
- 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.
- 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.
- Escreva o texto alternativo da imagem. Use
og:image:alte, pro X,twitter:image:alt. A documentação arquivada do X fala em no máximo 420 caracteres. O guia de texto alternativo mostra como descrever sem encher de palavra-chave. - Declare a URL canônica.
og:urlcom o endereço definitivo da página, sem parâmetros de campanha. - Adicione as tags do X.
twitter:cardcom valorsummary_large_imagese você quer a imagem grande, etwitter: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:
<meta property="og:title" content="Título da página" />
<meta property="og:description" content="O que a pessoa encontra ao clicar." />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://seusite.com/pagina" />
<meta property="og:image" content="https://seusite.com/capa-pagina.png" />
<meta property="og:image:alt" content="Descrição do que aparece na imagem" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Título da página" />
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 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 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 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. Pra transformar um artigo longo numa semana de posts, o guia de artigos no LinkedIn 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 (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 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 (conferida em 19 de outubro de 2026)
- LinkedIn Help: Make your website shareable on LinkedIn (conferida em 19 de outubro de 2026)
- LinkedIn Post Inspector (conferida em 19 de outubro de 2026)
- X Developer Platform: Summary Card with Large Image, cópia arquivada no Internet Archive (conferida em 19 de outubro de 2026)
- IFTTT Help Center: How to Fix Missing Link Preview Images on Social Media (conferida em 19 de outubro de 2026)
- Otto: página inicial em Markdown (conferida em 19 de outubro de 2026)