Tags HTML para SEO: O que os usuários do WordPress precisam saber

Quão vitais são as tags HTML para SEO? Quais você precisa aprender?

As tags HTML podem alterar a forma como seu conteúdo aparece nos resultados de pesquisa e como ele se classifica.

Portanto, as tags HTML para SEO são essenciais, mas você pode adicioná-las automaticamente ao seu conteúdo. Vamos descobrir como.

O que são Tags HTML para SEO?

Embora algumas tags HTML listadas abaixo tenham mais de um uso, todas elas podem impactar a forma como seu conteúdo aparece nos resultados dos motores de busca.

Por exemplo, o schema markup pode criar exibições de pesquisa atraentes, aumentando significativamente o tráfego.

Todas as tags HTML ajudam os motores de busca a entender seu conteúdo e a combiná-lo com as consultas de pesquisa.

Com 68% de todo o tráfego da web começando com motores de busca, SEO é o canal de marketing que você não pode ignorar.

Em cada seção de tag abaixo, explicamos o impacto de SEO relacionado.

Preciso Aprender HTML?

Não, você não precisa aprender HTML para usar SEO de forma eficaz.

A maioria das plataformas de sites modernas, como o WordPress, fornece campos de formulário para digitar o título e a descrição do seu artigo. Em seguida, as tags HTML são adicionadas automaticamente.

Mas e as outras tags HTML discutidas neste artigo?

Baixe o Plugin All in One SEO (AIOSEO)

Recomendamos o uso de um plugin de SEO como o All in One SEO (AIOSEO).

Este plugin amigável para iniciantes analisa o conteúdo da sua página da web e fornece uma lista de verificação simples para melhorá-lo.

Como o AIOSEO Funciona

Muitos dos itens que o AIOSEO verifica têm tags HTML relacionadas. E o plugin garantirá que essas tags sejam adicionadas para você.

Aqui estão alguns elementos de página que o AIOSEO ajudará você a otimizar, e que estão relacionados ao código HTML.

• Tag de título: O All in One SEO verificará seu título para garantir que você usou sua palavra-chave de destino. Você também verá se seu título ultrapassou 60 caracteres, o que significa que o Google Search provavelmente o truncará.
• Tag de meta descrição: O AIOSEO também verifica se você usou sua palavra-chave de destino em sua meta descrição. Ele solicitará que você a adicione se estiver faltando. Você também será alertado se sua descrição ultrapassar 160 caracteres.
• Subtítulos: Como os subtítulos podem tornar o conteúdo mais fácil de digitalizar, o AIOSEO verifica passagens longas sem subtítulos. O plugin também verifica se você usou sua palavra-chave de destino em alguns de seus subtítulos.
• SEO de Imagem: O AIOSEO permite que você crie configurações para todo o site para SEO de imagem, incluindo tags alt.
• Schema markup: Para adicionar schema markup, você clicará em alguns botões e preencherá alguns campos de formulário.
• Tags de mídia social: Otimize seu conteúdo para compartilhamento no Facebook e Twitter. Você clicará em alguns botões para fazer isso. O All in One SEO adiciona as tags OG e as tags de Cartão do Twitter necessárias.
• Tags de robô Noindex: Você pode ocultar conteúdo dos motores de busca usando uma abordagem fácil de clicar. O AIOSEO adicionará automaticamente as meta tags de robô noindex necessárias ao seu HTML.

Se você consegue clicar em botões e preencher campos de formulário, você pode usar o All in One SEO (AIOSEO).

All in One SEO (AIOSEO) é um plugin estabelecido com milhares de avaliações 5 estrelas no WordPress.org. E atualmente, mais de 3 milhões de pessoas o utilizam.

Agora, vamos analisar as principais tags HTML para SEO.

Tag de Título

O título da sua página da web é uma parte essencial de um snippet de pesquisa. Juntamente com a descrição, ele pode dar aos usuários um motivo para clicar no seu site.

Mas como o Google (ou outros mecanismos de pesquisa) sabe qual é o seu título? É aí que entram as tags de título.

As tags de título são pequenos trechos de código que aparecem no início e no final dos títulos das páginas. Essas tags dizem aos mecanismos de pesquisa: "Aqui está o título."

