Guias/Desenvolver público/Ferramentas para redes sociais/Controlar as prévias de redes sociais do seu site

Controlar as prévias de redes sociais do seu site

As prévias de redes sociais exibem informações sobre seu site quando você compartilha um link para plataformas como Facebook, LinkedIn e X (antigo Twitter). Neste guia, você aprenderá a controlar como seu conteúdo aparece quando compartilhado nas redes sociais.

Noções básicas das prévias de redes sociais padrão

O WordPress.com adiciona automaticamente tags de metadados do Open Graph (og:title, og:description, og:image) a todos os seus posts e páginas. Quando alguém compartilha um link para seu conteúdo nas redes sociais, essas tags informam à rede social qual imagem, título e descrição exibir na prévia.

No caso de posts e páginas

Ao compartilhar posts ou páginas individuais, o WordPress.com cria prévias com estas informações:

  • Título: o título da página ou post sendo compartilhado.
  • Descrição: o resumo definido para a página ou post. Se nenhum resumo for definido, os primeiros 195 caracteres do conteúdo serão usados.
  • Imagem: a imagem destacada definida para a página ou post. Se nenhuma imagem destacada for definida, as redes sociais procurarão imagens nesta ordem:
    • Uma imagem de um slideshow.
    • Uma imagem de uma galeria.
    • Qualquer outra imagem no site.
    • Uma imagem com link de outro site.
    • Sua foto de perfil.
    • Outras imagens encontradas na página, como do cabeçalho, rodapé ou barra lateral.

A seção Visualização do link na barra lateral do Jetpack mostra como o link do seu post aparecerá nas redes sociais e nos resultados de pesquisa do Google. Essa prévia mostra o título, a descrição e a imagem que cada plataforma exibirá com base nas tags do Open Graph no seu post.

Para conferir a aparência do seu link, siga estas etapas:

  1. Navegue até Posts no seu painel e crie ou edite um post.
  2. Clique no ícone verde do Jetpack na parte superior direita do editor.
  3. Role para baixo até a seção Visualização do link.
  4. Clique no botão Visualizar.
  5. No modal Visualizações, clique no ícone de cada plataforma (Google, X, Facebook, Threads, LinkedIn, Nextdoor, Tumblr, Mastodon ou Bluesky) para ver como seu link aparecerá lá.

Se a visualização não parecer correta, verifique a seção Corrigir problemas de visualização abaixo.

No caso de página inicial e páginas de arquivo

Ao compartilhar a página inicial ou as páginas de arquivo (posts, categorias, etc.) do seu site, o WordPress.com cria visualizações com estas informações:

Personalizar prévias de redes sociais com o Jetpack Social

Esta seção do guia destina-se a sites com os planos WordPress.com Premium, Negócios e Commerce. Para sites gratuitos e sites com o plano Pessoal, faça upgrade do seu plano para acessar essa funcionalidade.

Você pode controlar como seus posts aparecem em cada rede social antes de compartilhá-los. O painel do Jetpack Social no editor permite que você escreva mensagens personalizadas, escolha imagens e veja uma prévia dos seus posts em redes sociais, tudo em um só lugar.

Visualizar e personalizar posts de redes sociais

O modal Visualizar e personalizar permite que você veja como seu post ficará em cada rede social conectada e faça alterações antes de publicar. Essa funcionalidade está disponível com o planos Premium, Negócios e Commerce.

Para visualizar e personalizar um post em rede social, siga estas etapas:

  1. Navegue até Posts no seu painel e crie ou edite um post.
  2. Clique no ícone verde do Jetpack na parte superior direita do editor.
The Jetpack icon to the right of the "Publish" button on a draft post.
  1. Em Compartilhar nas redes sociais, clique no botão Visualizar e personalizar.
A box drawn around the Preview and customize button.
  1. No modal que for aberto, escreva uma mensagem personalizada no campo MENSAGEM.
  2. À direita, revise a visualização dinâmica do seu post como ele aparecerá na rede social selecionada.
  3. Ative ou desative o botão ao lado de cada conta para incluí-la ou excluí-la do compartilhamento.
  4. Clique no botão Fechar quando terminar.

A visualização dinâmica é atualizada à medida que você faz alterações para refletir exatamente o que seu público verá.

Personalizar posts para cada rede

Esta seção do guia destina-se a sites com o plano WordPress.com Negócios e Commerce. Se você tiver um plano Negócios, certifique-se de ativá-lo. Para sites gratuitos e sites com os planos Pessoal e Premium, faça upgrade do seu plano para acessar essa funcionalidade.

Você usar uma mensagem e/ou uma imagem diferente para cada rede social conectada em vez de compartilhar o mesmo conteúdo em todos os lugares.

Para personalizar seu post para cada rede, siga estas etapas:

  1. Abra o modal Visualizar e personalizar seguindo as etapas acima.
  2. Clique na guia Personalizar cada na parte superior do modal.
  3. Clique em um ícone de rede social na parte superior para selecionar a conta que deseja personalizar.
  4. Escreva uma mensagem personalizada e selecione a mídia para essa conta específica.
  5. Repita para cada rede que você queira personalizar.

