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:imageEmbora 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.

As meta tags do Open Graph mais utilizadas

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:

  1. 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.
  2. 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.
  3. 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.
  4. og:url
    Este é o URL canónico da página que pretendes partilhar. Isto evita que as plataformas utilizem URLs incorrectos ou abreviados.

Meta tags adicionais do Open Graph para questões específicas

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:

  1. og:type
    Com esta etiqueta, especifica o tipo de conteúdo que é partilhado. Os valores mais comuns são:
    • websitePara páginas Web gerais.
    • articlePara posts de blogues ou artigos de notícias.
    • video.movie video.other ou : Para vídeos.
    Ao especificares um tipo específico, ajudas as plataformas a escolher o esquema de conteúdos adequado.
  2. 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.
  3. 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.
  4. 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">
  5. 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.
  6. 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.

Exemplos de tags do Open Graph em HTML

<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.

Senior SEO-specialist

Ralf van Veen

Senior SEO-specialist
Five stars
Obtenho um 5.0 no Google em 77 revisões

Há 10 anos que trabalho como especialista independente em SEO para empresas (nos Países Baixos e no estrangeiro) que pretendem obter uma classificação mais elevada no Google de uma forma sustentável. Durante este período, prestei consultoria a marcas de renome, criei campanhas internacionais de SEO em grande escala e orientei equipas de desenvolvimento globais sobre otimização de motores de busca.

Com esta vasta experiência em SEO, desenvolvi o curso de SEO e ajudei centenas de empresas a melhorar a sua capacidade de serem encontradas no Google de uma forma sustentável e transparente. Para isso, pode consultar o meu portefólio, referências e colaborações.

Este artigo foi originalmente publicado em 6 Setembro 2024. A última atualização deste artigo foi em 11 Setembro 2024. O conteúdo desta página foi escrito e aprovado por Ralf van Veen. Saiba mais sobre a criação dos meus artigos nas minhas directrizes editoriais.