¿Qué es una URL relativa?
Una URL relativa es un Localizador Uniforme de Recursos (URL) que especifica la ubicación de un objetivo en relación con la dirección de la página en la que se encuentra. A diferencia de las URL absolutas, las URL relativas no contienen el protocolo ("http://" o "https://") ni el nombre del dominio (por ejemplo, "ejemplo.com").
Por ejemplo, si la páginahttps://example.com/seo/glossary/relative-url/ (con una barra al final) contuviera el siguiente código:
<a href="best-practices">mejores prácticas</a>el destino final de ese enlace sería
https://example.com/seo/glossary/relative-url/best-practices.
Este ejemplo muestra el uso más sencillo de una URL relativa. Para evitar errores asociados a las URL relativas, es importante familiarizarse con casos de uso más avanzados.
Comprender un directorio
Veamos el mismo ejemplo, pero esta vez la URL de la página no termina con una barra al final:
https://example.com/seo/glossary/relative-url
El mismo código en él:
<a href="best-practices">mejores prácticas</a>conduciría ahora:
https://example.com/seo/glossary/best-practices.
¿Por qué?
Aunque no hay diferencia para los usuarios, una URL con una barra al final es técnicamente un directorio, mientras que una sin ella se considera un archivo dentro de la carpeta /glosario/ (directorio). En este caso, una URL relativa es relativa al directorio actual.
Existe otro formato para una URL relativa al directorio actual:
./antes del enlace.
Así que estos dos enlaces llevarán al mismo destino:
<a href="mejores-prácticas">mejores-prácticas</a> <a href="./mejores-prácticas">mejores-prácticas</a>Ruta raíz-relativa
Si la URL relativa tiene una barra al principio, significa que es relativa al dominio raíz, ignorando todas las carpetas y subcarpetas.
Volvamos a nuestro ejemplo:
<a href="/mejores-prácticas">mejores prácticas</a>Este código en esta página crearía un enlace a:
https://example.com/best-practices
Un nivel más
El prefijo ../ de un enlace relativo lo hace relativo al directorio de un nivel superior al actual.
El directorio actual para la URL https://example.com/seo/glossary/relative-url (sin barra al final) es /glossary/.
Así que el siguiente código:
<a href="../mejores-prácticas">mejores-prácticas</a>creará un enlace a:
https://example.com/seo/best-practices
URLs relativas vs absolutas para SEO
En términos de SEO, no hay diferencia entre URL relativas y absolutas en los enlaces de las páginas. Sin embargo, se recomienda (aunque no se prohíbe) utilizar URL absolutas en las etiquetas rel="canonical" y hreflang para minimizar la posibilidad de errores y confusiones.
Conclusión
Comprender las URL relativas y sus casos de uso es crucial para una navegación web adecuada y para mantener una estructura de sitio organizada. Aunque las URL relativas pueden simplificar la gestión de enlaces dentro de un sitio, las URL absolutas son preferibles en etiquetas SEO específicas para garantizar la claridad y evitar errores.