Escolher mídia para posts em redes sociais

Esta seção do guia destina-se a sites com o plano WordPress.com Negócios e Commerce. Se você tiver um plano Negócios, certifique-se de ativá-lo. Para sites gratuitos e sites com os planos Pessoal e Premium, faça upgrade do seu plano para acessar essa funcionalidade.

A seção Mídia no modal Visualizar e personalizar permite que você escolha qual imagem será exibida com seu post em rede social. Essa funcionalidade está disponível com o planos Negócios e Commerce. Clique no botão Selecionar para ver suas opções:

Em PARA VISUALIZAÇÃO DE LINK:

  • Usar modelo: crie uma imagem usando o gerador de imagem social com o título do seu post e um modelo de layout.
  • Usar imagem destacada: use a imagem destacada definida em seu post.

Em PARA ANEXO:

  • Gerar imagem: gere uma imagem usando a IA do Jetpack.
  • Da biblioteca de mídia: selecione uma imagem ou vídeo da sua biblioteca de mídia ou faça upload de um arquivo.

Se você não selecionar nenhuma mídia, as redes sociais usarão os padrões descritos na seção “Noções básicas das prévias de redes sociais padrão” acima.

Configurar gerador de imagem social

Esta seção do guia destina-se a sites com o plano WordPress.com Negócios e Commerce. Se você tiver um plano Negócios, certifique-se de ativá-lo. Para sites gratuitos e sites com os planos Pessoal e Premium, faça upgrade do seu plano para acessar essa funcionalidade.

O gerador de imagem social cria imagens com sobreposições de texto para seus posts em redes sociais. Essa funcionalidade está disponível com o planos Negócios e Commerce. Para poder usar a opção Usar modelo no seletor de mídia, ative o gerador de imagem social nas configurações do seu site.

Para ativar o gerador de imagem social, siga estas etapas:

  1. Acesse o painel do seu site.
  2. Vá até Jetpack → Social.
  3. Certifique-se de ter pelo menos uma rede social conectada.
  4. Ative a configuração ao lado de Gerador de imagem social.
The "Enable Social Image Generator" toggle set to the "ON' position.

Definir configurações padrão de imagem social

Você pode configurar o modelo de imagem padrão e a imagem alternativa que se apliquem a todos os posts.

Para definir as configurações padrão de imagem social, siga estas etapas:

  1. Acesse o painel do seu site.
  2. Vá até Jetpack → Social.
  3. Verifique se a opção Gerador de imagem social está ativada.
  4. Clique no botão Alterar padrões.
  5. Selecione um modelo e adicione uma imagem para usar como padrão em todos os posts quando não houver uma imagem destacada.
  6. Clique no botão Salvar para salvar suas alterações.
The pop-up that appears after clicking the "Set Defaults" button under the Social Image Generator.

Corrigir problemas de visualização

Se os links compartilhados não estiverem aparecendo corretamente, tente limpar as prévias de redes sociais armazenadas em cache e verifique se sua imagem atende às especificações das plataformas.

Limpar prévias de redes sociais armazenadas em cache

As redes sociais armazenam em cache prévias de redes sociais, isto é, elas salvam uma versão anterior dos detalhes do seu post e não são atualizadas imediatamente com os detalhes mais recentes quando você altera algo. Se você modificou suas configurações de página ou post, pode limpar as prévias de redes sociais armazenadas em cache para solicitar que plataforma verifique seu post novamente e assim obtenha as informações mais recentes.

Facebook e WhatsApp

O WhatsApp usa o sistema de prévia do Facebook, então corrigir as prévias do Facebook também corrigirá as prévias do WhatsApp. Siga estas etapas para limpar prévias de redes sociais em cache no Facebook e WhatsApp:

  1. Visite o Depurador de compartilhamento do Facebook.
  2. Cole sua URL no campo de texto.
  3. Clique no botão Depurar.
  4. Revise as tags e veja uma prévia das informações.
  5. Clique no botão Extrair novamente para atualizar o cache do Facebook.

Twitter

O X (Twitter) reindexa as informações da tag de cartão em sua página aproximadamente a cada sete dias. Eles oferecem algumas sugestões adicionais na seção “Refreshing a Card in a Tweet” (Atualizando um cartão em um tuíte) do guia de solução de problemas.

LinkedIn

  1. Visite Post Inspector (Inspetor de post) no LinkedIn.
  2. Digite sua URL no campo de texto.
  3. Clique em Inspect.

Verificar especificações da imagem

Siga estas diretrizes gerais ao selecionar a imagem que você usará para suas prévias de redes sociais:

  • Tamanho recomendado: 1200 × 630 px funciona bem na maioria das redes sociais e minimiza o risco de problemas de recorte.
  • Proporção: 1,91:1 é geralmente o recomendado.
  • Tipos de arquivos: JPG ou PNG.
  • Tamanho máximo do arquivo: mantenha abaixo de 5 MB. Apesar de algumas plataformas permitirem tamanhos maiores, 5 MB é o padrão mais seguro.
  • Conteúdo importante no centro: evite recortar em visores menores.

Mais informações para redes sociais específicas:

Copied to clipboard!