Codificar y decodificar URL (acentos, ñ y caracteres especiales)

Cómo usar: Codificar y decodificar URL

1. Elige la dirección de la conversión: decodificar si quieres leer una URL llena de símbolos %, o codificar si quieres convertir un texto para ponerlo en una URL.
2. Pega la URL o el texto en el campo de entrada y el resultado aparece al instante.
3. Al codificar, elige "Un solo valor" si es un término de búsqueda o el valor de un parámetro, o "URL completa" si es una dirección entera.
4. Pega una dirección en Análisis de la estructura de la URL para ver en una tabla el dominio, la ruta y los parámetros.

¿Qué es la codificación de URL (codificación por porcentaje)?

En una dirección web (URL) solo se pueden usar letras sin acentos, números y algunos símbolos. Los caracteres como á, é, ñ, ü, ¿, el espacio o símbolos especiales como & se convierten primero a bytes UTF-8 y después cada byte se escribe como % seguido de dos dígitos hexadecimales. Eso es la codificación de URL, también llamada codificación por porcentaje o percent-encoding.

Como cada letra con acento o eñe se convierte en dos grupos %XX (6 caracteres), una URL con palabras como canción o España se vuelve larga y difícil de leer cuando la copias y la pegas.

Diferencia entre encodeURIComponent y encodeURI

encodeURIComponent codifica también los símbolos que forman la estructura de la URL, como / ? & = #. Debes usarlo cuando insertas un solo valor de parámetro, por ejemplo un término de búsqueda; así, un & dentro del valor no se confunde con el inicio del siguiente parámetro.

encodeURI deja intactos los símbolos de estructura y solo codifica los acentos, la ñ, los espacios y otros caracteres no permitidos. Se usa para dejar segura una URL completa ya armada.

• Un solo valor: a&b → a%26b
• URL completa: https://a.com/?q=niño → https://a.com/?q=ni%C3%B1o

Cómo arreglar una URL con acentos que se ve con caracteres raros

Es muy común que una dirección que en la barra del navegador se ve con acentos y eñes se convierta en una cadena llena de % al pegarla en WhatsApp, un correo o un documento. La URL no está rota: si haces clic, se abre igual. Solo necesitas decodificarla con esta herramienta cuando quieras leer su contenido.

Si en el resultado aparecen caracteres como � en lugar de á o ñ, es posible que la dirección venga de un sitio antiguo que codifica en ISO-8859-1 (Latin-1) o Windows-1252 en lugar de UTF-8; en esas codificaciones, por ejemplo, la ñ se escribe como %F1 y no como %C3%B1. Además, si algún fragmento % está cortado, la herramienta decodifica lo que puede, deja el resto sin cambios y te avisa.

Usos habituales

• Leer enlaces compartidos: ver qué buscaba alguien o a qué página lleva un enlace largo con muchos %.
• Crear enlaces con parámetros: codificar un término de búsqueda o un texto con acentos antes de añadirlo a una URL.
• Revisar parámetros de campañas: comprobar en la tabla de análisis los valores de parámetros como utm_source o utm_campaign ya decodificados.
• Depurar en desarrollo web: verificar qué produce encodeURIComponent o encodeURI sin abrir la consola.