O que são meta tags SEO e como as optimizo?
No fundo de cada sítio Web existem meta tags para SEO anexadas às tuas páginas web. Estes só podem ser vistos no código HTML. O que são as meta tags e porque são importantes para o seu sítio Web? Neste artigo, discuto a função e a grande importância das meta tags na otimização dos motores de busca.
As meta-etiquetas são partes de código no código HTML que fornecem dados específicos sobre a página Web. Estes dados são importantes para o motor de busca. Sem estes dados, o motor de busca, em muitos casos o Google, não pode categorizar e classificar corretamente a página Web.(1)
Com base nas meta tags para SEO, o Google sabe como a página Web deve ser apresentada nos resultados da pesquisa. Desta forma, é apresentada a visualização correcta da página Web. Isto significa que as meta tags são cruciais para a SEO.
As meta tags SEO apresentam detalhes sobre o conteúdo do sítio Web. Estas etiquetas destinam-se principalmente ao Google. As meta-etiquetas estão, de facto, no código HTML. Visto de fora, parecem-se com o meta título e a meta descrição da página de destino ou do sítio Web. As meta-etiquetas têm de ser optimizadas para apresentar o sítio Web da melhor forma possível nos resultados de pesquisa do Google.
O Google considera a usabilidade do sítio Web como o seu ativo mais importante. Tal inclui a prossecução da prestação de informações pertinentes e de qualidade. As meta-etiquetas contribuem para isso, apresentando informações concisas e relevantes para o pesquisador.
Começa a trabalhar com um especialista em SEO?
Ralf van Veen
Especialista em SEO
Com 11 anos de experiência, melhoro a capacidade de localização orgânica das empresas.
Há uma série de meta tags criadas especificamente para SEO. Abaixo, apresento-te as mais importantes com uma explicação para cada parte.
Etiqueta de título
Há uma série de meta tags que são relevantes para a SEO. A primeira meta tag relevante para a SEO é a tag de título. A etiqueta de título é o primeiro elemento que os pesquisadores vêem do seu sítio Web na página de resultados da pesquisa. O objetivo da etiqueta de título é informar o pesquisador sobre o conteúdo da página Web. Além disso, a etiqueta de título é frequentemente utilizada como texto âncora.
Isto inclui certificares-te de que a etiqueta de título é clara e concisa. É importante que a etiqueta de título tenha menos de 56 caracteres. Assim que o número de caracteres exceder este limite, o título será hifenizado pelo Google. Isto leva à ambiguidade do conteúdo exato.(2)
Meta-descrição
A segunda meta tag relevante para SEO é a meta descrição. A meta descrição é tão importante como o meta título. É a parte do texto que aparece por baixo do título do resultado da pesquisa. A meta descrição deve dar uma impressão exacta do conteúdo realmente visto na página de destino ou no sítio Web.
É o elemento que determina se o pesquisador clica na página de destino. É por isso que é importante otimizar a meta descrição. Quando a meta descrição é optimizada, gera mais tráfego orgânico.(3)
Etiqueta canónica
A canonical tag é a terceira meta tag importante para SEO. Quando o site contém páginas quase idênticas, é importante indicar qual delas tem prioridade através da tag canónica. No momento em que publicas conteúdo duplicado, arriscas-te a ser penalizado pelo Google. Para evitar isso, é importante usar uma tag canónica para indicar onde se encontra o conteúdo duplicado.(4)
Palavras-chave meta (já não é recomendado)
Descrição: Anteriormente utilizada para especificar palavras-chave para a página, mas agora largamente ignorada pela maioria dos motores de busca devido a abusos passados (é muito fácil encher este pedaço de código com as palavras-chave para as quais queres ter uma classificação mais elevada).
Exemplo:
<meta name="keywords" content="sleutelwoord1, sleutelwoord2"/>
Meta viewport etiqueta
Viewport é a quarta meta tag de grande importância para a SEO. Esta etiqueta define a área visível de uma página Web. O Google utiliza o viewport durante o processo de renderização para apresentar a página em diferentes tamanhos de ecrã. Isto significa que o sítio Web é compatível com um smartphone, tablet ou computador.
Esta etiqueta garante que o sítio Web é compatível com dispositivos móveis. Por outras palavras, promove a facilidade de utilização de um sítio Web. O Google vê isto como uma vantagem nos resultados da classificação. Quando a meta tag viewport é optimizada, o tráfego orgânico do sítio Web aumenta. Em suma, é importante otimizar estas etiquetas.(5)
Começa a trabalhar com um especialista em SEO?
Ralf van Veen
Especialista em SEO
Com 11 anos de experiência, melhoro a capacidade de localização orgânica das empresas.
Meta robots tag
Instruções para os motores de busca sobre como indexar e seguir as ligações na página. Aqui podes especificar, por exemplo, se queres ou não indexar uma página (isto deve ser sempre feito explicitamente, quer queiras quer não).
Exemplo:
<meta name="robots" content="index, follow"/>
(dá instruções aos motores de busca para indexarem a página e seguirem as ligações)<meta name="robots" content="noindex, nofollow"/>
(sem indexação ou rastreio)
Meta charset tag
Charset significa conjunto de caracteres e refere-se ao conjunto de caracteres que um computador utiliza para apresentar e manipular texto. Cada carácter que pode ser apresentado num ecrã ou armazenado num ficheiro de texto tem um código único no conjunto de caracteres utilizado.
Exemplo: <meta charset="UTF-8"/>
Descrição: Simula respostas de cabeçalhos HTTP em elementos HTML.
Exemplos:
<meta http-equiv="refresh" content="30"/>
(recarrega a página a cada 30 segundos)<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
Meta etiquetas de redes sociais (Open Graph, Twitter Cards)
Descrição: Estas etiquetas são utilizadas para controlar a forma como o conteúdo é apresentado quando partilhado nas redes sociais.
Exemplo de Open Graph:
<meta property="og:title" content="Titel Hier"/>
<meta property="og:description" content="Beschrijving Hier"/>
- Exemplo de Twitter Cards:
<meta name="twitter:title" content="Titel Hier"/>
<meta name="twitter:description" content="Beschrijving Hier"/>
Resumo
As meta-etiquetas desempenham um papel vital nos aspectos funcionais e estratégicos do desenvolvimento Web e da SEO. O seu objetivo geral é duplo: melhorar a experiência do utilizador, permitindo a visualização e a interação correctas, e otimizar a página Web para os motores de busca, a fim de aumentar a visibilidade e o tráfego do sítio:
- Melhorar a experiência do utilizador:
- As meta-etiquetas, como a
charset
, garantem a apresentação correcta do conteúdo, especificando a codificação de caracteres utilizada, o que é crucial para a apresentação correcta de línguas internacionais e caracteres especiais. - A etiqueta
viewport
optimiza a visualização em diferentes dispositivos, o que é essencial para a acessibilidade móvel.
- As meta-etiquetas, como a
- Otimização para os motores de busca:
- Etiquetas como
title
edescription
melhoram a SEO, fornecendo aos motores de busca informações claras e relevantes sobre o conteúdo da página, o que ajuda a classificá-la nos resultados da pesquisa. - A etiqueta
robots
fornece instruções aos motores de busca sobre como indexar a página e seguir as ligações, o que afecta a visibilidade dos motores de busca.
- Etiquetas como
- Controla a apresentação dos conteúdos:
- As etiquetas para redes sociais (
Open Graph
eTwitter Cards
) personalizam a forma como o conteúdo é apresentado quando partilhado em plataformas de redes sociais, aumentando o envolvimento e as taxas de cliques.
- As etiquetas para redes sociais (
Começa a trabalhar com um especialista em SEO?
Ralf van Veen
Especialista em SEO
Com 11 anos de experiência, melhoro a capacidade de localização orgânica das empresas.
- Metaetiquetas e atributos suportados pelo Google | Central de pesquisa do Google | Documentação | Google para programadores. (s.d.). Google para programadores. https://developers.google.com/search/docs/crawling-indexing/special-tags
- Influenciando os links de título na Pesquisa Google | Central de pesquisa do Google | Documentação | Google para desenvolvedores. (s.d.-b). Google para programadores. https://developers.google.com/search/docs/appearance/title-link
- Como escrever descrições meta | Central de pesquisa do Google | Documentação | Google para desenvolvedores. (s.d.). Google para programadores. https://developers.google.com/search/docs/appearance/snippet
- Como especificar uma canónica com rel=”canonical” e outros métodos | Central de pesquisa do Google | Documentação | Google para programadores. (s.d.). Google para programadores. https://developers.google.com/search/docs/crawling-indexing/consolidate-duplicate-urls
- Não tem nenhuma etiqueta com largura ou escala inicial. (2019, 2 de maio). Chrome para programadores. https://developer.chrome.com/docs/lighthouse/pwa/viewport?hl=nl
Perguntas mais frequentes
As meta-etiquetas são pedaços de texto que dizem algo sobre o conteúdo de um sítio Web. Estão localizados no código da página Web, pelo que não se encontram na própria página Web. As meta-etiquetas, que se destinam a fornecer aos motores de busca informações sobre o conteúdo de uma página, existem em diferentes tipos. Tens:
- Etiquetas de título: um texto que serve de título à página
- Etiquetas de descrição: uma breve descrição da página em questão
- Etiquetas de palavras-chave: as palavras-chave mais importantes utilizadas numa página
- Etiquetas de robots: informações específicas para bots na interpretação de páginas
As meta-etiquetas servem para fornecer aos motores de busca informações sobre o conteúdo de uma página. Isto fará com que seja mais fácil para eles encontrarem a sua página. Com efeito, facilita a análise do ficheiro HTML e a gestão do conteúdo do ficheiro. As meta-etiquetas ajudam o Google a saber como apresentar o sítio web nos resultados da pesquisa. Isto leva a que a apresentação correta desse sítio Web específico possa ser mostrada aos utilizadores.
No passado, as meta-etiquetas desempenhavam um papel direto na SEO, ou otimização dos motores de busca. Atualmente, a sua influência nas classificações dos motores de busca pode ser considerada indireta. De facto, as meta tags referem-se a dados que ajudam os motores de busca como o Google a classificar e categorizar corretamente a página web. Por isso, também sabe como o apresentar nos resultados da pesquisa. As meta-tags também podem dar instruções aos robôs de pesquisa (crawlers).
Se quiser começar a formular meta tags, deve ter em mente algumas directrizes recomendadas. Por exemplo, as suas etiquetas devem ser sempre originais, mas, acima de tudo, devem refletir de forma justa o conteúdo do seu sítio Web. A fraude é penalizada pelo Google. Por isso, utilize palavras-chave relevantes, sem prejudicar o conteúdo. É igualmente importante ter em conta o comprimento das meta-etiquetas. Estes são actualizados regularmente pelos motores de busca. Sê breve e simpático e trabalha com palavras activas e concretas.
A otimização das meta tags para SEO significa uma taxa de cliques mais elevada, o que contribui positivamente para a sua classificação nos resultados de pesquisa do Google. Utilize as principais palavras-chave da página, mas tenha também em conta o comprimento das meta tags. Por exemplo, um meta título tem em média 55 caracteres e uma meta descrição 164 (em computador) ou 120 (em dispositivo móvel). Forneça uma descrição relevante e utilize, tanto quanto possível, termos de pesquisa no início. É assim que te certificas de que o Google mostra as meta tags que especificaste.