Voltar ao blog
Alguma vez se perguntou por que razão os seus links partilhados no Facebook ou Twitter parecem estranhos? Sabe como influenciar o aspeto dos seus posts partilhados nestas redes sociais?
Se não tem a certeza se fez tudo o que podia para otimizar a informação sobre o seu post ou página que aparece no Facebook e Twitter, continue a ler. Vamos mostrar-lhe como utilizar as social media meta tags corretas pode ajudar a melhorar o aspeto das suas previews.
Ao partilhar o link de um artigo, quer que o seu post tenha bom aspeto. Gostaria que incluísse uma imagem de qualidade, o título correto, descrição e URL. O Facebook, o Twitter e outras plataformas obtêm estes parâmetros a partir do seu website.
Pode controlar o que estas plataformas extraem do post incluindo social media meta tags (por exemplo, open graph tags) no código HTML dos seus posts.
Se as meta tags de Facebook (=Open Graph meta tags) estiverem presentes, é você que determina o que é exibido no post. Se não incluir estas propriedades meta Open Graph (og), o Facebook continuará a mostrar informações, mas provavelmente não da forma que deseja. Isto funciona de forma idêntica com as Twitter meta tags. Vamos demonstrar como usar estas tags na partilha de links no Facebook.
Partilha de conteúdo web no Facebook
O Facebook é uma excelente plataforma para partilhar o seu novo conteúdo. Criar um post a partir de um artigo do seu site é tão simples como inserir o link na caixa de nova publicação.
Vejamos este processo. Vamos utilizar o nosso post sobre Estratégia de Facebook Marketing como exemplo.
Após inserir o URL, o Facebook extrai os dados e cria um post formatado. O formato é instantaneamente mostrado na preview – tanto para desktop como para mobile. Se utilizar o Kontentino para gerir o seu conteúdo, a preview fica logo disponível no seu content calendar.
Compreender as meta tags no código HTML
Propriedades meta para motores de busca
No topo do código, podemos ver várias propriedades que definem os parâmetros do artigo, também chamadas meta tags. Algumas são usadas pelos motores de busca para compreender o conteúdo do site, fornecendo informações que não aparecem na página. Estas incluem, por exemplo:
- Meta title – <title>
- Meta description – meta name=”description”
- Robots – meta name=”robots”
A imagem abaixo mostra o código HTML para este post do Kontentino. Pode ver estas meta tags marcadas a verde.
Identificar meta tags no código HTML do post Facebook Ads Target Audiences 101: The Ultimate Guide
Dica rápida: Não sabe como ver o código HTML? Basta premir CTRL+U no browser (Windows) ou Option + Command + U (Mac).
Graças a estas tags, os motores de busca sabem que a indexação da página deve ser feita (dofollow). O meta title e a meta description são usados para exibir o link nos resultados de pesquisa (SERP). Como pode ver, as propriedades estão definidas como:
- Meta title: ‘Facebook Ads Target Audiences 101: The Ultimate Guide | Kontentino Blog – Simplifying Social Media Approval Workflow’
- Meta description: ‘Descubra como chegar às pessoas certas com as audiências de Facebook Ads.’
Sabemos que estas meta tags podem não ter o comprimento ideal, mas não estamos aqui para falar de SEO ou Google. Vamos passar para as meta tags abaixo, que contêm o texto ‘og:’.
Estas propriedades são referidas como social meta tags, social media meta tags ou simplesmente propriedades og.
Neste código, existem 7 propriedades og diferentes:
- og: locale
- og: type
- og: title
- og: description
- og: url
- og: site_name
- og: image
Além disso, existem outras tags associadas à imagem (og:image):
- og:image:width
- og:image:height
- og:image:alt
- og:image:type
Twitter meta tags
Também encontrará tags específicas para o Twitter, como:
- meta name=”twitter:card”
- meta name=”twitter:title”
- meta name=”twitter:description”
- meta name=”twitter:site”
- meta name=”twitter:image”
Voltando ao nosso exemplo do Facebook: precisamos de entender e editar o conteúdo das propriedades ‘og:’ para influenciar o aspeto do link embutido.
Publicar no Facebook e Twitter com o Kontentino
Registe-se para um teste gratuito de 14 dias no Kontentino e domine as social media meta tags. Veja a preview do post no Kontentino antes de publicar.
O ‘og:’ significa ‘Open Graph’. É um protocolo que permite dizer ao Facebook como o conteúdo partilhado deve ser exibido. Como menciona o Facebook nas suas instruções para developers, sem estas tags, o crawler do Facebook utiliza heurísticas internas para tentar adivinhar o título, descrição e imagem. Definir isto explicitamente garante a melhor qualidade dos posts.
Estas tags são extremamente importantes. O protocolo Open Graph foi lançado pelo Facebook em 2010 e hoje é mantido pela Open Web Foundation.
O Open Graph ajuda os developers a representar qualquer página web dentro do grafo social. Vamos focar-nos nas 4 tags principais para o Facebook: og:title, og:image, og:url e og:description.
Propriedade og:title
Ao especificar o og:title, definimos o título do objeto (o artigo de blog) tal como deve aparecer no grafo social. O Facebook usará este título logo abaixo do URL.
Propriedade og:image
Aqui inserimos o URL da imagem que representará o artigo. Ao especificar a og:image, garantimos que essa imagem específica é exibida, em vez de deixar o Facebook escolher uma imagem aleatória do post.
Propriedade og:url
Esta tag contém o URL canónico do objeto, usado como o seu ID permanente. Exemplo: https://www.kontentino.com/blog/facebook-ads-target-audiences/.
Propriedade og:description
Ajuda a exibir a descrição na partilha. Conforme o exemplo: ‘Descubra como chegar às pessoas certas com as audiências de Facebook Ads.’
Twitter meta tags
Funcionam de forma análoga às Open Graph e especificam o conteúdo que o Twitter deve extrair ao partilhar uma página.
Dominar as og meta tags
Tanto o Facebook como o Twitter oferecem diretrizes. Se utiliza um CMS como o WordPress, existem plugins que facilitam muito este trabalho.
Plugins de SEO como Yoast SEO ou Rank Math permitem editar as meta tags para Facebook e Twitter separadamente. Vejamos como fazer no Rank Math.
Começamos por editar o post e clicar no separador SEO, selecionando depois a aba ‘Social’.
Encontrar o local para editar social media meta tags no seu CMS
O Rank Math tem uma preview em tempo real. Basta clicar em ‘Preview & Edit Social Media’.
Editar as Facebook meta tags
Abaixo da preview, pode ajustar as tags. Se não estiverem preenchidas, o sistema usa as meta tags básicas de SEO por defeito.
Preview da partilha gerada pelo plugin no CMS
Editar og:title e og:description do seu post
Depois de guardar, convém verificar o resultado. Pode utilizar o Facebook Debugger para forçar a atualização da preview. Não se esqueça de limpar o cache antes de testar.
Open Graph meta tags no Facebook Sharing Debugger
Link preview em ação mostrando as suas meta tags
Equívocos comuns sobre social media meta tags
Mito 1: Servem apenas para SEO.
As meta tags não são apenas para motores de busca; são cruciais para a forma como o conteúdo aparece nas redes sociais, aumentando o engagement.
Mito 2: Todas as imagens aparecem bem automaticamente.
Sem especificar a og:image, as plataformas podem selecionar uma imagem desadequada ou cortar o visual de forma errada.
Mito 4: Pode confiar que as redes sociais formatam tudo bem sozinhos.
É arriscado. Sem configurar manualmente o og:url e og:description, os dados podem aparecer incompletos, afetando a credibilidade do seu conteúdo.
Conclusão
Esperamos que este artigo tenha ajudado a compreender as propriedades og. Se quer elevar o seu marketing de redes sociais, experimente o Kontentino para simplificar a organização e aprovação de conteúdo.
O nosso Content Calendar integra a funcionalidade de preview, para que não tenha de sair da ferramenta para ver como o seu link vai aparecer, poupando tempo precioso na otimização das suas social media meta tags.
FAQ
O que é uma social media meta tag?
É um pedaço de código que fornece dados como títulos, imagens e descrições para as redes sociais quando partilha páginas web.
Quais são os exemplos de meta tags?
Os exemplos incluem og:title, og:image e og:url, que otimizam a partilha no Facebook e Twitter.
