O que é um slug
Um slug é a parte de um endereço da web que identifica uma página com palavras. Em exemplo.com.br/blog/receita-de-creme-brulee, o slug é receita-de-creme-brulee. Sistemas de conteúdo como WordPress, Shopify e a maioria dos geradores de sites estáticos criam os slugs a partir dos títulos das páginas. A Shopify chama esses slugs de handles.
Um bom slug é fácil de ler, fácil de digitar e seguro em qualquer navegador. Isso significa letras minúsculas, dígitos e um único separador entre as palavras. Nada de espaços, pontuação ou acentos, que viram códigos longos como %C3%A7%C3%A3 quando o link é copiado. Em português isso é ainda mais importante, porque quase todo título tem algum acento ou cedilha.
Esta ferramenta faz essa conversão para uma lista inteira de uma vez, um slug por linha.
Como usar o gerador de slug
- Cole seus títulos em Títulos, um por linha. Cada linha vira um slug, e as linhas em branco continuam em branco, para que o resultado fique alinhado com a sua lista.
- Leia os resultados em Slugs e clique em Copiar.
- Ajuste as opções na parte de baixo conforme o seu site:
- Separador: hífen, sublinhado, ponto ou nenhum.
- Tamanho máximo (0 para sem limite): o slug mais longo que você quer. Slugs longos são cortados na última palavra inteira que couber.
- Minúsculas: ligado por padrão. Desligue para manter as maiúsculas.
- Converter acentos (é para e): troca as letras acentuadas e as letras latinas especiais por letras simples.
- Remover palavras curtas: tira palavras de ligação do inglês, como the, a, to, and, of e for.
A linha abaixo da ferramenta mostra quantos slugs você criou e o tamanho do mais longo.
Exemplos
Estes slugs saíram do gerador para cada título.
| Título | Opção | Slug |
|---|---|---|
| 10 Tips & Tricks for Café Owners | padrão | 10-tips-and-tricks-for-cafe-owners |
| 10 Tips & Tricks for Café Owners | Remover palavras curtas | 10-tips-tricks-cafe-owners |
| Why Your Sourdough Isn’t Rising (and How to Fix It) | padrão | why-your-sourdough-isnt-rising-and-how-to-fix-it |
| Why Your Sourdough Isn’t Rising (and How to Fix It) | Tamanho máximo 20 | why-your-sourdough |
| Straße, Łódź und Ørsted: A Guide | padrão | strasse-lodz-und-orsted-a-guide |
| Straße, Łódź und Ørsted: A Guide | acentos mantidos | straße-łódź-und-ørsted-a-guide |
| The Best Way to Learn a Language | Remover palavras curtas | best-way-learn-language |
| Crème Brûlée Recipe | sublinhado | creme_brulee_recipe |
| Hello World | Minúsculas desligado | Hello-World |
| Hello World | sem separador | helloworld |
| Promoção de Verão: 10 dicas | padrão | promocao-de-verao-10-dicas |
| Promoção de Verão: 10 dicas | acentos mantidos | promoção-de-verão-10-dicas |
| Como fazer pão de queijo em casa | Tamanho máximo 20 | como-fazer-pao-de |
| Guia de São Paulo para iniciantes | Remover palavras curtas | guia-de-sao-paulo-para-iniciantes |
A última linha mostra o limite da opção Remover palavras curtas em português: a lista é do inglês, então “de” e “para” continuam no slug. Para títulos em português, encurte o slug à mão ou use o Tamanho máximo.
Como funciona
Cada linha passa pelos mesmos passos:
- O “e comercial” (&) vira a palavra “and”, e os apóstrofos são removidos, então “Isn’t” vira “isnt”, e não “isn-t”. Em títulos em português, troque o & por “e” antes, se preferir.
- Se a conversão de acentos estiver ligada, letras como ß, æ, ø e ł são escritas por extenso. Depois, a normalização Unicode separa letras como é, ã e ç em uma letra básica mais um sinal, e o sinal é descartado.
- O texto é passado para minúsculas, se essa opção estiver ligada.
- Cada sequência de letras e dígitos vira uma palavra. Todo o resto, incluindo pontuação e espaços extras, é uma quebra entre palavras.
- As palavras curtas são removidas, se você pediu. Se um título for formado só por palavras curtas, elas são mantidas para o slug não ficar vazio.
- As palavras são unidas com o seu separador e cortadas no tamanho máximo, no limite de uma palavra.
Tudo acontece no seu navegador.
Dicas para bons slugs
- Mantenha os slugs curtos. De três a seis palavras com significado costumam bastar. Use Tamanho máximo ou edite à mão para encurtar títulos longos.
- Não inclua datas, a não ser que a data seja o assunto da página. Um slug sem o ano pode ser atualizado depois sem precisar de redirecionamento.
- Escolha um estilo e mantenha. Misturar hifens e sublinhados no mesmo site fica bagunçado e torna os links mais difíceis de adivinhar.
- Mude slugs com cuidado. Depois que uma página está no ar e recebeu links, um slug novo quebra os links antigos, a não ser que você configure um redirecionamento do endereço antigo.
- Procure duplicados. Dois posts com o mesmo título vão ter o mesmo slug. A maioria dos sistemas acrescenta
-2no final, mas é melhor deixar os títulos diferentes.
Outras formas de criar um slug
Em JavaScript, uma versão rápida para texto simples sem acentos é:
'Hello World'.toLowerCase().replace(/[^a-z0-9]+/g, '-').replace(/^-|-$/g, '')Ela devolve hello-world. Ela não lida com acentos, então Café perderia a última letra, e “Promoção” viraria “promo-o”. O Python tem o pacote python-slugify, e a maioria dos frameworks inclui uma função de slug, como Str::slug no Laravel e slugify no Django.
Em uma planilha, dá para encadear MINÚSCULA e SUBSTITUIR, mas cada acento e cada sinal de pontuação precisa do seu próprio SUBSTITUIR, então colar a lista aqui é mais rápido.
Ferramentas relacionadas
Para nomes de variáveis em vez de endereços da web, use o conversor kebab-case. Para codificar um texto que precisa ficar exatamente como foi digitado dentro de um link, use a ferramenta de codificar e decodificar URL. Para acrescentar rastreamento de campanha ao link pronto, use o gerador de UTM.