Codificacion URL Explicada: Por Que y Como Codificar URLs

Que es la Codificacion URL

La codificacion URL, tambien llamada percent-encoding, es el mecanismo que permite incluir caracteres especiales en una direccion web. Las URLs solo pueden contener un conjunto limitado de caracteres ASCII. Todo lo que queda fuera de ese conjunto debe convertirse en una representacion especial.

Por ejemplo, un espacio se convierte en %20, una ene se convierte en %C3%B1 y el simbolo & se convierte en %26. El navegador decodifica automaticamente estas secuencias para mostrar la URL legiblemente.

Caracteres Reservados y No Reservados

• No reservados: Letras (A-Z, a-z), digitos (0-9), guion, punto, guion bajo y tilde. Pueden aparecer tal cual en una URL.
• Reservados: : / ? # [ ] @ ! $ & ' ( ) * + , ; =. Tienen un rol sintactico en la URL. Si quieres usarlos como datos, deben codificarse.

Como Funciona el Proceso

1. El caracter se convierte en su representacion UTF-8
2. Cada byte se representa en formato hexadecimal, precedido por %
3. El resultado reemplaza el caracter original en la URL

Nuestro codificador/decodificador URL te permite ver instantaneamente el resultado.

Casos Practicos Comunes

• Parametros de busqueda: Cuando buscas "lavadora automatica" en un sitio, la URL contiene q=lavadora%20autom%C3%A1tica.
• API REST: Los parametros de consulta enviados via GET deben codificarse.
• Formularios HTML: Los datos de formulario enviados en GET se codifican automaticamente.

Errores Comunes

• Doble codificacion: Codificar una URL ya codificada transforma %20 en %2520.
• Codificar separadores: No codifiques los caracteres que sirven de estructura a la URL (/, ?, =) a menos que sean parte de los datos.
• Usar codificacion incorrecta: La codificacion URL moderna se basa en UTF-8.
• Olvidar codificar: Construir URLs por concatenacion de cadenas sin codificar es fuente de bugs y fallos de seguridad.

Herramientas y Funciones de Codificacion

• JavaScript: encodeURIComponent() para valores de parametros
• Python: urllib.parse.quote()
• PHP: urlencode()

Para probar rapidamente, usa nuestro codificador/decodificador URL en linea.