Добавление материалов. Рубрики, текст, ссылки. Заголовки h1-h6: детальный обзор, примеры Что такое H1

Заголовки в данных тегах должны использоваться лишь для разбиения текста на логические части. Никаких выделений целых предложений и отдельных фраз.

К тому же заголовки H1-H6 имеют иерархию, что делает их различным по оформлению, как минимум по размеру шрифта. Каждый низший уровень должен быть менее заметный, чем вышестоящий над ним.

На изображении видно правильное оформление заголовков в данных тегах, когда размер шрифта идет по убыванию от верхнего уровня к низшему. Если же у вас будет ситуация отличная от этой, то уже стоит обратиться к стилям оформления вашего сайта и отредактировать их должным образом.

Но тут один момент - проследите, чтобы заголовки нижнего уровня (ближе к H6) были похожи на заголовки и не сливались с обычным текстом. Они должны быть похожи на заголовки, а не просто на жирный шрифт.

Исходя из такого оформления, мы можем понять, что заголовки должны выдерживать свою иерархию при употреблении их в качестве элементом структуризации текста. Не может быть такого, что сначала идет первый заголовок H1, а затем сразу H5 или H6. После первого уровня логично и правильно будет использовать только заголовок в теге H2. Это важно, как с точки зрения самого оформления материала, так с точки зрения выдержки правильной структуры.

Поисковые системы сейчас обращают внимание на данные теги. Но не как на СЕО элементы, а как на элементы структурирования. Поэтому странно будет, если идет H1, а потом сразу H6.

При использовании данных тегов мы обязательно выдерживаем структуру. Если опускаемся на уровень вниз, то никаких прыжков через уровень. Структуру должна быть следующей: H1-H2-H3-H4-H5-H6.

Стоит сказать, что употребление заголовка уровня H1 в данных случаях не будет уместно, так как он должен употребляться один единственный раз на странице и должен содержать в себе название материала. Поэтому, в тексте его употреблять нет необходимости.

Сейчас я расскажу основные моменты использования заголовка H1, но перед этим дам пару общих советов, которые справедливы для заголовков всех уровней.

• Не заканчиваются точкой;
• Выдерживаем иерархию при употреблении;
• Нет цели разместить ключевые слова;
• Имеют место быть даже в очень коротких статьях, так как любой текст можно разбить на логические части;
• В заголовке вписывает краткую суть последующего текста, а не что-то "лишь бы было".

Основы использования H1

Вышеперечисленные правила также актуальны, но кроме них имеются обязательные именно для этого уровня заголовка.

• H1 всегда один раз на каждой странице;
• Побуждаем пользователя к прочтению материала, поэтому имеется смысл использовать цепкие слова (например, секреты, лучшие фишки и так далее);
• Делаем отличным от тега title, который отображает название страницы в поисковой выдаче и побуждает переход на страницу сайта из поиска. Он должен быть немного отличным, но обязательно должен давать понимание того, что контекст материала на странице не изменился;
• Употребляем ключевое слово статьи, но в разбавленной форме, а не в точном вхождении;
• Не рекомендуется использовать знаки препинания.

Использование на практике

Выше я писал, что H1 используется всего лишь 1 раз на странице и он должен быть встроен автоматически в верстку шаблона сайта и подставляться также будет автоматически в заголовок. Проверьте этот момент. Проанализируйте свои заголовки статей и посмотрите, чтобы они были заключены в H1. Если это не так, то редактируем свой шаблон.

Распространенная ситуация, когда вместо H1 стоит H2. Это не является грубой ошибкой, но лучше такого не допускать.

Если мы говорим об использовании остальных уровней заголовков H2-H6, то их уже стоит использовать в ручном режиме.

Использовав какую-нибудь CMS для создания сайта, данные заголовки добавляются в статьи очень просто. Например, в WordPress на панели форматирования в редакторе страницы всегда имеется пункт заголовков, где можно выбрать нужный уровень, ранее выделив нужный текст, который необходимо заключить в заголовок.

Так с каждым движком. Если же используете HTML верстку сайта и необходимо добавлять теги в ручном режиме, то сложностей тут не возникнет. Стоит лишь заключать нужные части текста между открывающим и закрывающим тегами с нужным уровнями. Смотрите ниже примеры.

заголовок 2го уровня

заголовок 3го уровня

заголовок 4го уровня

заголовок 5го уровня

заголовок 6го уровня

Что касается стилей оформления для каждого уровня, то в файле стилей стоит добавить правила к каждому уровню.

Заметьте, что перед названием уровня заголовка в стилях нет никаких точек и решеток. Внутри скобок указываем сами стили: тип шрифта, размер, цвет, фон и так далее.

Дизайн заголовков H1-H6

Если вы сделаете свои заголовкам уникальный выделяющийся дизайн, то посетители вас за это только поблагодарят и оформление контента будет на высшем уровне. Сейчас простые заголовки с большим размером шрифта и жирным выделением уже уходят в прошлое.

В моду приходят простые, но в то же время оформление заголовки с помощью различных выделений линиями, подчеркиваниями с помощью фоном и так далее.

Я когда-то давал уже некоторые примеры таких дизайнов. Даже, если взять мой блог, то главный заголовок в H1 оформлен не просто большим шрифтом на белом фоне с остальным текстом. Он отделен серой рамкой на общем фоне сайта, что делает его более заметным и акцентирует внимание на нем.

Приведу вам еще 2 примера оформленных заголовков в H1.

Как видим, это не просто жирный шрифт, а красивый фон с волнистой нижней поверхностью и подчеркнутой верхней.

Также интересное оформление можете сами посмотреть на этой странице .

Что касается заголовков H2-H6, то их не просто можно оформлять каким-то фоном, а делать им нумерацию (если используете содержание в начале страницы) в виде красивых картинок. Опять же, это не должны быть простые цифры. Вот хороший пример такой задумки.

Когда вы знаете то, чего не знают, а тем более не делают большинство, можно перейти и рассмотреть основные ошибки в употреблении заголовков всех уровней на вашем сайте.

Ошибки в употреблении

Все ошибки вы уже могли и сами додумать, изучив весь материал выше, но имеются некоторые нюансы. Перечислю все, что может относится именно к вам и то, что немедленно необходимо исправить.

• Больше одного H1 на странице. Это не правильно. Только один раз в каждом документе;
• Использования тегов H1-H6 для оформление дополнительных элементов сайта. В самом начале я писал, что предназначение этих документов - оформление и структуризация контента. Поэтому, их стоит использовать только в контенте. Большинство шаблонов сайтов содержат данные теги в боковых колонках для придания стилей их названий и так далее. Ярко выражено это в шаблонах WordPress, когда название каждого виджета в сайдбаре заключено в H3 или в другие теги.Если такая ситуация имеется, то заменяете заголовочные теги в служебных элементах сайта на другие, например на тег "span";
• Специально вписываем ключевые слова. Раньше бытовало мнение, что вписав ключевые слова в прямом вхождении в заголовки всех уровней, можно повысить их плотность и позиции такой страницы будет выше. Но сейчас это уже "карается законом" поисковых систем и накладываются санкции за спам в заголовках. Тем более, данные теги ранжируются по другим алгоритмам. Вывод: нет цели вписать ключевые слова;
• Частое употребление точек и знаков препинания. Точки в заголовках вообще употреблять не стоит, так как это неправильно с точки зрения, как копирайтинга, так и общих правил оформления текстов. Количество знаков препинания также стараемся минимизировать, чтобы повысить читаемость заголовков. Сюда же можно отнести и большое количество слов - не делаем слишком длинные заголовки;
• Не соблюдается выдержка структуры с точки зрения иерархии. Старайтесь соблюдать логическую цепочку в построении иерархии тегов H2-H6 на каждой странице;
• Использование тегов H1-H6 для оформления других элементов текста, а не заголовка. Это то, о чем я говорил выше, когда некорректно настроены стили оформления каждого тега и вместо обычного выделения жирным можно использовать заголовок какого-нибудь уровня.
• Заголовок не уместен или не несет контекст текста, который идет за ним. Чтобы научиться создавать логические заголовки, возьмите пару хорошо оформленных книг, которые вам было легко читать. Также ориентируйтесь на структуризацию контента на сайте Википедии;
• Неиспользование заголовков H1-H6 вообще или же отсутствие на небольших текстах. Просто полное отсутствие и говорить не о чем, а вот про отсутствие на небольших страницах - момент сомнительный, так как любой текст (даже минимальные 1000 символов) имеют логическую структуру. Переход от одной темы к другой. Почему бы его не разбить на логические части подзаголовками различных уровней?

