HedgieTools

Pré-visualização para redes sociais

Veja como a sua página vai aparecer quando for compartilhada no Google, Facebook, X, LinkedIn, WhatsApp, Slack, Discord ou Pinterest, corrija o que fica cortado e copie as tags Open Graph prontas para colar.

1. Dados da sua página

Preencha o formulário ou importe as informações do código de uma página.

0 / 60
0 / 155
Tipo de página
Imagem de compartilhamento

JPG, PNG, WebP ou GIF. A imagem escolhida serve só para a pré-visualização: para o código, informe também o endereço online dela.

2. Pré-visualizações

Uma simulação de cada plataforma: o resultado real pode variar um pouco, mas os cortes são próximos da realidade.

Google

Eexample.comhttps://example.com › …
Título da páginaA descrição da página vai aparecer aqui.

Facebook

example.comTítulo da páginaA descrição da página vai aparecer aqui.

X

Título da página
De example.com

LinkedIn

Título da páginaexample.com

WhatsApp

Título da páginaA descrição da página vai aparecer aqui.example.com
https://example.com10:24

Slack

example.comTítulo da páginaA descrição da página vai aparecer aqui.

Discord

example.comTítulo da páginaA descrição da página vai aparecer aqui.

Pinterest

Título da páginaEexample.com

O Pinterest mostra a imagem inteira, sem cortá-la. Uma imagem vertical (2:3, por exemplo 1000 × 1500 px) ocupa mais espaço ali, mas será cortada nas outras plataformas.

3. Verificações e código

O que corrigir e, em seguida, as tags para colar na sua página.

  • ProblemaTítulo ausenteSem título, cada rede improvisa um a partir da página.
  • ProblemaDescrição ausenteAs redes vão pegar um trecho de texto da página, muitas vezes mal escolhido.
  • ProblemaNenhuma imagemLinks sem imagem recebem muito menos cliques. Prepare uma imagem de 1200 × 630 px.
  • A melhorarEndereço da página ausenteA tag og:url informa o endereço oficial da página, para que os compartilhamentos sejam agrupados.

Cole na seção head da sua página.

Preencha o formulário para gerar o código.

Sobre a pré-visualização para redes sociais

Sempre que alguém compartilha a sua página, a rede mostra um cartão com o título, a descrição e a imagem dela. Esta ferramenta mostra esses cartões antes de você publicar e gera as tags que os alimentam.

Deixe seus links bonitos

Quando a sua página é compartilhada, cada rede mostra um cartão com um título, uma descrição e uma imagem. Essas informações vêm das tags Open Graph colocadas no código da página. Sem elas, o cartão fica vazio ou com um conteúdo mal escolhido.

Os tamanhos certos

O Google corta um título por volta de 60 caracteres e uma descrição por volta de 155. Uma imagem de 1200 × 630 pixels (1,91:1) fica boa em todo lugar: mantenha o essencial no centro, pois algumas plataformas a recortam. O Pinterest prefere uma imagem vertical.

Código pronto para colar

Copie as tags HTML para colocar no head da sua página ou o objeto de metadados para um site Next.js. Depois que a página vai ao ar, as redes às vezes mantêm a pré-visualização antiga em cache por alguns dias.

Nada é enviado

As pré-visualizações são simuladas no seu navegador. Sua imagem e seus textos não são enviados a lugar nenhum. A única requisição é a que o seu navegador faz para buscar o endereço de imagem que você digitar.

Ferramentas relacionadas

Desenvolvimento

Decodificador de JWT

Leia o cabeçalho, o payload e as datas de um JWT e verifique a assinatura.