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 |