Menu
Feedback
Comece aqui


Tutoriais
Explore tutoriais detalhados para operar sua loja VTEX.
Tutoriais
Storefront
Layout
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)
Como funciona a relação entre websites e políticas comerciais
« Previous
Como funciona a disponibilidade de estoque na página de produto
Next »
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