Meta tags do Open Graph
As meta tags Open Graph são indispensáveis para apresentar o teu conteúdo nas redes sociais da melhor forma possível.
Garantem que, quando as tuas páginas são partilhadas, vêm com um título, uma descrição e uma imagem apelativos.
og:title
og:image
Embora a maioria das pessoas conheça as etiquetas básicas, como e , existem mais etiquetas do Open Graph que podem fazer com que o teu conteúdo se destaque ainda mais.
Neste artigo, vou analisar mais detalhadamente as diferentes meta tags do Open Graph e como as podes utilizar para aumentar a tua visibilidade e o teu envolvimento nas redes sociais.
Segue-se uma lista das etiquetas Open Graph mais comuns que podes utilizar para otimizar a apresentação das tuas páginas nas redes sociais:
og:title
Este é o título da tua página especificamente para as redes sociais. Este título pode ser diferente do teu meta título para fins de SEO. Torna-o relevante e cativante para gerar mais cliques.og:description
Esta descrição é apresentada por baixo do título e deve explicar, de forma breve mas poderosa, por que razão os utilizadores devem clicar na tua ligação. É a tua oportunidade de prender a atenção do utilizador.og:image
A imagem que é apresentada quando a tua página é partilhada. Esta é uma das etiquetas Open Graph mais importantes, porque as imagens são frequentemente a primeira coisa a destacar-se em plataformas como o Facebook e o LinkedIn. Certifica-te de que a imagem é de alta qualidade e corresponde ao teu conteúdo.og:url
Este é o URL canónico da página que pretendes partilhar. Isto evita que as plataformas utilizem URLs incorrectos ou abreviados.
Para além das etiquetas básicas do Open Graph, existem também etiquetas mais específicas que podes utilizar para otimizar ainda mais o teu conteúdo, dependendo do tipo de conteúdo que partilhas:
og:type
Com esta etiqueta, especifica o tipo de conteúdo que é partilhado. Os valores mais comuns são:website
Para páginas Web gerais.article
Para posts de blogues ou artigos de notícias.video.movie
video.other
ou : Para vídeos.
og:locale
Esta etiqueta especifica a língua e o país do teu conteúdo.<meta property="og:locale" content="nl_NL">
Por exemplo, para os Países Baixos, seria:htmlCode copy Isto é útil quando estás a visar uma área linguística específica.og:site_name
Este é o nome do teu sítio Web e ajuda a reforçar a marca do teu sítio. Normalmente, é apresentado ao lado do título na pré-visualização.-
og:image:width
og:image:height
og:image
e Estas etiquetas especificam as dimensões da imagem que definiste em . Isto ajuda as plataformas a mostrar a imagem corretamente sem distorção ou má resolução. Por exemplo:htmlCode copy<meta property="og:image:width" content="1200"> <meta property="og:image:height" content="630">
og:video
Se partilhares um vídeo, esta etiqueta permite-te especificar o URL do vídeo. Isto irá incorporar o vídeo na publicação partilhada em plataformas que o suportem.og:audio
og:audio
Para conteúdos áudio, como podcasts, permite-te adicionar uma ligação ao teu ficheiro áudio para que seja apresentado corretamente quando partilhas o conteúdo.
<head>
Aqui está um exemplo de como implementar meta tags do Open Graph na tua página HTML:
<head>
<meta property="og:title" content="Waarom Open Graph Tags Belangrijk Zijn voor SEO">
<meta property="og:description" content="Leer hoe je Open Graph meta tags kunt gebruiken om je content beter te laten presteren op sociale media.">
<meta property="og:image" content="https://www.jouwwebsite.com/images/voorbeeld.png">
<meta property="og:url" content="https://www.jouwwebsite.com/voorbeeld">
<meta property="og:type" content="article">
<meta property="og:site_name" content="JouwWebsite">
<meta property="og:locale" content="nl_NL">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
</head>
Porque é que as etiquetas Open Graph são indispensáveis para a tua estratégia de conteúdos
As meta tags Open Graph garantem que o teu conteúdo tem sempre o melhor aspeto quando partilhado nas redes sociais. Isto é importante porque um conteúdo atraente e bem apresentado tem mais probabilidades de ser partilhado, o que, por sua vez, leva a mais tráfego para o teu Web site. Além disso, dá-te controlo sobre a forma como a tua marca é apresentada em diferentes plataformas.
Principais vantagens:
- Melhor visibilidade e envolvimento: uma visualização do Open Graph bem optimizada aumenta a probabilidade de os utilizadores clicarem no seu conteúdo partilhado.
- Marca consistente: Tens controlo sobre o aspeto da tua marca e do teu conteúdo nas diferentes redes sociais.
- Melhor experiência do utilizador: um conteúdo atraente e bem apresentado melhora a experiência do utilizador e faz com que o teu conteúdo seja partilhado.
Conclusão
A implementação correta das meta tags Open Graph é essencial para otimizar a forma como o teu conteúdo é apresentado nas redes sociais.
og:title
og:locale
A utilização das etiquetas corretas – de a a – faz com que o teu conteúdo se destaque e gera mais interação e tráfego para o teu sítio Web.
Embora estas etiquetas não afectem diretamente as tuas classificações de SEO, contribuem para uma melhor experiência do utilizador e podem reforçar significativamente a tua estratégia social.