Вот и все, дорогие веб-мастера. Материал про заголовки на сайте подошел к концу. Вышел он довольно затянутый. Где-то я повторялся, но это только, чтобы акцентировать ваше внимание на ключевых мыслях статьи. Надеюсь, что данный материал вам пригодился.

Кстати, сможете найти небольшой недочет по моим заголовкам на сайте? Если да, то пишите в комментарии. Данный момент не сильно заметен, но он имеется.

До встречи в следующих материалах. Все еще впереди.

С уважением, Константин Хмелев!

Существуют три основных способа размещения заголовка по отношению к тексту: 1) заголовок над текстом. Его можно писать в одну строчку, а можно и в две, и в три. Захотите - напишите заголовок во всю ширину колонки, захотите - разместите его по центру, а понравится - расположите строчки лесенкой; 2) заголовок внутри текста. Такое расположение заголовка обладает повышенным свойством выделения материала. Соотношение над- и подзаголовочных частей обычно берется 2:3 или 3:5. К утопленному в тексте заголовку хорошо прибегать, во-первых, для создания иллюзии уменьшения крупного материала, а во-вторых, для создания равновесия графических пятен газеты; 3) заголовок сбоку от текста. Следует учесть, что боковой заголовок лучше выглядит, если он написан по всей высоте заметки и не превышает 1/3 части ширины самого материала. Заголовок, написанный сбоку, привлекает внимание. Но не в каждом макете его можно использовать. Надо следить, чтобы он от заметки не «отлетел». Удобнее боковой заголовок применять тогда, когда материал заключен в рамку. Главное требование к заголовку - ясность его прочтения. Все украшения шрифта - орнаментальные, тоновые обрамления, росчерки, засечки - нужно стараться делать таким образом, чтобы они отражали содержание заголовка. Само содержание заголовка помогает выбрать шрифт, которым он будет написан. Располагаем материалы. Первым делом надо определить, где именно будут расположены центральные, главные выступления. Площадь, отведенная им в газете, будет зависеть от важности темы и от размера самих заметок. А обратить внимание читателя на них нам могут помочь и рамки, и яркие, броские заголовки, и цветные подкладки, только цвет надо выбрать такой, чтобы не мешал чтению. Газету надо «заселить» равномерно, чтобы не получилась одна часть газеты забитой, без воздуха, а другая - пустующей, свободной. «Уравновесить» газету помогут рисунки и фотографии.

Размеры: 720 х 540 пикселей, формат: .jpg. Чтобы бесплатно скачать слайд для использования на уроке, щёлкните на изображении правой кнопкой мышки и нажмите «Сохранить изображение как...». Скачать всю презентацию «Оформление стенгазеты.pptx» можно в zip-архиве размером 1834 КБ.

«Заголовок в тексте» - Зато, как правило, заголовки газет богаты средствами выразительности. Заголовок составляет единую систему с текстом “заголовок - текст”. Функции заголовка. Заголовок текста имеет двойственную природу. Поэтому так важно журналисту выбрать заголовок для своей публикации. Давайте подумаем, что именно может создать такое желание.

«Способы образования слов» - Префиксально-суффиксальный способ. Префиксальный способ (префиксация). Лексико-семантический способ. Аббревиация. Слоговая: исполком, колхоз, профком. Тема урока. Усечение. Лексико-синтаксический способ (сращение). Словообразование. Морфолого-синтаксический способ (конверсия). Нулевая суффиксация (безаффиксный способ).

