Atualizado em: 30/04/2025
O que são as meta tags?
As meta tags são elementos do código HTML usados para fornecer informações adicionais sobre uma página web para os mecanismos de busca e navegadores. Elas funcionam como pequenos rótulos que descrevem e organizam o conteúdo da página, mas, no geral, não são visíveis para os usuários que acessam o site.
Essas tags são inseridas dentro da seção <head> do HTML e têm um papel essencial na otimização para motores de busca (SEO). Por meio delas, os robôs do Google e de outros mecanismos de busca conseguem interpretar melhor o conteúdo da página, auxiliando no processo de rastreamento, indexação e classificação nos resultados de busca (SERPs).
Pra que servem?
A principal função das meta tags é comunicar aos mecanismos de busca informações relevantes sobre o conteúdo da página. Elas podem indicar, por exemplo, o seguinte:
- O título da página que deve aparecer nos resultados de busca;
- A descrição que será exibida nos snippets do Google;
- Instruções sobre a indexação da página, como permitir ou não que ela seja rastreada;
- Informações para garantir a responsividade e a visualização correta em dispositivos móveis;
- Dados para otimização de compartilhamento em redes sociais.
Então, quando um robô do Google acessa seu site, ele lê essas tags para classificar seu conteúdo corretamente e decidir como exibi-lo nos resultados de busca.
Quais são as principais meta tags usadas no SEO?
Veja a lista das principais meta tags e dicas de como cria-las de forma otimizada para inserir no seu site. Essas tags são relevantes para o SEO pois garantem que os mecanismos de busca entendam corretamente o conteúdo da sua página, melhorando as chances de conquistar bons posicionamentos nos buscadores.
Meta Description (descrição da página)
A meta description (ou meta descrição) é aquele texto que aparece logo abaixo do título nos resultados do Google. É um trecho de até 155 caracteres (em média) que resume o conteúdo da sua página. Ela fica no código HTML, exemplo:
|
O seu objetivo é ajudar os usuários a entender rapidamente o que esperar ao clicar no link. Ela é muito importante pois pode ser decisiva para o usuário clicar (ou não) no seu site. Apesar disso, é importante ressaltar que o Google pode reescrever sua descrição em alguns casos (e isso acontece bastante), por exemplo, se achar que ela não reflete bem o conteúdo da página, se a consulta do usuário não corresponde à descrição ou se você deixar a descrição ausente.
Dicas para criar uma meta description eficiente
- Seja claro e objetivo: A meta descrição deve resumir de forma precisa o conteúdo da página, evitando informações genéricas ou vagas. Exemplo ruim: “Confira nosso blog sobre marketing digital.” Exemplo bom:“Aprenda 5 estratégias de SEO para aumentar o tráfego do seu site em 30 dias.”
- Inclua palavras-chave relevantes: Elas não influenciam diretamente o ranqueamento, mas podem ficar destacadas em negrito nos resultados de busca, o que ajuda a chamar mais atenção para o seu conteúdo.
- Incentive a ação: Use uma linguagem envolvente que desperte curiosidade ou indique uma solução. Você pode convidar o usuário a clicar com frases como “Descubra como…” ou “Guia completo para…”
- Evite repetir descrições: Cada página do seu site deve ter uma meta descrição única.
- Respeite o tamanho recomendado: O ideal é manter o texto entre 70 e 155 caracteres para evitar cortes ou truncamentos nos resultados de busca.
Title Tag (título da página)
A title tag (ou tag de título) é o texto azul clicável que aparece nos resultados do Google e um dos fatores mais importantes para o SEO. Ela é fundamental para atrair cliques, pois é a primeira coisa que o usuário vê ao realizar uma pesquisa.
Ela é inserida no código assim:
|
Embora tecnicamente não seja uma meta tag, a comunidade de SEO costuma incluí-la nesse grupo por causa da sua relevância na otimização para motores de busca. Uma Title Tag bem estruturada ajuda a melhorar o ranqueamento e a aumentar a taxa de cliques (CTR).
Regras de ouro para criar title tags eficazes
- Seja descritivo e direto ao ponto: O ideal é usar um título que explique rapidamente o que o usuário encontrará ao clicar.
- Atenção ao tamanho: O comprimento ideal da Title Tag é de 50 a 60 caracteres. Títulos muito longos podem ser cortados pelo Google, prejudicando a mensagem.
- Inclua palavras-chave relevantes: A palavra-chave principal deve estar posicionada no início do título, pois isso aumenta a chance de atrair a atenção do usuário e é valorizado pelos motores de busca.
- Evite excessos: Não encha o título com várias palavras-chave, isso o deixa sem sentido e pouco atrativo.
- Utilize o nome da marca: Se possível, inclua o nome da sua marca no final da Title Tag. Isso ajuda a reforçar o branding e transmite autoridade para quem já conhece a empresa. Exemplo: “Estratégias de SEO para aumentar o tráfego | Nome da Empresa”.
- Evite títulos duplicados: Cada página do seu site deve ter um título único. Títulos repetidos confundem os motores de busca e podem prejudicar o posicionamento da página.
- Use separadores: Utilize caracteres como “|” (barra vertical) ou “-” (hífen) para separar o nome da página do nome da marca, garantindo uma leitura fácil e agradável.
Meta Viewport (responsividade)
A Meta Viewport é uma meta tag que define como o conteúdo da página será exibido em diferentes dispositivos, especialmente em smartphones e tablets. Você já acessou um site pelo celular e precisou ficar “pinçando” a tela para ler o conteúdo? Isso acontece quando falta essa tag no site.
A tag deve ser inserida na seção <head> do código HTML da seguinte maneira:
|
O que significa cada parâmetro?
- width=device-width: Define que a largura da página será igual à largura da tela do dispositivo. Isso garante que o conteúdo ocupe toda a extensão da tela, sem precisar de rolagem horizontal.
- initial-scale=1.0: Define o nível de zoom inicial, garantindo que a página seja exibida na escala natural, sem aumento ou redução.
Essa meta tag é essencial para garantir a responsividade do site, proporcionando uma experiência agradável ao usuário, independentemente do tamanho da tela. Com o avanço do conceito de mobile-first no SEO, o Google passou a priorizar sites otimizados para dispositivos móveis em seus resultados de busca. A ausência dessa meta tag pode afetar negativamente o ranqueamento, pois impacta diretamente a experiência mobile.
Erros comuns para evitar
- Esquecer a meta viewport: O site vai carregar como se estivesse em um desktop, minúsculo no celular.
- Bloquear o zoom: Pessoas com dificuldade visual não conseguem ampliar o texto. Para evitar, remova user-scalable=noou substitua por maximum-scale=5.0.
- Usar valores fixos: O site não vai se adaptar a telas menores (como smartphones).
- Usar elementos que “quebram” a viewport: Verifique se imagens, vídeos e outros conteúdos multimídia não ultrapassam a largura da viewport, evitando assim a rolagem horizontal.
Meta Charset (codificação)
A Meta Charset é a meta tag que define a codificação de caracteres usada na página HTML. Ela garante que os navegadores interpretem corretamente os caracteres especiais e símbolos, evitando problemas de exibição como textos com caracteres estranhos ou símbolos fora de contexto, como “�” ou “ç” no lugar de acentos e caracteres especiais.
A configuração mais recomendada atualmente é o uso do UTF-8, que cobre praticamente todos os caracteres e símbolos utilizados mundialmente e evita conflitos com codificações antigas (como ISO-8859-1). Portanto, deve ser inserido na seção <head>, o seguinte código:
|
Se a página não especificar uma codificação de caracteres adequada, o navegador pode interpretar o conteúdo de maneira errada, resultando em problemas como:
- Caracteres quebrados ou ilegíveis: Acentos e símbolos podem aparecer como sequências estranhas.
- Compatibilidade reduzida: Diferentes navegadores podem interpretar o mesmo conteúdo de maneiras distintas.
- Falhas de segurança: Codificações incompatíveis podem abrir brechas para ataques de cross-scripting.
Meta Robots (indexação)
A Meta Robots é a tag que dá instruções específicas aos robôs de busca. É através dela que você pode controlar a indexação e o rastreamento das páginas, e definir como os robôs devem interagir com elas. Você pode indicar, por exemplo, se uma página deve ser indexada, se os links nela devem ser seguidos, ou até mesmo se certas partes do conteúdo não devem ser exibidas nos resultados de busca.
Veja um exemplo de como ela pode ser configurada:
|
Neste exemplo, a meta tag está dizendo aos mecanismos de busca que a página não deve ser indexada, ou seja, ela não será exibida nos resultados de pesquisa (noindex); e que os robôs não devem seguir os links que estão na página (nofollow).
💡 Dica: A tag noindex é especialmente útil para evitar a indexação de páginas de baixo valor, duplicadas ou que não são relevantes para os usuários, como áreas administrativas, páginas de login, carrinhos de compras e resultados de busca internos.
Principais valores da tag meta robots
É através da inserção de diferentes valores que você irá definir como os mecanismos de busca irão interagir com as páginas. Cada um serve para um objetivo diferente, confira a lista dos principais:
| Valor | Descrição |
| index | Permite que a página seja indexada e apareça nos resultados de busca. |
| noindex | Impede que a página seja indexada, ou seja, ela não aparecerá nas buscas. |
| follow | Permite que os robôs sigam os links da página. |
| nofollow | Impede que os robôs sigam os links presentes na página. |
| noarchive | Evita que o Google armazene uma versão em cache da página. |
| nosnippet | Impede que trechos da página (snippets) apareçam nos resultados de busca. |
| noimageindex | Evita que as imagens da página sejam indexadas. |
| notranslate | Impede que o Google ofereça a tradução da página nos resultados de busca. |
| max-snippet: | Limita o tamanho dos snippets exibidos nos resultados. |
| max-image-preview: | Controla o tamanho das pré-visualizações de imagens (“none”, “standard” ou “large”). |
| max-video-preview: | Define a duração máxima dos snippets de vídeo exibidos nos resultados. |
| unavailable_after: | Define uma data após a qual a página não deve mais aparecer nas buscas. |
Open Graph Tags (redes sociais)
As Open Graph Tags são meta tags que otimizam a forma como o conteúdo de uma página é exibido ao ser compartilhado em redes sociais. São elas que transformam os links simples que você insere nas redes sociais em cartões visuais mais atrativos, com título, imagem e descrição.
Elas tem essa estrutura básica:
|
O uso destas meta tags garante que os links do seu site apareçam da forma como você define; sem elas, as redes sociais escolhem aleatoriamente um título, imagem ou texto do seu site. Além disso, um cartão visualmente atrativo aumenta o CTR, compartilhamentos e melhora o engajamento.
As 5 tags OG mais importantes (e como preenche-las)
| Tag | Descrição | Exemplo | Melhores Práticas |
| og:title | Título da página a ser exibido na rede social. | <meta property=”og:title” content=”Guia Completo de SEO”> | Use até 60 caracteres e inclua palavras-chave. |
| og:description | Breve descrição que resume o conteúdo da página. | <meta property=”og:description” content=”Aprenda as melhores práticas de SEO para otimizar seu site.”> | Seja claro e persuasivo (até 155 caracteres). |
| og:image | URL da imagem que será exibida no compartilhamento. | <meta property=”og:image” content=”https://www.meusite.com/imagem.jpg”> | Use imagens em 1200x630px (proporção 1.91:1). |
| og:url | Endereço completo da página compartilhada. | <meta property=”og:url” content=”https://www.meusite.com/guia-seo”> | Sempre use a URL absoluta (com HTTPS). |
| og:type | Tipo de conteúdo (ex: website, article, video). | <meta property=”og:type” content=”article”> | Use article para posts e website para home. |
ALT Text (acessibilidade e seo)
O ALT Text (ou texto alternativo) é um atributo HTML utilizado para descrever o conteúdo de uma imagem. O Google não consegue “enxergar” as imagens do seu site, ele apenas as entende através das descrições dadas pelo ALT Text, da mesma forma que os recursos de acessibilidade.
Veja um exemplo de como essa meta tag fica no seu código:
|
Por isso, adicionar ALT Text às suas imagens melhora tanto a indexação do conteúdo e das imagens pelos mecanismos de busca quanto a acessibilidade. Quando uma imagem não é carregada corretamente ou o usuário utiliza um leitor de tela (como pessoas com deficiência visual), o ALT Text é lido ou exibido, garantindo que a informação visual não seja perdida.
Como escrever um ALT Text eficiente
- Seja específico: O ALT Text deve descrever exatamente o que está na imagem, de forma simples e objetiva.
- Inclua palavras-chave relevantes: Use termos que façam sentido dentro do contexto da página, mas evite forçar a inserção de palavras-chave.
- Evite frases genéricas: Não utilize expressões como “Imagem de” ou “Foto de”. Vá direto ao ponto.
- Descreva o contexto (não só o óbvio): Por exemplo, em um artigo sobre sustentabilidade, use: alt=”Garrafas plásticas sendo recicladas em esteira industrial”.
- Use frases curtas e objetivas: O ideal é que o ALT Text tenha entre 5 e 15 palavras.
- Ignore imagens decorativas: Para imagens sem função informativa como divisores gráficos, deixe o ALT vazio.
Canonical tag (URL preferencial)
A Canonical Tag indica aos motores de busca qual é a versão original de uma página quando existem URLs duplicadas ou muito semelhantes. Seu principal objetivo é evitar problemas de conteúdo duplicado, que podem prejudicar o ranqueamento do site no Google.
Seu formato básico é:
|
Ela é especialmente útil quando diferentes URLs levam ao mesmo conteúdo, o que pode acontecer por motivos como:
- Páginas com parâmetros de URL diferentes (como filtros de produtos em e-commerces).
- Páginas acessíveis por diferentes caminhos ou redirecionamentos.
- Versões com e sem “www” ou “https”.
O uso da Canonical Tag garante que os motores de busca identifiquem qual é a página original, consolidando o valor de SEO em um único URL. Isso evita penalidades por conteúdo duplicado e melhora a eficiência do rastreamento pelos robôs.
Benefícios da Canonical Tag
- Evita conteúdo duplicado: Garantindo que os motores de busca considerem apenas uma versão da página.
- Consolida indicadores de SEO: Links e métricas de diferentes URLs são atribuídos à página canônica.
- Economiza crawl budget: Impedindo que os robôs desperdicem tempo rastreando páginas iguais.
- Padroniza métricas e relatórios: Facilita o acompanhamento de desempenho e análise de tráfego.
A importância das meta tags para o site da sua empresa
As meta tags são a primeira impressão que o seu conteúdo causa no Google e nos usuários, e podem ser a diferença entre um site bem ranqueado e um completo desconhecido. Confira alguns dos principais motivos que tornam estes recursos tão importantes para o site da sua empresa:
Melhor compreensão e posicionamento pelos motores de busca
As meta tags ajudam o Google e outros buscadores a entenderem o conteúdo da página, fornecendo informações como título, descrição e instruções de indexação. Isso facilita o rastreamento e a indexação, o que melhora a visibilidade nos resultados de busca.
Aumento da taxa de cliques (CTR)
Tags como Meta Description e Title Tag são exibidas diretamente nas SERPs (páginas de resultados de busca). Um título atraente e uma descrição clara podem aumentar significativamente o número de cliques, impactando positivamente o tráfego do site.
Otimização da experiência do usuário
Tags como Meta Viewport garantem que a página seja exibida corretamente em dispositivos móveis, proporcionando uma experiência de navegação mais agradável e eficiente. Isso contribui para reduzir a taxa de rejeição e melhorar a retenção de usuários.
Evita penalidades
A Canonical Tag ajuda a consolidar versões duplicadas de páginas, garantindo que o Google interprete qual é a versão principal. Isso evita penalidades por conteúdo duplicado e melhora a autoridade da página.
Acessibilidade e inclusão
O uso do ALT Text para imagens garante que pessoas com deficiência visual consigam compreender o conteúdo visual por meio de leitores de tela. Isso também contribui para a indexação de imagens no Google.
❗ Embora as meta tags sejam fundamentais para a estruturação e otimização do conteúdo, elas não são o único fator que determina o sucesso de um site nos motores de busca. Para alcançar bons resultados, é essencial combinar as meta tags com outras estratégias como conteúdo de alta qualidade e performance do site.
Meta tags na prática
Para que funcionem adequadamente, as meta tags devem ser inseridas da maneira correta no seu site. Confira as orientações de como fazer isso.
Onde colocar as meta tags
Todas as meta tags devem ser inseridas na seção <head> do arquivo HTML da página, como no exemplo abaixo:
|
Como inserir
Existem diferentes formas de adicionar meta tags ao seu site, dependendo do tipo de plataforma que você utiliza. Vamos ver as opções mais comuns:
- Inserindo manualmente: Se você tem acesso ao código-fonte do site, pode fazer a inserção diretamente no arquivo HTML.
- Usando CMS (WordPress, Wix, Blogger): Se você utiliza um CMS, o processo pode ser mais simples, pois muitas plataformas têm plugins e ferramentas específicas para inserir meta tags sem precisar mexer no código manualmente. No WordPress, por exemplo, é possível usar plugins como o YoastSEO ou Rank Math.
❗ Se você não tem conhecimento em programação ou não se sente seguro para configurar as meta tags corretamente, o melhor é contar com a ajuda de um profissional especializado em SEO ou desenvolvimento de sites. Dessa forma, você garante que as tags sejam implementadas de forma estratégica e alinhadas às melhores práticas, evitando erros que possam prejudicar o ranqueamento do seu site.
Como verificar se estão funcionando
Após a implementação, é importante verificar se as meta tags estão funcionando corretamente. Para isso, você pode usar ferramentas como:
- Google Search Console: Para verificar o status da indexação e possíveis problemas.
- Rich Results Test: Para conferir como os rich snippets estão aparecendo.
Conte com especialistas para otimizar o uso das meta tags
Lidar com meta tags é uma tarefa estratégia, pois cada uma tem um papel diferente e deve ser bem aplicada para passar a mensagem correta aos mecanismos de busca. Configurações incorretas podem prejudicar os resultados e comprometer a visibilidade da marca.
Por isso, contar com uma equipe especializada faz toda a diferença. Aqui na MO4 web temos uma equipe de profissionais experientes em SEO e desenvolvimento web que sabem exatamente quais meta tags usar, como estruturá-las, e como integrá-las de forma eficiente ao restante da sua estratégia digital.
Entre em contato com nossa equipe e descubra como podemos ajudar a destacar seu site na web.
