Open Graph: dicas de compartilhamento em Redes Sociais

Se você é usuário do Facebook e do Twitter, já deve ter percebido que, quando compartilhamos um artigo de um site externo (normalmente site de notícias), muitas vezes aparece uma foto e uma breve descrição do artigo, deixando o post mais atrativo. Veja o exemplo abaixo:

Exemplo de post do Facebook

Isso se deve a uma informação na programação do site chamada Open Graph, representada pela tag <og>. Em HTML é relativamente simples de se fazer, mas hoje vamos ensinar como fazer isso no WordPress de modo ainda mais fácil do que no HTML. Existem diversos plugins que fazem bem esse tipo de tarefa, mas decidimos usar um dos mais populares, chamado Open Graph and Twitter Card Tags. Basta procurar na lista de Plugins, instalar e ativar. Não é necessário mudar nenhuma configuração. Assim que ativado, na página de edição de Posts ou Páginas, aparecerá esse novo formulário:

São dois novos campos, um para inserir a imagem de compartilhamento e outro para o resumo. O tamanho recomendado da imagem é 1200 x 630 pixels, e o texto pode ter até 300 caracteres. Caso fiquem em branco, será usada a primeira imagem do post e parte do conteúdo. Em nosso exemplo, editamos o post sobre Certificado SSL, incluímos uma imagem e um breve resumo.

Depois de Salvar e Publicar o post, experimente compartilhar o link da sua postagem no Facebook. O resultado será semelhante a este:

Assim que colar o digitar a URL do seu post, aparecerá o preview logo abaixo, para poder saber como ficará a postagem antes de publicar.

No Twitter, o resultado será esse:

Uma última dica: após publicar a imagem no Facebook, notamos que o texto no fundo chapado não fica uniforme, perde muita resolução. Então optamos por usar uma imagem de fundo. Por isso a imagem do Twitter ficou com fundo de madeira.

Continue nos acompanhando para mais dicas, na nossa jornada para construir um site completo no WordPress.

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *