Генератор slug: чистый URL из заголовка с транслитерацией

Параметры

Генератор slug: чистый URL-слаг из любого заголовка

Slug — это часть веб-адреса, которая называет страницу: в https://example.com/blog/how-to-make-coffee slug — это how-to-make-coffee. Инструмент превращает заголовок в такой slug: слова в нижнем регистре, соединённые дефисом, без диакритики, знаков и пробелов. Вставьте один заголовок или целый список, и slug появятся сразу. Всё происходит в вашем браузере, поэтому заголовки никуда не отправляются.

Как пользоваться

1. Напишите заголовок в левом поле. Для многих страниц пишите по одному заголовку в строке.
2. Slug появляются справа. Под полями виден весь адрес, если вы введёте в поле начало своего адреса.
3. При необходимости измените параметры, затем нажмите «Копировать slug» или «Копировать адреса целиком», чтобы взять весь список с адресом спереди.

Что делает инструмент

• Очищает заголовок: приводит его к нижнему регистру, убирает знаки и соединяет слова дефисом (или подчёркиванием, или точкой). Апостроф удаляется без пробела, так что «don't» превращается в «dont», а «John's» — в «johns».
• Записывает кириллицу и буквы с диакритикой латиницей. Русский и украинский определяются по буквам, и у каждого свои правила (украинская Г — это «h», И — «y», русская Г — «g»). У букв с диакритикой она исчезает (é — это e, ø — o, ß — ss). Опция для немецкого записывает ä, ö, ü как ae, oe, ue.
• Пропускает числа, мелкие английские слова (the, and, of, to...) и любые другие слова из вашего списка.
• Ограничивает длину. Slug обрезается по концу слова, никогда не посередине, и страница сообщает, что он был обрезан.
• Делает список slug и следит, чтобы они были разными: если два заголовка дают одинаковый slug, у второго появляется «-2», у третьего «-3».

Примеры с параметрами по умолчанию:

Что делает slug хорошим

• Нижний регистр и дефис между словами. Поисковые системы читают дефис как пробел между словами. Google рекомендует дефисы, а не подчёркивания в адресах. Некоторые серверы считают Page и page двумя разными адресами, поэтому нижний регистр — безопасный выбор.
• Коротко и понятно. Slug должен в нескольких словах говорить, о чём страница. Строгого лимита нет, но короткий адрес легче читать, произносить и пересылать, и он не обрезается в сообщении или в результатах поиска.
• Мелкие слова — на ваш выбор. Слова вроде «the» или «of» не нужны поисковой системе, чтобы понять страницу, а без них адрес короче. Не пропускайте их, если от этого меняется смысл.
• Никаких дат и чисел, которые изменятся, если страница не о них: «top-10-tips» устареет, когда вы добавите одиннадцатый.
• Не меняйте slug опубликованной страницы без редиректа (301) со старого адреса, иначе вы потеряете визиты и ссылки на страницу.

Slug с кириллицей, китайскими и другими буквами

В slug могут быть буквы любого алфавита, и браузеры показывают их как есть. Но когда такой адрес копируют, он превращается в %D0%BF%D1%80..., что длинно и плохо читается в сообщении, письме или логе. Поэтому многие сайты пишут кириллические заголовки латиницей. Для русского и украинского инструмент делает это по обычным правилам. Для китайского, арабского и алфавитов без готовой таблицы буквы остаются (опция «Оставлять буквы, которые нельзя записать латиницей» включена), а страница показывает, как slug будет выглядеть в адресе. Чтобы закодировать или раскодировать адрес самостоятельно, воспользуйтесь кодированием и декодированием URL.

WordPress, статические сайты и код

• WordPress делает slug записи из её заголовка (функция sanitize_title): убирает диакритику и знаки, но оставляет кириллицу. Slug можно изменить в редакторе в поле «Слаг» (в настройках записи, в части про адрес), а в «Настройки — Постоянные ссылки» выберите, чтобы в адресе было название записи. Вставьте slug с этой страницы в это поле.
• Генераторы статических сайтов используют имя файла или поле страницы; например, в Hugo есть поле slug в front matter.
• JavaScript (для латинского текста с диакритикой):

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!") даёт hello-world.
• Python: from django.utils.text import slugify и slugify("Hello, World!") дают hello-world; пакет python-slugify делает то же с from slugify import slugify.

Похожие инструменты

Чтобы разобрать адрес на части, воспользуйтесь разбором URL, а чтобы добавить к ссылкам метки кампании, — генератором UTM-ссылок (для списка — массовым UTM-конструктором). О доменах с национальными буквами читайте в описании конвертера IDN Punycode. Для проверки длины заголовка воспользуйтесь счётчиком знаков, а для сортировки списка slug или удаления повторяющихся строк — сортировкой и перемешиванием строк.

Ограничения

• Запись латиницей следует обычным правилам русского и украинского языков, но это не официальная транслитерация для документов. Другие алфавиты не меняются, кроме букв с диакритикой.
• Список мелких слов только английский. Слова другого языка можно добавить в поле «Пропускать также эти слова».
• Инструмент не проверяет, не используется ли slug на вашем сайте. Он лишь делает разными повторяющиеся slug одного списка.
• Заголовки не сохраняются. В этом браузере остаётся только выбор параметров.