Tag de Título em Código HTML

Veja como uma tag de título se parece em HTML

<title></title>

Note que há uma tag de abertura e uma tag de fechamento.

Entre essas duas tags é onde seu título vai.

<title>Your Title Goes Here</title>

Quando você digita um título na parte superior de uma página da web, a maioria das plataformas de sites adiciona automaticamente a tag de título. Então, você nem precisa pensar nisso.

Mas há algumas boas práticas a serem lembradas.

Melhores Práticas para Tags de Título

• Torne seu título preciso e inclua sua palavra-chave de foco.
• Os mecanismos de pesquisa cortam os títulos após cerca de 60 caracteres. Portanto, aproveite bem esses 60 caracteres.
• Você pode ultrapassar 60 caracteres, mas certifique-se de que a parte visível do seu título comunique sobre o que é o seu artigo.
• Se o seu título não for claro ou preciso, o Google pode reescrevê-lo.

Aprenda como usar o All in One SEO para otimizar títulos.

Valor de SEO das Tags de Título

Como seu título e descrição aparecem nas páginas de resultados dos mecanismos de pesquisa (SERPs), essas são 2 oportunidades-chave para persuadir os pesquisadores a clicar.

Incluir sua palavra-chave de foco no título ajuda o Google a entender sua página, mas não é um fator de classificação.

No entanto, um título bem elaborado é um aspecto de conteúdo de alta qualidade. E a qualidade do conteúdo é o fator de classificação mais importante.

Tag de Meta Descrição

Vimos que os snippets de pesquisa incluem uma breve descrição da sua página da web.

Em SEO, essa descrição é chamada de meta descrição.

Assim como os títulos, a maioria das plataformas de sites fornece um campo de formulário para você adicionar uma descrição, e elas adicionam automaticamente a tag de meta descrição.

Tag de Meta Descrição em Código HTML

Veja como uma tag de meta descrição se parece em HTML.

<meta name="description" content="Your description goes here." />

Esta é o que é chamada de tag de fechamento automático. (Ao contrário da tag de título, não há tag de abertura e fechamento.)

Melhores Práticas para Meta Descrições

• Torne sua descrição precisa e use-a para destacar o que há de único em seu artigo.
• Como os mecanismos de busca limitam o espaço para descrições de páginas da web, a prática comum é limitá-las a 160 caracteres.
• Inclua sua palavra-chave de destino e 1-2 palavras-chave relacionadas.

Saiba mais sobre meta descriptions.

Valor de SEO das Meta Descriptions

Embora sua meta description original possa (ou não) aparecer em pesquisas para sua palavra-chave de destino, o Google frequentemente reescreve descrições para combiná-las com diferentes consultas de pesquisa.

Por "reescrever", queremos dizer que ele extrai texto diferente de sua página para exibir como meta description.

No exemplo abaixo, o Google está extraindo uma meta description diferente da que escrevemos. Mas a descrição corresponde à consulta de pesquisa: "O que é SEO multilíngue?"

Portanto, embora você escreva 1 meta description, seu artigo pode aparecer em pesquisas para vários palavras-chave, cada um exibindo uma descrição diferente extraída pelo Google.

Tags de Título

Organizar seu conteúdo logicamente e usar títulos (ou subtítulos) para várias seções ajuda os mecanismos de busca e os usuários a entenderem seu conteúdo rapidamente.

O painel de edição no WordPress fornece opções de título de h1 a h6.

• H1 é usado para títulos de página e normalmente aparece na maior fonte.
• Os outros, h2-h6, são menores e usados para organizar o conteúdo em ordem lógica e hierárquica.

Por exemplo, um artigo pode ter várias seções com títulos h2, e você usaria títulos h3 ou h4 dentro dessas seções.

Em segundo plano, o WordPress adicionará tags de título HTML, que ajudam os mecanismos de busca a entender o formato do seu conteúdo.

Tags de Título no Código HTML

Em HTML, uma tag de título se parece com isto:

<h1></h1>

A tag h1 é tipicamente reservada para o seu título. Portanto, em HTML, o título da sua página aparecerá envolvido em tags h1.

<h1>This is My Page Title</h1>

Você pode se perguntar por que a tag title não está aqui. O título da sua página aparece no código HTML 2 vezes:

