8 das tags HTML mais importantes para SEO

Publicados: 2021-03-02

Você está utilizando tags HTML em seu processo de SEO?

As tags HTML são elementos de código com o back-end de todas as páginas da web, mas também existem tipos de código HTML específicos que fornecem aos mecanismos de pesquisa informações importantes para a exibição SERP. Essencialmente, esses elementos destacam partes de seu conteúdo que são relevantes para pesquisa e descrevem esses elementos para rastreadores de pesquisa.

Dito isso, você não precisa usar todas essas ferramentas de código extras. Os mecanismos de pesquisa estão ficando mais inteligentes e há muito menos uso de tags HTML hoje em dia do que antes. Mas algumas tags ainda estão segurando - e algumas até ganharam valor de SEO.

Nesta postagem, veremos algumas das principais tags HTML de SEO que ainda fazem sentido em 2020.

1. Tag do título

As tags de título são usadas para configurar os títulos clicáveis ​​que você vê no SERP:

De modo geral, cabe ao Google criar um título SERP para sua página e pode usar qualquer um dos títulos de seção de dentro da página - ou pode até mesmo criar um novo título.

Mas o primeiro lugar que o Google vai verificar em busca de ideias para títulos é a tag de título, e onde uma tag de título estiver presente, o Google muito provavelmente a tornará a manchete principal da lista relevante. Dessa forma, otimizar a tag de título dá a você algum controle sobre a forma como sua página é representada no SERP.

Melhores Práticas

Por outro lado, seu título deve conter as palavras-chave que o ajudarão a aparecer nos resultados da pesquisa. Por outro lado, seu título deve ser atraente o suficiente para que os usuários realmente cliquem, portanto, é necessário um equilíbrio entre a otimização de pesquisa e a experiência do usuário:

  • Cuidado com o comprimento - o Google exibirá apenas os primeiros 50-60 caracteres do seu título e eliminará o resto. Não é um problema ter um título com mais de 60 caracteres, desde que você ajuste as informações importantes antes do ponto de corte.
  • Inclua um número razoável de palavras-chave - o uso de palavras- chave provavelmente será penalizado, mas uma ou duas palavras-chave serão suficientes. Apenas certifique-se de que seu título forma uma frase coerente.
  • Escreva uma boa cópia - não seja vendedor e não seja genérico. Crie títulos descritivos que realcem o valor do seu conteúdo e estabeleça expectativas adequadas, para que os usuários não se decepcionem ao visitar a página.
  • Adicione o nome de sua marca - se você tiver uma marca reconhecível que provavelmente aumentará seu clique, sinta-se à vontade para adicioná-la ao título também.

Código HTML

Abaixo está um pouco de código recuperado de um artigo da BBC sobre estatísticas de coronavírus. Você pode ver uma tag de título configurada corretamente logo acima da tag de meta descrição - que é o que discutiremos a seguir:

2. Meta tag de descrição

As meta tags de descrição são usadas para configurar descrições nos snippets de resultados de pesquisa:

O Google nem sempre usa meta tags de descrição para criar esses snippets, mas se a meta tag estiver lá, então há uma boa chance de que sua meta descrição chegue ao SERP.

Lembre-se, entretanto, que às vezes o Google ignora a tag de meta descrição e, em vez disso, cita um trecho da página. Isso normalmente acontece quando a citação é uma correspondência melhor para uma consulta específica do que a meta descrição teria sido.

Basicamente, o Google escolherá a melhor opção para aumentar suas chances de click-through.

Melhores Práticas

As regras para meta descrições não são excessivamente rígidas - afinal, se você não conseguir escrever uma boa, mesmo se não conseguir escrever uma completamente, o Google escreverá uma para você.

  • Observe o comprimento - O mesmo que com os títulos, o Google manterá os primeiros 150-160 caracteres de sua metadescrição e cortará o resto. Certifique-se de que os aspectos importantes sejam incluídos desde o início para maximizar o interesse do pesquisador.
  • Escreva uma boa cópia - Embora a meta descrição não seja usada para classificação, ainda é importante otimizá-la para a intenção de pesquisa. Quanto mais relevante for a sua descrição, com base na respectiva consulta, maior será a probabilidade de o usuário visitar a sua página.
  • Considere pular a meta descrição - pode ser difícil criar um bom texto para palavras-chave de cauda particularmente longa ou para páginas que têm como alvo uma variedade de palavras-chave. Nesses casos, considere deixar a meta descrição de fora - o Google raspará sua página e preencherá seu snippet com algumas citações relevantes de qualquer maneira.

Código HTML

Abaixo está um pouco de código recuperado do mesmo artigo da BBC sobre estatísticas de coronavírus, e você pode ver que após a tag de título está uma tag de meta descrição, que fornece um breve resumo do assunto do artigo:

3. Etiquetas de título (H1-H6)

As tags de cabeçalho são usadas para estruturar suas páginas para o leitor e os mecanismos de pesquisa:

