УРОК №2 Система управления содержанием сайта: разделы и меню

  • Что такое архитектура сайта?
  • Как создавать и редактировать разделы и подразделы сайта?
  • Как создавать и редактировать элементы меню?

ОПРЕДЕЛЕНИЯ И МОДУЛИ

Архитектура сайта, меню сайта, карта сайта, юзабилити сайта
-  данные понятия не означают одно и тоже, но они тесно взаимосвязаны!

Архитектура сайта – система организации файлов, Веб-страниц и просто информации, содержащейся на сайте . Посетитель сайта для поиска необходимой информации и навигации по ней использует меню сайта. Меню сайта состоит из набора ссылок (пунктов меню). Каждая ссылка, в свою очередь, ведет пользователя на различные разделы, подразделы, Веб-страницы сайта (см. рисунок).

Архитектура сайта

Для того, чтобы помочь пользователю ориентироваться на сайте, делается вспомогательная Веб-страница с картой сайта. На карте сайта представлен (по крайне мере должен быть представлен) полный перечень разделов, либо всех страниц, имеющихся на сайте.

Юзабилити сайта (англ. usability — дословно «возможность использования», «способность быть использованным», «полезность») — это удобство использования и поиска необходимой информации на сайте для его пользователей. В сфере Интернет приобрел широкое значение — см. полезные материалы данного урока.

Ссылка, альяс
Ссылка — это запись, связывающая между собой Веб-страницы сайта. Используют также термины внутренняя ссылка (ссылающаяся на другие Веб-страницы данного сайта) и внешняя ссылка (ссылающаяся на другие Веб-страницы стороннего сайта). Альяс — синоним ссылки, т.е. «еще одна» ссылка, которая будет вести на этот элемент меню.
Человекопонятные урлы (ЧПУ)
(анг. Friendly URL) — веб-адреса, удобные для восприятия человеком (а также поисковыми системами), где «урл» — жаргонное обозначение URL. Например, ссылка на раздел сайта для клиентов компании: http://aceshop.by/client/
Контент-система (CMS)
Контент-система, система управления содержимым (контентом) (англ. Content management system, CMS) — информационная система, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом, .т.е есть содержимым сайта.
Мета-теги «Описание», «Ключевые слова»
- это HTML-теги, предназначенные для предоставления структурированных (кратких, емких) данных о Веб-странице для поискового робота.

Поле «Ключевые слова» заполняются словами и словосочетаниями, которые характеризуют информацию данного раздела, слова/ словосочетания пишутся через пробел или запятую. Поле «Описание» содержит 1-2 связанных предложения, описывающих информацию, которая будет размещаться в данном разделе. Длина полей - не более 255 символов (включая знаки препинания и пробелы).

RSS-канал
- это канал для рассылки лент новостей, анонсов статей при их публикации на сайте. Информация из различных источников, представленная в формате RSS, может быть собрана, обработана и представлена пользователю в удобном для него виде специальными программами-агрегаторами (RSS-агрегаторами), т.е. опубликована на сторонних новостных Веб-ресурсах.
Поисковая оптимизация (SEO)
(анг. search engine optimization, SEO) - это комплекс мер для поднятия позиций сайта в результатах выдачи поисковых систем по определенным запросам пользователей.
Основными направлениями работ по внутренней оптимизации сайта является: улучшение структуры и навигации; релевантное наполнение метатегов каждой страницы и раздела; улучшение качества оформления (верстка) и количества текста (плотность ключевых слов в статях); использование внутренних ЧПУ ссылок.

Для внешней оптимизации сайта необходимо: обновлять информацию на сайте, используя уникальный контент; увеличить число внешних ссылок на сайт (каталоги сайтов, статей, RSS-каналов; сторонние ресурсы).

СМОТРИМ И ПОВТОРЯЕМ

МАТЕРИАЛ УРОКА

Зайдите в Панель управления Вашего сайта, откройте «Содержание сайта» -> «Разделы». Перед Вами список разделов сайта. Нажав на раздел, Вы попадаете на страницу его редактирования: изменения его названия, ссылки, зависимости от других разделов.

Путем создания разделов и подразделов Вы создаете архитектуру сайта (архитектуру гиперссылок). Пользователь видит архитектуру сайта как меню (навигацию сайта).

Для того чтобы добавить текстовую и графическую информацию, необходимо будет создать для выбранного раздела статью. Каждый раздел может представлять из себя как одну html-страницу (одну статью), так и группу статей. 

Для того чтобы создать новый раздел, откройте раздел Панели управления «Содержание сайта»:

  1. выберите «Новый раздел»;
  2. введите данные или выберите нужное значение из выпадающих списков, значения полей — таблица 1; 
  3. сохраните информацию, нажав кнопку «Создать».

