Редактор Gutenberg встречает блогера полусотней блоков, и первая реакция почти у всех одинаковая: половина из них явно лишняя, а где нужные — непонятно. Хорошая новость в том, что для обычной статьи хватает восьми блоков, и выучить их можно за один вечер. Всё остальное — для лендингов, портфолио и магазинов, и блогу оно только мешает. Разберём эти восемь, покажем, как собрать из них постоянный шаблон записи, и объясним, почему увлечение блоками вредит тексту больше, чем помогает.
Восемь блоков на каждый день
Абзац — основа всего, и с ним связана первая привычка, которую стоит завести: не оформлять заголовки жирным текстом в абзаце, а использовать блок заголовка. Разница не косметическая: заголовок попадает в оглавление, в структуру страницы и в то, как поиск понимает иерархию текста, а жирный абзац остаётся просто жирным абзацем. Блок заголовка в редакторе Gutenberg умеет уровни от h2 до h6; h1 в теле статьи ставить не надо — он уже занят названием записи.
Дальше идут список, изображение, цитата и разделитель. Список — единственный способ дать читателю передышку в длинном тексте; изображение с подписью работает лучше изображения без подписи, потому что подпись читают даже те, кто просматривает статью по диагонали. Цитата вытаскивает главную мысль из середины текста и удерживает взгляд. Разделитель делит статью на смысловые части там, где заголовок был бы избыточен. Замыкают восьмёрку блок кода — если вы пишете о технике, — и блок «Врезка», в который удобно прятать примечания и оговорки.
- Абзац — весь основной текст, без ручного жирного выделения заголовков.
- Заголовок — уровни h2 и h3, ровно по структуре материала.
- Список — маркированный для перечислений, нумерованный для шагов.
- Изображение — всегда с заполненным alt и, по возможности, с подписью.
- Цитата — одна-две на статью, для главной мысли.
- Разделитель — между крупными частями длинного текста.
- Таблица — для сравнений, но с оглядкой на телефон.
- Кнопка — только там, где действительно нужно действие.
Переиспользуемый блок и шаблон записи
Как только у статей появляется постоянная структура, начинается ручная работа: каждый раз собирать одни и те же части. Редактор Gutenberg решает это двумя способами. Первый — переиспользуемый блок: вы собираете кусок один раз (например, врезку с подпиской или блок «читайте также»), сохраняете его и вставляете в любую статью одной командой. Важная особенность: если такой блок изменить, он изменится во всех статьях сразу. Для подписной врезки это благо, для текста конкретной статьи — ловушка, поэтому уникальные части в переиспользуемые блоки не прячут.
Второй способ — шаблон записи. Современные темы позволяют задать заготовку, которая открывается при создании новой статьи: лид, три заголовка, место под картинку, блок с выводом. Это экономит не столько время, сколько силу воли: пустой экран пугает, а экран с намеченной структурой зовёт её заполнить. Если тема шаблонов не поддерживает, тот же эффект даёт черновик-болванка, который вы каждый раз копируете.
Чего в статье быть не должно
Колонки — главный источник бед. На мониторе они выглядят нарядно, на телефоне превращаются в узкие полоски или схлопываются в непредсказуемом порядке, а читателей с телефонов у блога большинство. Если очень хочется двух колонок, проверьте результат на реальном телефоне, а не в предпросмотре редактора. Второй источник — блок обложки с текстом поверх изображения: текст на картинке не копируется, плохо читается при ярком свете и не всегда доступен программам чтения с экрана.
Третий — встроенные виджеты соцсетей. Каждый такой блок тянет на страницу чужие скрипты, замедляет загрузку и зачастую перестаёт работать через год, оставляя в статье пустую дыру. Если нужно сослаться на пост, надёжнее дать обычную ссылку и пересказать суть своими словами: она не сломается и не будет грузить полтора мегабайта ради трёх строк чужого текста.
Блок нужен тогда, когда без него текст хуже понимается. Во всех остальных случаях достаточно абзаца.
Порядок, с которого стоит начать
- Выучите восемь базовых блоков и перестаньте открывать общий список.
- Соберите переиспользуемый блок для подписной врезки и блока «читайте также».
- Заведите шаблон записи или черновик-болванку со своей структурой.
- Проверьте три последние статьи на телефоне — особенно там, где есть колонки и таблицы.
- Один раз пройдитесь по старым статьям и замените жирные псевдозаголовки настоящими.
Пара слов о том, зачем всё это нужно помимо красоты. Правильные блоки — это ещё и разметка, которую читает поиск. Блок заголовка отдаёт настоящий тег заголовка, блок списка — настоящий список, блок изображения — тег картинки с атрибутом alt, блок цитаты — цитату. Текст, собранный из абзацев с ручным оформлением, внешне выглядит так же, но для машины остаётся однородной кашей: в нём нет структуры, по которой можно понять, где главная мысль, а где перечисление. Именно поэтому статья, аккуратно собранная восемью базовыми блоками, чаще попадает в блоки быстрых ответов и лучше выглядит в пересказе поисковых систем — и это, пожалуй, самый практичный довод в пользу того, чтобы перестать выделять подзаголовки жирным.
Редактор Gutenberg хорош ровно в той мере, в какой он остаётся невидимым. Если после публикации вы помните, как собирали блоки, а не что написали, — блоков было слишком много. Хорошая статья в блоге на девять десятых состоит из абзацев, заголовков и списков, и это не бедность инструментария, а признак того, что инструмент не отвлекает от работы.
Вопрос — ответ
Сколько блоков Gutenberg нужно блогу для обычной статьи?
Для обычной статьи хватает восьми блоков, и выучить их можно за один вечер. Всё остальное — для лендингов, портфолио и магазинов, и блогу оно только мешает.
Почему заголовки лучше делать блоком заголовка, а не жирным текстом?
Блок заголовка попадает в оглавление, в структуру страницы и в то, как поиск понимает иерархию текста, а жирный абзац остаётся просто жирным абзацем. H1 в теле статьи ставить не надо.
Какие блоки и приёмы не стоит использовать в статье блога?
Колонки — главный источник бед на телефонах, обложка с текстом поверх изображения и встроенные виджеты соцсетей, которые тянут чужие скрипты и со временем перестают работать.
Что такое переиспользуемый блок и шаблон записи?
Переиспользуемый блок — кусок, который собирают один раз и вставляют в любую статью одной командой. Шаблон записи — заготовка, которая открывается при создании новой статьи. Уникальные части в переиспользуемые блоки не прячут.
С чего начать переход на блоки редактора?
Выучите восемь базовых блоков и соберите переиспользуемый блок для подписной врезки. Заведите шаблон записи, проверьте три последние статьи на телефоне и замените жирные псевдозаголовки настоящими.
