Инструкция по оформлению статей
Заголовки
Наличие заголовков <h1> — <h6> в статьях важны для SEO оптимизации. Поисковые роботы их сканируют, и на основе ключевой информации в статях, формируют выдачу . Они также отвечают за структуру страницы и ранжируются по приоритету важности.
Заголовок <h1> - это всегда название статьи и на странице он должен быть только один. В статьях важные разделы лучше разделяйте заголовками <h2> и всегда соблюдайте иерархию вложенности. Не допускайте, чтобы заголовок младшего уровня стоял выше старшего!
Кстати в системе OkayCMC оглавления в статьях строится на заголовках. Вам не нужно их создавать вручную и прописывать им якоря. Оглавление для статьи формируется автоматически с якорями на нужный раздел.
Оформление маркированного и нумированного списков
Часто в статьях приходиться как то выделить набор отдельных фраз или предложений, которые начинаются с маркера или цифры. В таких случаях лучший способ использовать списки. С их помощью можно упорядочить и систематизировать разные данные и представить их в наглядном и удобном для пользователя виде. В примерах ниже приведены варианты оформлений, как по умолчанию, так и дополнительного вида.
Нумированный список по умолчанию:
- 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.
Маркированного списка по умолчанию:
- 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 из одного.
