Что такое верстка статьи
Блог издательства Delibri
Для чего нужна вёрстка
Все издательства говорят, что книгу надо верстать, но не всем авторам понятно — зачем. Разбираемся, почему нельзя документ «Ворд» просто превратить в книгу.
Текст в «Ворде» — это просто текст, набор слов. Его можно распечатать на принтере, но книгой он от этого не станет.
Что такое вёрстка и зачем она нужна
Вёрстка — это оформление текста, иллюстраций, таблиц и других визуальных элементов в связанный формат. Без вёрстки книга будет выглядеть неаккуратно, и это повлияет как на её продажи, так и на имидж издательства.
Читать текст, набранный разными шрифтами или супермелким кеглем, очень тяжело, а некрасивые картинки вызывают негативные эмоции. О такой книге вряд ли расскажешь друзьям, напишешь положительный отзыв или снова возьмёшь её в руки, даже несмотря на великолепное содержимое.
Требования к вёрстке
Чтобы вся работа вышла красивой и аккуратной, нужно соблюдать требования к вёрстке. Они делятся на композиционные, гигиенические и стилистические.
Композиционные — техническая и информационная совместимость. Нужны для того, чтобы все элементы хорошо читались. Например, у всех заголовков должна быть одинаковая высота, они не могут быть меньше основного текста. Переносы не должны висеть, полосы имеют только прямоугольную форму.
Стилистические. Это вопрос гармоничного образа и художественной завершённости — одинаковые или в похожем стиле компоненты, наличие дополнительных, поясняющих сносок, иллюстрации и подписи к ним.
Гигиенические — защита зрения. Применение шрифтов, которые легко читаются, соблюдение интервалов между частями текста, нужная ширина полей. При чтении хорошо сверстанной книги глаза не должны уставать.
Основная терминология
Кегль — размер шрифта.
Авторский лист — единица измерения объема рукописи, 40 000 знаков с пробелами. Опираясь на эту величину, издатель рассчитывает параметры книги и её стоимость. Это примерно 24 печатных страницы 10 кеглем с интервалом 1,5.
Полоса — одна страница в блоке книги. Например, фраза «брошюра блок 48 полос + обложка 4 полосы» будет означать, что в брошюре есть блок, состоящий из 48 страниц (24 листа) и двусторонняя обложка спереди и сзади.
Макет — набор определённых правил, согласно которым текст и остальные элементы будут располагаться на странице.
Колонтитул — повторяющийся на каждой странице документа текст. Обычно содержит заголовок, имя автора, название произведения, части, главы, параграфа и т. д. Колонцифра — номер страницы.
Мастер-страницы — веб-шаблоны, которые содержат общие для всех форм элементы и специальные элементы (хотя бы один).
Что надо знать
Вёрстка бывает разных видов.
По виду издания: акцидентная (афиши, объявления, листовки), газетная и книжно-журнальная. Нас интересует сейчас только последняя.
По конфигурации: ломаная — когда все колонки разные по высоте и всё выглядит ступенчатым (используется в неделовых газетах и журналах). И прямая, когда колонки одинаковые и каждая из них — прямоугольник. Она используется в журналах, учебниках, художественной литературе.
По расположению относительно центра полосы: симметричная, когда части логически уравниваются по смыслу, и асимметричная — тут графически выявляется главный элемент.
По ширине колонок: постоянная, когда колонок одинаковое количество, и переменная, когда оно разное.
По способу размещения объектов:
Самостоятельная вёрстка и программы
Итак, вёрстка в «ворде» — не вёрстка, потому что это текстовый редактор, а не специализированная программа.
Например, при внесении исправлений в документ может слететь значительная часть макета: появятся огромные пробелы, переносы возникнут посреди строки, собьётся нумерация страниц, нарушится последовательность колонтитулов, переедут иллюстрации. Ухудшается качество последних — оно будет терпимое, но не лучшее, не используются цвета, которые необходимы для качественной печати. Часто типографиям приходится доделывать макет, так как красные щёки Снегурочки становятся ядрёно-малиновыми или фиолетовыми.
Сверстать книгу самостоятельно можно в одной из специальных программ.
Как формируется цена
Чтобы сберечь нервы и время, вёрстку всё же стоит доверить профессионалам. На неё у каждого издательства и фрилансера свои расценки. Одни назначают начальную цену за полосу, другие — за авторские листы. Всё зависит от целей, которые преследует клиент, а также от объёма работ и степеней сложности. В среднем это выглядит так:
Первая степень — самая простая и дешёвая, пятая — сложная и дорогая. Также надо учитывать разные мелочи: например, понадобится ли подготовка указателей? Подойдёт ли здесь классическое решение или верстальщику придётся покреативить?
Диапазон цен можно назвать только приблизительный, так как каждый случай индивидуален. Обычно это 20–50 ₽ за страницу. Но за вёрстку страницы альманаха, энциклопедии, подарочного или корпоративного издания могут запросить и все 500 ₽.
Перед вёрсткой
Но определиться с ценой — не самое главное. Рассказываем, что нужно сделать.
Чек-лист «Перед вёрсткой»:
После этого нужно отдать верстальщику исходники текста и статей, описаний и характеристик, графических элементов, иллюстрации и рисунки, схемы и таблицы, чтобы он посмотрел и прикинул макет.
Сначала он сделает предварительные наброски в электронном виде: определит формат издания, ориентировочное количество полос, оформит выбранные виды шрифтов для текста и заголовков. От того, как именно будут размещены текст, заголовки, сноски, таблицы, формулы, иллюстрации зависит качество оформления книги. Перед этим нужно определить её структуру и содержание, затем подготовить и выверить все тексты, подобрать иллюстрации, фотографии и остальные элементы.
Верстальщик построит макет на основе дизайн-концепции, предполагая, что определённые блоки будут повторяться на всех страницах. Тогда верстальщик создаст единый шаблон (или шаблоны), который заполнит текстом или иллюстрациями.
Вёрстка иногда даже важнее разработки дизайн-макета, потому что может оттолкнуть потенциального читателя. В реальный оригинал-макет войдут дизайнерские и художественные разработки, но верстать можно и без дизайнера-разработчика.
Помимо текста верстальщик разместит иллюстрации так, чтобы облегчить восприятие книги как единого целого. Здесь потребуются насмотренность и художественный вкус — нужно не допустить стилистического разнобоя и сделать грамотную цветокоррекцию, чтобы изображения были в одной цветовой гамме и качестве и соблюдались нормы качественной офсетной печати.
Что в итоге
Результат вёрстки — макет книги: электронный образ будущего печатного издания, полностью подготовленного для печати. Как правило, это PDF-файл. Перед типографией макет обязательно вычитывает корректор, проверяя правку, оглавление, подписи под иллюстрациями, правильность переносов, отсутствие висячих строк — техническую грамотность сверстанного макета. Кроме макета книги необходим ещё и макет обложки.
В заключение при верстке книги проводится окончательная вычитка текстов и проверка каждой из полос книги с редактором и корректором, чтобы найти ошибки и недочеты. Когда вёрстка книги закончена и проведена её корректура, файлы готовятся к офсетной печати.
Памятка по базовой верстке статьи для Хабра без использования Markdown-разметки
На Хабре, по меркам старожилов, я совсем недавно, всего два года, но пишу активно, по возможности каждый день. Так вот, читая статьи, да и просто прокручивая ленту свежих публикаций как на Хабре, так и на GT, я понял, что многие просто не могут совладать с версткой текста и, как следствие, достаточно часто годные публикации хоронятся их же авторами из-за нечитабельности текста. Или отпугивает кривая КДПВ, или еще что произойдет.
Возможно, для опытных авторов пост покажется капитанским, мелочным, или еще каким, ведь главное содержание, но тем, кто хочет пройти песочницу и влиться в Хабра-сообщество, я уверен, он поможет не только написать что-то полезное, но и красиво свой труд преподнести.
Картинка Для Привлечения Внимания и выравнивание по левому краю
Так уж сложилось, что вся лента Хабрахабра выровнена по левому краю. По этой причине опытные авторы небольшие изображения оставляют слева или используют картинки шириной в 800-1000 px. Отдельно хочется заметить, что чуть ли не лучшим является соотношение КДПВ 2 к 1, т.е. изображения 800х400 px. Подобная пропорция позволяет SMM-щику соц. сетей не изгаляться с вашей картинкой (а то и вовсе искать что-то другое, более подходящее по размерам), а использовать оригинал, не нарушая задумки автора.
Даже если ваше изображение имеет меньшее соотношение сторон, например, 800х700, то постарайтесь уменьшить его высоту. Критическим порогом является 500-600px кроме исключительных случаев, когда КДПВ и в правду «тащит» или содержит полезную информацию (скриншоты интерфейса, например). Тут все достаточно прозаично: не у всех есть мониторы с разрешением 1920х1080 и, например, пользователь ноута с максимальным разрешением экрана в 1366х768 просто не оценит всех этих красот КДПВ размером 1000х1000. Но даже в случае, когда картинка несет полезную нагрузку в виде текста, например, можно сделать ее кликабельной, так всем будет проще.
Из-за того, что изображения редко бывают больше 500-800 пикселей в ширину, все стараются использовать выравнивание по левому краю. И вы старайтесь, сейчас объясню почему.
Когда пользователь скроллит ленту статей, его фокус внимания смещен в левую часть ленты, на начало заголовков, список хабов и кнопки для голосования. Если вы выносите картинку небольшого размера в центр, или, боже упаси, вправо, вы совершаете дешевый маркетинговый трюк «мы не такие как все и привлекаем внимание читателя через раздражающие факторы». На самом деле, такие приемы обычно заканчиваются для авторов печально.
Приведу пример опираясь на мою старую статью.
Правильное расположение КДПВ: 
Неправильное расположение КДПВ:
Очень неправильное расположение КДПВ:
Обтекание текстом
Окей, с картинкой мы разобрались. 2 к 1, не шире 1000 px, выравнивание по левому краю. Но если картинка узкая, но подходящая к тексту? Что делать? Использовать обтекание, вестимо. Вот тут-то и было сломано уйма копий (таких, острых, с наконечниками) не одной сотней авторов. Совсем неопытные господа просто пытаются не переходить на другую строку и продолжать текст после кода вставки изображения, вот так:
Закономерно получая вот это:
Окей, нам нужно обтекание. Задается оно в классической хабра-верстке через align=»side» внутри кода вставки:
<img src=»https://habrastorage.org/getpro/habr/post_images/832/8d3/0bd/8328d30bda5b014e848437e1eea3a654.jpg» alt=»image» align=»left»/>
Используя такой код мы получаем:
А после публикации мы получим вот это:
Если вы хотите, чтобы кнопка «ката» была не под картинкой, а сразу после текста, для которого вы прописали обтекание, сдвигайте <br clear=»side»/> под </cut> :
Не практикуйте обтекание текстом слева, а картинку справа. Как я уже говорил, лента выровнена по левому краю. Если поставить картинку справа, вы, опять таки, используете раздражающий многих ход «не такие как все».
Установка Хабра-ката
Да, я выделил этот пункт отдельно, потому что очень многие не уделяют этому достаточно внимания. Где ставить кат — дело ваше. Вопрос в том, как именно вы это делаете.
Суть в том, что после публикации статьи cut отображается как пустая строка. Таким образом, код <cut/> должен быть зажат между абзацами текста, чтобы его цельность не была нарушена:
Как видно на скриншоте выше, при пустой строке до или после <cut/> в итоговом варианте мы получаем двойную пустую строку, что не есть красиво и визуально «разрывает» текст.
Заголовки, списки, текст и все-все-все, что ищут методом проб и ошибок
Отдельно стоит обозначить верстку заголовков, списков и кода. Суть тут, опять же, в повышении читабельности текста за счет правильной расстановки пустых строк. К сожалению, для многих верстка статей ведет себя не очевидно.
Например, после текста заголовка, который вы вписали в <h4> </h4> пустая строка не нужна, т.к. она проставляется автоматом:
Если же вы поставите пустую строку в форме написания текста после заголовка, то у вас получится двойная пустая строка и у читателя будет создаваться впечатление, что заголовок больше относится к тексту над ним, чем под:
Также не совсем логично ведут себя и списки. Рассмотрим на примере.
Многие чисто интуитивно убирают пустую строку сверху и добавляют ее после списка, получая:
В некоторых случаях сверстанный список «зажимают» между абзацами, но тогда пункты «подпирают» текст над собой, сливаясь с ним, что значительно снижает читабельность и восприятие написанного как перечисление чего-либо (а ведь в списках по пунктам перечислением обычно и занимаются).
Цитаты ведут себя точно по такому же принципу. При цитировании через blockquote создается автоматический отступ снизу, но не сверху:
Комментарий автора к крутой цитате.
Это же касается и кода:
Комментарий к коду.
А выглядит на самом деле вот так:
В конце хотелось бы сказать, что оптимальная для понимания длина абзаца составляет 3-5 строк (проверить можно через предпросмотр статьи). При переводе англоязычных текстов приходится часто объединять несколько абзацев оригинала в один, так как многие зарубежные авторы имеют тягу к тезисному изложению по одному-два предложения, что превращается на Хабре в частокол из одиночных-двойных строк. Ну, а с остальным, я думаю, вы справитесь сами, так как красоты в виде цветного текста и, тем более цветных заголовков я не исповедую и вам не рекомендую.
Соблюдение рекомендаций, изложенных выше, позволит без особых извращений сделать ваш текст приятным для глаза и удобным для чтения.
Надеюсь, я написал хоть что-то полезное. Всем спасибо за внимание, Кэп полетел.
Создание текста от «А» до «Я»: как написать, оптимизировать и сверстать статью
Говорите, плохо, если пироги печет сапожник? Посмотрите на это с другой стороны. Бывает, узкому специалисту проще написать статью самому, чем ждать, пока копирайтер или журналист изучит тему и сделает материал экспертного уровня. Например, у некоторых авторов уходит вся жизнь, чтобы понять то, что знает каждая вменяемая медсестра: никакой чистки печени не бывает.
В отличие от копирайтера, специалист владеет главным ингредиентом успешного текста. Да, речь идет об экспертизе. С ней вы сможете написать хороший текст, даже если иногда путаете «тся» и «ться», кое-где ставите лишние запятые или не видите разницы между двоеточием и тире. Мало того, у вас получится сделать материал видимым для аудитории и читабельным. Как вы уже догадались, это руководство о том, как правильно написать статью для веба.
Как написать хорошую статью: пошаговый план
Опытный автор плевать хотел на рецепты и догмы. Они мешают писать и делают текст шаблонным. Зато рецепты помогут опытному программисту или инженеру, который не работал с текстом со времен университетских курсовых и дипломной работы. Но даже если вы не писали ничего, кроме комментариев «Вконтакте» или эпикризов, воспринимайте предложенные ниже рекомендации творчески. Меняйте порядок, добавляйте новые или даже игнорируйте лишние по вашему мнению шаги. Описанный рецепт — не жесткий каркас, а гибкая конструкция, состоящая из отдельных деталей.
Шаг 1: определите цель статьи
Цель — это прогнозируемый результат деятельности. Представьте, что вы достаете из холодильника яйца и бекон, берете с полки сковороду и включаете плиту. Понятно, что цель этих действий — приготовить яичницу с беконом.
Чтобы определить цель, спросите, для чего вы хотите написать статью, какую проблему планируете решить. Нет, увеличить посещаемость сайта, продать 10 единиц товара и заработать 100 рублей на контекстной рекламе — это не цель. Вам нужно определить прогнозируемый результат создания статьи в контексте взаимодействия между бизнесом или веб-ресурсом и его аудиторией. Что получит читатель, изучив ваш материал? Например, цель гайда по WordPress — научить пользователей самостоятельно создавать сайты с помощью указанной CMS.
Нет, не надо напоминать о конкретности, измеримости и прочих достижимостях и актуальностях. Оставьте их для бизнес-целей, где нужно во что бы то ни стало привлечь 1000 уникальных посетителей на главную страницу и сконвертировать 500 из них в сделки. Если хотите, сейчас речь идет о цели существования статьи с точки зрения клиента: какую ценность он получит, чему он научится, что узнает или сделает.
Какой может быть цель статьи? Например, публикация может убедить читателя в необходимости кипятить водопроводную воду или актуализировать вред злоупотребления алкоголем. Вы можете написать статью, чтобы сравнить новые модели смартфонов компаний Samsung и LG, описать сервис для проведения сплит-тестов или научить читателя выбирать велосипеды. Итак, сформулируйте и зафиксируйте на бумаге цель публикации.
Шаг 2: придумайте заголовок
Заголовок должен привлекать внимание пользователей и продавать переходы по ссылке и чтение статьи. Одновременно он должен раскрывать смысл материала. Зачем что-то кому-то продавать? Если вы не Гай Кавасаки или Роберт Кийосаки, ваши статьи будут конкурировать с другими публикациями в новостных лентах социальных сетей, RSS-фидах и контент-агрегаторах. Чтобы понять это, обратите внимание на иллюстрацию.
Каким должен быть хороший заголовок? Вот несколько идей:
Больше информации вы найдете в подробном руководстве по созданию убойных хедлайнов.
Шаг 3: изучите информационные потребности аудитории
Для этого воспользуйтесь сервисами «Подбор слов», «Планировщик ключевых слов» или аналогичными инструментами. Вам необходимо знать, в какой информации нуждаются клиенты, для которых вы пишете статью. Обратите внимание на иллюстрацию.
С помощью сервиса подбора ключевых слов вы должны понять, что хотят знать клиенты в контексте выбранной темы. Для этого используйте разные варианты поисковых запросов. Ищите ценные инсайты в колонке похожих ключевых слов. Сохраните контент-идеи в таблице или запишите их на бумагу.
Уделите внимание тому, как пользователи ищут информацию. Помните, что хороший заголовок должен подтверждать соответствие статьи информационным потребностям клиента? Вернитесь к хедлайну и исправьте его при необходимости.
Шаг 4: составьте план статьи
На первом этапе работы вы определили цель статьи. Теперь вам нужно записать задачи, пошаговое решение которых обеспечит ее достижение. Это и будет план статьи.
Например, вы определили цель руководства по WordPress: научить пользователей самостоятельно создавать сайты с помощью этой CMS. Последовательно запишите этапы создания ресурса, которые вы будете описывать. Во время работы сверяйтесь с информационными потребностями аудитории, которые вы определили с помощью сервиса подбора ключевых фраз.
Чтобы научить пользователей самостоятельно делать сайты, вам условно нужно описать следующее:
При необходимости вы можете объединить этапы решения задач в подзадачи. Например, чтобы настроить «Вордпресс», ваши клиенты должны уделить внимание общим настройкам, создать карту сайта и настроить файл robots.txt. Теперь видно, что для достижения цели статьи вы должны описать задачи и подзадачи:
Вы создали рабочий план основной части публикации. Во время письма вам остается переформулировать задачи в подзаголовки второго порядка, а подзадачи в подзаголовки третьего порядка (h2 и h3 соответственно).
Статья состоит из вводной, основной и завершающей частей. Отразите это в плане: добавьте вводную часть в начале и заключение в конце. Введение может состоять из двух условных частей: цепляющего вводного абзаца и блока «для чего козе баян». Убойный вступительный абзац стимулирует пользователей читать статью. А в блоке про козу и баян вы можете сформулировать проблему и обосновать способы ее решения.
Шаг 5: изучите информацию
На этот этап работы вы потратите больше всего времени. Вам придется перелопатить десятки или сотни источников, проанализировать и осмыслить собранные сведения. Как работать с информацией? Вот рекомендации:
Как понять, что вы собрали достаточно информации? Никак, данных в любом случае всегда не хватает, поэтому вы будете обращаться к источникам в процессе работы. Начинайте писать, когда поймете, что можете сказать читателям что-то, чего они не знают.
Шаг 6: пишите статью
Писать намного проще, чем собирать и анализировать информацию. Следующие материалы помогут вам выражать мысли на бумаге:
Вы пишете статью, а не продолжение «Евгения Онегина», поэтому не гонитесь за красотой слога. Если вы предложите читателю действительно ценную информацию, он простит вам многое: стилистическое несовершенство, длинные предложения и даже небольшое количество ошибок. Впрочем, постарайтесь найти средства на услуги корректора и редактора. Если такой возможности нет, проверьте текст самостоятельно. Действуйте так:
Вы написали статью. Не спешите сразу публиковать материал. Сначала позаботьтесь о его видимости в поисковых системах.
Как оптимизировать статью
Сразу обратите внимание на принципиальную позицию: описание оптимизации идет после руководства по написанию исключительно для вашего удобства и простоты восприятия. На практике вам придется обеспечивать видимость материала в поиске одновременно с работой над текстом.
Перед оптимизацией конкретной статьи убедитесь, что ваш ресурс соответствует техническим требованиям поисковиков. Вам помогут следующие материалы:
Что делать, если вам некогда читать блог «Текстерры» и интервью Рэнда Фишкина? Вот короткое описание текущего состояния поискового маркетинга. Алгоритмы «Яндекса», Google и других «поисковиков» стали настолько совершенными, что поиск брешей и попытки манипуляции практически потеряли смысл. Бесполезно напичкивать тексты ключами с плотностью 3,1415 %, пытаться вырулить за счет купленных ссылок или накрутки поведенческих факторов. Роботы вот-вот поработят людей, о чем мы писали здесь, здесь, и особенно сильно здесь. Машины успешно находят все более тонкие попытки манипуляции выдачей, поэтому лазеек практически не осталось.
Эта ситуация сильно упростила жизнь поисковым маркетологам. Чтобы обеспечить видимость публикаций в поиске, сегодня достаточно соблюдать два условия: поддерживать техническое соответствие ресурса требованиям «поисковиков» и создавать контент, максимально удовлетворяющий информационные потребности аудитории. По сути, все остальное нюансы. О них и пойдет речь в пошаговом плане.
Шаг 1: убедитесь, что хедлайн подтверждает информационное соответствие статьи нуждам пользователей
Это один из критериев хорошего заголовка, которые вы использовали во время создания текста. Черт возьми, просто вставьте главное ключевое слово в название статьи. Ключ нужно использовать естественно. Если пользователи ищут ваш материал с помощью запроса «заказать такси Москва недорого», напишите в заголовке «Как заказать такси в Москве недорого». Если хотите, меняйте слова местами и используйте разные формы слов. Поисковые системы одинаково хорошо понимают варианты «как недорого заказать такси в Москве», «как заказать такси в Москве недорого» и даже «как в Москве такси заказать недорого». Последний вариант может удивить ваших живых читателей, поэтому ориентируйтесь на естественный человеческий язык.
Роботам действительно все равно, как вы напишете: «купить машину СПб дешево» или «купить дешевую машину в Санкт-Петербурге». Впрочем, если ваши заголовки и контент в целом будут сплошь состоять из неестественных конструкций, «Яндекс» с коллегами могут заподозрить вас в поисковом спаме. В этом случае вы рискуете получить санкции.
Как насчет информационного соответствия статьи потребностям аудитории? Это не пустые слова. Обратите внимание на иллюстрацию.
Название статьи отображается в поисковой выдаче. Благодаря этому читатель может оценить, насколько предложенный «поисковиком» контент соответствует его нуждам. Здесь срабатывает принцип визуального отклика: пользователь охотнее переходит на страницу, название которой максимально точно совпадает с поисковым запросом.
Почему использование ключевой фразы в заголовке работает? Посмотрите на следующий пример: когда человек впервые попадает на новую веб-страницу, он старается быстро определить, о чем она. Что он делает в первую очередь? Правильно, читает название материала. Поисковые роботы поступают так же. Ведь разработчики хотят научить их «думать», как человек.
Посмотрите на иллюстрацию:
Статья «Как продвигаться в Facebook» занимает первое место в выдаче по соответствующему запросу. Обратите внимание на еще одну иллюстрацию:
Статья занимает третью позицию по запросу «продвижение в фейсбук». При всем уважении к коллегам, занимающие первую и вторую позиции материалы не идут ни в какое сравнение с гайдом от Евгении Крюковой. Просто роботы посчитали их более релевантными запросам пользователей из-за ключевой фразы в названии.
Кстати, обратите внимание на интересное исследование: Searchmetrics установил, что значение ключевых слов в качестве фактора ранжирования падает. Например, исследователи определили отрицательную корреляцию между позицией сайта в выдаче и наличием ключевой фразы в заголовке. Практика «Текстерры» это не подтверждает, однако исследование коллег заслуживает внимание. Ясно одно: нужно фокусироваться на качестве контента, а не на вписывании «ключей».
Шаг 2: убедитесь, что во вступительной части описана проблема и способы ее решения
Зачем это нужно? Хотя бы затем, что вы вряд ли сможете сформулировать проблему и обозначить способы ее решения, не употребив главную ключевую фразу. Да, в контексте поисковой оптимизации этот шаг должен звучать так: проверьте, вставили ли вы главный ключ в начале материала. Не ищите точной формулы и конкретного определения начала. Представители старой школы SEO предлагают вставлять «ключи» в первый абзац, первые три-четыре предложения, первые 800 или 1000 символов. А вы думайте, как представитель новой школы: употребляйте ключ просто в начале. Поверьте, поисковые роботы считают началом то же, что и вы.
Хотите подтверждений? Смотрите:
Ключевые фразы естественно употребляются в начале статей. Что это дает? Во-первых, вы сообщаете пользователям и поисковой системе, что ваш материал действительно об A/B-тестировании, хэштегах или что там еще люди ищут. Во-вторых, один раз употребив «ключ» в начале статьи, вы можете полностью забыть о ключевых фразах. Но об этом ниже.
Шаг 3: подробно раскройте тему
Да-да, речь идет именно о поисковой оптимизации. Чем глубже вы погрузитесь в проблему, чем подробнее и полнее раскроете тему, тем более релевантным потребностям аудитории будет ваш материал. Благодаря этому вы можете вообще не думать о ключевых фразах. Зачем тратить энергию? Вы ведь не сможете качественно написать о маркетинге в социальных сетях, строительстве загородных домов или краниоцеребральной гипотермии, не употребив нужные «ключи» нужное число раз. Если хотите теоретическое обоснование, почитайте об LSI-копирайтинге.
Хотите конкретные рекомендации и подсказки? Посмотрите, что вы делаете, когда подробно раскрываете тему:
Обратите внимание, благодаря long tail вы получите поисковый трафик, даже если каким-то чудом забудете использовать сильные «ключи» в заголовке. Данный тезис подтверждает наша статья об Instagram. Это один из лучших материалов в блоге «Текстерры» по количеству привлеченного поискового трафика. Пользователи преимущественно находят ее по низкочастотным запросам, например, по таким:
Шаг 4: покажите поисковикам, что вы — автор материала
Как это сделать? Просто поделитесь статьей в социальных сетях сразу после публикации. Это совет от Мэтта Каттса. Благодаря шерингам «поисковики» быстрее находят и индексируют ваш контент.
Анонсы в социальных сетях имеют еще ряд преимуществ:
Шаг 5: сошлитесь на полезные аудитории материалы, опубликованные на вашем сайте
Вставляйте гиперссылки прямо в текст, делайте врезки и блоки с условным названием «Вас также заинтересуют статьи». Главное условие — вам нужны естественные ссылки, которые действительно заинтересуют ваших пользователей. Если вы считаете, что они должны иметь анкор, используйте его. Если вы хотите использовать в виде анкора слова типа «тут», сделайте это. Если вам кажется естественным употребление URL, вставьте ссылку в таком виде.
Зачем ссылаться на полезные материалы? Вы повышаете информированность и вовлеченность аудитории, а также улучшаете поведенческие метрики сайта: среднее время и глубину просмотров.
Шаг 6: используйте мультимедиа-контент
Это может быть видео, аудио, изображения, презентации, инфографика, встраиваемые социальные сообщения. С помощью данного типа контента вы повышаете визуальную привлекательность и читабельность статьи, а также улучшаете поведенческие метрики.
Создать качественный мультимедиа-контент вам помогут следующие публикации:
Шаг 7: используйте мета-описание
Мета-описание не влияет на ранжирование страницы в поиске. Однако оно может влиять на количество переходов пользователей со страницы выдачи на сайт. Это происходит, когда поисковая система использует description для формирования сниппета.
Как сделать хорошее мета-описание? Вот рекомендации:
Как насчет ключевых слов? А вы попробуйте описать выгоды и преимущества контента, не употребив «ключ».
Шаг 8: используйте микроразметку
Структурированные данные не влияют на ранжирование контента в выдаче. Однако с их помощью вы можете увеличить число переходов на сайт благодаря расширенному сниппету.
Вот полезные материалы о внедрении микроразметки:
Вы написали и оптимизировали статью. Теперь позаботьтесь о читабельности материала.
Верстка статьи: как сделать контент читабельным
От этого никуда не деться: встречают по одежке. Даже если вы — Пелевин, Прилепин или Сорокин, читатель закроет страницу вашего сайта, если посчитает ее контент визуально непривлекательным и нечитабельным. Аудитория избалована избытком информации, поэтому вам придется привлекать и удерживать внимание пользователей. Воспользуйтесь предложенными ниже пошаговыми рекомендациями.
Шаг 1: выберите подходящий шрифт
При выборе шрифта используйте следующие советы:
Пример шрифта с засечками — Times New Roman.
В свою очередь, шрифт без засечек влияет на восприятие текста так:
Пример шрифта без засечек — Calibri.
Используйте шрифт с засечками для заголовка и подзаголовков статей. Это способствует визуальному структурированию публикации, а также задерживает внимание читателя на смысловых блоках. Для остального текста выберите шрифт без засечек. Он увеличивает скорость восприятия, а также уменьшает усталость глаза при чтении больших материалов.
Шаг 2: выберите подходящий кегль
Кегль — это вертикальный размер букв шрифта. В зависимости от дизайна страницы, для основного текста страницы выбирайте 14, 16 или 18 кегль. Примечания, правила использования, пользовательские соглашения и другую служебную информацию можно набирать 11, 10 или даже 9 кеглем.
Выбирайте кегль для заголовка и подзаголовков в зависимости от дизайна страницы. Если сомневаетесь, просто умножьте кегль основного текста на два. Например, если для основного текста вы использовали 12 кегль, для заголовка возьмите кегль 24. Соответственно, подзаголовок может быть набран 16 или 18 кеглем.
Шаг 3: выберите оптимальное расстояние между символами
В типографике оно определяется двумя переменными: кернингом и трекингом. Первый определяет расстояние между конкретными парами букв. Второй — это расстояние между любыми буквами. Для веб-страниц лучше использовать отрицательный трекинг или плотный набор. Это облегчает восприятие текста и повышает скорость чтения. Нормальный или положительный трекинг используется для прописных букв и заголовков. Также разряженный набор можно использовать для оформления врезок, цитат и других смысловых блоков.
Шаг 4: убедитесь в корректном выборе длины строки
Оптимальная длина строки составляет от 50 до 70 символов плюс-минус 10 %. Если строка будет длиннее, пользователю будет сложно удерживать на ней взгляд. Слишком короткие строки ухудшают восприятие, так как читатель устает переводить взгляд со строки на строку.
Шаг 5: выберите оптимальный междустрочный интервал
Стандартный размер междустрочного интервала в типографике составляет 120 % от выбранного кегля. Для облегчения чтения с экрана вы можете увеличить расстояние между строками до 130 или 140 % от вертикального размера букв. Для блоков служебной информации междустрочный интервал можно уменьшить.
Шаг 6: проверьте, есть ли отступы между абзацами
Здесь комментарии не нужны: текст без отступов между абзацами на экране компьютера становится похожим на кирпич. Такая подача материала отпугивает читателей. Какой должна быть величина отступа? Она составляет от 70 % до 80 % от междустрочного интервала.
Шаг 7: выровняйте текст по левому краю
Из этого правила есть исключения. Например, если вы написали статью на арабском, иврите и других языках, на которых пишут справа налево, выравнивайте тексты по правому краю. Не выравнивайте текст по центру или по ширине. Это затрудняет восприятие и уменьшает скорость чтения, а также уменьшает визуальную привлекательность страницы.
Стоит ли говорить, что иллюстрации к тексту, выровненному по левому краю, не стоит выравнивать по центру?
Шаг 8: используйте иллюстрации корректно
В число функций иллюстраций в вебе входит повышение визуальной привлекательности страницы и читабельности контента. Повышение, а не понижение. Чтобы изображения в вашей статье выполняли эти функции, придерживайтесь таких рекомендаций:
Обратите внимание, подписывать изображения важно не только из-за визуальной привлекательности. С помощью подписи вы информируете пользователей и поисковые машины. Последние анализируют контент-кластеры вокруг изображений и дают вам трафик из поиска по картинкам. Подробнее об этом читайте в материале про оптимизацию фотографий.
Шаг 9: выделяйте смысловые блоки врезками
Помогите читателям обратить внимание на определения, интересные факты, результаты исследований, любую необычную информацию. Как оформить врезку? Используйте шрифт с засечками, увеличьте кегль, используйте контрастный фон, рамку или специальные символы. Врезки структурируют контент страницы, повышают ее визуальную привлекательность и упрощают восприятие материала.
Шаг 10: используйте визуальный контент для повышения читабельности статьи
Визуальный контент в первую очередь служит для передачи информации. Вы помните, что люди воспринимают изображения в десятки тысяч раз быстрее, чем текст. Пользуйтесь этим, чтобы повысить информативность материалов.
Одновременно с помощью визуальных элементов вы делаете контент более привлекательным и читабельным. Хотите конкретные идеи? Вот они:
Вы сделали написанную и оптимизированную статью читабельной. Теперь ее можно публиковать.
Работа над хорошим текстом не заканчивается никогда
Если вы написали актуальный материал, после публикации приготовьтесь работать с ним еще несколько месяцев или лет. Вам придется промоутировать статью, реагировать на комментарии, дополнять и актуализировать материал. Поисковые системы учитывают свежесть публикации при ранжировании, поэтому вы можете добавлять новые информационные блоки или даже просто менять дату публикации.
Помните, создание, оптимизация и обеспечение читабельности статьи обычно происходят одновременно. Поэтому не пытайтесь оптимизировать контент после публикации или писать текст под ключевые фразы. Думайте о пользователе: делайте статьи информативными и экспертными, старайтесь, чтобы ваши материалы можно было легко читать с экрана. Живые читатели и поисковые роботы это обязательно оценят.
В Google и «Яндексе», соцсетях, рассылках, на видеоплатформах, у блогеров