Один из первых камней преткновения, с которыми сталкивается начинающий веб–мастер, это полное непонимание структуры сайта. Из чего должен состоять сайт? Как организовать папки и файлы ресурса на сервере хостинг-провайдера?
Иерархия и архитектура сайта
В принципе, можно расположить файлы сайта любом порядке. Однако существуют серьезные ограничения волюнтаризму веб-мастеров.
- Непонятно структурированный ресурс формирует негативный пользовательский опыт, что снижает количество возвратных посещений и увеличивает коэффициент отказов.
- Если пользователь не может быстро найти на сайте нужную информацию, это негативно сказывается на авторитете автора, отрицательно влияет на формирование бренда.
- Если клиент не может найти желаемый товар, покупок не будет, низкий коэффициент возврата инвестиций и слабые перспективы развития бизнеса.
- Если веб-страницы перепутаны, велика вероятность, что поисковый робот не сможет попасть на некоторые страницы и они не будут участвовать в поиске.
- Проблемы с поисковым продвижением.
Классической считается древовидная схема иерархии сайта:
– Главные тематические разделы – обычно не более пяти.
– Субразделы.
– Целевые или посадочные страницы.
Тема развивается от общего к частному, поисковый робот беспрепятственно проходит весь проект с верхних страниц до самых глубоко вложенных. Все довольны – и люди, и машины.
Комплектация страниц сайт
- Главная или домашняя страница сайта.
- Новостной блог ресурса.
- Основные тематические разделы.
- Вложенные информационные страницы.
- Посадочные, целевые, продающие страницы.
- Служебные страницы: “О нас”, “Контакты”, “Партнерам”, “Пользовательское соглашение”, “Условия конфиденциальности”, HTML Карта сайта.
- Коммерческие страницы: “ Наши услуги”.
- Технические страницы и папки, недоступные для людей и служащие для обеспечения правильной работы сайта и настройки взаимоотношений с поисковыми роботами: Карта сайта XML, директория для хранения картинок и фотографий, директория медиаконтента, папка для скриптов и каскадных таблиц стилей.
Удобнее всего изучать и понимать принципы структурирования сайтов в офлайн-конструкторах с менеджером проектов. Каждая новая веб-страница автоматически добавляется в указанное редактором место и так же автоматом появляется новый пункт в навигационных панелях. Чтобы технические страницы не индексировались и не попадали в поле зрения посетителей, в интерфейсе Параметры Страницы устанавливаются соответствующие галочки.
Веб-страница
Распределение элементов на поверхности веб-страницы тоже делается на абы как, а в соответствии с естественным порядком человеческого восприятия, по принципу латинской буквы F. Праворучные люди, которых подавляющее большинство, основное внимание на странице уделяют следуют местам:
– Верхняя часть страницы. Поэтому сюда чаще всего публикуют самую дорого оплаченную рекламу.
– Левая часть страницы. Важные навигационные элементы.
– Центральная часть страницы – основной контент.
Правая часть страницы чаще всего служит для дополнительных навигационных блоков, размещается облако тегов, наиболее популярные статьи, дополнительные рекламные баннеры и тизеры.
Самый низ страницы называется подвал. Посетители редко туда попадают и поэтому в подвале размещаются ссылки различные служебные страницы и спецпредложения для партнеров и клиентов.
Что должно быть на веб-странице?
- Шапка сайта. Часто это тематическая картинка или фото, галерея или анимация.
- Логотип проекта. В левой части шапки. Логотип принято делать ссылкой на Главную.
- Слоган. Ниже шапки главная панель навигации. Обычно ссылки только на основные разделы.
- Под навигацией строка ссылок “хлебные крошки” как элемент юзабилити – чтобы клиент не заблудился на сайте.
- Название веб-страницы – Title. Заголовок статьи H1. Подзаголовки H2-H6. Тексты.
- Графический контент – фотографии, GIF-анимация, Flash-элементы.
- Видеоролики и аудиоподкасты.
- Рекламный контент: контекстные блоки и ссылки, баннеры, тизерная реклама.
Метатеги
Метатеги не видны посетителям и предназначены исключительно для поисковых роботов.
Title – название веб-страницы. В тайтл включается продвигаемый поисковый запрос, и именно этот элемент учитывают поисковики при определении релевантности сайта.
Description – краткое описание содержания страницы. Этот тег поисковая система Google использует в качестве сниппета страницы в выдаче.
Keywords – ключевые слова, которыми оптимизирован контент на странице.
Статические и динамические сайты
Есть некоторое невидимое посетителям, но имеющее принципиальное значение для веб-мастеров, различие в структуре обычных HTML-сайтов и ресурсов на движках или системах управления контентом.
Статический сайт – это просто набор файлов и папок, как в Моих Документах Windows. А динамический сайт состоит из контента, который хранится в базах данных и шаблона страницы. Динамический сайт конвертируется в HTML на сервере по запросу пользователя и только потом отправляется в браузер.
Вы можете развить свой сайт по нашей программе, для этого нужно пройти бесплатный курс. Познакомьтесь с программой курса.
Поделитесь информацией с друзьями.
Можете.
По началу конечно же это был для меня темный лес,я даже думал что не справлюсь,но курс оказался на столько понятным и разжеванным что наверно даже и ребенок бы справился!
Я следовал всем вашим инструкциям, теперь что-то уже проясняется. Очень доволен
Об этом я рассказываю в продвинутом курсе.
Пожалуйста, сюда.
Спасибо , Адель, за полезный курс.Много читала о разных частях сайта.Знания эти были разбросаны хаотично. Теперь пазл сложился-это мой молодой сайт!
Здравствуйте!
Раньше я создавал простые сайты HTML и CSS, что, конечно, занимало немало времени.
И только попробовав создать сайт на СМС ВордПресс благодаря Вашему бесплатному курсу, я понял, что очень много упустил как в качестве, так и в скорости, не используя раньше WordPress и его возможности.
Спасибо Вам, Адель, за такой очень полезный курс.
Давно мечтал создать сайт были попытки изучать html, использовал конструкторы, но не где не мог получить хороший вариант. Все выходило как то пустяков о. Спасибо Адель благодаря вашему тренингу все оказалось так просто, что я даже удивлен. И задаю себе вопрос а что же я делал до этого. Огромное вам спасибо, желаю вам успехов удачи.
Я только что прошла бесплатный курс на который в статье есть ссылка. Друзья – это бомба! Я проходила несколько разных платных тренингов, они тоже были полезны. Но за этот я бы и заплатила. Я планирую и дальше заниматься в продвинутом тренинге. Но посмотрите: здесь есть ссылка на сайт который родился благодаря Аделю. Спасибо!
Хостинг, домен, метатеги и прочая и прочая и прочая…
Одним словом – темный лес и с боку бантик. Но постепенно, ползая по данному сайту от статьи к статье, в моей голове происходит некое упорядочивание. Не сразу, конечно, врать не буду, но что-то в башке откладывается. И что-то начинаешь понимать. Это, как когда-то Кабалевский (кто не знает это композитор и просветитель от музыки) советовал одному шахтеру ещё и ещё раз слушать 9-ую симфонию Бетховена, пока не поймешь ее. А шахтер признавался ему,что уже десять раз прослушал, но так ничего и не понял. Наивный Кабалевский посоветовал шахтеру послушать 11-й раз. Не знаю чем кончилась та история, но кажется мне 11-й раз не потребуется. Хотя, кто знает…
Отличный комментарий. У меня схожие ощущения.
Для меня раньше тоже это такой темный лес был, а сейчас появляется понимание работы, структуры сайта и даже что – то начинается получаться. ура!!!!!!
Классный комментарий!!!!!!Не знаю как с 9-ой симфонией, но материал тренинга Аделя доходчив, для меня по крайней мере, со второго, максимум с третьего раза