Por exemplo, os elementos do Open Graph em sua página podem dizer ao Facebook qual é o título, o URL e a imagem a ser exibida quando compartilhada no Facebook. Esta é a aparência das tags Open Graph em uma postagem recente do blog sobre Compete Themes:

Você pode ver todas as tags Open Graph que começam com “og:". Verifique aquela tag “og: image" em particular. É exatamente assim que você informa ao Facebook qual imagem usar como miniatura quando a página for compartilhada.

Então, tudo que você precisa é uma forma de adicionar uma tag de imagem Open Graph às suas postagens que usará automaticamente sua Imagem em destaque.

Não se preocupe, você não precisa escrever nenhum código. Você só precisa do plugin certo.

Existem dois plug-ins que funcionam muito bem para adicionar tags Open Graph. Na verdade, você pode até ter um deles já instalado.

Adicionar Open Graph com Yoast SEO

Você está usando o plugin Yoast SEO? Nesse caso, você já tem tudo de que precisa.

No menu Yoast SEO, você verá o menu Configurações sociais listado aqui:

Visite as configurações sociais e clique na guia Facebook.

Por fim, você verá a opção de habilitar os metadados do Open Graph. Certifique-se de que esteja ativado para ativado, se ainda não estiver.

Isso é tudo que você precisa fazer para adicionar as tags Open Graph de que o Facebook precisa.

Agora, sempre que você compartilhar uma postagem no Facebook, a Imagem em destaque que você definiu para a postagem será usada automaticamente.

Aprenda a adicionar imagens em destaque com o Challenger

Na captura de tela acima, você pode ver que o Yoast também oferece uma opção para definir a imagem, o título e a descrição que deseja usar na sua página inicial. Além disso, há uma imagem substituta que você pode usar para quaisquer postagens / páginas que não tenham uma imagem em destaque.

Se você deseja que o Facebook mostre suas imagens de postagem, mas não deseja instalar o Yoast SEO, use as seguintes etapas.

Adicionar Open Graph com Thumb Fixer para Facebook

Se você não quiser usar o Yoast SEO, pode instalar o plugin do Facebook Thumb Fixer.

Thumb Fixer para Facebook adiciona metadados Open Graph a seus posts e páginas automaticamente. Assim como no Yoast SEO, as imagens em destaque serão usadas como miniaturas no Facebook.

Você pode até definir uma imagem padrão para o Facebook, que é útil para qualquer postagem que não tenha uma imagem em destaque.

Aqui estão as configurações que este plug-in adiciona ao menu Configurações gerais.

Você não precisa definir nenhuma dessas configurações, mas elas podem ajudar a otimizar ainda mais seu site para a plataforma social.

O Facebook não está mostrando uma miniatura!

Você adicionou um dos plug-ins recomendados acima?

As miniaturas ainda não estão aparecendo?

Existem duas etapas que você pode seguir para corrigir isso.

Limpe o cache do seu site

Se você usa um plugin de cache como WP Rocket, então as tags Open Graph podem não estar aparecendo em suas páginas ainda.

Para verificar se as tags foram adicionadas, visite qualquer postagem em seu site. Clique com o botão direito e selecione a opção Exibir código-fonte da página.

Em seguida, use cmd + f (ctrl + f) para pesquisar a fonte da página para o seguinte texto: og: imagem.

Você deve ver resultados como o seguinte:

Se você não encontrar as tags, isso significa que está visualizando uma versão em cache da página. Use o seu plugin de cache para esvaziar o cache e recarregar a página. Você deve ver os metadados Open Graph no código-fonte.

O Facebook ainda não está usando a imagem?

Você limpou o cache e vê as tags OG na fonte.

E se o Facebook ainda não mostrar a imagem quando você compartilhar sua postagem?

Isso significa que o Facebook está usando uma cópia da postagem de seu cache antes de você adicionar as tags Open Graph.

Visite o depurador do Facebook (você precisará de uma conta do FB para acessá-lo). Insira seu URL e clique no botão Depurar. Assim que a página for recarregada, clique no botão “Buscar novas informações de rascunho”.

Depois de buscar novas informações de rascunho, o Facebook substituirá sua versão em cache por um novo rascunho da página que contém os dados do Open Graph recém-adicionados.

Se você rolar para baixo a página do depurador, verá a tabela preenchida com informações sobre sua página, incluindo a imagem em miniatura desejada. Tente compartilhar sua postagem no Facebook novamente e você deverá ver a imagem exibida.

Esse truque corrige o problema 99% das vezes, então lembre-se disso quando o FB não estiver exibindo sua imagem corretamente.

Mais otimizações do Facebook

Além de otimizar seu site com tags Open Graph, você também deve otimizar sua página do Facebook. Por exemplo, obter o tamanho perfeito da imagem da capa do Facebook pode ajudar com a marca e o engajamento. Torne este seu próximo item a fazer depois de adicionar tags Open Graphs ao seu site.

E se você quiser que mais pessoas postem seu conteúdo no Facebook, considere adicionar botões de compartilhamento social a todas as suas postagens do WordPress.

Conclusão

Fazer o Facebook usar suas imagens em destaque nas miniaturas não precisa ser uma dor. Na verdade, você pode já ter um plugin instalado para adicionar o suporte necessário.

Da próxima vez que você tiver um problema com as imagens em miniatura do Facebook, não se esqueça de limpar o cache do seu site e usar o depurador do Facebook e raspar novamente a página para obter uma nova miniatura.

Tem alguma dúvida sobre como mostrar miniaturas do Facebook de suas postagens do WordPress? Deixe um comentário abaixo.

Fonte de gravação: www.competethemes.com