Não é nenhum segredo que quase ninguém lê mais um artigo - o que geralmente fazemos é escanear o artigo até encontrar a seção que gostamos, lemos aquela seção e então saltamos. E se o artigo não estiver dividido em seções, muitos vão pular imediatamente, porque é demais. Portanto, da perspectiva do usuário, os títulos são auxiliares de leitura úteis.

Do ponto de vista do mecanismo de pesquisa, no entanto, as tags de título formam o núcleo do conteúdo e ajudam os robôs rastreadores de pesquisa a entender do que se trata a página.

Melhores Práticas

As regras para títulos são derivadas das práticas gerais de redação - divida sua cópia em pedaços pequenos e mantenha uma formatação consistente:

  • Não use mais de um título H1 - H1 à parte de outros títulos porque ele é tratado pelos mecanismos de pesquisa como o título da página. Não deve ser confundido com a tag de título - a tag de título é exibida nos resultados da pesquisa, enquanto a tag H1 é exibida em seu site.
  • Manter a estrutura rasa - raramente é necessário ir abaixo de H3. Use H1 para o título, H2 para os títulos das seções e H3 para as subseções. Qualquer coisa a mais tende a ficar confusa.
  • Formule cabeçalhos semelhantes a consultas - trate cada cabeçalho como uma oportunidade adicional de classificação na pesquisa. Para tanto, cada título deve soar como uma consulta ou como uma resposta a uma consulta - incluindo palavras-chave.
  • Seja consistente com todos os cabeçalhos - Todos os seus cabeçalhos devem ser escritos de tal forma que se você remover todo o texto e manter apenas os cabeçalhos, eles parecerão uma lista.

Código HTML

Abaixo está um trecho de código recuperado do mesmo artigo da BBC sobre estatísticas de coronavírus, e você pode ver que há um cabeçalho H2 devidamente configurado, seguido por dois parágrafos:

4. Texto alternativo da imagem

Embora o objetivo principal do texto alternativo seja a acessibilidade na web, o objetivo de SEO do atributo alt é a indexação de imagens.

O principal objetivo do texto alternativo da imagem é ajudar os usuários a compreender a imagem quando ela não pode ser visualizada, digamos, por um visitante com deficiência visual. Nesse caso, junto com os momentos em que, digamos, há um problema e a imagem não carrega, o texto alternativo pode ser usado para descrever o que está na imagem, em vez de visualizá-lo.

De uma perspectiva de SEO, o texto alternativo é uma grande parte de como as imagens são indexadas na pesquisa do Google. Portanto, se houver um componente visual no que você faz - sejam as imagens de seus produtos, seu trabalho, suas imagens de estoque, sua arte - então você definitivamente deve considerar o uso de textos alternativos de imagem.

Melhores Práticas

Um pré-requisito para adicionar tags de texto alt é encontrar todas as imagens sem elas.

Você pode usar uma ferramenta como o WebSite Auditor para rastrear seu site e compilar uma lista de imagens sem texto alternativo.

Depois de criar sua lista, aplique estas diretrizes:

  • Seja conciso, mas descritivo - um bom texto alternativo é sobre uma ou duas linhas de texto que ajudaria uma pessoa com deficiência visual a entender o que está representado.
  • Não seja muito conciso - uma palavra, ou mesmo algumas palavras, provavelmente não vão resolver - não haveria como diferenciar a imagem de outras imagens. Pense em todas as propriedades possíveis exibidas: tipo de objeto, cor, material, forma, acabamento, iluminação, etc.
  • Não faça preenchimento de palavras-chave - não há mais lugar onde o preenchimento de palavras-chave ainda funcione, e o texto alternativo não é exceção.

Código HTML

Aqui está um exemplo de um trecho de texto alternativo de uma imagem de células de doenças:

5. Marcação de esquema

A marcação de esquema é usada para aprimorar snippets SERP regulares com recursos de rich snippet:

Schema.org hospeda uma coleção de tags desenvolvidas em conjunto pelo Google, Bing, Yahoo! E Yandex, e as tags são usadas por webmasters para fornecer aos mecanismos de pesquisa informações adicionais sobre diferentes tipos de páginas. Por sua vez, os mecanismos de pesquisa usam essas informações para aprimorar seus trechos de SERP com vários recursos avançados.

Não há certeza se o uso da marcação Schema melhora as chances de classificação - não há dúvida, entretanto, de que os trechos resultantes parecem muito mais atraentes do que os trechos regulares e, portanto, melhoram a posição de alguém na pesquisa.

Melhores Práticas

A única prática recomendada é visitar o schema.org e ver se há alguma tag que possa ser aplicada aos seus tipos de página. Existem centenas, senão milhares, de tags, então provavelmente haverá uma opção que se aplica e pode ajudar a melhorar as listagens de seu site.

Código HTML

Aqui está um trecho de código de amostra que especifica fatos nutricionais para uma receita. Você pode visitar o schema.org para obter uma lista completa dos itens disponíveis para marcação:

6. Tags semânticas HTML5

