¿Has prestado alguna vez atención a la barra de direcciones de tu navegador? La cadena de caracteres que empieza por "https" es la URL, y no está organizada de manera casual: es la dirección exacta de un sitio web.
Las partes de una URL están estructuradas de manera que puedas encontrar páginas concretas en Internet sin dificultad. Estas direcciones tienen un papel fundamental tanto en los negocios como en la vida cotidiana: sin ellas, no podrías navegar por Internet, buscar productos y servicios o realizar compras online.
Conocer las partes de una URL y su función te ayudará a comprender mejor la estructura de tu sitio web, simplificar tus URL y hacerlas más accesibles a los usuarios. Con estos fundamentos, podrás identificar los problemas de navegación que afectan a la optimización para motores de búsqueda (SEO) y a la experiencia de usuario (UX).
A continuación, aprenderás cuáles son las partes de una URL y qué función desempeñan para que te muevas por la red con fluidez.
¿Qué es una URL?
URL son las siglas de uniform resource locator (localizador uniforme de recursos), el nombre técnico que reciben las direcciones de Internet.
Su uso más habitual es apuntar a una página concreta dentro de un dominio web (p. ej., Shopify.com), que es el nombre legible (compuesto por palabras) que se corresponde con una IP (números). Una URL puede apuntar a otra página del mismo sitio web o a un dominio completamente distinto.
La URL es también el elemento central de los hipervínculos, esos enlaces que te facilitan la navegación por Internet. Tras hacer clic en un hipervínculo, verás que aparece una nueva URL en la barra de direcciones de tu navegador.
Aquí va un ejemplo práctico: dentro del hipervínculo “Shopify” se encuentra la URL https://www.shopify.com/es-es. Si pasas el cursor por encima de este hipervínculo, verás que la URL aparece en la barra de estado en la parte inferior del navegador o en una ventana emergente junto al cursor.
El texto visible "Shopify" es una señal reconocible de la ubicación general, pero lo que el navegador realmente necesita para ir al destino exacto dentro del enlace es su URL (en este caso, https://www.shopify.com/es-es).
Partes de una URL
Las partes de una URL siguen una estructura lineal. Analizar estos segmentos por separado te permitirá entender mejor cómo se relaciona cada elemento con el conjunto.
Protocolo
La primera parte de una URL es el protocolo, también conocido como esquema. El protocolo define cómo debe interpretar y mostrar el recurso tu navegador web. Los protocolos más utilizados son http:// y https://.
Las siglas HTTP hacen referencia a hypertext transfer protocol (protocolo de transferencia de hipertexto), la base sobre la que se sustenta cualquier sitio web. HTTPS es prácticamente lo mismo, pero con una "S" de secure (seguro) para indicar que el sitio web ha sido autenticado y cuenta con un certificado SSL/TLS. La información que introduces en una página HTTPS (p. ej., una contraseña) está mejor protegida, ya que los datos van cifrados.
Es recomendable que uses HTTPS en tu tienda de ecommerce: las HTTP son más vulnerables a los ciberataques y los usuarios las perciben como un riesgo. En este sentido, Shopify te lo pone un poco más fácil: sus tiendas tienen HTTPS activado por defecto.
Una URL también puede apuntar a otro tipo de recursos en Internet, más allá de las páginas web (p. ej., un PDF alojado en la red) empleando diferentes protocolos. Con todo, el protocolo de transferencia de hipertexto, que distingue las páginas web de otros recursos, y su versión segura (HTTPS) son, con diferencia, los tipos de URL más comunes.
¿Qué otros protocolos te puedes encontrar?
- FTP (file transfer protocol): protocolo de transferencia para mover archivos entre los ordenadores de los clientes y los servidores.
- SMTP (simple mail transfer protocol): protocolo para servidores de correo electrónico.
- IRC (internet relay chat): protocolo de chat de texto.
- File: protocolo referido a los archivos almacenados en tu ordenador de manera local.
- Gopher: un antiguo sistema de menús cliente/servidor para explorar documentos, aplicaciones y servidores antes de que existiera la www.
- Gemini: protocolo para acceder a recursos de la red Geminispace a través de una aplicación de cliente específica.
Subdominio
Tras el protocolo, viene el subdominio. Es una parte de la URL opcional que especifica una categoría dentro del conjunto total de tu sitio web. Por ejemplo, el subdominio "help" se encuentra dentro del dominio raíz shopify.com en esta URL: help.shopify.com/es/
El subdominio es una forma práctica de organizar el contenido de tu sitio web. Algunos ejemplos habituales son:
- Blog
- Noticias
- Soporte o ayuda
- Comunidad
Por ejemplo, con la URL https://community.shopify.com/c/es, los visitantes saben de inmediato que están accediendo al área de debate de la comunidad de Shopify.
Los subdominios no son obligatorios, pero son muy populares porque orientan el tráfico del sitio web de forma clara, algo que tanto los usuarios como los motores de búsqueda agradecen. Si ya tienes una tienda en Shopify, puedes añadir un subdominio desde el panel de control de tu cuenta.
Dominio raíz
El dominio raíz es obligatorio y se compone de dos partes: un dominio de segundo nivel (SLD, por sus siglas en inglés) y un dominio de nivel superior (TLD, por sus siglas en inglés).
- Dominio de segundo nivel: el SLD es el nombre único que has registrado para tu tienda o sitio web a través de un registrador de nombres de dominio. En este espacio aparecerá el nombre de tu marca, como Nike o Adidas.
- Dominio de nivel superior. El dominio de nivel superior representa la categoría general del sitio web, como pueden ser .es (webs españolas), .org (organizaciones), .edu (educación) o .gob (entidades gubernamentales).
Por ejemplo, el dominio raíz Shopify.com se compone de un dominio de segundo nivel ("Shopify") y del TLD ".com". Usar el nombre de tu negocio como SLD y .com (o .es) como TLD, es un esquema que se adapta a las estructuras que los usuarios ya conocen, incluidas las URL de ecommerce.
Ruta
La ruta es la parte de la URL que señala la ubicación exacta de un recurso concreto (por lo general, una página web).
Se define con el empleo de barras diagonales (/) y guía a los rastreadores de los motores de búsqueda para que comprendan la estructura semántica de un sitio web, mejorando su visibilidad en los resultados de búsqueda.
La ruta va después del dominio raíz y puede incluir distintos segmentos separados por una o varias barras (/), como en este ejemplo:
https://www.shopify.com/es/blog
Aquí, la ruta especifica un subdirectorio, "blog", donde se encuentran todas las páginas del blog. Además, dirige a la versión en español de dicho subdirectorio (/es).
Subdirectorio
Tras el dominio raíz viene el subdirectorio, una especie de subcarpeta dentro del directorio general de archivos. El subdirectorio es la parte de la URL que aporta contexto a una dirección y la diferencia de otras partes del sitio web.
Por ejemplo, la URL https://www.shopify.com/es-es/precios lleva a los usuarios a la sección de precios del sitio web de Shopify. Con un simple vistazo, queda claro que esa URL trata sobre los planes de precios de Shopify.
Lo habitual es que las partes de una URL acaben aquí, en el directorio. Es la estructura básica de direccionamiento, sobre todo si la URL apunta a una página de inicio o a una landing page.
Por otro lado, debes tener en cuenta que los nombres de los subdirectorios no siempre se corresponden exactamente con el de las subcarpetas reales en el sistema de archivos de tu servidor web. ¿Qué quiere decir esto? Que, en ocasiones, la URL muestra una estructura de directorios “ficticia”.
Esto se debe a que, con el objetivo de simplificar la ruta de archivo y hacerla más legible, tu sistema de gestión de contenidos (CMS, por sus siglas en inglés) puede manipular la estructura que muestra tu URL. Sin embargo, internamente sigue empleando su propia estructura para almacenar el contenido de tu web.
En cuanto a los nombres de tus subdirectorios, procura utilizar conceptos precisos y descriptivos para garantizar una buena experiencia de usuario. Nombres como “catálogo”, “blog”, “precios” o “ayuda” son fácilmente reconocibles.
Slug
El slug de una URL es una descripción del contenido de una página web condensada en una sola palabra o en una frase con guiones. Esto hace que la URL sea más legible tanto para los usuarios como para los motores de búsqueda. El slug es la parte de la URL que aparece después de la barra que sigue al subdirectorio.
Por ejemplo, https://www.shopify.com/es/blog/topics/emprender contiene tres subdirectorios (“es”, "blog" y "topics") y termina con el slug "marketing". Esto indica que hay una página de marketing dentro de la sección de temas, que a su vez está en el subdirectorio del blog en español.
Partes avanzadas de una URL
Ahora que ya conoces las partes de una URL básicas, ¿qué te parece profundizar un poco más en su estructura? En los siguientes apartados descubrirás otros elementos algo más técnicos y menos legibles de una URL. Proporcionan un mayor nivel de personalización y pueden resultar útiles en determinados contextos.
Puerto
El puerto identifica el tipo de conexión necesaria para acceder a una aplicación o sitio web concreto en un servidor web. Cada protocolo tiene su propio número de puerto. Aquí tienes algunos ejemplos:
| Número de puerto | Protocolo |
|---|---|
| 80 | HTTP (hypertext transfer protocol): puerto predeterminado para el tráfico web no cifrado. |
| 443 | HTTPS (hypertext transfer protocol secure): canal de datos cifrado y más seguro para el tráfico web. |
| 21 | FTP (file transfer protocol): se usa para transferir archivos entre clientes y servidores. |
| 22 | SSH (secure shell): permite el acceso remoto a los servidores mediante líneas de comandos. |
| 25 | SMTP (simple mail transfer protocol): envía correo saliente desde los servidores. |
| 143 | IMAP (internet message access protocol): alternativa para enviar correo electrónico desde servidores de correo. |
| 3389 | RDP (remote desktop protocol): permite el acceso remoto a escritorios Windows. |
El número de puerto se coloca después del dominio raíz y antes de la ruta, de la siguiente manera:
https://www.shopify.com:443/blog/topics/marketing
Los puertos no suelen aparecer en las URL porque los navegadores reconocen los protocolos más comunes y se conectan automáticamente usando el puerto correcto. ¡Haz la prueba!: al hacer clic en la URL con número de puerto, el navegador cambia al instante a una URL más sencilla:
https://www.shopify.com/blog/topics/marketing
Estos elementos solo son útiles en casos concretos en los que es necesario identificar un puerto no estándar. Los desarrolladores los utilizan a veces en entornos de pruebas y por razones de seguridad.
Consulta
Si una URL contiene un signo de interrogación, indica que el usuario ha introducido un término de búsqueda. Imagina, por ejemplo, que los términos de búsqueda son “Apple Pay”. La URL generada sería la siguiente:
https://www.shopify.com/es/blog/search?q=apple%20pay
La consulta comienza con la indicación "search?". El símbolo "%20" representa el espacio entre los dos términos de búsqueda (“Apple” y “Pay”). Y el "?" le indica al servidor web que busque esa cadena de texto y devuelva los resultados coincidentes.
Parámetros
Un parámetro, también llamado cadena de consulta, es un par de clave-valor. Puede haber más de un parámetro, separados por un ampersand (&). Los parámetros son útiles para las búsquedas de productos o para la monitorización de las acciones de marketing, como las campañas que se controlan a través de Google Analytics.
¿Cuál es la estructura de los parámetros dentro de las partes de una URL? Aquí tienes un ejemplo más visual, compuesto por tres pares de clave-valor separados por el símbolo “&”:
https://www.saguaro.com/search?q=hiking&options[prefix]=last&type=product
- El término "Search?" inicia la cadena de consulta.
- El primer par de clave-valor es la consulta de búsqueda "q=hiking", que indica que el cliente busca botas de senderismo.
- El segundo par es más técnico y difícil de interpretar: "options[prefix]=last" podría indicar que la función de búsqueda utiliza un array u objeto llamado "options" con la propiedad "prefix". No obstante, es una indicación más útil para los desarrolladores web que para el público en general.
- El tercer par de clave-valor identifica el tipo de búsqueda; en este caso, una búsqueda de producto.
Como puedes ver, la interpretación de la URL se complica a medida que aparecen elementos avanzados como estos. No obstante, los parámetros tienen su utilidad: permiten capturar más información para el control del sitio web y la generación de informes.
Fragmento
Dentro de las partes de una URL con elementos avanzados, el fragmento sería la parte final. Un fragmento es un componente opcional que apunta a un lugar concreto dentro de una página específica. Esto permite una navegación más precisa, en lugar de llevar al usuario al inicio de la página, mejorando la navegación y favoreciendo al engagement.
Los fragmentos se indican con el símbolo de almohadilla (#), seguido de una palabra clave denominada identificador de fragmento, que sirve para saltar al punto deseado. Este punto puede ser una sección como el pie de página o un subtítulo temático como las preguntas frecuentes.
Por ejemplo, en https://www.shopify.com/es-es/enterprise#contact-sales, el fragmento #contact-sales lleva directamente a un formulario de contacto dentro de la página de Enterprise.
Preguntas frecuentes sobre las partes de una URL
¿Cuáles son las partes de una URL básica?
Una URL típica se compone de las siguientes partes (por orden):
protocolo://subdominio.dominioraíz/ruta?consulta#fragmento
El protocolo y el dominio raíz son elementos obligatorios. El subdominio, la ruta, la consulta y el fragmento son opcionales. El protocolo estándar para las URL de ecommerce es HTTPS. El subdominio y el dominio corresponden al nombre de tu negocio y a la forma en que organizas el contenido web.
¿Cuál es la diferencia entre una URL y un hipervínculo?
Una URL es la dirección exacta de Internet para un recurso determinado (p. ej., una entrada de blog). Un hipervínculo es un texto o botón que contiene la URL, de modo que cuando el usuario hace clic en el enlace, accede a esa dirección.
¿Cuál es la diferencia entre una URL y un nombre de dominio?
El nombre de dominio es un nombre del sitio web fácilmente reconocible por los usuarios, como shopify.com. La URL (uniform resource locator) es la dirección web completa de una ubicación específica dentro de un dominio. En resumen: el nombre de dominio es solo una parte de la URL.
