Инструкция по оформлению статей

Заголовки

Наличие заголовков <h1> — <h6> в статьях важны для SEO оптимизации. Поисковые роботы их сканируют, и на основе ключевой информации в статях, формируют выдачу . Они также отвечают за структуру страницы и ранжируются по приоритету важности.

Заголовок <h1> - это всегда название статьи и на странице он должен быть только один. В статьях важные разделы лучше разделяйте заголовками <h2> и всегда соблюдайте иерархию вложенности. Не допускайте, чтобы заголовок младшего уровня стоял выше старшего!

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

Оформление маркированного и нумированного списков

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

Нумированный список по умолчанию:

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
2. In eget velit vulputate, aliquam tellus vel, cursus purus.
3. Curabitur fermentum justo quis sem lacinia, pharetra bibendum purus congue.
4. Curabitur tempor enim quis lobortis tristique.
5. Praesent blandit turpis sed odio accumsan, a scelerisque risus ornare.

Маркированного списка по умолчанию:

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
• In eget velit vulputate, aliquam tellus vel, cursus purus.
• Curabitur fermentum justo quis sem lacinia, pharetra bibendum purus congue.
• Curabitur tempor enim quis lobortis tristique.
• Praesent blandit turpis sed odio accumsan, a scelerisque risus ornare.

Изображения и видео

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

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

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