¿Qué es una ruta relativa?
Una ruta relativa es una dirección web abreviada que indica dónde está un archivo dentro de un sitio sin escribir la URL completa. El navegador completa el protocolo y el dominio a partir de la página actual. Por ejemplo, la ruta relativa a la raíz /images/logo.png llega al mismo archivo desde cualquier página del sitio.
Más sobre las rutas relativas
Todo enlace necesita una dirección, pero dentro de un mismo sitio no siempre hace falta escribirla completa. El enlace puede describir únicamente cómo llegar desde la página actual hasta el archivo de destino, y el navegador se encarga de completar el resto. Ese atajo es una ruta relativa y permite, por ejemplo, cambiar un sitio de dominio sin reescribir todos sus enlaces internos.
Ruta relativa vs. ruta absoluta
La diferencia está en el alcance. Una ruta absoluta contiene la dirección completa, incluidos el protocolo, el dominio y la ubicación del archivo, como https://example.com/guides/seo.html. Funciona desde cualquier lugar, por eso los enlaces hacia otros sitios casi siempre son absolutos. Una ruta relativa omite el protocolo y el dominio. Indica una ubicación a partir de la página actual: desde una página dentro de /guides/, el enlace seo.html lleva al archivo de esa misma carpeta. El navegador combina la referencia relativa con la URL de la página actual y solicita la dirección resultante.
¿Cómo se escribe una ruta relativa?
Tres patrones cubren casi todos los casos:
- Misma carpeta:
photo.jpgestá junto a la página actual. - Una carpeta hacia abajo:
images/photo.jpgapunta a la carpetaimagessituada debajo. - Una carpeta hacia arriba:
../photo.jpgsube un nivel; cada../adicional sube otro.
También existe la ruta relativa a la raíz, que empieza con una barra: /images/photo.jpg. Se resuelve desde la raíz del dominio, por lo que funciona igual desde cualquier página del sitio.
¿Cuándo conviene usar una ruta relativa o absoluta?
Para los enlaces internos, las rutas relativas, sobre todo las que parten de la raíz, resultan prácticas porque siguen funcionando al cambiar de dominio, usar una copia de pruebas o desarrollar en un entorno local. Las URL absolutas son necesarias cuando la referencia sale del contexto de la página. Las etiquetas canónicas, las anotaciones hreflang, los mapas del sitio, los feeds y el correo electrónico deben incluir la dirección completa. Evita también los enlaces relativos al protocolo, que empiezan con dos barras, como //example.com/.... Son un patrón heredado de la transición de HTTP a HTTPS; hoy conviene escribir https:// completo.
Frequently Asked Questions
¿Qué significa ../ en una ruta?
Significa «subir una carpeta». Cada ../ asciende un nivel desde la ubicación de la página actual. Así, ../../css/style.css sube dos niveles y entra en la carpeta css. Si una página cambia de profundidad, sus enlaces con ../ también deben actualizarse.
¿Qué es una ruta relativa a la raíz?
Es una ruta que empieza con una barra, como /blog/articulo/. El navegador la resuelve desde la raíz del dominio, no desde la página actual, así que apunta al mismo lugar desde todo el sitio. Como omite el dominio, sigue funcionando en entornos de pruebas y tras una migración.
¿Las rutas relativas perjudican el SEO?
No en los enlaces internos normales: los buscadores las resuelven igual que un navegador. Las etiquetas canónicas, hreflang y los mapas del sitio sí requieren URL absolutas. Después de un rediseño, revisa las rutas mal resueltas, porque pueden crear enlaces rotos o muchas URL duplicadas para los rastreadores.
¿Los enlaces internos deben usar rutas relativas o absolutas?
Ambas funcionan. Las URL absolutas son inequívocas en feeds y contenido reutilizado; las rutas relativas o relativas a la raíz facilitan mover el sitio entre dominios y entornos. La consistencia y la ausencia de enlaces rotos importan más que elegir un solo formato para todos los enlaces internos.
