Analizador de URL
Pega un enlace para ver cada una de sus partes: protocolo, credenciales, host, puerto, ruta, cadena de consulta, fragmento y origen. Edita, añade o elimina parámetros de consulta en una tabla y la URL se reconstruye en directo, lista para copiar.
Última actualización:
¿URL relativa? Resolverla respecto a una URL base
Las rutas como ../img/a.png, /about, ?page=2 o //cdn.example.com/x.js se resuelven como lo haría un navegador.
Desglose de la URL
Parámetros de consulta
| # | Clave | Valor (decodificado) | Eliminar |
|---|
Esta URL no tiene cadena de consulta. Añade un parámetro abajo.
Cómo usar Analizador de URL
- Pega una URL en el cuadro y pulsa Analizar URL (también se analiza mientras escribes). Si omites https://, se añade por ti.
- Lee el desglose: cada parte tiene su propia tarjeta con un botón Copiar y una versión decodificada cuando contiene escapes %.
- Edita los parámetros de consulta en la tabla: cambia una clave o un valor, pulsa + Añadir parámetro o haz clic en × para eliminar uno.
- Copia la URL reconstruida del cuadro verde. Marca “Codificar espacios como +” si tu servidor espera codificación de tipo formulario.
- Para enlaces relativos como ../img/logo.png, abre “Resolverla respecto a una URL base” e introduce la dirección de la página a la que pertenecen.
Anatomía de una URL
Así se divide esta URL de ejemplo:
https://ann:[email protected]:8443/en/mugs/blue?color=blue&size=L#reviews
| Parte | Valor | Propiedad de JavaScript |
|---|---|---|
| Protocolo (esquema) | https: | url.protocol |
| Usuario / contraseña | ann / secret | url.username, url.password |
| Nombre de host | shop.example.com | url.hostname |
| Puerto | 8443 (vacío cuando es el predeterminado, 443) | url.port |
| Host | shop.example.com:8443 | url.host |
| Origen | https://shop.example.com:8443 | url.origin |
| Ruta | /en/mugs/blue | url.pathname |
| Cadena de consulta | ?color=blue&size=L | url.search |
| Fragmento (hash) | #reviews | url.hash |
El fragmento nunca se envía al servidor; el navegador lo usa para desplazarse a un elemento o una aplicación de una sola página lo usa para el enrutamiento.
Codificaciones porcentuales comunes en URL
| Carácter | Codificado | Carácter | Codificado |
|---|---|---|---|
| espacio | %20 o + (solo en la consulta) | & | %26 |
= | %3D | ? | %3F |
# | %23 | + | %2B |
% | %25 | / | %2F |
é | %C3%A9 | € | %E2%82%AC |
Dentro de un valor de consulta debes codificar &, =, #, + y %; de lo contrario, cambian el significado de la URL. La URL reconstruida en esta herramienta lo hace automáticamente y deja legibles los caracteres inofensivos como /, : y ,.
Resolver URL relativas: ejemplos
Con la URL base https://example.com/blog/2024/post.html:
| URL relativa | Se resuelve como |
|---|---|
image.png | https://example.com/blog/2024/image.png |
../images/logo.png | https://example.com/blog/images/logo.png |
/about | https://example.com/about |
?page=2 | https://example.com/blog/2024/post.html?page=2 |
#comments | https://example.com/blog/2024/post.html#comments |
//cdn.example.net/app.js | https://cdn.example.net/app.js |
Preguntas frecuentes
¿Cuáles son las partes de una URL?
Una URL se compone de un protocolo (https:), credenciales opcionales (user:pass@), un nombre de host (shop.example.com), un puerto opcional (:8443), una ruta (/path/page), una cadena de consulta (?x=1) y un fragmento o hash (#top). El host es el nombre de host más el puerto, y el origen es el protocolo más el host.
¿Qué es una cadena de consulta?
La cadena de consulta es la parte que va después del ? y antes de cualquier #. Contiene pares clave=valor separados por &, por ejemplo ?q=shoes&page=2. Los servidores y las herramientas de analítica leen estos parámetros; el orden normalmente no importa, pero las claves repetidas pueden llevar varios valores.
¿Por qué los valores se muestran decodificados?
Los caracteres especiales de las URL usan codificación porcentual, así que un espacio se convierte en %20 (o + en las cadenas de consulta) y é en %C3%A9. La tabla muestra el valor legible; al reconstruir la URL, los valores se vuelven a codificar correctamente.
¿Los espacios deben codificarse como + o como %20?
Ambos son habituales en las cadenas de consulta. %20 funciona en todas partes; + es la convención de los formularios HTML que entienden la mayoría de los servidores. El analizador siempre lee + en una consulta como un espacio y te deja elegir cuál escribir al reconstruir.
¿Cómo elimino los parámetros de seguimiento de un enlace?
Pega el enlace y pulsa “Eliminar seguimiento utm_*”. Elimina utm_source, utm_medium, utm_campaign y claves similares, además de gclid, fbclid, msclkid y algunos otros ID de clic, y te da la URL limpia para copiar.
¿Cómo se resuelven las URL relativas?
Exactamente igual que un navegador resuelve un enlace en una página: ../ sube una carpeta, / empieza en la raíz del sitio, ?x=1 sustituye solo la consulta y //host conserva solo el protocolo de la base. Introduce la URL base en el campo opcional para ver el resultado absoluto.
¿Se envía la URL a algún sitio?
No. El análisis usa la API de URL integrada en tu navegador, así que nada sale de tu dispositivo y los enlaces privados siguen siendo privados.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.