HTML-разметка текстов уже не так важна для корректного отображения контента на странице в браузере, ведь большинство CMS (система управления контентом — Bitrix, WordPress и пр.) автоматически подхватывают форматирование Word. Иными словами, если текстовый фрагмент выделен как заголовок второго уровня в ворде или гугл-доках, то при обычном копировании он автоматически «превратится» в h2 на сайте. Хотя, есть и такие CMS, для которых нужно проставлять правильную html-разметку.

Но основная цель разметки — повышение ранжирования страницы в «глазах» поисковых систем. Ведь они анализируют огромное количество параметров страниц, и среди основных — корректность html-разметки.

Как выполняется html-разметка текстов?

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

Основные инструменты html-разметки текстов:

  • обычный абзац текста выделяется тегами <p></p>;
  • заголовки, соответственно, тегами h1, h2, h3, h4 (как правило, h4 бывают только в лонгридах размером 8-12 тыс. знаков, а h5 и вовсе не используется);
  • списки всегда отделяются тегами <ul></ul> (маркированный список) или <ol></ol> (нумерованный список), а каждый пункт — <li></li>;
  • жирный текст — <strong></strong>, курсив — <i></i>;
  • цитаты, им уделяем особое внимание, т.к. они выгодно освежают интерес к текстам, и выделяем тегом <blockquote></blockquote>;
  • изображения, если таковые имеюстя в тексте, получают корректно прописанный параметр alt;
  • Title и Description (META-тексты), как правило, просто отделяем визуально и подписываем, так как они размещаются в отдельные области в CMS.

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

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

Что такое хорошо и что такое плохо? Читайте в этой статье, как мы поиздевались над нашей статьей про СМС-рассылку, чтобы показать вам, как должен быть корректно размечен текст с точки зрения html.

Если у вас остались вопросы по html-разметке, вы хотите заказать тексты или проверить разметку на свой сайте, пожалуйста, свяжитесь с нами.


armyhelp.ru

avto-pokrasim.ru

autokeymaster.ru

inecostroy.ru

piudelcibo.ru

roskosmetika.ru

tk-billion.ru

alcodream.ru