Generador de Slugs de URL — Convierte tu Texto

¿Qué Es un Slug de URL?

// The core of a zero-dependency slugify (ASCII mode)
function slugify(input) {
  return input
    .normalize('NFD')                 // café → cafe + combining accent
    .replace(/[\u0300-\u036f]/g, '')  // drop the combining marks
    .replace(/ß/g, 'ss')              // chars with no NFD decomposition
    .replace(/&/g, ' and ')           // keep the meaning of '&'
    .toLowerCase()
    .replace(/[^a-z0-9]+/g, '-')      // every other run of junk → one hyphen
    .replace(/^-+|-+$/g, '');         // trim leading / trailing hyphens
}

slugify('Crème Brûlée Recipe');   // 'creme-brulee-recipe'
slugify('Salt & Pepper');         // 'salt-and-pepper'
slugify('10 Tips: A Guide!');     // '10-tips-a-guide'

Características Clave

Alternativas de Generador de Slugs Comparadas

Ejemplos del Generador de Slugs

10 Tips for Faster JavaScript: A Complete Guide!

10-tips-for-faster-javascript-a-complete-guide

Crème Brûlée Recipe

creme-brulee-recipe

Große Änderungen für 2026

grosse-anderungen-fur-2026

Привет мир

privet-mir

你好 世界

你好-世界

Salt & Pepper: 100% Natural

salt-and-pepper-100-natural

Cómo Usar el Generador de Slugs

1. 1

   Pega o escribe tu texto

   Haz clic en el editor e introduce un título, encabezado o frase — o toca una de las fichas de preajuste (Título de blog, Acentos, CJK, Cirílico, Símbolos) para cargar un ejemplo representativo. El slug aparece al instante en la caja de salida de debajo.

2. 2

   Elige el modo ASCII o Unicode

   Deja Modo en ASCII para un slug portable a–z que translitera los acentos y romaniza el cirílico/griego. Cambia a Unicode si tu texto está en una escritura no latina (chino, árabe, cirílico) y quieres conservar los caracteres originales en la URL.

3. 3

   Ajusta separador, mayúsculas y longitud

   Mantén el separador de guion (recomendado) o cambia a guion bajo. Las minúsculas están activadas por defecto; desactívalas para preservar las mayúsculas. Fija una Longitud máxima para limitar los slugs largos en un límite de palabra, o déjala en 0 para el slug completo.

4. 4

   Copia el slug

   Haz clic en Copiar para escribir el slug terminado en tu portapapeles — el botón parpadea "¡Copiado!" para confirmar. Pégalo en tu campo de slug de CMS, nombre de archivo o id de anclaje. Haz clic en Reiniciar para limpiar el editor y empezar de nuevo.

Errores Comunes con los Slugs

https://example.com/My-Awesome-Post

https://example.com/my-awesome-post

https://example.com/my_first_post

https://example.com/my-first-post

https://example.com/caf%C3%A9-cr%C3%A8me

https://example.com/cafe-creme

the-10-absolute-best-and-most-effective-tips-for-writing-faster-javascript-code-in-2026

faster-javascript-tips

Quién Usa un Generador de Slugs

Bloggers y Autores de Contenido

Convierte un título de post en el slug de URL que tu CMS espera. Pega "10 Tips for Faster JavaScript: A Complete Guide" y copia `10-tips-for-faster-javascript-a-complete-guide` directo en el campo de slug de WordPress, Ghost o Hugo — rico en keywords y limpio.

Especialistas SEO

Crea slugs cortos y centrados en keywords que se leen bien en los resultados de búsqueda y aportan valor de clic. Usa el control de Longitud máxima para mantener los slugs por debajo de ~60 caracteres y elimina las stop-words para una URL más ajustada y relevante.

Desarrolladores Nombrando Rutas y Archivos

Genera identificadores seguros para rutas de ruta, nombres de archivos estáticos, nombres de assets de imagen y claves de almacenamiento a partir de etiquetas legibles. El modo ASCII garantiza que el resultado sea portable entre sistemas de archivos y bases de datos que se atragantan con caracteres no ASCII.

Autores de Documentación y Markdown

Reproduce los slugs de anclaje de encabezado que GitHub, GitLab y la mayoría de generadores de sitios estáticos crean a partir de los encabezados, para que tus enlaces "#sección" dentro de la página coincidan. El modo Unicode replica el comportamiento de conservar-letras de GitHub para encabezados no ingleses.

Sitios Internacionalizados

Elige el comportamiento por idioma: translitera títulos europeos a ASCII para máxima compatibilidad, o cambia a modo Unicode para conservar caracteres chinos, cirílicos o griegos en la URL para lectores de escritura nativa. Ambos son válidos; el conmutador te deja decidir por página.

Equipos de E-commerce y Catálogo

Genera slugs estables de producto y categoría a partir de nombres de producto — incluidos nombres de marca acentuados y símbolos. El manejo inteligente del ampersand significa que "Salt & Pepper" se convierte en salt-and-pepper en lugar de perder la palabra, manteniendo el nombre del producto buscable.

Cómo Funciona la Generación de Slugs

Normalización Unicode NFD para Acentos