«Способы изменения внутренней энергии» - Зависимость внутренней энергии тела от температуры тела. Зависимость скорости движения молекул от температуры тела. Потенциальной энергией? Закрепим изученное? Цель: Продолжить формирование понятия внутренней энергии на основе МКТ. Изучение двух способов изменения внутренней энергии. 5.От чего зависит внутренняя энергия тела?

«Способы умножения» - Десятки располагаются в нижнем треугольнике, а единицы в верхнем. Перемножим способом «Ревность» числа 1998 и 987. Русский крестьянский способ. В Средние века совсем немногие владели искусством умножения. Затем складываются оставшиеся числа в правом столбце – получается 1972026. Умножение методом "Ревность".

«Способы очистки воды» - Ионный обмен. Кислотность: рН=6,5 - 9,5 Соответствие БАК – показателей. По цветности и мутности – 86% проб (в 1999г. – 66%). Нестандартные пробы воды 2000г. Магистральные водопроводные линии г. Владивостока. Отстаивание. Вирус гепатита А – 6% проб. Минеральные примеси - не более 1г/л Вредные органические и неорганические примеси – в пределах ПДК.

«Способ группировки» - Как видите, не всегда с первого раза группировка оказывается удачной. Третий способ группировки: xy-6+3х-2y=(xy-2y)+(-6+3x)= =y(x-2)+3(x-2)=(x-2)(y+3). Пример. Разложите на множители: Способ группировки. Дифференцированные задания по уровням. Математический диктант

Когда ваш сайт настроен и установлены самые необходимые плагины, пора начинать наполнять его интересными материалами.

Создание рубрик
Сначала создайте одну или несколько рубрик для будущих (или уже написанных и готовых к размещению) статей. Рубрики можно создать в любой момент, просто, когда добавляете статью, удобнее, если рубрика для нее уже существует, и остается только поставить галочку в нужное поле.

Перейдите Записи – Рубрики . На этой странице справа расположен список уже существующих рубрик, а слева – форма для добавления новых.

В первое поле впишите название вашей новой рубрики.

Во втором поле указывают альтернативное название рубрики латиницей. Это название будет отображаться в ссылке на рубрику или на статью, относящуюся к ней. Можно написать название рубрики целиком, в английском переводе или сокращенно – на ваше усмотрение.

Если это одна из основных рубрик вашего сайта, то третье поле остается пустым, точнее, там остается надпись «Нет» . Вот если вы создаете подрубрику , тогда в этом поле указываете, к какой основной рубрике она относится. Вот, например, заработок бывает разный. Если я хочу добавить подрубрику «Заработок на сайте» , то в поле «Родительская» я укажу рубрику «Заработок» , к которой она и относится (главная рубрика должна быть создана раньше подрубрики).

Поле «Описание» можно не заполнять. Или же коротко опишите, статьи на какую тему в рубрике содержатся.

Нажмите кнопку «Добавить новую рубрику» внизу.

Таким же образом создайте столько рубрик, чтобы хватило для уже написанных статей или для тех, которые планируете написать в ближайшее время.

Добавление текста
Чтобы добавить пост (статью), перейдите из консоли Записи – Добавить новую :

Откроется страница «Добавить запись» .

Добавлять материалы можно двумя способами: через визуальный редактор (1) и при помощи HTML кода (2).

Кроме того, WordPress позволяет вставлять картинки, находящиеся в вашем компьютере прямо во время добавления статьи (3). Причем, эта функция доступна и в обычном (html), и в визуальном редакторе. Во многих других CMS (системах управления контентом, движках) картинку сначала требуется загрузить на сайт, а потом выбрать ее из списка, что не очень удобно, особенно, когда картинок на сайте уже много.

Давайте для начала добавим материал через визуальный редактор. Для примера я взяла картинки и часть текста с одного из своих сайтов.

