O que é a Meta Tag Open Graph - Uma Visão Detalhada

Imagine isso – você criou um conteúdo informativo em seu site e o compartilhou nas redes sociais. Agora você está esperando para ver um aumento no tráfego, curtidas e compartilhamentos.

Esperamos que tenha sido tão fácil!

Mas isso não!

Você precisa se esforçar para melhorar a aparência da postagem compartilhada para que as pessoas cliquem nela e compartilhem. Caso contrário, em meio ao pool de milhões de conteúdo compartilhado nas mídias sociais, seu conteúdo pode se perder.

Insere meta tags Open Graph para facilitar para você!

As metatags OG estão muito na moda nos dias de hoje. Quer saber o que são? Leia o blog até o final para obter uma visão geral completa.

O que é a metatag de gráfico aberto

A metatag OG é o trecho de código que controla a aparência dos URLs nas mídias sociais. Faz parte do protocolo OG do Facebook e também é usado por outras plataformas de mídia social como LinkedIn e Twitter.

Com uma tag OG, você pode controlar como as informações viajam de um site de terceiros para o Facebook quando uma página é compartilhada. Dessa forma, em vez de apresentar uma imagem pixelada ou trechos embaralhados, seus posts apresentarão informações de forma organizada.

É assim que nosso blog Why Choose Magento for E-store Development aparece no Facebook com a tag OG:

Quais metatags de gráfico aberto usar

Existem até 17 tags OG listadas pelo Facebook em seu documento oficial. Nós facilitamos para você. Você só precisa de 5 tags para informar o Facebook sobre o básico da sua página. Vamos discutir isso abaixo com referência a este blog: Por que escolher um site de comércio eletrônico personalizado em vez de uma solução pronta.

1. og:título
sintaxe:

<meta property=”og:title” content=”Por que escolher um site de comércio eletrônico personalizado em vez de uma solução pronta” />

É aqui que você define o título do conteúdo. Ele serve a um propósito semelhante ao da meta title tag para o seu conteúdo na página de resultados do mecanismo de pesquisa. Se o Facebook não encontrar a tag og:title em uma página, ele usará o meta-título. Você tem todo o direito de usar títulos diferentes para meta title e og:title. Se você deseja dar um título cativante à sua página exclusivamente nas redes sociais e gerar mais cliques, você pode dar um título cativante a ela.

Embora não haja limite para o personagem, é melhor manter o mesmo limite que você faria em seu meta-título: dentro de 60 caracteres. Se o título tiver mais de 100 caracteres, o Facebook o reduzirá automaticamente para 88. Mantenha o título atraente o suficiente para acionar cliques dos usuários.

2. og:descrição
sintaxe:

<meta property=”og:description” content=”Site de e-commerce personalizado ou solução pronta – o blog oferece um estudo comparativo entre os dois. Confira.

Este é semelhante à tag de meta descrição. Ele descreve a essência do seu conteúdo. Agora, ao contrário da tag de meta descrição tradicional, ela não afetará seu SEO. Portanto, em vez de procurar a palavra-chave certa, preste atenção em torná-la cativante para atrair as pessoas a clicar nela.

O Facebook pode exibir até 300 caracteres nesta seção. No entanto, é melhor limitar o conteúdo a 200 caracteres. Uma descrição curta e nítida ajudará as pessoas a ter uma ideia rápida e clicar no link para saber mais.

3. og:imagem
sintaxe:

<meta property=”og:image” content=”https://webguru-india.com/blog/wp-content/uploads/2021/03/Why_Choose_a_-Custom_Ecommerce_Website_over_A_Ready_Solution.jpg” />

Uma imagem ajuda seu conteúdo a se destacar e atrair a atenção das pessoas. A tag de imagem OG garantirá que uma miniatura específica seja exibida quando sua página ou conteúdo for compartilhado.

Se você não especificar uma imagem com og:image, o Facebook pode apresentar um banner de anúncio raspado da página ou nada! Isso afetará seriamente o conteúdo e as pessoas poderão passar por ele.

Normalmente, os profissionais de qualquer agência de marketing de mídia social de renome recomendam que a resolução de uma imagem OG seja de 1200 × 627 pixels [proporção de 1,91: 1]. Além disso, certifique-se de que a imagem não exceda o limite de tamanho de 5 MB.

4. og:tipo
Sintaxe:

<meta property=”og:type” content=”article” />

Esta tag descreve o tipo de objeto que você está compartilhando: imagem, vídeo ou postagem de blog. Aqui estão alguns exemplos de tipos de conteúdo:

• Baseado em site: site, artigo, blog
• Lugar: cidade, país
• Negócio: empresa, restaurante, hotel
• Pessoas: ator, político, autor
• Entretenimento: filme, jogo, livro, comida

E mais!

Esta etiqueta desempenha um papel importante. Digamos que sua postagem seja sobre um filme ou um livro com um botão de curtir. Ele determinará se o conteúdo aparecerá na seção de interesse de um usuário.

5. og:url
Sintaxe:

<meta property=”og:url” content=”https://webguru-india.com/blog/why-choose-a-custom-ecommerce-website-over-a-ready-solution/” />

É aqui que você pode definir o URL canônico para a página específica que está compartilhando. Dessa forma, você define uma página para onde vão todas as curtidas e compartilhamentos. É muito útil se você tiver dois ou mais URLs para o mesmo conteúdo.

Lembre-se, a URL que você fornece não é exibida no feed de notícias do Facebook. Apenas o nome de domínio estará visível.

[aqui, dê um sinal de seta e escreva – og:title [Por que escolher um site de comércio eletrônico personalizado em vez de uma solução pronta], og:image [a imagem], og:description [se você estiver planejando… use um h…] e og: url [webguru-india.com] ]

Vantagens das Meta Tags Open Graph

Por que se dar ao trabalho de implementar tags OG? Aqui estão as razões pelas quais os provedores de serviços de marketing digital enfatizam o uso de tags OG antes de compartilhar conteúdo nas mídias sociais:

• Melhore a aparência das postagens de mídia social

A primeira e principal razão para usar a tag OG é que ela ajuda você a criar postagens atraentes. Se a imagem da postagem estiver desfocada ou o texto não for cativante, é menos provável que os usuários interajam com o conteúdo.

As tags OG oferecem controle total sobre a maneira como seu conteúdo é exibido. Você pode tornar o título e a descrição tão atraentes quanto desejar. Ajuda a organizar todos os elementos do seu conteúdo e a produzir uma aparência profissional. Isso, por sua vez, gera conversões.

• Visibilidade aprimorada na pesquisa do Facebook

A tag OG ajuda o Facebook a entender do que se trata o conteúdo. Isso, por sua vez, ajuda a aumentar a visibilidade da sua marca por meio da Pesquisa do Facebook. Por outro lado, quando as pessoas pesquisam algo no Facebook, elas olham alguns resultados antes de clicar em um resultado específico. É mais provável que um conteúdo otimizado para tags OG chame a atenção deles.

Confira a imagem a seguir:

Quando pesquisado por “processo de desenvolvimento de aplicativos para dispositivos móveis”, o Facebook exibe nosso artigo Informações técnicas sobre o processo de desenvolvimento de aplicativos para dispositivos móveis, que é otimizado com a tag OG.

Além disso, se alguém compartilhar um link de uma postagem otimizada com metatags Open Graph por meio de mensagem direta no Facebook Messenger, WhatsApp ou iMessage, a tag OG ajudará a criar um snippet.

• Adequado para várias plataformas

Enquanto o Facebook trouxe um gráfico aberto, agora é empregado por outras plataformas de redes sociais, incluindo Twitter, LinkedIn e Pinterest. Portanto, você pode criar uma tag de uma vez e otimizar sua presença em diversas plataformas.

• Otimize a presença da marca no Google Discover

O Google Discover é uma ferramenta de recomendação de conteúdo orientada por IA colocada abaixo da barra de pesquisa do Google no aplicativo Chrome. Ele recomenda notícias, artigos, vídeos, anúncios, resultados esportivos ao vivo, etc. com base no comportamento do usuário. Você pode encontrar mais informações sobre o Google Discover aqui.

Se você deseja otimizar seu conteúdo para ser encontrado no feed do Discover, a tag OG pode desempenhar um papel crucial. Aqui está um fato interessante. A equipe da Ahrefs notou recentemente uma relação entre as metatags do Open Graph e o Google Discover. Eles descobriram que um erro de digitação existente no og:title de uma postagem ('ink Building Case Study') foi apresentado no Google Discover. No entanto, o erro de digitação não estava presente no próprio título do artigo ('Link Building Case Study').

Como verificar as tags OG

Para ajudá-lo a monitorar as tags OG, o Facebook possui uma ferramenta dedicada chamada Sharing Debugger. O que isso faz? Explicaremos a seguir.

Quando você digita o link que deseja verificar, ele retorna erros e sugestões relevantes para tags OG, se houver. Você pode verificar e modificar a imagem e a descrição, se desejar.

Além disso, ele limpa o cache do Facebook. Por que isso é importante? Suponha que você poste um link no Facebook e descubra um erro na miniatura. Então você volta para fazer as alterações necessárias nas tags OG e publica novamente no Facebook.

As chances são de que nada acontecerá e a miniatura permanecerá a mesma. E o crédito vai para o cache. O compartilhamento do depurador atualiza completamente o cache no link depois de modificá-lo. Portanto, certifique-se de usá-lo sempre que fizer uma modificação na tag OG.

Hora de encerrar

Em março de 2021, as OG Tags são usadas por 54,6% de todos os sites. Isso significa que quase metade dos sites ainda não os usa. A otimização de metatags OG pode levar algum tempo, mas vale a pena. As tags ajudarão você a se destacar da multidão, gerar mais visibilidade no resultado de pesquisa do Facebook e atrair a atenção das pessoas e mais cliques.

Você usa tags OG antes de compartilhar conteúdo nas mídias sociais? Se não, comece a implementá-lo em breve!