Для того чтобы изменить/удалить информацию о разделе (название, ссылку, местоположение в архитектуре сайта и т.д.), откройте раздел Панели управления «Содержание сайта»:

  1. выберите «Разделы»;
  2. нажмите название раздела, которые вы хотите изменить; 
  3. введите новые данные или измените значение из выпадающих списков или поставьте галочку напротив «Удалить раздел»; 
  4. сохраните информацию, нажав кнопку «Редактировать». 

Внимание! Удалая раздел, Вы автоматически удаляете все подразделы, статьи раздела и подразделов, которые привязаны к данному разделу.

Для того, чтобы информация из созданного раздела была доступна через пользовательское меню, выбираем раздел Панели управления «Меню и ссылки», и создадим «Новый элемент меню» (значения полей — таблица 2), имея ввиду:

  • Если Вы хотите, чтобы элемент меню вел на список статей, Вам необходимо указать на странице создания нового элемента меню в поле «Ссылка» URL-ссылку соответствующего раздела (см. Содержание сайта: Разделы).  - заменить на русской части.
  • Если элемент меню будет вести на одну страницу, т.е. одну статью, вы можете присвоить ему любую ЧПУ ссылку или оставить поле пустым и система сама присвоит ссылку. Единственное, что созданная статья для этой страницы должна будет иметь туже ссылку.

Например, Вы создали раздел статей «Новости компании», программа присвоила ему ссылку «/cat-110» (см. список разделов), то в поле «Ссылка» для нового элемента меню Вы пишите «/cat-110». 

Если вы хотите, чтобы нажимая на элемент меню «Наши контакты», посетитель сайта попадал на одну страницу с контактами, то мы создаем статью «Наши контакты», копируем ее ссылку и присваиваем эту ссылку элементу меню «Наши контакты», например: «/post-contact» (см. далее Урок №3).

Список статей, размещенных в разделе можно увидеть в разделе Панели управления «Содержание сайта» -> «Список статей».

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

Таблица 1 — Назначение и формат полей для создания раздела

Имя поля

 Назначение (формат)

Статус Для разделов предусмотрено два статуса: 
  • «Активен» - раздел и информация, находящаяся в нем, доступны для просмотра посетителями сайта;
  • «Заблокирован» - раздел и информация, находящаяся в нем, не доступны для просмотра посетителями сайта, но администратор системы имеет возможность редактировать и просматривать раздел и информацию в нем.
Карта сайта  Раздел может быть отображен на карте сайта (значение «показывать») или нет (значение «не показывать»).
Поиск Раздел может быть доступен при выборе ограничений расширенного поиска пользователя (значение «показывать») или нет (значение «не показывать»).
RSS-каналы Для раздела создается отдельный RSS-канал (значение «показывать») или нет (значение «не показывать»).
Комментарии  Статьи из раздела можно комментировать (значение «показывать») или нет (значение «не показывать»).
Тип сообщения  Тип размещаемых в разделе статей: «Интерактивная статья», «Справочная статья».
Заголовок Имя раздела.
Раздел верхнего уровня Если Вы создаете подраздел — в выпадающем списке выберите раздел (т.е. раздел верхнего уровня) от которого будет зависеть данный подраздел. Если вы создаете раздел верхнего уровня — оставьте поле пустым. 
Ключевые слова (meta) Поле для ввода значения мета-тега «Ключевые слова». Не более 255 символов. 
Подробное описание  Поле для ввода значения мета-тега «Описание». Не более 255 символов. 
Удалить раздел Поставив галочку напротив поля и нажав кнопку «Редактировать» - Вы удалите раздел, его подразделы и все статьи, которые были в данных разделах. 

Таблица 2 — Назначение и формат полей для создания элемента меню

Имя поля

 Назначение (формат)

Статус Для элементов меню предусмотрено два статуса: 
  • «Активен» - элемент меню доступен для просмотра посетителями сайта;
  • «Заблокирован» - элемент меню доступен для просмотра посетителями сайта; но администратор системы имеет возможность редактировать и просматривать элемент меню.
Заголовок Имя элемента меню
Меню верхнего уровня Если Вы создаете подменю — в выпадающем списке выберите элемент меню (т.е. меню верхнего уровня) от которого будет зависеть создаваемый элемент подменю. Если вы создаете элемент меню верхнего уровня — оставьте поле пустым. 
Альяс Синоним ссылки, т.е. «еще одна» ссылка, которая будет вести на этот элемент меню.
Ссылка Ссылка раздела (или статьи), на которую будет вести посетителя сайта создаваемый элемент меню. Формат данных поля «/cat-2» (ведет на раздел) или «/topic-contact» (ведет на справочную статью с маркером «contact»). См. 3 урок.
Класс таблицы стилей Используется для настройки внешнего вида меню. Заполняется только программистом.
Удалить элемент меню Поставив галочку напротив "Удалить" и нажав кнопку «Редактировать» - Вы удалите элемент меню и те элементы меню, которые зависели от него. 

 

 К списку видеоуроков АНАЛИТИКА ПО ТЕМЕ Перейти к уроку №2

Корневая статья: Видео-уроки

Вход в систему

Пользователь
Пароль