Os elementos HTML5 são usados ​​para melhores descrições de vários componentes da página:

Antes da introdução dos elementos HTML5, usamos principalmente tags div para dividir o código HTML em componentes separados e, em seguida, usamos classes e ids para especificar melhor esses componentes. Cada webmaster especificou os componentes de sua própria maneira customizada e, como tal, acabou sendo um pouco uma bagunça e um desafio para os mecanismos de pesquisa entenderem o que estava em cada página.

Com a introdução de elementos HTML5 semânticos, temos um conjunto de tags intuitivas, cada uma descrevendo um componente de página separado. Portanto, em vez de marcar nosso conteúdo com um monte de divs confusos, agora temos uma maneira de descrever os componentes de uma maneira padronizada e fácil de entender.

Como você pode imaginar, os mecanismos de pesquisa estão muito entusiasmados com o HTML5 semântico.

Código HTML

Aqui estão alguns dos elementos semânticos HTML5 mais úteis, use-os para melhorar sua comunicação com os mecanismos de pesquisa:

  • artigo - isola uma postagem do resto do código, torna-a portátil
  • seção - isola um grupo de postagens em um blog ou um grupo de títulos em uma postagem
  • à parte - isola conteúdo suplementar que não faz parte do conteúdo principal
  • header - isola a parte superior do documento, artigo, seção, pode conter navegação
  • rodapé - isola a parte inferior do documento, artigo, seção, contém meta informações
  • nav - isola menus de navegação, grupos de elementos de navegação

7. Meta tag de robôs

A metatag de robôs trata das regras de engajamento entre os sites e os motores de busca.

É aqui que os proprietários de sites descrevem um conjunto de regras para rastrear e indexar suas páginas. Algumas dessas regras são obrigatórias, enquanto outras são mais como sugestões - nem todos os rastreadores respeitarão as metatags de robôs, mas os principais mecanismos de pesquisa frequentemente o farão. E se não houver metatag de robôs, os rastreadores farão o que quiserem.

Melhores Práticas

Meta tag de robôs deve ser colocada na seção principal do código da página e deve especificar quais rastreadores ela aborda e quais instruções devem ser aplicadas:

  • Endereçar robôs por nome - Use robôs se suas instruções forem para todos os rastreadores, mas use nomes específicos para lidar com rastreadores individuais. O rastreador da web padrão do Google, por exemplo, é chamado de Googlebot . O tratamento de robôs individuais geralmente é feito para banir rastreadores mal-intencionados da página, permitindo que rastreadores bem-intencionados continuem.
  • Corresponda as instruções aos seus objetivos - normalmente você deseja usar metatags de robôs para impedir que os mecanismos de pesquisa indexem documentos, resultados de pesquisa interna, páginas duplicadas, áreas de teste e tudo o mais que você não deseja que apareça na pesquisa.

Código HTML

Abaixo estão alguns dos parâmetros mais comumente usados ​​com metatags de robôs. Você pode usar qualquer número deles em uma única metatag de robôs, separados por uma vírgula:

  • noindex - a página não deve ser indexada
  • nofollow - links na página não devem ser seguidos
  • follow - os links na página devem ser seguidos, mesmo que a página não deva ser indexada
  • noimageindex - as imagens da página não devem ser indexadas
  • noarchive - os resultados da pesquisa não devem mostrar uma versão em cache da página
  • unavailable_after - a página não deve ser indexada além de uma certa data.

8. Tag canônica

A tag canônica poupa você do risco de conteúdo duplicado:

A essência disso é que qualquer página, embora não seja sua, pode ter vários endereços. Às vezes, eles resultam de vários artefatos - como http / https e várias tags de rastreamento - e outras vezes eles resultam de várias opções de classificação e personalização disponíveis em catálogos de produtos.

Para ser honesto, não é um grande problema, exceto que todos esses endereços podem estar sobrecarregando o orçamento de rastreamento e a autoridade de sua página, e também podem atrapalhar o rastreamento de seu desempenho. A alternativa é usar uma tag canônica para informar a um mecanismo de pesquisa qual desses endereços de página é o principal.

Melhores Práticas

Para evitar complicações potenciais de SEO, aplique a tag canônica nas seguintes páginas:

  • Páginas disponíveis por meio de diferentes URLs
  • Páginas com conteúdo muito semelhante
  • Páginas dinâmicas que criam seus próprios parâmetros de URL

Pensamentos finais

Essas são as minhas principais tags HTML com as quais ainda devo me preocupar em 2020, embora eu acredite que algumas delas estejam firmemente de saída. Conforme observado, com os mecanismos de pesquisa cada vez mais inteligentes, há cada vez menos necessidade de otimização de tag HTML, porque a maioria das coisas agora pode ser deduzida por algoritmos. Além disso, a maioria dos sistemas CMS modernos adiciona automaticamente esses elementos, pelo menos em alguma capacidade.

Ainda assim, eu não deixaria inteiramente para o Google interpretar meu conteúdo - é melhor enfrentá-lo na metade do caminho onde você pode.