Шапка сайта

Шапка сайта – это основная верхняя область веб-страницы. Представлена в виде графического файла, индексируемого поисковыми системами.
Шапка сайта

Шапка сайта – это основная верхняя область веб-страницы. Представлена в виде графического файла, индексируемого поисковыми системами.

Шапка является основным элементом дизайна для веб-проекта.

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

Содержание шапки сайта

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

Верхняя область может содержать:

  • Название компании. Желательно на нескольких языках. шрифт должен быть крупнее, чем в остальных областях и элементах страницы. Разрешено использовать выделение и подчеркивание. выгодно смотрятся художественные шрифты;
  • Главный девиз организации, слоган, логотип. Логотип может быть фоновым изображением;
  • Важные контакты и данные компании;
  • Кнопки регистрации и авторизации на сайт;
  • Главное меню и каталоги;
  • Строка поиска информации. для более удобного пользования сайтом посетителю;
  • Корзины и другие элементы личного кабинета пользователя;

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

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

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

Типы шапки сайта

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

Фиксированная шапка остается на глазах у посетителя на всех областях и страницах ресурса. Для того, чтобы закрепить шапку необходимо добавить нужные стили (например, position: fixed) и координаты (например, top, right), а после зафиксировать их к вертикальному скроллу страницы. Фиксация обычно производится при помощи jQuery.

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

  • Ш
  • 12, сегодня: 1