2.3.2.2 Создание меню в соответствии с выбранным стилем:
Под меню навигации для сайта или панелью навигации чаще всего подразумевают ссылки, которые повторяются на каждой страницы с тем, что бы упростить поиск информации.
Правильная система навигации для сайта должна удовлетворять следующие требования:
Если проект не большой и состоит из 100 страниц одинаковой важности, то все ссылки на эти страницы должны входить в панель навигации сайта.
Если сайт много уровневый и страниц более 100, то в основную навигационную панель должны входить наиболее важные страницы (страницы, оптимизированные под важные фразы). Это позволит придать вес каждой странице "в глазах" поисковой системой.
Все названия ссылок входящие в меню навигации сайта должны быть сформулированы лаконично, емко и коротко, с тем, что бы посетитель мог легко найти необходимую страницу или раздел.
Желательно, что бы меню навигации, содержали ключевые слова, по которым страницы ресурса выдаются в результатах поиска, с тем, что бы увеличить их вес.
Меню навигации для сайта формирует исходя из важности страниц. Так поисковые системы оценивают каждую страницу и устанавливают ее важность среди других страниц. Поэтому правильно созданная панель навигации позволить занимать в результатах поиска наиболее важные позиции по ключевым фразам.
Навигация по сайту должна состоять из текстовых ссылок без использования javascript. Обусловлено это тем, что ссылки созданные с использованием javascript не понимаются поисковыми системами.
При создании или продвижении сайта, меню навигации по сайту формируют на базе уже собранного текстового содержания. Таким образом, создается система навигации сайта. Что позволяет при продвижении проекта, веб-дизайнеру, сделать акцент на наиболее важных ключевых словах. Поэтому навигационная панель отвечает не только за удобство поиска по сайту, но так же и играет наиболее важную роль в продвижении, раскрутки и оптимизации сайта.
Вот пример моего Header:
2.3.2.3. Система пиктограмм на сайт. Создание фавикона:
Пиктограмма (от лат. pictus — нарисованный и греч. γράμμα — запись) — знак, отображающий важнейшие узнаваемые черты объекта, предмета или явления, на которые он указывает, чаще всего в схематическом виде.
В настоящее время пиктограммы имеют узкоспециальную и второстепенную роль.
Фавикон для сайта представляет собой графическое изображение 16х16 пикселей, которое используется для отображения в поисковой выдаче, адресной строке браузера, а также во вкладках браузера и панели закладок.
Для
веб-сайта может быть установлена не
только одна общая иконка favicon, но и
собственная для определенной страницы.
Прилепить иконку к сайту можно сразу
же после установки его на хостинг. В
дополнение к вышесказанному можно
добавить что некоторые браузеры
поддерживают фавикон для сайта в
форматах gif и png. В таком случае нужно
закачать в корень веб-сайта иконки
обоих форматов и соответственно в
шаблон страницы добавить код для
отображения двух фавиконов, чтобы в
зависимости от браузера отображался
статический или анимированный фавикон.
Разработка футера для сайта.
Сейчас в футере (от англ. слова footer — нижняя часть страницы) большинства веб-сайтов, можно найти такую информацию как дата создания, название ресурса или информацию об авторских правах. Некоторые сайты размещают в «подвале» навигационные ссылки, например на страницы «О сайте» или «Контакты», или перечисляют наиболее читаемые категории. Наш блог можно отнести именно к таким сайтам и поэтому мы можем с уверенностью сказать, что эти ссылки никому не интересны и процент пользователей, которые на них кликнут, близок к нулю.
Гораздо эффективнее сделать футер более «видимым» и красивым, насытив его полезной информацией. К сожалению, дизайн каждого сайта индивидуален и такой футер может просто не вписаться во внешний облик ресурса. Поэтому внедрение расширенного футера в дизайн лучше всего осуществлять на этапе создания прототипа или эскизов будущего веб-проекта.
Так же очень важно правильно выбрать какими именно блоками насыщать футер. Здесь основной выбор стоит делать исходя из тематики сайта и задач, поставленных перед ресурсом.
Вот пример сложного футера:
