Как написать хороший URL-слаг (и сгенерировать его за секунды)

Слаг — последний кусочек URL, часть после финального слэша: в belun.app/convert/url-slug-generator слаг это url-slug-generator. Выглядит мелочью. Это не так. Неаккуратный слаг просачивается в выдачу, в отправленные ссылки и в отчёты аналитики, а после индексации страницы исправить его без поломки всех ведущих на неё ссылок уже нельзя. Лучше сделать правильно с первого раза. Генератор URL-слагов берёт на себя механическую часть; здесь — про здравый смысл.

Как выглядит чистый слаг

Разберём хороший слаг на составляющие — он подчиняется нескольким простым правилам:

Только нижний регистр. /About-Us и /about-us на чувствительных к регистру серверах могут вести на разные страницы, а это лишняя головная боль.
Слова через дефис, а не через пробел. Обычный пробел превращается в URL в %20 — некрасиво в адресной строке и ещё хуже в письме.
Буквы и цифры, больше ничего. Кавычки, амперсанды и эмодзи после кодирования превращаются в мусор.
Коротко. Три-шесть слов, называющих страницу. Уберите «и», «в», «для» — они добавляют длину и ничего больше.

Так 10 лучших кофеен Санкт-Петербурга! сворачивается в 10-luchshih-kofeen-sankt-peterburga. Короче, читаемо и переживает вставку в окно чата без потерь.

История с дефисом и подчёркиванием

Здесь есть однозначный ответ, и он идёт напрямую от Google. Дефис читается как разделитель слов, подчёркивание — как их склейка. Поэтому blue-widget индексируется как «blue» и «widget» — два слова, которые может ввести пользователь, — а blue_widget считается единым токеном «blue_widget», который никто не ищет.

Мэтт Каттс подтвердил это со стороны Google много лет назад, и с тех пор ничего не поменялось. Для всего, что видит публика, используйте дефисы. Подчёркивание оставьте местам, где оно действительно нужно: некоторым файловым системам, отдельным столбцам базы данных, идентификаторам в коде, где дефис прочитался бы как минус.

Диакритика, кириллица и другие письменности

Вот где спотыкается множество самописных генераторов слагов. Введите заголовок с café, piñata или Straße — и наивный скрипт либо оставит символ с диакритикой (и тот закодируется в абракадабру), либо выбросит его и исковеркает слово.

Генератор решает это двумя способами. Латинские буквы с диакритикой сводятся к базовой форме: é становится e, ñ — n. Кириллица транслитерируется в латиницу, поэтому Привет мир выходит как privet-mir, а не как нечитаемая строка %D0%9F.... Всё, у чего нет разумного латинского аналога, заменяется разделителем, а повторы схлопываются — так что слаг не закончится тремя дефисами подряд.

Не переписывайте слаг после публикации

Одно предупреждение, которое не раз меня выручало. Как только URL опубликован и проиндексирован, смена слага обнуляет заработанные позиции и отдаёт 404 по всем существующим ссылкам, если не настроить редирект. Определитесь со слагом до публикации. А если менять всё-таки необходимо — поставьте 301-редирект со старого адреса на новый, чтобы поисковики и закладки последовали за ним.

Вставьте заголовок в Генератор URL-слагов — чистый слаг появится раньше, чем вы дочитаете это предложение. Без регистрации, без загрузки, всё в браузере.