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](https://i0.wp.com/rafaelcg.com/wp-content/uploads/2022/04/Screen-Shot-2022-04-04-at-12.39.11-PM.png)
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](https://i0.wp.com/rafaelcg.com/wp-content/uploads/2022/04/Screen-Shot-2022-04-04-at-12.03.34-PM.png?resize=840%2C493&ssl=1)
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](https://i0.wp.com/rafaelcg.com/wp-content/uploads/2022/04/Screen-Shot-2022-04-04-at-12.04.37-PM.png?resize=840%2C553&ssl=1)
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.