A VTEX IO é uma das maiores plataformas de ecommerce do Brasil, principalmente por sua multifuncionalidade e facilidade de utilização. Por se tratar de uma plataforma low-code, desenvolver seu site em IO se torna uma tarefa fácil e repleta de possibilidades. Além disso, a VTEX também é conhecida por ser extremamente flexível, suportando uma grande variedade de recursos e customizações diferentes.
Tudo isso abre uma grande margem para otimizar o SEO para VTEX IO. Até mesmo para lojistas que não são especialistas no assunto, a plataforma é extremamente eficiente para colocar seu site no topo das pesquisas. Por isso, a Wave Commerce criou esse artigo para explicar um pouco mais sobre o SEO, as diferenças de VTEX CMS e VTEX IO, e por fim dicas para otimizar o SEO nessa plataforma!
Diferenças VTEX CMS e VTEX IO
De forma breve, muitos consideram o VTEX IO como um upgrade do VTEX CMS (Sistema de Gerenciamento de Conteúdo), que mesmo com pouco uso internacional, ainda tem relevância no Brasil. Atualmente, a maioria dos projetos começa diretamente no VTEX IO, e mesmo aqueles que não o fazem têm a opção de migrar para essa plataforma.
Mas essencialmente, qual a diferença entre as duas plataformas? O que faz uma delas ser amplamente preferida em detrimento da outra?
Lembram-se de mencionarmos anteriormente que uma das principais vantagens do VTEX IO é ser uma plataforma low-code? Isso é vantajoso, pois essa plataforma não exige que o usuário tenha um amplo conhecimento em programação, tornando o processo muito mais prático e acessível para a maioria das pessoas.
No entanto, essa não é a realidade do VTEX CMS, que tem sua estrutura fundamentada em HTML, CSS e JavaScript. Isso significa que os usuários precisam preencher diversos requisitos e ter um conhecimento prévio antes de conseguirem utilizar efetivamente essa plataforma.
SEO On-Page e Off-Page: qual a diferença?
Agora que aprendemos as diferenças entre plataformas, como posso otimizar meu SEO para VTEX IO? Para entrarmos nisso, antes precisamos fazer uma breve introdução das diferentes formas de SEO, e mais especificamente nas diferenças entre SEO On-Page e SEO Off-Page.
SEO On-Page engloba todas as ações realizadas internamente em um site, visando torná-lo mais indexável, relevante, acessível e, principalmente, proporcionar uma experiência de navegação de qualidade para o público-alvo. Simplificando, o SEO On-Page trata de tudo que está sob nosso controle dentro do próprio site, onde podemos otimizar elementos e conteúdo.
Por outro lado, o SEO Off-Page concentra-se nos fatores externos que não estão diretamente ligados à estrutura do site, mas que têm um impacto significativo na forma como outros sites percebem e relacionam-se com o seu. Isso inclui práticas como construção de links, menções em redes sociais, gestão de perfis em plataformas como Google My Business e muito mais.
Nos próximos segmentos, exploraremos estratégias de SEO eficazes para plataformas VTEX, aproveitando as ferramentas disponíveis na própria plataforma, para melhor compreender como otimizar a visibilidade e a classificação de seu site.
1. Arquitetura da Informação (AI)
Neste tópico, exploraremos a eficiente organização das informações em seu site, tornando-o intuitivo e conveniente para os usuários. Esse campo de estudo, dedicado à distribuição e organização de conteúdo, é conhecido como Arquitetura da Informação, frequentemente abreviado como AI.
A Arquitetura da Informação visa determinar a melhor maneira de construir o site, assegurando uma experiência contínua, agradável e prática para os visitantes. Essa organização desempenha um papel crucial na prevenção da frustração que ocorre quando não conseguimos encontrar o que procuramos em um site, resultando em uma sensação de desorientação.
Podemos analogar essa abordagem ao ambiente físico, como a disposição de lojas e mercados, onde mesmo em uma primeira visita, podemos localizar a maioria dos itens desejados. Isso se deve à clara separação de seções e categorias, mantendo produtos relacionados próximos uns dos outros.
No mundo virtual, essa organização também é essencial e pode fazer uma grande diferença na experiência do usuário. Uma dica útil é considerar a estrutura casa/departamento/categoria/subcategoria, que pode servir como modelo para planejar a organização de sua plataforma.
Com uma loja virtual não é diferente: é a partir do Menu que começamos nossa busca e, por estarmos tão habituados a este processo, passamos por ele de forma intuitiva.
Se o seu E-commerce ainda não possui uma estrutura, propomos essa:
Início → Categorias → Subcategorias → Produtos
Por exemplo:
Início → Eletrodomésticos → Geladeira → Geladeira Frost Free Samsung Inox
Quando se trata de criar essa estrutura na plataforma VTEX, o processo é descomplicado:
- Comece criando as categorias, sendo que a primeira categoria será sempre a de nível superior, funcionando como a raiz da árvore de categorias.
- No painel de administração da sua loja, acesse o módulo de Catálogo.
- Navegue até Categorias e selecione o primeiro nível de categorias.
- Clique em “Ações” e depois em “Incluir”.
A seguir, você deve preencher os campos relacionados ao cadastro da categoria. Esses campos incluem:
Nome: Este é o nome da sua categoria, portanto, seja claro e direto. Lembre-se de que o nome influenciará a estrutura da URL dessa categoria.
Título da Página da Categoria (Title Tag): Este é o título da página da categoria e afeta o que aparece nos resultados de pesquisa do Google.
Descrição da Categoria (Meta Description): Aqui, escreva uma breve descrição com até 160 caracteres, pois é o limite exibido pelo Google.
Categoria Global VTEX: A finalidade desse campo é classificar sua categoria em ferramentas pagas de divulgação, como o Google Shopping. Ele também é obrigatório.
Após preencher esses campos, siga estas etapas:
- Ative a categoria para que ela possa aparecer na sua loja online.
- Escolha o modo de exibição de produtos, seguindo as especificações do SKU, para que a plataforma siga a ordem estabelecida.
- Por fim, clique em “Salvar”, e pronto!
Com a criação do primeiro departamento, sua estrutura de informações começa a tomar forma. Em seguida, repita o mesmo procedimento para criar outras categorias, sendo definidas sob uma “Categoria Pai”.
Se ainda não estiver claro, voltando ao exemplo anterior, considere o departamento “Eletrodomésticos”:
Eletrodomésticos → Geladeiras → Geladeiras Samsung → Geladeira Samsung Side by Side 602 Litros Inox
A categoria “Eletrodomésticos” é a “Categoria Pai” da categoria “Geladeiras”, que por sua vez é a “mãe” da categoria “Geladeiras Samsung”, que, por fim, é a “mãe” do produto “Geladeira Samsung Side by Side RS60 602 Litros Inox”
2. Breadcrumbs: A História de João e Maria
O breadcrumb, às vezes chamado de navegação estrutural, é como um mapa que ajuda você a entender onde está em um site. É como as migalhas de pão que mostram o caminho de volta para a casa da vovó na história de João e Maria. No contexto de um site, o breadcrumb ajuda a mostrar a ordem das páginas, como se fossem andares em um prédio, para que você saiba onde está e como voltar.
Isso é útil para pessoas que visitam o site e também para os robôs do Google que classificam as páginas. Em resumo, o breadcrumb é uma ajuda importante para a navegação em um site. Posicionados, em geral, no canto superior esquerdo de um site, os breadcrumbs possuem geralmente a seguinte aparência:
Cada uma dessas categorias é como um link especial que permite que você vá para diferentes partes do site. Pense neles como as setas que o levam de volta para onde você estava, como se estivesse andando por uma casa e voltando para o hall. Os breadcrumbs ajudam a espalhar a atenção por todo o site, assim como compartilhar um pedaço de chocolate com os amigos faz com que todos se sintam importantes.
Um dos controles da lista de VTEX é o <VTEX.cmc:breadCrumb/> pronto para renderizar breadcrumbs em um site, conforme o exemplo a seguir:
Home → Streetwear → Bermudas → Bermudas Nike
Na plataforma VTEX, eles têm algo chamado ‘controle de breadcrumb’, que ajuda a mostrar onde você está no site. Por exemplo, se você está procurando bermudas Nike, o breadcrumb mostra que você está no departamento de ‘Streetwear’ e pode ajudá-lo a encontrar outras coisas relacionadas a bebês.
3. URL Amigável: Ajude Seu Público e Seus Buscadores
Uma URL é o endereço da web de uma página, como o endereço de uma casa na internet, que você insere no navegador para acessar um site específico.
Ter uma URL amigável é importante para o seu site porque ajuda os visitantes a entenderem o que podem encontrar em uma página, o que reduz a chance de eles saírem rapidamente.
Compare uma URL complicada, como https://www.lojadeskate.com.br/Roupas%s/nao28561/66633, com uma URL amigável, como ‘https://www.lojadeskate.com.br/roupas/calçados/all-star. A última é muito mais fácil de entender, certo?
Felizmente, se a estrutura do seu site estiver bem organizada, como na plataforma VTEX, as URLs amigáveis são criadas automaticamente com base nas categorias. Por exemplo, https://www.lojadeskate.com.br/departamento/categoria/subcategoria. O nome da categoria posto ainda no cadastro reflete na URL. Por isso, é importante não usar caracteres de pontos, vírgulas, acentos, letras maiúsculas e etc….
No entanto, para as URLs de produtos, você precisará criá-las manualmente na plataforma, seguindo algumas regras simples, como substituir espaços por hifens e evitar caracteres especiais. No final, a URL do produto será algo como https://www.lojadeskate.com.br/produto-xyz/p.
Em resumo, URLs amigáveis são uma parte importante para que seu site seja mais fácil de usar e confiável para seus visitantes. Isso torna a experiência do comprador muito melhor, pois ele sabe o que esperar ao clicar em um link.
4. Placeholder: Adicione Conteúdo Ao Seu Site Sem Entender de Programação
Em um site, não é só importante ter informações para aparecer bem no Google, mas também para ajudar os visitantes. Você pode adicionar blocos de texto em páginas de categorias e departamentos para explicar mais sobre o que está lá. Isso é essencial para ter uma boa classificação na SERP Google, especialmente em sites da VTEX. Para fazer isso, você precisa usar um código especial chamado ‘placeholder’, que é como um espaço reservado para o conteúdo.
Na versão IO, o desenvolvedor que criou a loja pode deixar os campos definidos e prontos para receber o conteúdo através do Site Editor. O cliente não precisar mais saber programar, apenas criar o conteúdo. Após criado, ele irá usar os campos já pré-definidos para adicionar esse conteúdo, como se estivesse usando um bloco de notas.
É importante lembrar que para cada parte de texto em uma página, você usa um ‘placeholder’ diferente.
5. Passo-a-passo: Como Inserir Conteúdo em Departamentos e Categorias
Organizados os departamentos e categorias do seu comércio eletrônico para receber informações adicionais, vamos adicionar tais conteúdos na plataforma. Para isso, deixaremos um vídeo tutorial, ensinando o passo a passo completo para realizar essa tarefa:
6. O Segredo de um E-commerce Bem Sucedido: Conteúdo de Qualidade
Fazer um conteúdo de qualidade não é fácil, mas existem alguns princípios norteadores que podem te ajudar nessa jornada. Um bom conteúdo deve se relacionar com as maiores intenções de busca dos usuários, ter informações de qualidade e confiança, e, principalmente, atender as necessidades dos fatores de ranqueamento dos buscadores.
Para realizar todas essas tarefas, seu conteúdo precisa de uma boa pesquisa prévia de palavras-chave (e incluí-las no texto!), texto acessível, foco no usuário, se certificar de que o SEO também é feito nas imagens e principalmente: evitar ao máximo o “thin content”. Thin content é um termo em SEO que se refere a conteúdo de baixa qualidade ou insuficiente em uma página da web. Esse tipo de conteúdo geralmente não oferece valor significativo aos visitantes e pode ser curto, repetitivo, irrelevante ou mal elaborado.
O Google e outros mecanismos de busca tendem a desencorajar o “thin content” e priorizar conteúdo mais substancial e informativo ao classificar as páginas nos resultados de pesquisa. Alguns formatos de conteúdo interessantes que saem do convencional bloco de texto podem ser reviews, vídeos, comparações, imagens, etc.
7. Palavras-Chave: A Base Para Sua Estratégia De SEO
Imagine que, ao planejar sua estratégia de SEO para uma loja online VTEX, você percebe que não tem informações claras sobre o que seu público está procurando no Google. Isso pode parecer um problema, certo? É por isso que a etapa inicial e crucial para uma estratégia de SEO bem-sucedida é realizar uma pesquisa aprofundada de palavras-chave.
Essa pesquisa ajuda a determinar o nível de competição, identifica as palavras-chave ou produtos mais lucrativos e orienta o caminho a seguir na estratégia.
8. Desenvolva Conteúdos Utilizando Etiquetas de Título e uma Estrutura HTML Apropriada
Para que um texto seja bem compreendido pelo Google e outros motores de busca, é importante usar algo como um código secreto chamado “Heading Tags”.
Uma “heading tag” (etiqueta de cabeçalho) é como um título ou subtítulo que você usa em uma página da web para tornar o conteúdo mais organizado e fácil de entender. É como rotular os diferentes tópicos de uma página, com o “H1” sendo o título principal e “H2”, “H3” e assim por diante sendo usados para os títulos menores. Isso ajuda as pessoas a lerem o conteúdo e ajuda os motores de busca, como o Google, a entenderem do que se trata a página.
Esses códigos ajudam a organizar o conteúdo de um site, como se fossem capítulos de um livro, com o título principal sendo o “capítulo 1” e os subtítulos como “capítulo 2” e assim por diante. Usar esses códigos, como o H1, H2, H3, etc., ajuda a melhorar a importância e a organização do conteúdo. Por exemplo, eles podem ser usados nos títulos de produtos em uma loja online para tornar o site mais fácil de entender tanto para as pessoas quanto para o Google.
9. Otimização de Title e Meta Description
Os elementos “Title” e “Meta Description” desempenham um papel vital no SEO para VTEX IO, pois funcionam como a vitrine de sua loja nos resultados de pesquisa (SERP). Quando você cria um título e uma descrição atraentes, aumenta consideravelmente suas chances de atrair cliques dos usuários.
Title: O título da página, que fica no código HTML da página. Um título bem elaborado pode ser a chave para posicionar sua página nas primeiras posições do Google.
Meta Description: Uma breve descrição do conteúdo da página. O Google exibe essa informação abaixo do link visível nos resultados de pesquisa.
A boa notícia é que a plataforma VTEX facilita a configuração do “Title” e da “Meta Description” para suas páginas. Você pode fazer isso de maneira simples e rápida no painel de controle do seu site.
10. Robots.txt e Sitemap são duas otimizações essenciais para resultados orgânicos
Em SEO, é recomendável que todo site tenha um arquivo chamado Robots.txt. Este arquivo, quando configurado corretamente, pode controlar quais páginas do seu site os motores de busca podem ou não indexar. Isso é importante porque existem páginas em um e-commerce, como o carrinho de compras e o checkout, que não devem aparecer nos resultados de pesquisa. O Robots.txt é como um sinal de trânsito para os motores de busca, dizendo quais áreas eles podem ou não acessar.
A plataforma VTEX possui uma maneira fácil de otimizar o arquivo Robots.txt. Basta acessar as configurações de SEO no seu painel de controle e encontrar a seção de Robots.txt. Por exemplo, para evitar que a página do carrinho seja indexada, você pode usar o comando ‘Disallow: /carrinho-de-compras/*’.
Outra coisa importante em SEO é o Sitemap, que ajuda os mecanismos de busca a entender a estrutura do seu site. Na VTEX, o Sitemap é gerado automaticamente, então você não precisa configurá-lo manualmente. No entanto, é necessário cadastrar o Sitemap no Google Search Console. É um processo simples que envolve adicionar seu site à sua conta do Search Console e verificar seu domínio.
SEO para VTEX IO na Wave Commerce
Agora que você tem as informações essenciais sobre SEO para VTEX IO, você pode criar uma estratégia sólida de SEO e melhorar a visibilidade do seu E-commerce nos resultados de pesquisa. E para fazer isso, conte com a Wave Commerce: somos especialistas em SEO, como uma equipe preparada para fazer um planejamento personalizado e revolucionar seu E-commerce!