Meta tags de SEO: a lista definitiva e por que são importantes

Postado anos 3 atrás by Max Komonov

Metadados são códigos HTML incluídos no

seção de documentos HTML. Este código não afeta o web design de forma alguma, ele está lá apenas para ser lido pelos spiders do mecanismo de pesquisa. Este código informa aos bots do mecanismo de pesquisa muitos detalhes sobre o site. Fornecendo precisão metadados ajuda o mecanismo de pesquisa a indexar e classificar seu site com mais precisão.

Por que os metadados são importantes?

Os metadados podem significar a diferença entre classificação ou não classificação para uma determinada palavra-chave. Se seus concorrentes têm bom conteúdo, mas não preenchem todos os seus metadados opções, então você ainda pode vencê-las. SEO é construir uma pilha de credibilidade fatores com o Google. O Google pediu aos webmasters que fornecessem essas informações e eles recompensaram aqueles que o fizeram.

Como edito metadados?

Se você estiver escrevendo seu código manualmente, existem muitos guias disponíveis online que fornecem os trechos de código exatos que você pode incluir no seção de seus documentos HTML.

A maioria das plataformas de design de sites e comércio eletrônico oferece recursos que permitem definir os metadados para cada página, produto e postagem de blog em seu site. Ecwid oferece amplas opções para edição metadados e fazendo outras personalizações de SEO. Shopify tem um conjunto mais limitado de opções de SEO. O WordPress possui vários plug-ins bem conhecidos que oferecem a capacidade de editar metadados.

Tipos de metadados

Meta título e meta descrição

Os tipos de metadados mais famosos são o site título e descrição. Preencher esses itens para cada página do seu site é uma das maneiras mais simples de melhorar suas classificações de SEO. Apesar de ser fácil de fazer, existem muitos sites que não são otimizados dessa forma.

O conteúdo de ambas as metatags é exibido no SERPS. A meta tag do título da página é usada para o texto âncora do link para o seu site na lista de resultados de pesquisa. A meta tag de descrição preenche a descrição do seu site nos resultados da pesquisa. Se você não tiver essas meta tags preenchidas, o Google tentará gerar automaticamente as informações do conteúdo do seu site... se isso se importar em classificar o seu site.

É assim que o meta título e a meta descrição do Ecwid Ecommerce aparecem no Google SERP

As tags de título não devem ter mais de 60 caracterese deve incluir a palavra-chave da página. Escreva um título de site atraente que incentive o usuário a clicar em sua listagem. Um título metatag se parece com isso:

Este é um exemplo de tag de título de site

As tags de descrição devem ter entre 140 e 160 caracteres. A palavra-chave deve ser usada naturalmente na primeira frase. Se você não escrever uma descrição de alta qualidade, o Google irá desconsiderá-la e tentar auto-gerar um melhor. Uma tag de descrição se parece com isto:

Metatag de palavras-chave

Costumava haver uma meta tag que listava as palavras-chave associadas à página. Essa meta tag foi descontinuada como fator de classificação pelo Google por mais de uma década. Todos os outros principais mecanismos de busca também publicaram declarações desautorizando o uso da meta tag keywords. Embora você não seja penalizado por usar essa tag, seria uma perda de tempo e esforço fazê-lo.

A metatag Robôs

Robôs meta tags são diferentes do arquivo robots.txt. Robots.txt informa aos robôs quais páginas eles devem rastrear. As metatags do robô informam aos robôs quais páginas indexar.

Na maioria dos casos, você deseja que os robôs indexem a página. Portanto, o valor padrão para a meta tag robots é, “indexar, seguir”. No entanto, os valores podem ser alterados para “noindex, nofollow” em páginas específicas que não queremos que sejam listadas nos resultados da pesquisa.

A meta tag de robôs é semelhante a esta:

Meta tags para links externos

Existem algumas tags de marcação para links externos, mas são um pouco diferentes do resto das meta tags. Em vez de ser incluído no seção da página HTML, essas tags são adicionadas à marcação do link.

A rel tag de marcação para links externos tem três valores possíveis; patrocinado, ugc (conteúdo gerado pelo usuário) e nofollow. Um link pode conter vários rel valores. O Google publicou um guia para essas meta tags intitulado “Qualifique seus links externos para o Google??.

Meta viewport

A meta tag da janela de visualização é muito importante porque informa aos mecanismos de pesquisa que seu site é compatível com dispositivos móveis. Sem essa meta tag, seu site não aparecerá nos resultados de pesquisa para celular.

