Здравствуйте, уважаемые коллеги, гости WordPress-book.ru. В этой статье мы рассмотрим как основные, так и в них входящие, менее значимые, но не менее важные элементы (блоки, вставки), своего рода катализаторы в раскрутке проекта, которые должны присутствовать на всех современных веб-сайтах. Тематика площадки при этом не имеет значения, так как описанные здесь компоненты являются универсальными и обязательными для всех типов проектов.

 

Основные элементы сайта, составляющие его структуру

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

Основные элементы

  1. Хедер или как еще говорят: «Шапка или голова сайта». В этом блоке расположены логотип компании, заголовок и краткое описание проекта.
  2. Горизонтальное меню. Тут, чаще всего, находятся ссылки на статические страницы (контакты, о компании, карта сайта, услуги и т.д.).
  3. Сайдбар – боковая колонка с ссылками на все разделы (рубрики).
  4. Контекстный блок. Тут, как вы сами уже догадались, основной контент. Если без остальных элементов можно худо-бедно обойтись, то отсутствие контентного блока лишает сайт всякого смысла.
  5. Футер (подвал) сайта. Подвал является последним, пятым элементом в списке основных. Кроме значка копирайтинга с доменом, тут принято размещать счетчик посещаемости сайта. Иногда, в подвал дублируют ссылки из горизонтального меню, добавляют различные блоки типа «ТОП комментаторов» и т.п.

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

Важные элементы

  1. Контакты

Специальный блок с контактными данными (юридический адрес и адрес электронной почты, номер телефона, схема проезда, …) необходим даже для некоммерческих проектов.

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

Посетитель всегда должен иметь хоть один способ связи с администрацией проекта. Такой площадке всегда больше доверия.

  1. Кнопка добавления в закладки

Присутствие этой кнопки подтолкнет посетителей добавить сайт в закладки браузера. Если информационный материал действительно интересен и полезен, люди будут заходить на сайт повторно с закладок.

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

Для встраивания кнопки, необязательно задействовать тяжеловесные скрипты, можно использовать следующий код:

<a onclick="alert('Чтобы добавить сайт в закладки, нажмите комбинацию клавиш Ctrl+D');return false;" href="#"><img alt="Добавить сайт в закладки" src="//wordpress-book.ru/wp-content/uploads/2016/04/zakladki.jpg" title="Добавить сайт в закладки"></a>

  1. Кнопки "Поделиться" в социальных сетях

В эпоху социальных сетей, когда особенно важны социальные сигналы и активность пользователей, без данных кнопок не обойтись.

Оформление этого компонента желательно сделать максимально стандартизированным, чтобы блок не скрывался за стилями дизайна, не «прятался» и не путал пользователей.

Я использую блок кнопок "поделиться" от сервиса uptolike.ru.

  1. Форма подписки

Форму подписки следует отнести не столько к важному, сколько к обязательному элементу. Иначе, как вы будете извещать свою постоянную аудиторию об обновлениях, последних новостях, акциях и т.п.?

  1. Представительства в соцсетях

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

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

Практическая реализация

Вышеописанные блоки могут быть созданы любым способом, удобным для владельца web-ресурса. С их внешним видом лучше не экспериментировать, а использовать типичные и классические варианты.

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

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

P.S. Как вы считаете, все ли основные и важные элементы я перечислил? Если у кого есть что добавить, пишите в комментариях.

С уважением, Роман Ваховский.

Хороший человек всегда нажмет на кнопку!
Комментарий > Благодарность > Ссылка на секретную страницу блога

3 комментария: Основные и важные элементы для любого сайта, без которых никак

Страница 1 из 11
  • Максим Обухов говорит:

    Да вы правы! На сайте должно быть все понятно для посетителя!

  • Ирина говорит:

    Спасибо за статью! Подскажите пожалуйста является ли ошибкой если рубрики находятся в горизонтальном меню? И где тогда лучше разместить меню страниц? Спасибо Роман!

    • Роман Ваховский говорит:

      Здравствуйте, Ирина.
      Это от шаблона зависит. Ваш шаблон больше подойдет для маленького сайта с количеством рубрик в горизонтальном меню около пяти, больше просто не поместится. Список всех рубрик у Вас в подвале, сразу и не заметишь, лучше разместить повыше, в сайдбаре.

Страница 1 из 11

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Поиск по блогу

Все права защищены © 2011-2016. WordPress-book.ru

Копирование материалов разрешено только с размещением открытой обратной ссылки на источник.