Gerador de slug: crie um slug de URL limpo a partir de um título

Opções

Gerador de slug: crie um slug de URL limpo a partir de qualquer título

Um slug é a parte de um endereço da web que dá nome a uma página: em https://example.com/blog/how-to-make-coffee o slug é how-to-make-coffee. Esta ferramenta transforma um título em um slug assim: palavras em minúsculas, unidas por hífen, sem acentos, sem sinais e sem espaços. Cole um título ou uma lista inteira e receba os slugs na hora. Tudo acontece no seu navegador, então os títulos não são enviados a lugar nenhum.

Como usar

1. Escreva o título na caixa da esquerda. Para muitas páginas, escreva um título em cada linha.
2. Os slugs aparecem à direita. Abaixo das caixas você vê o endereço inteiro, se escrever o início do seu endereço no campo.
3. Mude as opções se precisar e depois clique em "Copiar os slugs", ou em "Copiar os endereços completos" para levar a lista inteira com o endereço na frente.

O que a ferramenta faz

• Limpa o título: converte para minúsculas, tira os sinais e une as palavras com um hífen (ou um sublinhado, ou um ponto). O apóstrofo é removido sem deixar espaço, então "don't" vira "dont" e "John's" vira "johns".
• Escreve cirílico e letras acentuadas em latino. Russo e ucraniano são reconhecidos pelas letras, e cada um segue as próprias regras (o Г ucraniano é "h" e o И é "y", o Г russo é "g"). Letras com acentos os perdem (é vira e, ø vira o, ß vira ss). A opção para o alemão escreve ä, ö, ü como ae, oe, ue.
• Deixa de fora os números, as palavrinhas do inglês (the, and, of, to...) e quaisquer outras palavras que você listar.
• Limita o tamanho. O slug é cortado no fim de uma palavra, nunca no meio, e a página avisa que ele foi cortado.
• Gera uma lista de slugs e os mantém diferentes: se dois títulos dão o mesmo slug, o segundo recebe "-2", o terceiro "-3".

Exemplos com as opções padrão:

O que faz um bom slug

• Minúsculas e um hífen entre as palavras. Os buscadores leem o hífen como um espaço entre palavras. O Google recomenda hifens, e não sublinhados, em endereços. Alguns servidores tratam Page e page como dois endereços diferentes, então minúsculas é a escolha segura.
• Curto e claro. O slug deve dizer em poucas palavras do que a página trata. Não há limite rígido, mas um endereço curto é mais fácil de ler, de falar e de compartilhar, e não é cortado em uma mensagem ou em um resultado de busca.
• As palavrinhas são escolha sua. Palavras como "the" ou "of" não são necessárias para um buscador entender a página, e deixá-las de fora encurta o endereço. Não as retire se o sentido mudar.
• Nada de datas nem números que vão mudar, a não ser que a página trate deles: "top-10-tips" ficará velho quando você acrescentar a décima primeira.
• Não mude o slug de uma página publicada sem um redirecionamento (301) do endereço antigo, ou você perde as visitas e os links para a página.

Slugs com cirílico, chinês ou outras letras

Um slug pode ter letras de qualquer alfabeto, e os navegadores as mostram como são. Mas quando você copia um endereço assim, ele vira %D0%BF%D1%80..., que é longo e difícil de ler em uma mensagem, em um e-mail ou em um log. Por isso muitos sites escrevem títulos em cirílico com letras latinas. Para russo e ucraniano a ferramenta faz isso pelas regras usuais. Para chinês, árabe e os alfabetos sem uma tabela pronta, as letras ficam (a opção "Manter as letras que não podem ser escritas em latino" está ligada), e a página mostra como o slug ficará em um endereço. Para codificar ou decodificar um endereço por conta própria use o decodificador e codificador de URL.

WordPress, sites estáticos e código

• O WordPress cria o slug de um post a partir do título (a função sanitize_title): remove os acentos e os sinais, mas mantém as letras cirílicas. O slug pode ser alterado no editor, no campo "Slug" (nas configurações do post, na parte do endereço), e em Configurações, Links permanentes, você escolhe que o endereço tenha o nome do post. Cole o slug desta página nesse campo.
• Geradores de sites estáticos usam um nome de arquivo ou um campo da página; por exemplo, o Hugo tem um campo slug no front matter.
• JavaScript (para texto latino com acentos):

const slug = (text) => text.normalize("NFD").replace(/[̀-ͯ]/g, "")
    .toLowerCase().replace(/[^a-z0-9]+/g, "-").replace(/^-+|-+$/g, "");

slug("Hello, World!");   // "hello-world"

• PHP (Laravel): Str::slug("Hello, World!") dá hello-world.
• Python: from django.utils.text import slugify e slugify("Hello, World!") dão hello-world; o pacote python-slugify faz o mesmo com from slugify import slugify.

Ferramentas relacionadas

Para ver as partes de um endereço use o analisador de URL e, para adicionar tags de campanha a links, o gerador de links UTM (ou o construtor de UTM em massa para uma lista). Para domínios com letras nacionais veja o conversor de IDN Punycode. Para conferir o tamanho de um título use o contador de caracteres e, para ordenar uma lista de slugs ou remover as linhas repetidas, a ferramenta ordenar e embaralhar linhas.

Limitações

• A escrita em latino segue as regras usuais das línguas russa e ucraniana, mas não é uma transliteração oficial para documentos. Outros alfabetos não são alterados, exceto as letras com acentos.
• A lista de palavrinhas é só em inglês. Você pode acrescentar as palavras de outro idioma no campo "Deixar de fora também estas palavras".
• A ferramenta não verifica se um slug já está em uso no seu site. Ela só diferencia os slugs repetidos de uma mesma lista.
• Seus títulos não são salvos. Só a escolha das opções fica neste navegador.