Menu
Feedback
Comece aqui
Tutoriais
Portal do desenvolvedor

Problemas conhecidos
Diretivas de suporte
Troubleshooting

Perguntas frequentes
Comunicados
Tutoriais
Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Storefront
Layout
Como usar o controle de meta tags
Como usar o controle de meta tags

O controle <vtex:metaTags/> insere no código as meta tags correspondentes à página.

Normalmente, ele é inserido logo após a abertura do elemento <head>.

Essas meta tags usam informações cadastradas em diferentes partes da plataforma. Elas são importantes principalmente por dois motivos:

  • SEO. Ou seja, elas interferem no grau de encontrabilidade das suas páginas por motores de busca.
  • A forma como os navegadores interpretam o seu site.

Duas das tags mais importantes são a title (que, por definição, não é exatamente uma meta tag, mas é de extrema importância) e a meta name="description".

A primeira informa o título da página (aquele que aparece na aba da página, no navegador) e a segunda informa a descrição (aquela que aparece, por exemplo, nos resultados de busca do Google).

Para as páginas de produto, categoria e marca, tanto o título quanto a descrição são definidos em suas páginas de cadastro. Por exemplo, ao criar uma nova marca, você deve cadastrar um título e uma descrição para ela.

Quando a página dessa marca for carregada, ela conterá essas informações nas tags title e meta name="description", desde que o controle <vtex:metaTags/> esteja presente no template de páginas de marca.

Para a home page e a página de busca, a tag meta name="description" é populada com a informação contida na seção de SEO do site. Para ver essa seção, siga o caminho Configurações da loja>Storefront>Configurações>Gerais, clique na opção SEO.

Também é possível configurar a tag title da home page pelo Admin. Para isso, siga o caminho Configurações da loja>Storefront>Configurações>Gerais e preencha o campo Título da página inicial (Tag Title).

Veja abaixo um exemplo de meta tags inseridas pelo controle <vtex:metaTags/> para a página da categoria "Escalada" da loja de account name "lojadobreno".


<meta name="language" content="pt-BR">
<meta name="country" content="BRA">
<meta name="currency" content="R$">
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<meta name="description" content="Equipamento para a prática de escalada em rocha, indoor e no gelo.">
<meta name="Abstract" content="Escalada">
<meta name="author" content="lojadobreno">
<meta name="copyright" content="lojadobreno">
<meta name="vtex-version" content="1.4.904.1590">
<meta http-equiv="pragma" content="no-cache">
<meta name="robots" content="noindex,nofollow">
<title>Escalada</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="canonical" href="http://lojadobreno.vtexcommercestable.com.br/escalada">

Caso não queira usar a tag canonical (<link rel="canonical">), você pode desabilitá-la por meio de um controle específico para isso.

Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Isso foi útil?
Sim
Não
Sugerir edições (GitHub)
Contribuidores
2
Photo of the contributor
Photo of the contributor
+ 2 contributors
Nesta página
Ainda tem dúvidas?
Pergunte à comunidade
Encontre soluções e compartilhe ideias na comunidade VTEX.
Junte-se à nossa comunidade
Solicite suporte à VTEX
Para assistência personalizada, entre em contato com nossos especialistas.
Abra um ticket de suporte
GithubDeveloper portalComunidadeFeedback