Las letras latinas acentuadas se reducen normalizando la cadena a NFD (Descomposición Canónica), que divide un carácter como é en la letra base e más un acento agudo combinante (U+0301), y luego elimina las marcas combinantes en el rango U+0300–U+036F. Esta es una capacidad integrada y sin dependencias de cada motor de JavaScript y cubre los acentos del francés, español, portugués, italiano, las diéresis alemanas y las lenguas nórdicas y centroeuropeas. Los caracteres sin descomposición canónica — ß, æ, œ, ø, đ, ł, þ — se manejan mediante un pequeño mapa explícito (ß → ss, æ → ae, etc.).

Romanización del Cirílico y el Griego

El modo ASCII incluye tablas de transliteración compactas y mantenidas a mano para los alfabetos cirílico y griego, así que Привет мир se convierte en privet-mir y Λάμδα se convierte en lamda. La tabla cirílica usa el esquema común de romanización del ruso. Los ideogramas CJK y la escritura árabe no se transliteran intencionalmente en modo ASCII — la conversión completa a pinyin/romaji requiere diccionarios grandes y produce salida ambigua — así que para esas escrituras, el modo Unicode (que preserva los caracteres) es la opción recomendada.

Hoja de Referencia de Transliteración

La tabla de abajo muestra cómo se comportan caracteres representativos en cada modo. El modo ASCII apunta a un slug portable a–z, 0–9; el modo Unicode conserva cualquier letra o dígito.

Entrada	Modo ASCII	Modo Unicode
é è ê ë	e	é è ê ë (conservado)
ü ö ä	u o a	conservado
ñ	n	ñ (conservado)
ç	c	ç (conservado)
ß	ss	ß (conservado)
æ / œ / ø	ae / oe / o	conservado
Привет	privet	привет
Λάμδα	lamda	λάμδα
你好 世界	(descartado)	你好-世界
&	and	and
🚀 (emoji)	(descartado)	(descartado)

Colapso y Recorte de Separadores

Tras la transliteración, cada secuencia de caracteres que no es una letra ni un dígito se reemplaza por un solo separador. Esto significa que la puntuación doble y triple nunca puede producir separadores dobles: "a---b__c" se convierte en a-b-c. Los separadores iniciales y finales se recortan, así que un título que empieza o termina con puntuación nunca produce un slug con un guion colgante. El ampersand se expande a "and" antes de este paso para que la palabra se preserve.

Truncado en Límite de Palabra

Cuando fijas una longitud máxima, el slug se corta a esa longitud y luego, si el corte cayó en mitad de una palabra, se retrocede hasta el separador anterior para que nunca obtengas media palabra al final. Un separador final dejado por el corte se elimina. Siempre se conserva al menos una palabra, aunque la primera palabra sea más larga que el límite. Pon el límite en 0 para desactivar el truncado por completo.

Sensibilidad a Mayúsculas y Minúsculas

Las URL son sensibles a mayúsculas por especificación — /About y /about son direcciones diferentes para un motor de búsqueda — así que la herramienta pone en minúscula por defecto para evitar que el mismo contenido sea accesible en varias URL (un riesgo de contenido duplicado). En modo Unicode, las minúsculas se aplican a las escrituras que tienen caja (latina, cirílica, griega) y no hacen nada en las que no la tienen (CJK). Desactiva la opción Minúsculas cuando un sistema posterior requiera preservar las mayúsculas originales.

Buenas Prácticas para Slugs de URL

Mantén los Slugs Cortos y Centrados en Keywords

Apunta a aproximadamente 3–6 palabras significativas, idealmente por debajo de unos 60 caracteres. Un slug corto es más fácil de leer, menos propenso a quedar truncado en los resultados de búsqueda y más limpio al compartir. Incluye la keyword objetivo de la página y elimina el relleno — las stop-words como a, the, of y for casi siempre pueden quitarse sin perder claridad.

Usa Guiones, No Guiones Bajos ni Espacios

Google trata los guiones como separadores de palabras y los guiones bajos como uniones de palabras, así que los guiones dan a cada palabra su propia señal de keyword. Los espacios tienen que codificarse con porcentaje como %20, lo que afea las URL. Los guiones son la convención universal de los CMS — esta herramienta los usa por defecto por una buena razón.

Nunca Cambies un Slug Publicado

Un slug es una dirección permanente. Cambiarlo tras publicar rompe cada enlace entrante existente, marcador y compartido en redes sociales, y reinicia el valor SEO acumulado de la página a menos que configures una redirección 301. Decide el slug antes de publicar, y si debes cambiarlo más tarde, añade siempre una redirección del slug antiguo al nuevo.

Elige ASCII o Unicode Deliberadamente

Para una audiencia amplia o internacional, la transliteración ASCII maximiza la compatibilidad y mantiene las URL limpias al copiarse como texto. Para una audiencia no latina de un solo idioma (un sitio chino, ruso o griego), los slugs Unicode son más legibles para tus lectores reales y están totalmente soportados por los motores de búsqueda modernos. Adapta el modo a quién leerá la URL.

Deja las Fechas Fuera del Slug

No incrustes un año o una fecha en el slug (/2024-buyers-guide). Cuando actualices el contenido más tarde, te quedas atascado con una fecha obsoleta en la URL o con un cambio de slug que rompe enlaces. Guarda la fecha de publicación en los metadatos de tu CMS en su lugar, y mantén el slug atemporal para que la misma URL pueda llevar contenido actualizado durante años.

Preguntas Frecuentes