DevToys Web Pro iconDevToys Web ProBlog
Valóranos:
Prueba la extensión del navegador:

Generador de slugs para URL

Hecho
Separador

Entrada

  • Salida

  • Detalles técnicos

    Cómo funciona el generador de slugs de URL

    Qué hace la herramienta

    El generador de slugs convierte texto arbitrario en slugs aptos para URL poniendo la entrada en minúsculas, sustituyendo espacios y caracteres especiales por guiones, eliminando los caracteres que no sean alfanuméricos o guiones, y colapsando guiones consecutivos. El resultado es una cadena limpia y legible, segura para usar en URL, nombres de archivo y nombres de clases CSS. Por ejemplo, "Hello World! (2024)" se convierte en "hello-world-2024".

    Casos de uso comunes para desarrolladores

    Los desarrolladores usan generadores de slugs al crear plataformas CMS, motores de blogs o sitios de comercio electrónico que derivan rutas de URL a partir de títulos proporcionados por los usuarios. Un slugging consistente garantiza que las URL de las páginas sean estables, legibles para humanos y estén libres de caracteres que requieran codificación porcentual. También es útil para generar nombres de clases CSS, valores de columnas de base de datos y rutas del sistema de archivos a partir de contenido dinámico.

    Formatos de datos, tipos o variantes

    Los slugs básicos usan solo letras ASCII en minúsculas, dígitos y guiones. El slugging extendido puede conservar letras Unicode (p. ej., caracteres acentuados transliterados a equivalentes ASCII) para contenido multilingüe. Algunas implementaciones permiten guiones bajos en lugar de guiones. La longitud máxima segura de un slug para URL suele ser de 75–100 caracteres, aunque esto varía según la plataforma.

    Errores comunes y casos límite

    Dos títulos diferentes pueden producir el mismo slug (p. ej., "Foo Bar" y "Foo-Bar" ambos se convierten en "foo-bar"), por lo que las aplicaciones deben gestionar colisiones de slugs añadiendo un sufijo numérico. Los alfabetos no latinos requieren transliteración antes de generar el slug o la salida quedará vacía. Los guiones iniciales y finales deben recortarse. Cambiar el slug de una página publicada rompe los enlaces entrantes, por lo que los slugs deben tratarse como inmutables después de la publicación.

    Cuándo usar esta herramienta vs código

    Usa esta herramienta del navegador para generar slugs puntuales rápidamente durante la creación de contenido o el prototipado. Para aplicaciones en producción, genera slugs de forma programática usando bibliotecas como slugify (JavaScript/Python) o Stringex (Ruby) para que la detección de colisiones, la transliteración Unicode y los límites de longitud se gestionen de manera consistente en la lógica de tu aplicación.