Como usar meta tags para SEO de forma eficaz

Quando bem executada, a otimização para mecanismos de busca (SEO) coloca o nome da sua marca no topo dos resultados de pesquisa, uma grande vitória se você busca mais tráfego orgânico e reconhecimento de marca. Mas intensificar os seus esforços de SEO pode parecer intimidador se você não sabe por onde começar. Uma tarefa prática para a sua lista? Meta tags para SEO.

Meta tags são trechos de código HTML, mas não se preocupe: você não precisa ser programador para adicionar meta tags HTML a uma página web. Confira a seguir uma explicação simples sobre meta tags para SEO, com dicas para adicionar meta tags a qualquer site.

O que são meta tags?

Meta tags são fragmentos de texto em formato de código HTML que descrevem o conteúdo de uma página. Seja um blog simples ou um e-commerce com diversas páginas de produtos, as meta tags ajudam o Google, o Bing e outros mecanismos de busca a entender o conteúdo da página, como indexá-la e como exibi-la nos resultados de pesquisa. As redes sociais também utilizam essas informações ao exibir conteúdos para os usuários.

Essas tags ficam no documento HTML que contém as instruções para carregar uma página e não ficam visíveis para os usuários durante a navegação. No entanto, alguns tipos de meta tags (como as title tags) podem aparecer na página de resultados de busca (SERP). Para adicionar ou editar essas tags no seu sistema de gerenciamento de conteúdo (CMS), basta procurar os campos correspondentes e inserir as informações adequadas. No Shopify, por exemplo, você pode acessar uma página de produto, rolar até "Visualização da listagem do mecanismo de busca" e fazer as alterações que desejar.

No e-commerce, preencher as seguintes tags ajuda a aumentar a visibilidade das páginas nos resultados de pesquisa:

Title tag. Um meta título, ou <title> no código HTML, aparece como o título da sua página nos resultados de pesquisa. Esse elemento é indiscutivelmente a meta tag mais importante para uma página web. Por isso, ele deve incluir palavras-chave relevantes e refletir com precisão o que o usuário encontrará ao clicar. Por exemplo, se você administra uma empresa de manutenção de jardins em São Paulo, a sua title tag da página inicial poderia ser: "[Nome da sua empresa]: o melhor cuidado para gramados em São Paulo".
Meta description tag. A meta descrição fornece um resumo do conteúdo da página que é exibido logo abaixo do título no Google e em outros buscadores. É fundamental criar descrições exclusivas para cada página do seu site. O uso de meta descrições duplicadas (copiar e colar o mesmo texto em várias páginas) pode impactar negativamente o seu SEO e confundir os mecanismos de busca.
Meta robots tag. Uma meta tag robots fornece instruções aos buscadores sobre como rastrear e indexar uma página específica. Em alguns casos, você pode querer usar meta tags robots para orientar os buscadores a não exibir uma página nos resultados de pesquisa, como uma página protegida por senha que apenas clientes atuais acessam.
Viewport meta tag. Esta é uma meta tag importante para a renderização em dispositivos móveis. Também conhecida como meta tag viewport ou apenas tag viewport, ela ajusta as páginas à largura do dispositivo. O alinhamento com a largura do aparelho ajuda você a oferecer uma experiência fluida para usuários de dispositivos móveis.
Meta charset tag. Uma meta tag charset declara a codificação de caracteres para o conteúdo da página. De forma simples, esse tipo de tag ajuda você a exibir emojis, símbolos e pontuação da maneira correta. Essa meta tag oferece suporte a ferramentas de leitura de texto e ajuda a evitar problemas de exibição (como um "é" acentuado que não aparece corretamente).
Outras tags. Você pode encontrar outras meta tags ao construir o seu site. Elas incluem a meta tag keywords (que agora é obsoleta), as meta tags refresh e http-equiv (utilizadas para instruções de atualização, mas irrelevantes para SEO) e as tags hreflang (que informam aos buscadores a região e o idioma de destino de uma página). Todas essas tags são pouco comuns.

Com o tempo, a comunidade de SEO identificou uma série de boas práticas para otimizar o uso de meta tags em um site. Confira algumas dicas para aproveitar as meta tags no seu negócio ou e-commerce:

Title tags