• Envolvido em uma tag title (Isso é estritamente para mecanismos de busca)
• Envolvido em uma tag h1. (Este é o título visível para seus leitores.)

As outras tags h usam a mesma sintaxe. Por exemplo, aqui está uma tag h2 usada para uma seção de artigo.

<h2>Introduction to Sales</h2>

Melhores Práticas para Títulos

• Torne os títulos úteis e concretos.
• Mantenha-os concisos para que sejam escaneáveis.
• Coloque os termos mais importantes no início.

Valor de SEO dos Títulos

As tags de título podem ajudar os mecanismos de busca a encontrar seções do seu conteúdo e combiná-las com consultas relacionadas.

Por esse motivo, elas podem ajudar seu conteúdo a classificar para mais de 1 termo de pesquisa.

Mas elas também são importantes para criar conteúdo escaneável.

Usar uma estrutura clara e lógica e subtítulos para diferentes seções pode manter seus leitores engajados e voltando para mais.

Tags Alt de Imagem

Texto alternativo é um texto que descreve uma imagem. A maioria das plataformas de sites, incluindo o WordPress, fornece um campo de formulário para adicionar texto alternativo.

Existem 2 propósitos para este texto alternativo:

• Mecanismos de busca leem e indexam o texto alternativo da imagem, e isso os ajuda a entender o conteúdo da imagem.
• Leitores de tela, dispositivos que pessoas com deficiência visual usam, leem o texto alternativo em voz alta.

Depois de adicionar seu texto alternativo, o WordPress o envolve automaticamente em uma tag alt de imagem.

Tags Alt de Imagem no Código HTML

Tags alt são atributos HTML que aparecem dentro de um elemento de imagem.

As tags de imagem ("img") apontam para uma fonte online ("src") para a imagem, na forma de uma URL.

<img src="https://upload.wikimedia.org/wikipedia/commons/c/c0/Yury_Pen_-_Portrait_of_Marc_Chagall.jpg" alt="marc chagall portrait">

Melhores Práticas para Tags Alt de Imagem

• Sempre inclua texto alternativo para imagens, a menos que sejam decorativas.
• Omita pontuação, hifens ou símbolos especiais.
• Descreva a imagem e seu contexto.

Por exemplo, se sua imagem for um gráfico de tendências de taxas de criminalidade em Oslo, Noruega, explique o que ela está mostrando aos leitores.

alt="crime trends in oslo norway"

Valor de SEO das Tags Alt de Imagem

Tags alt ajudam suas imagens e diagramas a aparecerem na pesquisa de imagens.

E além do SEO, elas melhoram a acessibilidade do seu site.

Marcação de Schema (para Rich Snippets)

Adicionar marcação de schema às suas páginas da web as torna elegíveis para serem exibidas como rich snippets nos resultados de pesquisa.

Você pode pensar em rich snippets como exibições superdeluxe dos motores de busca.

Aqui está um snippet de busca padrão.

E aqui está um rich snippet.

Adicionar este tipo de marcação é fácil. Com o All in One SEO (AIOSEO), você clicará em alguns botões e preencherá alguns campos de formulário.

Existem mais de 30 tipos de rich snippets para escolher, incluindo:

• Livro
• Cursos
• Perguntas Frequentes
• Evento
• Aplicativo de software
• Pessoa.

Embora a marcação de schema seja mais complicada do que as tags, ela tem algumas semelhanças. Este código marca partes de uma página da web para que o Google possa converter essa página em um rich snippet.

Marcação de Schema em HTML

O código para marcação de schema pode ser extenso.

Se você quiser ver como ele se parece, recomendamos navegar por alguns dos exemplos de código em Schema.org.

Melhores Práticas para Marcação de Schema

Sempre que possível, adicione marcação de schema às suas páginas da web.

E explore os tipos de schema disponíveis no AIOSEO.

Valor de SEO da Marcação de Schema

Rich snippets atraem mais cliques do que snippets padrão.

Saiba mais sobre rich snippets.

Tags canônicas

Tags canônicas ajudam o Google a organizar páginas duplicadas, indicando qual você deseja que seja exibida nos resultados de pesquisa.

