Как самому сделать сайт. Шаг 3. Структура сайта
Пошаговая инструкция
Структура сайта
Каждый сайт состоит из:
- записей (статей);
- страниц;
- шапки сайта (header);
- меню;
- подвала (footer);
- сайдбара (sidebar);
- хлебных крошек (навигационной цепочки – breadcrumbs);
- отдельных блоков;
- плагинов.
Запись сайта
Каждая отдельная запись (статья или публикация) сайта – это основной элемент контента каждого сайта. Чем больше на вашем сайте будет записей и чем качественнее и полезней будут они для посетителя, тем выше будет его рейтинг. Для того чтобы было удобно структурировать контент сайта в разделе – Записи существует подраздел – Рубрики. У каждой рубрики может быть одна или несколько подрубрик, которые называются – Дочерними рубриками, а основная рубрика при этом называется – Родительской рубрикой. Для того чтобы ваши записи быстрее находили ваши потенциальные читатели (посетители сайта) есть ещё один подраздел – Метки. Метка или тег (tag или meta-tag) – это ключевое слово или фраза, отображающие основной смысл какого-то фрагмента вашей статьи. Эти метаданные помогают быстро находить нужный раздел статьи и помогают поисковикам отображать соотвествующий запрос пользователя. Они похожи на хештеги в соцсетях. Отличаются только тем, что у меток сайта отсутствует знак решётки (#) и все слова мета-тега пишутся раздельно. На этом сайте знак решётки используется только в качестве декоративного элемента (таково дизайнерское решение создателя сайта).
Для каждой записи можно назначить основное изображение, которое будет отображаться вместе с её заголовком и кратким содержанием на странице записей.
В каждую запись вы можете по мере необходимости добавлять любые, нужные вам медиафайлы: изображения, видео, документы и тому подобное.
В каждом тексте записи вы можете добавлять внешние (ведущие на чужой сайт) и внутренние ссылки (ведущие на другую запись или страницу вашего сайта).
Страница сайта
Отдельная страница каждого сайта – это совокупность отдельных объектов на ней размещённых. Так например, на каждом сайте существует – Страница записей, на которой автоматически( при должной настройке) отображаютя все записи сайта. Иногда страница может содержать только текст и быть очень похожей на отдельную запись. Но чаще всего всё-таки страница – это структура, содержащая отдельные блоки с разными функциональными особенностями. Так любой лендинг (одностраничник – landing page) всегда содержит несколько блоков: заголовок, содержание, обратная связь, контакты и другие подобные). Многостраничный сайт как правило обязательно включает в себя страницы: Главная, О нас, Услуги/товары, Статьи, Контакты. И каждая страница при этом наполнена не только текстами, но и другими блоками с определённым функционалом.
Шапка сайта
Самый верхий эдемент любого сайта – это его шапка (header). Здесь распологаются:
- логотип:
- название сайта;
- слоган;
- главное меню;
- контакты.
В ней конечно же могут присутствовать и любые другие элементы. Так, например в интернет магазинах в шапке непременно расположена кнопка Корзины заказов, на сайтах с форумами – кнопка Регистрации аккаунта и тому подобное. Но как правило, – основные элементы шапки сайта перечислены выше. Шапка сайта чаще всего является единым элементом для всех разделов сайта – всех страниц и записей. Но могут быть и некоторые незначительные изменения. Шапка также может быть плавающей (оставаться всегда вверху, при прокрутке содержимого – как сделано на этом сайте), может меняться её прозрачность, цвета фона, цвета и размеры отдельных элементов.
Меню сайта
Меню сайта – это основной элемент, выполняющий функцию навигации по основным разделам сайта. Само слово превосходно отображает назначение этого важного элемента. Другими словами, меню – это набор ссылок на отдельные страницы и рубрики сайта. У сайта может быть одно – основное меню в шапке, а может быть несколько меню в разных местах. Как видите у нас для удобства посетителей предусмотрено – 3 меню. На наших сайтах мы всегда делаем карту сайта.
Карта сайта – это полное меню сайта с перечнем всех страниц и записей. Если вы хотите на своём сайте присутствия полного комфорта для поисковиков и ваших посетителей, рекомендуем вам также не пренебрегать этим элементом.
Подвал сайта
Подвал сайта (footer) – это самый нижний элемент сайта. Подвал прямо противоположен шапке сайта, но не менее важен. Его сходство с шапкой сайта ещё и в том, что он также – сквозной (является единым элементом для всех страниц и записей). Здесь обычно распологаются:
- информация об авторстве;
- контактная информация;
- меню основных разделов;
- ссылки на социальные сети;
- кнопка прокрутки вверх;
- счётчики посещаемости.
Выше перечислены элементы наиболее часто размещаемые в подвале. Кроме перчисленого здесь могут быть размещены ещё: ссылка на Политику конфиденциальности и Карту сайта; Облако тегов; Перечень партнёров (при наличии); Свежие публикации (3-4 записи) и другое. Каждый сайт – это творчество какого-то человека, а мы все разные…
Сайдбар сайта
Сайдбар (sidebar) сайта — это боковая панель сайта, расположенная слева или чаще справа от основного контента на странице или записи. Этот элемент сайта также является сквозным. Все блоки, размещенные в сайдбаре предпологают дополнительные удобства для посетителей сайта по навигации. Широко применяются на новостных порталах, форумах и на всех сайтах с большими объёмами контента. Как правило ширина сайдбара гораздо меньше ширины блока с основным контентом. Существуют сайты с двумя сайдбарами – и слева, и справа. Это оправдано, когда есть необходимость вывести максимум навигационной информации на сайте.
Хлебные крошки сайта
Хлебные крошки (breadcrumbs) — это цепочки навигации на сайте. Они отображают всю последовательность маршрута от Главной страницы сайта до места на сайте, в котором находится посетитель сайта в данный момент. И выглядит такая цепочка, например для этой статьи – так: Главная – База знаний – Как самому сделать сайт – Как самому сделать сайт. Шаг 3. Структура сайта. Благодаря такой подробной расшифровке всего пути появляется возможность легко вернуться к любому промежуточному разделу.
Отдельные блоки сайта
Каждая страница сайта состоит их отдельных блоков, которые несут с собой как текстовый контент, так и определенную функциональность. Чаще всего встречаются блоки: Обложка страницы, Сервисы (Инфо-блоки), О компании (О нас), Слайдеры и карусели, Призывы к действию, Табы и аккордеоны, Поп-апы (всплывающие окна), Галереи изображений (товаров/услуг). Какие блоки использовать при вёрстке сайта, как их расположить, чем наполнить и как оформить – зависит только от UX/UI-дизайнера. И если вы взялись самостоятельно делать сайт, то сообщу вам по секрету, что UX/UI-дизайнер – это вы!
Плагины для сайта на WordPress
Плагины для сайта – это независимые программные модули для расширения функций и возможностей основной платформы сайта без внесения изменений в его основной код. Это могут быть как программы, улучшающие и расширяющие технические параметры сайта (производительность, оптимизация, безопасность), так и расширяющие возможности дизайна и функциональности сайта (контактные формы, конструкторы отдельных блоков и страниц, интеграция со сторонними сервисами). О плагинах мы обязательно ещё поговорим подробнее немного позже.