Rafael Corrêa Gomes

URLs customizadas com Shopify Headless

Aprenda como traduzir e adicionar URLs customizadas em minutos utilizando a arquitetura Shopify headless.

Uma das principais razões dos lojistas optarem por utilizar uma loja Shopify Headless com ou sem Hydrogen é a flexibilidade. Pode melhorar seu SEO e performance é algo muito mais fácil de ser alcançado em uma plataforma headless. Por isso vamos ver agora como utilizar URLs customizadas com Shopify Headless. Caso você queira aprender a criar lojas Shopify Headless utilizando Hydrogen, confira meu curso.

Arquitetura Shopify Headless

O principal insight que você vai ter nesse artigo é que as URLs são controladas do lado do seu servidor headless. As URLs nativas vão estar na sua loja Shopify do lado backend, você decidi a URL on frontend e que conteúdo mostrar.

Shopify Headless com URLs customizadas

Categorias com URLs customizadas

Nesse exemplo abaixo eu troquei o nome da pasta collections para categorias em Português. A pasta está dentro da pasta src/routes.

Shopify Headless com Hydrogen e URLs customizadas

Agora você já consegue ter URLs customizadas com Shopify Headless em Português. Mesmo assim temos que ajustar alguns links estáticos, como na imagem.

Shopify Headless com Hydrogen e URLs customizadas

Claro que se você precisar ter uma loja com várias linguas e URLs complexas já traduzidas para cada loja, isso vai ter um pouco mais trabalhoso. Mas agora você já sabe por onde começar suas otimizações de SEO.

About me

Rafael Corrêa Gomes

Rafael Corrêa Gomes