Контент сайта: что это такое и как его правильно создать

Контент представляет собой уникальный набор элементов, необходимых для создания веб-страницы. Уникальный, поскольку необходимо отделять его от повторяющихся элементов – таких, как шапка (header), подвал (footer), боковые колонки (sidebars) с виджетами (widgets) и других.

По типу контент можно поделить на:

• текст,
• изображения,
• видео,
• аудио.

В данной статье нас будут интересовать первые два типа, поскольку аудио- и видео-контент чаще и с большей эффективностью используются на специальных платформах – таких, как, например, видео-площадки или подкаст-сервисы. Конечно, это не означает, что видео и звук нельзя встроить в “классический” веб-сайт, но нас все же больше интересует текстовый контент и изображения.

Контент по типам

Обычно (но не всегда) контент сайта определяется его типом. Наиболее часто встречаются:

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

Это далеко не все типы контента. Существуют и другие, более специфичные типы:

• пользовательский контент (отзывы и обзоры),
• кейсы (портфолио или галерея работ),
• скачиваемые материалы,
• справочные центры,
• иной контент.

Также надо понимать, что типология контента далеко не конечна. Некоторые типы появляются, некоторые наоборот – устаревают. И еще: типы контента часто могут использоваться в нестандартных ролях. Например, интернет-магазин может включать в себя корпоративные блоги, а блог может иметь карточки товаров если его автор продает онлайн книги или, например, курсы.

Стандартные элементы контента

Каждый тип контента, формирующий веб-страницу, имеет определенный набор элементов. Некоторые из них являются обязательными, некоторые – опциональными:

• основной заголовок (h1) и подзаголовки (h2, h3…);
• лид или миниописание;
• изображения;
• текстуальная часть (параграфы, нумерованные и ненумерованные списки, таблицы и др.);
• кнопки действия (call-to-action buttons);
• формы (обратная связь, подписка и др.);
• ссылки (в том числе внешние);
• контактная информация (адрес, телефоны, ссылки на соцсети);
• инфографика;
• анимированные элементы (слайдер, карусель, табулированный список);
• другие элементы.

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

Кроме этого, нельзя забывать и про мета-данные:

• meta title,
• meta description.

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

Также не забываем про “невидимые” элементы – атрибуты alt для изображений и title для ссылок.

Помним и о порядке размещения подзаголовков:

• h1 может присутствовать на странице только в единственном экземпляре;
• должна соблюдаться номерная иерархия подзаголовков: за h1 может следовать только h2, за ним или следующий h2 или вложенный h3, за h3 – новый h2, следующий h3 или вложенный h4 и т. д.

Вообще, стандартизировать контент – задача сложная и не всегда понятная. Чаще мы говорим именно о визуальных элементах, которые могут реализовываться одинаковой HTML-разметкой. Или наоборот. Например, контактная информация может верстаться в виде ненумерованных списков (bulleted lists), а ссылки могут являться частью текста (inline links).

Заключение

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

В предыдущем посте обсуждалась навигация и ее элементы.