O que é um URL relativo?
Um URL relativo é um Localizador Uniforme de Recursos (URL) que especifica o local de um destino em relação ao endereço da página em que ele está situado. Diferentemente dos URLs absolutos, os URLs relativos não contêm o protocolo ("http://" ou "https://") e o nome do domínio (por exemplo, "example.com").
Por exemplo, se a páginahttps://example.com/seo/glossary/relative-url/ (com uma barra à direita) contivesse o seguinte código:
<a href="best-practices">best practices</a>o destino final desse link seria
https://example.com/seo/glossary/relative-url/best-practices.
Este exemplo demonstra o uso mais simples de um URL relativo. Para evitar erros associados a URLs relativos, é importante estar familiarizado com casos de uso mais avançados.
Entendendo um diretório
Vejamos o mesmo exemplo, mas desta vez o URL da página não termina com uma barra final:
https://example.com/seo/glossary/relative-url
O mesmo código nele:
<a href="best-practices">best practices</a>levaria agora a:
https://example.com/seo/glossary/best-practices.
Por quê?
Embora não haja diferença para os usuários, um URL com uma barra final é tecnicamente um diretório, enquanto um sem essa barra é considerado um arquivo dentro da pasta /glossary/ (diretório). Nesse caso, um URL relativo é relativo ao diretório atual.
Há outro formato para um URL relativo ao diretório atual:
./antes do link.
Portanto, esses dois links levarão ao mesmo destino:
<a href="best-practices">best practices</a> <a href="./best-practices">best practices</a>Caminho relativo à raiz
Se o URL relativo tiver uma barra à esquerda, isso significa que ele é relativo ao domínio raiz, ignorando todas as pastas e subpastas.
Voltemos ao nosso exemplo:
<a href="/best-practices">melhores práticas</a>Esse código nesta página criaria um link para:
https://example.com/best-practices
Um nível acima
O prefixo ../ de um link relativo o torna relativo ao diretório um nível acima do atual.
O diretório atual do URL https://example.com/seo/glossary/relative-url (sem uma barra final) é /glossary/.
Portanto, o código a seguir:
<a href="../best-practices">melhores práticas</a>criará um link para:
https://example.com/seo/best-practices
URLs relativos versus absolutos para SEO
Em termos de SEO, não há diferença entre URLs relativos e absolutos nos links das páginas. Entretanto, é recomendável (mas não proibido) usar URLs absolutos nas tags rel="canonical" e hreflang para minimizar o potencial de erros e confusão.
Conclusão
Entender os URLs relativos e seus casos de uso é fundamental para a navegação adequada na Web e para manter uma estrutura de site organizada. Embora os URLs relativos possam simplificar o gerenciamento de links em um site, os URLs absolutos são preferidos em tags específicas de SEO para garantir clareza e evitar erros.
