Gerador de slug para URL

O que faz um bom slug

O slug é a parte legível de uma URL que identifica uma página: em example.com/blog/how-to-store-coffee-beans, o slug é how-to-store-coffee-beans. Sistemas de conteúdo como WordPress, Ghost, Shopify e a maioria dos geradores de sites estáticos o criam a partir do título da página, e um bom slug merece um minuto de atenção, porque costuma ficar para sempre com a página.

Qualidades a buscar:

• Legível. Quem vê o link num chat ou num resultado de busca deve saber do que a página trata.
• Curto. De três a seis palavras significativas é mais que suficiente. how-to-store-coffee-beans funciona melhor que how-to-store-your-coffee-beans-so-they-stay-fresh-for-longer-2024-guide.
• ASCII puro. Letras a–z, dígitos e hifens sobrevivem a qualquer sistema, cliente de e-mail e copiar e colar sem virar %D0%BA%D0%BE….
• Estável. Mudar o slug depois de publicar quebra links e favoritos, a menos que você crie um redirecionamento, então evite datas ou números que vão ficar velhos, como best-laptops-2024, a não ser que a página seja mesmo sobre aquele ano.

O que o gerador faz com o seu texto

A conversão segue uma ordem fixa, que explica cada resultado que você vê:

1. Se Minúsculas estiver ativado, o texto inteiro vai para minúsculas.
2. Letras cirílicas são transliteradas para o alfabeto latino: ж → zh, ц → ts, щ → shch, я → ya. As letras ucranianas є, і, ї e ґ estão incluídas, e os sinais brando e duro são descartados.
3. Algumas letras sem uma forma simples sem acento são substituídas: ß → ss, æ → ae, œ → oe, ø → o, ł → l, đ → d, þ → th. O "e" comercial vira a palavra and.
4. Acentos e outros diacríticos são removidos decompondo cada letra e descartando as marcas, então é → e, ñ → n, ş → s e o vietnamita ệ → e.
5. Toda sequência de caracteres que não seja letra ou dígito, incluindo espaços, pontuação, aspas e emojis, vira um único separador.
6. Separadores no início e no fim são removidos.

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

Letras de alfabetos que não são transliterados, como caracteres gregos, árabes ou chineses, ficam como estão. Elas são válidas em URLs modernas, mas aparecem codificadas com porcentagem em muitos lugares, então, para essas línguas, considere escrever o slug à mão em letras latinas.

Hifens ou sublinhados

Para páginas web, use hifens. Os buscadores leem o hífen como separação de palavras, então coffee-beans é entendido como duas palavras. O sublinhado historicamente foi tratado como caractere de junção, por isso coffee_beans pode ser lido como um único termo. Os hifens também são mais fáceis de ver num link sublinhado, onde o sublinhado some dentro da linha.

O sublinhado é a melhor escolha fora da web: nomes de arquivo (quarterly_report_q3.pdf), colunas de banco de dados, nomes de variáveis de ambiente e identificadores em linguagens que não permitem hifens. Para converter texto entre convenções de nomes como camelCase, snake_case ou CONSTANT_CASE, use o conversor de maiúsculas e minúsculas.

Desative Minúsculas só quando o sistema de destino diferenciar maiúsculas de minúsculas e você quiser manter as maiúsculas, como numa wiki que usa links no estilo Page_Title. As URLs na maioria dos servidores web diferenciam maiúsculas de minúsculas, então misturá-las é pedir páginas duplicadas e links quebrados.

Editando o resultado à mão

O gerador é mecânico, e um slug geralmente fica melhor depois de uma edição rápida:

• Corte palavras de enchimento. Palavras como a, the, and, of, to aumentam o tamanho sem acrescentar sentido. the-ultimate-guide-to-the-best-coffee fica ótimo como coffee-guide.
• Cuidado com apóstrofos. O apóstrofo é pontuação, então don't panic vira don-t-panic. Remover o apóstrofo do título antes dá dont-panic.
• Confira a transliteração de nomes. O cirílico é transliterado com um único esquema fixo. Uma pessoa ou marca pode ter uma grafia latina já estabelecida, como a do passaporte, diferente da automática.
• Mantenha-o único. Dois posts com o título "Update" geram o mesmo slug. A maioria dos CMSs acrescenta -2 automaticamente; se o seu não fizer isso, acrescente uma palavra que os diferencie.

Tudo acontece no seu navegador enquanto você digita. Se você precisa do slug como parte de um parâmetro de consulta, e não de um caminho, codifique o valor completo com o codificador de URL.