Убедитесь, что у вас выбрана вкладка «Визуально» (см. 1 на картинке выше). Для начала напишем название нашей статьи, чтобы потом случайно про него не забыть. Для этого в поле «Введите заголовок» щелкните левой кнопкой мыши, надпись пропадет, и вы сможете впечатать свою.

Прежде чем начать добавлять текст, разверните панель инструментов вашего редактора, если иконки в нем представлены только одной строкой.

После этого она примет вот такой вид:

Функции, имеющиеся здесь, мало отличаются от функций любого текстового редактора, например, MS Word . Поэтому не буду заострять внимание на работе с текстом, а расскажу, как добавлять готовый текст, изображения и ссылки.

Вообще, я советую предварительно писать все посты в текстовом редакторе, где можно проверить их на ошибки и сделать некоторое оформление, а потом уже копировать на сайт. Кроме того, вы такую статью можете писать несколько дней, сохраняя изменения и добавления, а потом просто скопировать и вставить.

Давайте так и сделаем. Выделите и скопируйте предварительно написанную в текстовом редакторе статью (правой кнопкой мыши, или сочетанием клавиш Ctrl + C ), вернитесь на сайт, сделайте щелчок левой кнопкой мыши в поле визуального редактора (чтобы появился курсор) и вставьте ваш текст (правой кнопкой мыши или сочетанием клавиш Ctrl +V ).

Вот что получилось у меня:

Причем, обратите внимание, что при переносе текста сохранилось и выделение цветом, и увеличение размера текста, и даже ссылка, которую я вставила в программе MS Word (фраза «этой странице» , отмечена стрелкой). Так что, писать статьи заранее очень даже неплохой вариант.

Теперь давайте посмотрим, как сделать ссылку не заранее, как у меня, а здесь, в визуальном редакторе. Допустим, мне нужно сделать ссылкой слово «Серпантин» , чтобы пользователи могли перейти на указанный сайт. Сначала я это слово выделяю:

Теперь нужно в панели инструментов нажать на иконку с изображением звеньев цепочки:

В поле URL нужно вставить адрес, по которому должен осуществляться переход, и нажать кнопку «Добавить ссылку» . Если нужно, чтобы пользователи, перейдя по ссылке, не уходили с вашего сайта, предварительно поставьте галочку в окошко «Открывать в новом окне/вкладке» .

Если где-то ошиблись, или просто передумали, то чтобы отменить ссылку, нужно опять выделить ее, и нажать на иконку с изображением разорванных звеньев цепочки, расположенную справа от иконки создания ссылок:

1. Выделить в начале таблицы одну или несколько строк, которые будут использоваться в качестве заголовка;

2. Таблица – Заголовки .

Для отмены повторов заголовков на последующих страницах снять флажок Заголовки в меню Таблица .

Названия таблиц (рисунков, формул)

1. Выделить таблицу (рисунок, формулу);

При дальнейшей перестановке, вставке или удалении объектов будет произведена перенумерация названий для оставшихся объектов данного типа (если это не будет сделано автоматически, то нужно выделить название или весь документ и нажать клавишу F9 или Обновить поле ).

Закладки

Если пользователю часто приходится возвращаться к определенным местам в редактируемом документе, он может установить в этих местах закладки, каждая из которых должна иметь название.

Для установки закладки, например, на таблице, необходимо поставить курсор в любую ячейку таблицы – Вставка – Закладка – ввести имя закладки (без пробелов!) – Добавить .

Для перехода к закладке Вставка – Закладка – выбрать имя – Перейти.

Закладки позволяют использовать формулы, содержащие адреса ячеек таблицы, вне этой таблицы (просто в тексте или в другой таблице). Для этого необходимо:

1. Создать закладку на таблице, значения ячеек которой предполагается использовать в формуле.

2. Установить ТК в то место текста, где будет находиться результат вычислений по формуле.

3. Таблица - Формула – перед записью адресов клеток выбираем название закладки в списке Вставить закладку (название закладки появляется в формуле), адрес клетки набирается через пробел после имени закладки. Пример формулы с использованием закладки: =МАХ(закл1 А2:D4), где закл1 – имя закладки.

