Neste artigo, discuto o que são as etiquetas HTML, o que a influência das etiquetas HTML na SEO e como se pode reagir a elas. Também dou 25 exemplos das etiquetas HTML mais importantes para SEO. Boa leitura!

O que é HTML? E como é que o HTML afecta a SEO?

HTML significa Hyper Text Markup Language (Linguagem de Marcação de Hipertexto). O código HTML realiza a estrutura do sítio Web. O código HTML está num ficheiro. Os motores de busca reconhecem o HTML e classificam os resultados da pesquisa em conformidade.

Todos os ficheiros HTML começam com a chamada declaração doctype. Esta destina-se a navegadores. Desta forma, o browser sabe em que versão HTML a página está escrita. Diretamente abaixo da “declaração doctype” vem a etiqueta HTML de abertura. Com uma etiqueta, pode destacar diferentes partes de uma página Web. Estas etiquetas permitem-lhe distinguir as peças umas das outras. Todas as secções têm uma etiqueta de abertura e uma etiqueta de fecho.

A etiqueta de abertura HTML é a primeira etiqueta que encontra na página Web. A etiqueta de fecho está na parte inferior. Dentro das etiquetas de abertura e fecho, aparecerão todas as outras partes da página Web. Os títulos ou subtítulos são indicados, por exemplo, por (

,

). Um elemento HTML é composto por uma etiqueta de abertura, o conteúdo e a etiqueta de fecho. Atributos como imagens podem ser adicionados aqui. Um exemplo é a largura ou a altura. Os valores são adicionados aos atributos (225px à largura do atributo e 100px à altura do atributo). O browser fará com que a imagem tenha 225 píxeis de largura e 100 píxeis de altura.

As 25 etiquetas HTML mais importantes para SEO

Aqui está uma tabela de 25 etiquetas HTML importantes que podem afetar a SEO. Note-se que as etiquetas HTML não servem apenas para SEO, são também cruciais para a estrutura e o design de uma página. Tenha isto em mente quando utilizar este produto.

Etiqueta	Explicação
<title>	A etiqueta de título é utilizada para indicar o título de uma página Web e aparece nos resultados de pesquisa e no separador do navegador.
<meta name="description">	A etiqueta de meta descrição é utilizada para apresentar uma breve descrição da página nos resultados da pesquisa(3).
<h1>, <h2>, ..., <h6>	Estas etiquetas de cabeçalho são utilizadas para indicar a estrutura do conteúdo da página, sendo <h1> a mais importante.
<meta name="keywords">	Embora menos importantes atualmente, as meta keyword tags podem ser utilizadas para indicar as palavras-chave relevantes de uma página.
<a href="URL">	A etiqueta âncora é utilizada para criar ligações a outras páginas, com o atributo href a indicar o URL da página de destino.
rel="nofollow"	Este atributo, adicionado a uma etiqueta âncora, indica aos motores de busca que não devem seguir a página ligada nem transmitir o valor da ligação(4).
<img src="image.jpg" alt="description">	A etiqueta alt é utilizada para fornecer uma descrição de uma imagem, o que é útil para os motores de busca e para os utilizadores com deficiência visual.
<strong> ou <b>	Estas etiquetas são utilizadas para tornar o texto a negrito, o que pode ajudar a destacar determinadas partes do seu conteúdo.
<em> ou <i>	Estas etiquetas são utilizadas para colocar o texto em itálico, o que pode ajudar a realçar determinadas partes do seu conteúdo.
<p>	A etiqueta de parágrafo é utilizada para indicar parágrafos individuais de texto.
<ul> en <li>	Estas etiquetas são utilizadas para criar listas não ordenadas, o que pode ajudar na legibilidade da página.
<ol> en <li>	Estas etiquetas são utilizadas para criar listas ordenadas, o que também pode contribuir para a legibilidade.
<blockquote>	Esta etiqueta é utilizada para indicar aspas longas.
<br>	A etiqueta de quebra de linha é utilizada para iniciar uma nova linha sem iniciar um novo parágrafo.
<hr>	A etiqueta de linha horizontal é utilizada para indicar uma quebra temática no conteúdo.
<meta name="robots">	Esta meta tag é utilizada para dar instruções aos motores de busca sobre como indexar ou localizar uma página.
<link rel="canonical">	Esta etiqueta é utilizada para indicar que o URL atual é a versão “principal” de uma página, o que ajuda a evitar a duplicação de conteúdos.
<meta charset="UTF-8">	Esta etiqueta indica o formato de codificação de caracteres da página.
<meta name="viewport">	Esta etiqueta é utilizada para indicar como uma página deve ser apresentada em diferentes dispositivos, o que é importante para a otimização móvel.
<link rel="alternate" hreflang="x">	Esta etiqueta é utilizada para indicar que determinado conteúdo está disponível em diferentes línguas(5).
<div>	A etiqueta div é utilizada para indicar uma parte ou secção da página.
<span>	A etiqueta span é utilizada para agrupar um pedaço ou parte de texto num documento.
<html lang="x">	O atributo language é utilizado para indicar a língua do conteúdo da página.
<noscript>	A etiqueta noscript é utilizada para apresentar conteúdo alternativo aos utilizadores que não têm o JavaScript ativado nos seus browsers.
<meta http-equiv="refresh">	Esta etiqueta é utilizada para atualizar automaticamente a página ou redirecionar para outra página após um determinado período de tempo. No entanto, não é recomendado para SEO.

A utilização de etiquetas deve estar sempre em conformidade com as directrizes do Google para garantir um desempenho SEO ótimo. A utilização excessiva ou incorrecta de etiquetas pode ser considerada spam e dar origem a sanções.

Ler mais sobre este tema

• Tudo sobre as etiquetas H1 e o seu impacto na SEO
• Tudo sobre as etiquetas H2 e o seu impacto na SEO
• Criar uma estrutura de silos para SEO
• Configurar a estrutura de um sítio Web para SEO
• Página de destino SEO configurada para o Google

Conclusão: HTML e SEO

O código HTML é a base do seu sítio Web e, por isso, é extremamente importante para a sua localidade. As meta-etiquetas, as etiquetas de título e a estrutura de títulos ajudam-no a elaborar um código HTML sem erros. O código HTML define a estrutura e a disposição do seu sítio Web. Se quiser obter uma classificação elevada do Google, é importante concentrar-se bem no código HTML. Não são apenas os elementos de código que promovem a posição, o conteúdo também é de grande importância. As meta-etiquetas são criadas com base no texto do sítio Web. Quanto menos texto, menos palavras-chave. Quanto menos palavras-chave, pior pode ser encontrado no Google.

---