Generador de slug para URL

Qué hace que un slug sea bueno

Un slug es la parte legible de una URL que identifica una página: en example.com/blog/how-to-store-coffee-beans, el slug es how-to-store-coffee-beans. Sistemas de contenidos como WordPress, Ghost, Shopify y la mayoría de generadores de sitios estáticos lo crean a partir del título de la página, y merece un minuto de atención porque suele acompañar a la página durante toda su vida.

Cualidades a las que aspirar:

• Legible. Quien vea el enlace en un chat o en un resultado de búsqueda debería saber de qué trata la página.
• Corto. De tres a seis palabras con sentido son más que suficientes. how-to-store-coffee-beans funciona mejor que how-to-store-your-coffee-beans-so-they-stay-fresh-for-longer-2024-guide.
• ASCII simple. Las letras a–z, los dígitos y los guiones sobreviven a cualquier sistema, cliente de correo o copiar y pegar sin convertirse en %D0%BA%D0%BE….
• Estable. Cambiar un slug después de publicar rompe enlaces y marcadores a menos que añadas una redirección, así que evita fechas o números que vayan a quedarse viejos, como best-laptops-2024, salvo que la página trate de verdad sobre ese año.

Qué hace el generador con tu texto

La conversión sigue un orden fijo, que explica cada resultado que ves:

1. Si Minúsculas está activado, todo el texto se pasa a minúsculas.
2. Las letras cirílicas se transliteran al alfabeto latino: ж → zh, ц → ts, щ → shch, я → ya. Se incluyen las ucranianas є, і, ї y ґ, y los signos blando y duro se eliminan.
3. Algunas letras sin una forma sencilla sin acento se sustituyen: ß → ss, æ → ae, œ → oe, ø → o, ł → l, đ → d, þ → th. El ampersand se convierte en la palabra and.
4. Los acentos y demás diacríticos se eliminan descomponiendo cada letra y quitando las marcas, así que é → e, ñ → n, ş → s y la vietnamita ệ → e.
5. Cada secuencia de caracteres que no sean letras ni dígitos, incluidos espacios, signos de puntuación, comillas y emojis, se reduce a un único separador.
6. Se eliminan los separadores del principio y del final.

Así, Crème Brûlée & Coffee: A 5-Minute Guide! se convierte en creme-brulee-and-coffee-a-5-minute-guide, y Харків — Львів en kharkiv-lviv.

Las letras de alfabetos que no se transliteran, como el griego, el árabe o los caracteres chinos, se mantienen tal cual. Son válidas en las URL modernas, pero en muchos sitios aparecerán codificadas con porcentajes, así que para esos idiomas plantéate escribir el slug a mano con letras latinas.

Guiones o guiones bajos

Para páginas web, usa guiones. Los buscadores interpretan un guion como separación entre palabras, así que coffee-beans se entiende como dos palabras. Los guiones bajos se han tratado históricamente como caracteres de unión, y por eso coffee_beans puede leerse como un solo término. Además, los guiones se ven mejor en un enlace subrayado, donde un guion bajo desaparece bajo el subrayado.

Los guiones bajos son mejor opción fuera de la web: nombres de archivo (quarterly_report_q3.pdf), columnas de bases de datos, nombres de variables de entorno e identificadores en lenguajes que no admiten guiones. Para convertir texto entre convenciones de nombres como camelCase, snake_case o CONSTANT_CASE, usa el conversor de mayúsculas y minúsculas.

Desactiva Minúsculas solo cuando el sistema de destino distinga mayúsculas y quieras conservarlas, como una wiki que usa enlaces del estilo Page_Title. En la mayoría de servidores web las URL distinguen mayúsculas y minúsculas, así que mezclarlas invita a páginas duplicadas y enlaces rotos.

Retocar el resultado a mano

El generador es mecánico, y un slug suele leerse mejor tras un retoque rápido:

• Quita las palabras de relleno. Palabras como a, the, and, of, to alargan sin aportar significado. the-ultimate-guide-to-the-best-coffee queda perfectamente como coffee-guide.
• Cuidado con los apóstrofos. Un apóstrofo es un signo de puntuación, así que don't panic se convierte en don-t-panic. Si quitas antes el apóstrofo del título, obtienes dont-panic.
• Revisa la transliteración de los nombres. El cirílico se translitera con un único esquema fijo. Una persona o una marca puede tener una grafía latina ya establecida, como la del pasaporte, distinta de la automática.
• Que sea único. Dos entradas tituladas «Actualización» generan el mismo slug. La mayoría de CMS añaden -2 automáticamente; si el tuyo no lo hace, añade una palabra que las distinga.

Todo ocurre en tu navegador mientras escribes. Si necesitas el slug como parte de un parámetro de consulta y no de una ruta, codifica el valor completo con el codificador de URL.