Названия, сформированные средствами WORD для таблиц (формул, рисунков) не только обеспечивают возможность автоматической перенумерации названных объектов после их удаления, вставки и перестановки, но и позволяют использовать ссылки на такие объекты, а также автоматически создавать списки объектов.

Рассмотрим создание ссылок на названия таблиц. Ссылка (перекрестная ссылка) – это текст, помогающий определить, где можно найти нужную информацию. Например, в тексте «сведения об объеме товарооборота приведены в табл. 1 » ссылка выделена жирным курсивом.

Если ссылки набирать вручную, то в дальнейшем при изменении номера таблицы (вследствие, допустим, удаления, вставки или перестановки таблиц) изменять ссылки также придется вручную, что трудоемко и чревато ошибками.

Неоспоримые преимущества у другого способа: сформировать ссылки средствами WORD – тогда WORD сам сможет их автоматически обновить.

2. Вставка – Ссылка – Перекрестная ссылка – в появившемся диалоговом окне выбрать из списка Тип ссылки нужный объект (Таблица, Формула и т.д.). В списке Для какого (какой) появится список всех названий объектов выбранного типа – выбрать нужное название. В списке Вставить ссылку на выбрать Постоянная часть и номер – Вставить . В документе появится нужная ссылка. Если при создании ссылки в диалоговом окне выставлен флажок Вставить как гиперссылку , то вставленная ссылка будет гиперссылкой: при подводе к ней при нажатой клавише CTRL УМ принимает вид руки, а Щ перемещает к объекту, на который указывает ссылка.

Обратим внимание на возможную нестыковку падежей (например, «Данные представлены в Таблица 1»).

Чтобы избежать несогласования падежей, можно использовать сокращенные названия (Табл., Рис. и т.д.). Для этого нужно уметь создавать такие нестандартные постоянные части названий: Вставка – Ссылка – Название – Создать – написать в диалоговом окне новую постоянную часть названия (например, Табл.) – ОК . В дальнейшем при вставке названий и ссылок созданное название будет появляться в общем списке доступных для использования.

Список названий

Для создания списка названий:

1. Набрать заголовок списка (например, «Список таблиц») и перейти к новому абзацу;

Для обновления списка его нужно выделить и нажать клавишу F9.

Редактор формул (РФ)

Позволяет вставлять в документ математические конструкции, содержащие дроби, степени, интегралы, корни, изображения матриц, знаков сумм и произведений и т.д. Примеры:

.

Запуск РФ

1. Установить ТК в то место, куда надо поместить формулу;

2. Вставка – Объект – Microsoft Equation – ОК или кнопка на ПИ Стандартная.

После запуска РФ на экране появляется ПИ Формула , а также поле формулы. Внутри поля формулы есть прямоугольник с пунктирной линией, называемый слотом, который используется для обозначения места вводимого символа.

На ПИ Формула находятся две строки: палитры символов (символы отношений, пробелы и многоточия, надстрочные знаки и т.д.) и палитры шаблонов (шаблоны скобок, дробей и радикалов, верхних и нижних индексов, сумм, интегралов и т.д.).

Внимание! Для ввода пробела при наборе формул используется комбинация клавиш CTRL – пробел или пробел выбирается из палитры Пробелы и многоточия (на второй строке расположены сразу три пробела – малый, средний и большой).

После окончания набора формулы делают Щ вне области ввода формулы.

Удаление формулы : Щ по формуле, клавиша DEL.

При корректировке формул можно использовать следующие клавиши:

1. ТАВ – перемещение в конец слота или к следующему слоту;

2. SHIFT –ТАВ – в конец предыдущего слота;

3. Стрелки вверх, вниз, вправо, влево;

4. HOME, END – в начало (конец) слота.

Формулы, объединенные фигурными скобками вида

удобно набирать следующим образом: сначала выбрать фигурную скобку со слотом, затем использовать шаблон матриц (столбец из двух слотов) – в фигурной скобке появляется два слота по вертикали, которые потом нужно заполнить.

