Metatags Open Graph
O que é Metatags Open Graph?
Metatags Open Graph são uma série de meta tags específicas utilizadas para controlar como o conteúdo de uma página web é exibido quando compartilhado em redes sociais, especialmente no Facebook, mas também em outras plataformas que suportam o protocolo Open Graph, como LinkedIn e Twitter. O protocolo Open Graph foi desenvolvido pelo Facebook para melhorar a forma como o conteúdo é apresentado em mídias sociais, garantindo uma apresentação rica e consistente.
Principais Metatags Open Graph
og:title- Descrição: Define o título que será exibido quando a página for compartilhada.
- Sintaxe:
<meta property="og:title" content="Título da Página">
og:description- Descrição: Fornece uma breve descrição do conteúdo da página que será exibida ao lado do título.
- Sintaxe:
<meta property="og:description" content="Descrição do conteúdo da página.">
og:image- Descrição: Especifica a URL de uma imagem que representa a página e que será exibida quando a página for compartilhada.
- Sintaxe:
<meta property="og:image" content="https://www.exemplo.com/imagem.jpg">
og:url- Descrição: Define a URL canônica da página, que será usada para evitar problemas de conteúdo duplicado.
- Sintaxe:
<meta property="og:url" content="https://www.exemplo.com/pagina">
og:type- Descrição: Define o tipo de conteúdo da página. Isso ajuda as redes sociais a entender como tratar o conteúdo. Exemplos incluem “article” para artigos, “website” para sites gerais, “video” para vídeos, etc.
- Sintaxe:
<meta property="og:type" content="website">
og:site_name- Descrição: Fornece o nome do site ao qual a página pertence.
- Sintaxe:
<meta property="og:site_name" content="Nome do Site">
og:locale- Descrição: Define o idioma e a região da página. Por exemplo, “pt_BR” para português do Brasil.
- Sintaxe:
<meta property="og:locale" content="pt_BR">
og:audio- Descrição: Fornece a URL de um arquivo de áudio que pode ser reproduzido quando a página é compartilhada.
- Sintaxe:
<meta property="og:audio" content="https://www.exemplo.com/audio.mp3">
og:video- Descrição: Fornece a URL de um vídeo associado à página.
- Sintaxe:
<meta property="og:video" content="https://www.exemplo.com/video.mp4">
Importância das Metatags Open Graph
- Aparência e Apresentação:
- Consistência: As metatags Open Graph garantem que o conteúdo seja exibido de forma consistente quando compartilhado em redes sociais, melhorando a aparência visual e a clareza.
- Atratividade: Imagens e descrições bem definidas atraem mais atenção e incentivam mais cliques e compartilhamentos.
- Controle de Conteúdo:
- Gerenciamento: Permite aos proprietários de sites controlar como suas páginas aparecem nas redes sociais, o que pode influenciar a taxa de engajamento e o tráfego.
- Melhor Experiência do Usuário:
- Clareza: Melhora a experiência do usuário ao fornecer uma prévia clara e atraente do conteúdo, o que pode aumentar o interesse e a interação.
Exemplos de Implementação
Para um artigo de blog, as metatags Open Graph poderiam ser configuradas da seguinte forma:
<!DOCTYPE html>
<html>
<head>
<meta property="og:title" content="Como Fazer um Blog de Sucesso">
<meta property="og:description" content="Descubra as melhores práticas e estratégias para criar e manter um blog bem-sucedido.">
<meta property="og:image" content="https://www.exemplo.com/imagens/blog-sucesso.jpg">
<meta property="og:url" content="https://www.exemplo.com/como-fazer-um-blog-de-sucesso">
<meta property="og:type" content="article">
<meta property="og:site_name" content="Blog Exemplo">
</head>
<body>
<!-- Conteúdo da Página -->
</body>
</html>
Melhores Práticas
- Imagens de Alta Qualidade:
- Use imagens de alta qualidade e com as dimensões recomendadas para garantir uma boa apresentação.
- Texto Atraente e Relevante:
- Certifique-se de que o título e a descrição sejam atraentes e relevantes para o conteúdo da página.
- URLs Canônicas:
- Use URLs canônicas para evitar problemas de duplicidade e garantir que o link correto seja compartilhado.
- Testar e Verificar:
- Use ferramentas como o Facebook Sharing Debugger para testar e verificar como suas metatags Open Graph são exibidas.
Em resumo, as metatags Open Graph são essenciais para otimizar a forma como seu conteúdo é compartilhado e exibido em redes sociais, ajudando a melhorar a visibilidade e a interação com seu público.
Na Agência Metamídia eu ajudo empresas a ter mais visibilidade para seu negócio, entender melhor seus clientes e trazer mais resultados. Formado em Comunicação Social – Publicidade e Propaganda, Web Design programação e pós-graduação em Marketing.