1. OneData.ru
  2. »
  3. Что такое Header сайта?
--- 18-08-2017, 11:59 0 141

Что такое Header сайта?

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

Что такое Header сайта? Мы уже выяснили, что «шапка» является основополагающим элементом сайта. Без нее стилистическое оформление страницы будет выглядеть сырым и невзрачным. Здесь же отметим, что Хедер обычно состоит из картинки, анимации или элемента Flash. Специалисты рекомендуют уделить особое внимание содержанию Хедера, так как от этого напрямую зависит успешность продвижения сайта. Далее мы поговорим о том, какие бывают «шапки» и что в них нужно размещать.


Виды «шапок»


Опытные веб-мастера знают, что существует очень много видов Хедеров. Однако, если их проанализировать, то можно выяснить, что все они сходятся к трём основным:
  • Картинка – если вы не хотите усложнять себе жизнь, данная разновидность «шапки» является наиболее заманчивой. Судите сами: достаточно просто нарисовать или скачать изображение, переформатировать его в jpg, и готово. Профессиональные верстальщики зачастую вырезают картинку из готового макета сайта. Основным достоинством картинки является то, что она очень быстро загружается в структуру сайта, но нельзя сказать, что она способна выполнить все функции, которые возлагаются на Хедер. Да, на картинке очень удобно разместить название ресурса или контактную информацию, но если вам нужно будет что то изменить, придётся редактировать «шапку» и снова загружать её на сайт;
  • анимация – как можно уже догадаться с названия, данный вид Хедера не является статичным, и представляет собой более «живой» формат. Учитывая то обстоятельство, что длительность анимации и частоту смены её кадров можно регулировать, представьте сколько можно поместить туда информации и различной рекламы. Но и здесь не всё так гладко: так же как и предыдущего варианта, при необходимости изменения «начинки» Хедера, его нужно заново переделывать и загружать на сайт. Кроме того, у анимированной «шапки» прибавляется еще один серьёзный недостаток: весит она сравнительно много, поэтому нормально загрузить её смогут только пользователи с быстрым интернетом;
  • шапка-Flash – данную разновидность Хедера нельзя назвать самобытной, в отличии от двух предыдущих, так как она вобрала в себя все достоинства картинки и анимации. Поэтому, её и использует большее количество веб-мастеров. Главным её плюсом является то, что она может быть представлена не только в виде анимации, но и выполнять другие функции. Здесь возможности практически безграничны – можно задать любой сценарий: от мини-игры до веб-карты. Кроме того, здесь имеется больше параметров настройки и можно стильно оформить ссылки на разделы своего сайта или ресурсы друзей. Стоит отметить, что для изменения «начинки» достаточно просто изменить исходный код.
    Если проанализировать каждую разновидность, то можно выяснить, что единственным Хедером, у которого отсутствуют ярко выраженные недостатки, является Flash. Именно поэтому он и является наиболее популярным на сегодняшний день.



Что нужно размещать в «шапке»?


Даже начинающий веб-мастер знает, что Хедер сайта в первую очередь предназначен для того, чтобы разместить в нём название и логотип ресурса. В случае, если сайт носит характер информационного либо развлекательного, «шапка» должна полностью отображать его содержание.
В «шапке» коммерческих сайтов можно также указывать:
  • Контактные данные – телефон, почта, ICQ. Нетрудно догадаться, что именно в Хедере они будут лучше всего бросаться в глаза и обращать на себя внимание;
  • личная информация – это может быть адрес офиса (чтобы добиться большего доверия, нужно обязательно указывать город);
  • короткие рекламные слоганы, которые вкратце отображают всю суть ресурса.


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


Что не нужно размещать в «шапке»?


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


Хедер сайта должен нести определённую смысловую нагрузку, но здесь важно не переусердствовать. Опытные веб-мастера знают, что здесь действует принцип: «краткость – сестра таланта», к тому же, в наличии имеется основное поле, где можно размещать что заблагорассудиться.


Создание «шапки» сайта


Как мы уже говорили выше, разработка Хедера является начальным этапом разработки сайта. Дело в том, что именно от особенностей оформления «шапки» зависит общая картина дизайна. К примеру, если существует уже готовый фирменный стиль (цвет, логотип), то страницы сайта оформляются в соответствии с ними. Главная задача веб-мастера – добиться того, чтобы между Хедером, основным полем и Футером просматривалась единая стилистическая концепция.

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

Давайте рассмотрим пример создания Хедера медицинского сайта. Для начала нужно найти несколько фотографий врачей, желательно сотрудников клиники. Стоит отметить, что эти фото нужно обработать в редакторе, чтобы повысить их уникальность и не попасть в бан за неуникальный контент. Затем, создаём логотип – это может быть обычный медицинский крест. Располагаем его по центру «шапки» и с использованием строгого шрифта указываем название ресурса. Еще раз напомним, что от настроения «шапки» зависит настроение посетителей, и в данном случае врачи должны излучать доброту и уверенность.


Вывод


Хедер сайта – это один из ключевых элементов структуры сайта. Именно с разработки «шапки» и начинает свою работу веб-мастер, так как от её оформление и будет зависить стилистическая направленность страницы. Надеемся, что после прочтения нашей статьи вы поняли что такое Header сайта. Еще раз напомним, что пользователи, при переходе на сайт, в первую очередь сталкиваются с «шапкой» и уже по ней определяют, стоит ли дальше изучать ресурс или лучше его проигнорировать. В общем, можно с уверенностью сказать, что Хедер – это визитная карточка сайта.