Observe a barra de endereços do seu navegador. A sequência de caracteres que começa com "https" é uma URL, o endereço direto para encontrar páginas na web. As URLs têm um papel fundamental tanto nos negócios quanto no dia a dia. Sem elas, não seria possível navegar pela internet, e ninguém conseguiria pesquisar uma empresa ou fazer uma compra online.
Entender como as URLs são construídas ajuda a compreender melhor a estrutura do seu site, ou de qualquer outro. Existem formas de tornar as URLs mais úteis para os mecanismos de busca e mais fáceis de interpretar para as pessoas. Com esse conhecimento básico, você consegue identificar problemas de navegação que afetam a otimização para mecanismos de busca (SEO) e a experiência do usuário (UX).
A seguir, explore cada parte de uma URL e entenda como cada uma delas ajuda você a navegar pela internet.
O que é uma URL?
URL é a sigla para "uniform resource locator" (localizador uniforme de recursos). É o nome técnico para um endereço de internet. O uso mais comum é apontar para uma página específica em um domínio web, como Shopify.com, que são os nomes legíveis por humanos correspondentes aos endereços IP numéricos. Uma URL pode direcionar para outra página do mesmo site ou para um domínio completamente diferente.
A URL é o elemento central dos hiperlinks, os componentes clicáveis que tornam a navegação na World Wide Web tão simples. Você a vê na barra de endereços do navegador ao clicar em um hiperlink, ou pode digitá-la diretamente nessa barra.
Por exemplo, dentro do hiperlink para a Shopify está a URL https://shopify.com. Ao passar o cursor do mouse sobre esse hiperlink, a URL aparece na barra de status na parte inferior do navegador ou em um pop-up próximo ao cursor. O texto visível "Shopify" indica o destino geral, mas o que o navegador realmente precisa para ir ao local exato é o endereço URL dentro do link: https://shopify.com/br.
Partes básicas de uma URL
As URLs são organizadas de forma linear. Analisar cada parte básica de uma URL ajuda a entender como cada elemento se relaciona com o conjunto:
Protocolo
A primeira parte de uma URL é o protocolo, também chamado de esquema. Ele define como o navegador deve interpretar e exibir o recurso. Os protocolos mais comuns são http:// e https://.
HTTP significa hypertext transfer protocol (protocolo de transferência de hipertexto), a base de todos os sites. O HTTPS é essencialmente o mesmo, mas acrescenta um "S" de seguro, indicando que o site foi autenticado e possui um certificado SSL/TLS. As informações inseridas em uma página HTTPS segura (como senhas) ficam mais protegidas, pois os dados são criptografados. Alguns sites ainda usam HTTP, mas esse protocolo é mais vulnerável a ataques cibernéticos. Como muitos usuários consideram o HTTP arriscado, a melhor prática é usar HTTPS no seu site de e-commerce. As lojas Shopify já vêm com HTTPS ativado por padrão.
Uma URL também pode apontar para outros tipos de recursos na internet além de páginas web (como um PDF hospedado), usando protocolos diferentes dos descritos abaixo. No entanto, o protocolo de transferência de hipertexto e sua versão segura (HTTPS) são, de longe, os tipos de URL mais utilizados.
Os protocolos a seguir são menos comuns que o HTTPS, mas vale conhecê-los:
- FTP (file transfer protocol), usado para transferir arquivos entre dispositivos e servidores.
- SMTP (simple mail transfer protocol), um protocolo de servidor de e-mail.
- IRC (internet relay chat), um protocolo de bate-papo por texto.
- File, que faz referência a arquivos no computador local.
- Gopher, um antigo sistema de menus cliente/servidor para navegar por documentos, aplicativos e servidores, anterior à web.
- Gemini, um protocolo leve e simples que exige um aplicativo compatível dedicado para acessar os recursos da sua rede "Geminispace".
Subdomínio
Em seguida vem o subdomínio, uma parte opcional da URL que especifica uma categoria dentro do conjunto maior do seu site. Por exemplo, o subdomínio "help" está dentro do domínio raiz shopify.com nesta URL: help.shopify.com.
O subdomínio é uma forma prática de organizar o conteúdo do seu site. Exemplos comuns de subdomínios incluem:
- Blog
- Notícias
- Suporte ou ajuda
- Comunidade
Por exemplo, com a URL https://community.shopify.com, os visitantes já sabem de imediato que estão acessando a área de discussão da comunidade da Shopify.
Os subdomínios não são obrigatórios, mas são amplamente utilizados porque direcionam o tráfego do site de forma clara, algo que tanto os usuários quanto os mecanismos de busca valorizam. Se você já tem uma loja Shopify, pode adicionar um subdomínio pelas configurações do painel administrativo da Shopify.
Domínio raiz
O domínio raiz é obrigatório e possui duas partes: um domínio de segundo nível (SLD) e um domínio de nível superior (TLD).
- Domínio de segundo nível: o SLD é o nome exclusivo que você registrou para sua loja ou site em um registrador de nomes de domínio. Pense nele como o domínio principal onde vai o nome da sua marca, como Nike ou Adidas.
- Domínio de nível superior: o domínio de nível superior representa a categoria geral do site, como .com (comercial), .org (organização), .edu (educacional) ou .net (rede de computadores).
Por exemplo, o domínio raiz Shopify.com inclui o domínio de segundo nível "Shopify" e o TLD ".com". Usar o nome da sua empresa como SLD e .com como TLD atende às expectativas dos clientes para um site de e-commerce.
Caminho
O caminho aponta para a localização exata de um recurso específico, geralmente uma página web. Organizado com uma ou mais barras, o caminho é uma forma versátil de orientar os rastreadores dos mecanismos de busca para que compreendam a estrutura semântica do site, o que pode melhorar sua visibilidade nos resultados de pesquisa. O caminho vem após o domínio raiz e pode incluir diferentes segmentos, separados por uma barra (/), como neste exemplo:
Aqui, o caminho especifica um subdiretório, "blog", dentro do site do Brasil, onde ficam todas as páginas do blog local.
Subdiretório
Após o domínio raiz vem o subdiretório, que funciona como uma subpasta em um diretório de arquivos. Ele fornece mais contexto sobre como a URL se diferencia de outras áreas do site. Por exemplo, https://hk4.xb-11.com/br/precos leva os usuários à seção de preços do site da Shopify. De imediato, fica claro que essa URL trata dos planos e preços da Shopify.
É comum que uma URL termine no subdiretório, especialmente quando aponta para uma página de índice ou uma landing page. Os nomes dos subdiretórios nem sempre correspondem exatamente às subpastas no sistema de arquivos raiz do servidor web. Uma URL pode apenas aparentar ter uma estrutura de diretório. O seu sistema de gerenciamento de conteúdo (CMS) pode estar manipulando a estrutura da URL para que ela pareça um caminho de arquivo, facilitando a leitura, enquanto mantém sua própria estrutura interna para armazenar o conteúdo.
Você pode nomear o subdiretório como quiser, mas o nome deve ser claro e preciso para garantir uma boa UX. Nomes como catálogo, blog, preços, envio e ajuda são reconhecidos instantaneamente.
Slug
O slug de uma URL é uma descrição do conteúdo de uma página web resumida em uma única palavra ou expressão com hífens. Isso torna a URL mais legível tanto para pessoas quanto para robôs. Ele aparece após a barra que segue um subdiretório.
Por exemplo, https://hk4.xb-11.com/br/blog/topics/marketing é composta por dois subdiretórios, "blog" e "topics", e termina no slug "marketing". Isso indica que há uma página de marketing dentro da seção de tópicos, que por sua vez está dentro do subdiretório do blog.
Partes avançadas de uma URL
Com o básico compreendido, confira como as URLs podem ser ainda mais detalhadas. Embora essa complexidade adicional torne as URLs muito mais técnicas e menos legíveis, elas oferecem um nível de personalização que pode ir além do que a estrutura do seu site exige:
Porta
A porta identifica o tipo de conexão necessária para acessar um aplicativo ou site específico em um servidor web. Cada protocolo tem seu próprio número de porta. Veja alguns exemplos:
| Número da porta | Protocolo |
|---|---|
| 80 | HTTP (hypertext transfer protocol): a porta padrão para tráfego web não criptografado |
| 443 | HTTPS (hypertext transfer protocol secure): um canal de dados criptografado e mais seguro para tráfego web |
| 21 | FTP (file transfer protocol): usado para transferir arquivos entre clientes e servidores |
| 22 | SSH (secure shell): permite acesso remoto por linha de comando a servidores |
| 25 | SMTP (simple mail transfer protocol): envia e-mails de saída a partir de servidores |
| 143 | IMAP (internet message access protocol): outra forma de enviar e-mails a partir de servidores de correio |
| 3389 | RDP (remote desktop protocol): permite acesso remoto a desktops Windows |
O número da porta é posicionado após o domínio raiz e antes do caminho, desta forma:
https://hk4.xb-11.com:443/br/blog/topics/marketing
As portas geralmente não aparecem nas URLs porque os navegadores reconhecem os protocolos mais comuns e se conectam automaticamente usando a porta correta. Veja o que acontece ao clicar no link acima, por exemplo: o navegador converte automaticamente a URL em uma versão mais simples:
https://hk4.xb-11.com/br/blog/topics/marketing
As portas são úteis em situações específicas, quando é necessário identificar uma porta não padrão, algo que desenvolvedores costumam usar em ambientes de desenvolvimento, testes e por razões de segurança.
Query
Se uma URL contém um ponto de interrogação, isso indica que o usuário inseriu um termo de pesquisa. A query (ou consulta) fica mais clara com um exemplo. Imagine que um usuário pesquisa "Apple Pay" no blog da Shopify. A seguinte URL é gerada:
https://hk4.xb-11.com/br/blog/search?q=apple%20pay
A consulta começa com "search?". O símbolo "%" representa o espaço entre as palavras. O "?" instrui o servidor web a buscar essa sequência de pesquisa e retornar os resultados correspondentes.
Parâmetros
Um parâmetro, também chamado de string de consulta, é um par chave-valor. É possível ter mais de um parâmetro, separados por um &. Os parâmetros são úteis para pesquisas de produtos ou para rastreamento, como campanhas de marketing monitoradas no Google Analytics.
Analise a anatomia básica dos parâmetros de URL. No exemplo a seguir, há três pares chave-valor separados por &:
https://www.saguaro.com/search?q=hiking&options[prefix]=last&type=product
- "Search?" inicia a string de consulta.
- O primeiro par chave-valor é a consulta de pesquisa "q=hiking", que indica que o cliente pesquisou por tênis de trilha.
- O segundo par é técnico e pouco intuitivo: "options[prefix]=last" pode indicar que a função de pesquisa usa um array ou objeto chamado "options" definido com a propriedade "prefix", algo que desenvolvedores web compreendem melhor do que o público geral.
- O terceiro par chave-valor identifica o tipo de pesquisa, neste caso, uma busca por produto.
Percebe-se como a interpretação da URL vai ficando mais complexa, mas múltiplos parâmetros têm sua utilidade: eles capturam mais informações para fins de rastreamento e geração de relatórios.
Fragmento
No final de uma URL, você pode encontrar um fragmento, um componente opcional que aponta para um ponto específico dentro de uma página. O fragmento permite uma navegação mais precisa, indo diretamente a uma seção da página em vez de sempre começar pelo topo. Isso pode aumentar o engajamento e tornar a experiência de navegação mais intuitiva para os visitantes.
Os fragmentos são indicados pelo símbolo de cerquilha (#), seguido de uma palavra-alvo chamada identificador de fragmento, usada para saltar até o trecho desejado. Pode ser uma seção como o rodapé ou um subtítulo temático como Perguntas Frequentes.
Por exemplo, em https://hk4.xb-11.com/enterprise#contact-sales, o fragmento #contact-sales leva diretamente a um formulário de contato dentro da página enterprise.
Perguntas frequentes sobre partes de uma URL
Qual é a estrutura de uma URL típica?
Uma URL típica contém estas partes nesta ordem:
protocolo://subdomínio.domínioraiz/caminho?query#fragmento
O protocolo e o domínio raiz são obrigatórios. Subdomínio, caminho, query e fragmentos são opcionais. O protocolo padrão usado em URLs de e-commerce é o HTTPS. O subdomínio e o domínio correspondem ao nome da sua empresa e à forma como você organiza o conteúdo do site.
Qual é a diferença entre uma URL e um hiperlink?
Uma URL é o endereço preciso na internet para um recurso. Um hiperlink é um texto ou botão que contém a URL, de modo que, ao clicar no link, o usuário é direcionado para o endereço da URL.
Qual é a diferença entre uma URL e um nome de domínio?
Um nome de domínio é o nome do site que as pessoas reconhecem, como shopify.com, enquanto uma URL (uniform resource locator) é o endereço web completo para um local específico dentro de um domínio. O nome de domínio é apenas uma parte da URL.
