Выбор названий для статей на сайте
Вступление
Для начала сто́ит определиться с ответами на вопросы:
- Сайт под SEO всерьёз или нет?
- Насколько создатель контента готов заморачиваться (заморачиваться или максимально упрощать).
- Каким способом будут создаваться статьи: вручную на чистом коде или файлы генерируются автоматически в CMS?
По ответам можно подобрать для каждого случая подходящую стратегию.
Для разработчика может быть лучше выбрать одну стратегию, которая даёт более качественный результат, и использовать её постоянно, чем под каждый проект подбирать стратегии и привыкать к ним.
Да и в общем лучше делать хорошо, плохо оно и само получится.
Выбор заголовка H1
Пожалуй это первое с чего нужно начинать .
Заголовок должен дать читателю представление о чём статья. Также заголовком можно подогревать интерес, делать его более кликбейтным.
Для SEO заголовок H1 крайне важный фактор и нужно соответствовать рекомендациям поисковиков .
Это должно быть понятное описание о чём статья в 2-6 слов, содержать самые важные ключевые слова статьи. Не сильно длинный, чтобы хорошо смотреться в карточках статьи, тайтле, крошках.
Пример: Топ-10 плагинов VSCode для ускорения вёрстки
. Тут важнейшие ключи — это слова “плагинов VSCode”, они сразу дают точное представление что будет в статье, а также по этим словам обычно и будут искать такую информацию. “Топ-10” здесь служит для привлечения внимания читателя, чтобы ему больше хотелось открыть эту статью, также можно использовать синоним “Лучшие”. Оставшиеся слова “ускорения вёрстки” уточняют содержание статьи, добавляют подходящих ключей, повышают “пользу” в глазах читателя (это ускорит мою вёрстку).
Выбор title
Самый простой и частый вариант — это использовать заголовок Н1, только в конце стоит подставлять название вашего бренда или сайта.
Пример: Топ-10 плагинов VSCode для ускорения вёрстки – Mitorun Studio
. Через разделитель тире –
(исследования показывают что тире может давать лучше результат, чем прямая черта |
или двоеточие :
) добавляется название бренда, оно же входит в домен сайта.
Также если title совпадает с заголовком H1, то поисковики реже будут заменять его на что-то другое.
Выбор description
Дескрипшен должен дополнить информацию о странице и побудить перейти на неё. Он не должен повторять слова из тайтла, а лучше использовать следующие по важности ключи страницы или синонимы и вставлять их в начало описания.
Ещё этот же текст описания можно выводить в самой статье под заголовком H1, а также в карточке статьи.
Пример: Лучшие инструменты для помощи в создании сайтов
Выбор url-адреса страницы
Можно автоматизировать чтобы использовался заголовок/тайтл или придумывать самостоятельно чтобы было красивей и лаконичней. При автоматическом — использовать заголовок/тайтл с фильтром slugify
. Пример: /top-10-plaginov-vscode-dlya-uskoreniya-vyorstki/
При самостоятельном названии думаю хорошо придумывать короткое название на английском. Пример: /top-10-plugins-vscode/
.
- хорошо когда заголовок/тайтл и название ссылки совпадают.
Выбор хлебных крошек (короткий title)
Хлебные крошки: Видимо аналогично выбору для url-ссылки, только на русском языке — или просто брать заголовок или отдельно придумывать короткое название (только для важных сайтов и где статьи редко создаются).
Для этого хорошо внедрить новую переменную titleShort
, это короткое название можно использовать для крошек и для заголовков в карточках статей.
Выбор названия файла со статьёй
Варианты:
- как заголовок (
Топ-10 плагинов VSCode для ускорения вёрстки.md
); - как url-адрес (
top-10-plugins-vscode.md
); - как url-адрес плюс вначале указывается дата, так файлы постов будут отсортированы по времени (
2023-07-09-top-10-plugins-vscode.md
); - по дате (
2023-07-09.md
); - по номеру (
post-1.md
,post-2.md
).
Лучшим выглядит вариант когда в названии файла сначала стоит дата, а далее название которое используется в url-ссылке. Например: 2023-07-09-top-10-plugins-vscode.md
. При этом в сборщике Eleventy можно указать такую настройку для формирования адреса статьи permalink: '/blog/page-naming/'
и дата при этом не попадёт в url: /blog/top-10-plugins-vscode/
.
При таком подходе файлы статей будут отсортированы по дате, мы можем легко находить нужные файлы (визуально или по поиску) по дате и названию, которое будет точно совпадать с url-адресом на сайте.