Um uso comum para tags canônicas é para páginas de produtos, quando o mesmo conteúdo pode aparecer em várias áreas do seu site.

Melhores Práticas

Ao fazer links internos, link para a URL canônica. Isso comunica sua preferência ao Google.

Tags Canônicas no Código HTML

A sintaxe para tags (ou atributos) canônicas é:

rel="canonical"

Aqui está um exemplo de um link com a tag canônica adicionada.

<link rel="canonical" href="https://example.com/sneakers/green-sneakers" />

Este link seria colocado na seção head do HTML.

Tags canônicas são um assunto de SEO técnico. Veja as diretrizes do desenvolvedor do Google sobre métodos para especificar URLs canônicas.

Outras Tags HTML Importantes

Cobrimos as principais tags HTML para SEO. Mas aqui estão algumas tags especiais junto com seus usos.

Tags do Open Graph

Já se perguntou por que algumas páginas da web, quando compartilhadas no Facebook, parecem ter algo faltando?

Quando um usuário compartilha sua página no Facebook, a plataforma de mídia social vasculha seu código em busca de tags Open Graph.

Essas tags HTML dizem ao Facebook qual imagem, título e descrição exibir. Se sua página não tiver essas tags OG, ela parecerá sem graça quando compartilhada.

All in One SEO (AIOSEO) oferece uma maneira fácil de controlar como seu conteúdo aparece no Facebook. (E não há necessidade de se preocupar com o código.)

Tags de Cartão do Twitter

As tags Twitter Card funcionam como as tags OG. E aqui, você também pode usar o All in One SEO (AIOSEO) para controlar como sua página aparece quando compartilhada no Twitter.

Você pode clicar em 1 botão e ter suas configurações do Facebook copiadas para o compartilhamento no Twitter.

Atributos de Link

Backlinks são um fator de classificação significativo. (Backlinks são links de outros sites para o seu.)

Links de sites respeitados e de qualidade podem elevar a classificação do seu site.

Mas os links podem incluir atributos, alguns dos quais podem anular esse valor de SEO.

Por exemplo, um atributo "nofollow" diz aos mecanismos de pesquisa para ignorar o link.

Veja como esse atributo se parece no código do link.

<a href="https://www.example.com" rel="nofollow">linked text</a>

Saiba mais sobre os atributos nofollow, ugc e sponsored e como evitá-los.

Tag de Robô Noindex

A tag noindex *impede* que o conteúdo apareça nos resultados de pesquisa.

Páginas de login de funcionários ou páginas de "sucesso" são exemplos de conteúdo que você pode querer que os mecanismos de pesquisa ignorem.

Aqui está um atributo noindex contido em uma tag meta robots.

<meta name="robots" content="noindex" />

Anteriormente, as diretivas noindex eram às vezes adicionadas ao arquivo robots.txt de um site. Mas essa abordagem foi descontinuada em 2019 pelo Google.

Tags Semânticas do HTML 5

Tags semânticas ajudam os mecanismos de busca a entender como as partes de uma página se relacionam umas com as outras.

Elas foram um recurso importante no lançamento do HTML 5 em 2008.

Aqui estão alguns exemplos de tags semânticas.

A base de código e os temas do WordPress incluem tags semânticas.

Perguntas e Respostas sobre Tags HTML para SEO

Agora que você conhece as principais tags HTML para SEO, pode ter algumas perguntas restantes.

Depois de Tags HTML para SEO . . .

Esperamos que este post tenha ajudado você a identificar algumas das principais tags HTML para SEO e por que você não precisa aprender código para aplicá-las.

O All in One SEO garante que seu site esteja usando metadados corretamente.

Em seguida, aprenda como adicionar um sitemap HTML ao seu site. Confira estas ferramentas de SEO on-page. E explore como criar um bom texto âncora.

Para saber mais sobre otimização de mecanismos de busca, assine nosso Canal do YouTube. Você encontrará ótimos tutoriais passo a passo lá. Você também pode nos seguir no X (Twitter), LinkedIn ou Facebook para ficar por dentro.

Aviso: Nosso conteúdo é apoiado pelo leitor. Isso significa que se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Recomendamos apenas produtos que acreditamos que agregarão valor aos nossos leitores.