Utilize palavras-chave relevantes no início das suas tags de título. Essas palavras-chave podem estar relacionadas ao seu setor, aos produtos que você vende ou ao nome da sua empresa. A página de resultados do Google exibe no máximo 60 caracteres, portanto, mantenha o título abaixo desse limite para garantir que ele não seja cortado. Evite títulos duplicados em várias páginas, pois isso pode prejudicar o desempenho do seu SEO.

Meta description tags

As tags de meta descrição, também chamadas de tags meta name description content, não influenciam diretamente o ranqueamento de SEO. Ainda assim, é recomendável utilizá-las para fornecer um resumo relevante do conteúdo de uma página. As melhores meta descrições começam com um texto preciso sobre a página que resume o conteúdo de forma clara. Essas descrições devem ter entre 150 e 160 caracteres e precisam incluir palavras-chave relevantes sempre que possível.

Meta robots tags

As meta tags robots dizem aos rastreadores de busca o que fazer em uma página, geralmente se devem indexá-la ou não. Por exemplo, suponha que o seu e-commerce tenha muitos filtros de produtos que criam dezenas de URLs de categorias quase idênticas. Uma meta tag robots como "<meta name="robots" content="noindex, follow">" orienta os rastreadores a não indexar essa página de resultados de filtro nos resultados de busca, mas a seguir os links para encontrar outras páginas do site.

Se você precisar evitar a indexação de outras páginas (como as protegidas por senha ou áreas administrativas com informações sensíveis), plug-ins de SEO ou arquivos de tema ajudam a personalizar essas páginas com facilidade. A Loja de Aplicativos da Shopify oferece esse tipo de recurso, incluindo o Metagen e TagFly. Além disso, utilize o Google Search Console para detectar qualquer problema de meta tag, como conteúdos que foram bloqueados da indexação por acidente.

Viewport meta tags

Nem todo tipo de conteúdo terá o redimensionamento automático para o tamanho ideal em dispositivos móveis. As meta tags viewport resolvem esse problema e ajudam você a oferecer uma experiência fluida em navegadores de celulares. Por exemplo, uma tag viewport como "<meta name="viewport" content="width=device-width, initial-scale=1.0">" orienta o navegador a carregar o conteúdo de forma que ele se ajuste à largura da tela, sem ampliações ou reduções indesejadas. Esse tipo de tag serve principalmente para a usabilidade móvel, um fator que buscadores como o Google consideram ao ranquear páginas.

A maioria das plataformas de e-commerce, como a Shopify, já inclui essas tags por padrão.

Charset meta tags

Os navegadores oferecem diversas opções de codificação de caracteres para ajudar você a exibir emojis, símbolos e pontuações da maneira correta. A opção mais utilizada é a UTF-8, e a meta tag completa é escrita como "<meta charset="UTF-8">". O Google oferece suporte a esse conjunto de caracteres por padrão nos resultados de pesquisa. A sua plataforma de criação deve utilizar o UTF-8 como padrão, mas, caso contrário, você pode configurar as suas meta tags charset manualmente. Isso ajuda a garantir que o seu conteúdo apareça corretamente em diferentes navegadores e sistemas, o que contribui para uma experiência de usuário consistente.

Tags de verificação do Google

É provável que você queira usar o Google Search Console para acompanhar o desempenho de SEO e identificar problemas técnicos (por exemplo, problemas de meta name e de tag de título). Se esse for o caso, você precisará verificar o site. Registre o site no Google, que fornecerá uma tag de verificação. Adicione essa tag por meio do CMS ou do editor de tema. Com isso, você terá tudo pronto para usar o Google Search Console e monitorar o desempenho do site.

Perguntas frequentes sobre meta tags para SEO

O que são meta tags em SEO?

Meta tags em SEO são fragmentos de código HTML que fornecem aos buscadores informações importantes sobre o conteúdo de uma página.

As meta tags melhoram o SEO?

Sim, as meta tags podem melhorar o SEO ao ajudar os buscadores a entender melhor o conteúdo e o objetivo de cada página do seu site. Tags como o meta título e a meta descrição podem influenciar a maneira como o seu e-commerce aparece nos resultados de pesquisa e incentivar os usuários a clicar no seu link.

Qual é um exemplo de meta tag?

Exemplos de meta tags incluem tags de título (o título da página), meta tags charset (código que ajuda a exibir símbolos corretamente) e meta tags robots (como "noindex", que orienta os rastreadores a não indexar aquela página). Por exemplo, uma meta tag charset que orienta o navegador a exibir emojis corretamente se parece com "<meta charset="UTF-8">".