Uma meta tag da janela de visualização tem esta aparência:

Web.dev publicou o artigo definitivo sobre este tema, intitulado “Noções básicas de Web design responsivo”. A maioria das plataformas de web design e comércio eletrônico definirá automaticamente essa meta tag para você e também já terá aplicado código CSS responsivo aos seus designs visuais. Se você está programando do zero ou apenas deseja entender os detalhes básicos do assunto, este guia é para você.

Metatags de mídia social

Essas meta tags controlam a forma como seus links são exibidos em sites de mídia social. Você pode controlar seu site título, descrição, imagem em destaque, e mais. Open Graph é a forma predominante de metadados de mídia social, mas os dados de esquema são usados para fornecer funcionalidade semelhante para plataformas sociais não suportadas pelo Open Graph.

Marcação de gráfico aberto

As metatags de gráfico aberto foram criadas pelo Facebook, mas também são usadas pelo Twitter. Você usará várias metatags Open Graph para definir as propriedades de exibição de seus links no Facebook. Você pode aplicar meta tags OG a páginas e imagens.

Marcação de cartão do Twitter

O Twitter também usa meta tags Open Graph para controlar a forma como os links são exibidos em sua plataforma. Os valores são diferentes das tags Facebook OG, portanto você deve definir os valores para ambos os sites. Os valores OG do Twitter só podem ser aplicados a páginas.

Esquema para Linkedin, Google+ e Pinterest

Embora o esquema normalmente seja servido em um arquivo JSON, há alguma marcação de esquema que pode ser adicionada ao

seção de uma página HTML. Essas tags podem ser usadas para definir a forma como os links são exibidos em plataformas de mídia social que não utilizam o protocolo OG.

Outros tipos de metadados

Existem muitos outros tipos de metadados obscuros que podem ser usados dentro do

seção do seu site e ocasionalmente dentro do corpo HTML. O Google publica uma lista de todas as formas de metatags atualmente reconhecidas e seus possíveis valores. A lista é intitulada “Meta tags e tags embutidas??.

Marcação de esquema como metadados

A marcação de esquema é um desenvolvimento mais recente do que os metadados. Ele serve ao mesmo propósito, no entanto. Tanto os metadados quanto a marcação de esquema fornecem dados aos spiders dos mecanismos de pesquisa para ajudá-los a rastrear, indexar e classificar sites com mais precisão.

Existem muitos tipos diferentes de marcação de esquema e vários métodos de entrega de dados de esquema. Embora não existam muitas metatags para escolher, a grande variedade de marcações de esquema muitas vezes pode ser esmagadora para as pessoas que estão aprendendo a usá-las.

Embora quase todos os construtores de sites e plataformas de comércio eletrônico fornecem maneiras de editar suas meta tags, a implementação da edição de dados de esquema é, na melhor das hipóteses, irregular. Algumas plataformas criar automaticamente dados de esquema, outros permitem opções de edição e a grande maioria simplesmente ignora todos os dados de esquema.

Adicionar dados de esquema ao seu site pode fornecer uma enorme vantagem competitiva. Muitos sites ainda estão não otimizado de acordo com os padrões de tecnologia de meta tags mais antigos. Se você se certificar de que suas meta tags estão devidamente personalizadas e também implementar dados de esquema, você tirará sua concorrência da água!

Primeiro, você precisa revisar os diferentes tipos de dados de esquema e decidir quais deseja incluir em seu site. Depois é necessário coletar os dados necessários para preencher os valores. Depois de fazer essa preparação, você poderá usar uma ferramenta geradora de esquema para produzir seu JSON-LD arquivo.

Depois de gerar os dados do esquema, você precisa testá-los com uma ferramenta validadora de esquema.

SEMRush produziu um guia detalhado chamado “O que é esquema? Guia para iniciantes em dados estruturados”. Este guia aborda os principais tipos de marcação de esquema e fornece links para diversas ferramentas para gerar e validar sua marcação de esquema. Dados do esquema em JSON-LD formato pode ser adicionado ao

seção do site ou usado em toda a seção do corpo do HTML.

Sobre o autor

Max trabalha no setor de comércio eletrônico há seis anos, ajudando marcas a estabelecer e aprimorar o marketing de conteúdo e o SEO. Apesar disso, ele tem experiência com empreendedorismo. Ele é escritor de ficção nas horas vagas.