Данный цикл статей о добавлении материалов на сайт даст рекомендации, как повысить качество своих материалов.

1. Стиль материала совпадает с общим стилем сайта

Нередко случается так, что стиль материалов сильно отличается от стиля шапки, боковой колонки и нижней части сайта. Несомненно, основной контент должен быть отделен.

Отступы придают опрятности и зачастую их достаточно, чтобы выделить материал.

2. Текст контрастен фону

Невозможно создать контраст используя два похожих цвета. Необходимо сделать фон и текст очень разными .

Чувствуете разницу в том, как цвет воздействует на глаза при чтении левой и правой части? Если нет, то поздравляем, вы обладаете уникальным даром (или ностальгией по DOS).

Для большинства людей удобным будет более светлый фон с темным текстом (левая часть). Правая часть (такой способ подачи текста иногда называют “выворотка”) может подойти для оформления заголовка материала или шапки сайта:

Но никак для чтения большого объема текста.

3. В качестве фона не используются изображения

Еще один нюанс, который может помешать чтению материалов на любимом сайте, это использование в качестве фона изображений:

В некоторых случаях текст читается неплохо, но можно ли гарантировать, что так будет всегда?

Абзацы имеют разную длину и ширину, зависят от размера экрана читателя и материала, который добавляется. В любой момент может случиться так, что часть текста станет недоступной.

Если от фонового изображения отказываться не хочется? Изменим насыщенность и интенсивность цвета изображения, добавим светлую тень к тексту и свободное пространство для фона:

4. Единый стиль выравнивания текста и картинок

Есть способ придать опрятности своим материалам - выровнять весь текст и изображения по единому краю (обычно левому).

Чтобы управлять выравниванием, используйте соответствующие кнопки в визуальном редакторе:

Обратите внимание, кнопка выравнивания работает для всего выделенного фрагмента материала или абзаца, на котором установлен курсор.

5. Разбиение на абзацы

Когда в материале много текста - его необходимо делить на абзацы длиною в 2-5 строк. Так читателям легче делать перерывы в чтении. Также небольшие абзацы позволяют пробежаться по всему тексту и выхватить интересную мысль, чтобы более подробнее ознакомиться с текстом.

Старайтесь не размещать друг за другом абзацы с одинаковым количеством строк. Чтение такого “монотонного” текста может вызвать скуку.

6. Размещение между абзацами изображений, списков, таблиц

Кроме деления на абзацы сделать материал более удобным для чтения помогут изображения, списки и таблицы. Они выступают своеобразными разделителями.

Используйте инструмент для прикрепления изображений на странице добавления материала. После нажатия кнопки “Выберите файл” можно разместить изображение в любом месте статьи с помощью $IMAGE1$ ($IMAGE2$, $IMAGE3$ и так далее).

Там, где это возможно, используйте списки:

Чтобы вставить таблицу в новом визуальном редакторе есть кнопка импорта данных из Word:

7. Предложения короткие и четкие

Вы не владеете навыками копирайтинга? Но хотите, чтобы материал был прочитан и оценен. Сделайте текст доступнее. Откажитесь от сложных предложений. Подлежащее, сказуемое, точка.

Когда же вы перейдете от простых предложений обратно к сложным, то, наверняка, заметите, насколько сложнее стало писать вам и читать посетителям текст, и как во время чтения одного предложения может возникать мысль: “А что я вообще имел ввиду?”.

8. В каждом абзаце не более одной важной мысли

Старайтесь не переполнять абзацы смысловой нагрузкой. Одна ключевая мысль или действие на один абзац.

Если мысль ключевая в разделе - выделите ее с помощью полужирного начертания.

Не нужно выделять целые предложения или абзацы. 2-4 слова достаточно, чтобы привлечь внимание и не вызвать рябь в глазах.

Важные мысли старайтесь размещать в начале или в конце статьи/раздела, так пользователям будет легче их запомнить и усвоить.