O que são Meta Tags do Open Graph?
As metatags do Open Graph são trechos de código que controlam como as páginas da Web são exibidas quando compartilhadas nas mídias sociais. Essas tags fazem parte do protocolo Open Graph, desenvolvido pelo Facebook, mas também podem ser usadas por outras redes sociais, como Twitter, Pinterest, LinkedIn e outras.
O Facebook introduziu o protocolo Open Graph em 2010 para aprimorar a integração entre sua plataforma e outros sites. O objetivo era simplificar o compartilhamento do URL de um site em plataformas sociais, transformando propriedades da Web em objetos ricos e representados graficamente.
Desde então, as metatags do Open Graph foram adotadas por várias outras plataformas, incluindo o Twitter e o LinkedIn, além de aplicativos de mensagens populares como o WhatsApp.
Meta tags essenciais do Open Graph
Embora a documentação do Facebook descreva uma variedade de metatags do Open Graph, as cinco seguintes são essenciais para todos os tipos de conteúdo:
- og:title: O título da página que você está compartilhando.
- og:type: O tipo de seu conteúdo (por exemplo, artigo, livro, vídeo).
- og:url: O URL canônico da página que você está compartilhando.
- og:image: O URL da imagem que aparecerá quando alguém compartilhar a página da Web.
- og:description: Uma breve descrição do conteúdo, normalmente com duas a quatro frases, a ser exibida abaixo do título.
Por que as metatags do Open Graph são importantes?
As metatags do Open Graph são cruciais porque permitem que os webmasters controlem como o título, a descrição, o nome do site e a imagem da página são exibidos quando compartilhados em redes de mídia social. Sem as meta tags OG, as plataformas sociais como o Facebook gerarão a visualização automaticamente com base no URL, no título e na meta descrição da página. Isso pode resultar em visualizações muito longas ou que usam imagens de baixa qualidade.
As redes de mídia social são importantes geradores de tráfego e conversões de sites. As tags OG otimizadas podem melhorar a aparência dos links compartilhados, tornando-os mais atraentes e com maior probabilidade de atrair cliques.
Como adicionar metatags do Open Graph?
O processo de configuração das meta tags do Open Graph varia de acordo com a plataforma do site que você está usando. Aqui está um guia rápido para a implementação de tags OG no WordPress, o sistema de gerenciamento de conteúdo mais popular:
- Instale o plug-in Yoast SEO: Faça login no painel do WordPress, vá para "Plugins" e instale o plug-in Yoast SEO, se ele ainda não estiver instalado.
- Abra o Editor de páginas: Navegue até o editor de páginas ou postagens.
- Navegue até a seção Yoast SEO: Selecione a guia "Social" na seção Yoast SEO.
- Inserir metadados do Open Graph: Selecione "Facebook" e forneça os metadados do Open Graph necessários (título, descrição e imagem) para essa página. O Yoast definirá automaticamente o URL.
Você também pode implementar as meta tags do Open Graph manualmente no código HTML de suas páginas. Aqui está um exemplo de como o código pode se parecer:
<meta property="og:title" content="Título da sua página aqui" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://yourwebsite.com/page-url/" /> <meta property="og:image" content="https://yourwebsite.com/image-url.jpg" /> <meta property="og:description" content="Uma breve descrição do conteúdo de sua página." />Verificação das metatags do Open Graph
Depois de configurar as metatags OG, você pode verificar se elas estão funcionando conforme o esperado usando o depurador de compartilhamento do Facebook. Cole o URL que deseja verificar, selecione "Depurar" e ele verificará se há erros e sugestões de tags OG. Você também terá uma visão geral das propriedades do OG, incluindo o título, a imagem e a descrição.
Conclusão
As metatags do Open Graph são uma ferramenta poderosa para garantir que suas páginas da Web sejam compartilhadas com eficiência nas plataformas de mídia social. Ao fornecer visualizações claras, concisas e visualmente atraentes, você pode aumentar o envolvimento e direcionar mais tráfego para o seu site.
