Один из первых камней преткновения, с которыми сталкивается начинающий веб–мастер, это полное непонимание структуры сайта. Из чего должен состоять сайт? Как организовать папки и файлы ресурса на сервере хостинг-провайдера?
В принципе, можно расположить файлы сайта любом порядке. Однако существуют серьезные ограничения волюнтаризму веб-мастеров.
Классической считается древовидная схема иерархии сайта:
– Главные тематические разделы – обычно не более пяти.
– Субразделы.
– Целевые или посадочные страницы.
Тема развивается от общего к частному, поисковый робот беспрепятственно проходит весь проект с верхних страниц до самых глубоко вложенных. Все довольны – и люди, и машины.
Удобнее всего изучать и понимать принципы структурирования сайтов в офлайн-конструкторах с менеджером проектов. Каждая новая веб-страница автоматически добавляется в указанное редактором место и так же автоматом появляется новый пункт в навигационных панелях. Чтобы технические страницы не индексировались и не попадали в поле зрения посетителей, в интерфейсе Параметры Страницы устанавливаются соответствующие галочки.
Распределение элементов на поверхности веб-страницы тоже делается на абы как, а в соответствии с естественным порядком человеческого восприятия, по принципу латинской буквы F. Праворучные люди, которых подавляющее большинство, основное внимание на странице уделяют следуют местам:
– Верхняя часть страницы. Поэтому сюда чаще всего публикуют самую дорого оплаченную рекламу.
– Левая часть страницы. Важные навигационные элементы.
– Центральная часть страницы – основной контент.
Правая часть страницы чаще всего служит для дополнительных навигационных блоков, размещается облако тегов, наиболее популярные статьи, дополнительные рекламные баннеры и тизеры.
Самый низ страницы называется подвал. Посетители редко туда попадают и поэтому в подвале размещаются ссылки различные служебные страницы и спецпредложения для партнеров и клиентов.
Что должно быть на веб-странице?
Метатеги не видны посетителям и предназначены исключительно для поисковых роботов.
Title – название веб-страницы. В тайтл включается продвигаемый поисковый запрос, и именно этот элемент учитывают поисковики при определении релевантности сайта.
Description – краткое описание содержания страницы. Этот тег поисковая система Google использует в качестве сниппета страницы в выдаче.
Keywords – ключевые слова, которыми оптимизирован контент на странице.
Есть некоторое невидимое посетителям, но имеющее принципиальное значение для веб-мастеров, различие в структуре обычных HTML-сайтов и ресурсов на движках или системах управления контентом.
Статический сайт – это просто набор файлов и папок, как в Моих Документах Windows. А динамический сайт состоит из контента, который хранится в базах данных и шаблона страницы. Динамический сайт конвертируется в HTML на сервере по запросу пользователя и только потом отправляется в браузер.
Вы можете развить свой сайт по нашей программе, для этого нужно пройти бесплатный курс. Познакомьтесь с программой курса.
Поделитесь информацией с друзьями.
Отказы на сайте - это процент посетителей, которые покидают сайт после просмотра только одной страницы.…
Инфопродукт - это любой продукт, который содержит информацию, полезную для потенциальных клиентов. Это может быть…
Ведение сайта - это не только подержание его работоспособности и наполнение контентом. В последние годы…
WordPress - это популярная система управления контентом (CMS), которая позволяет создавать и управлять веб-сайтами различной…
Сертификат Let’s Encrypt - это бесплатный и открытый сертификат SSL/TLS, который позволяет защитить веб-сайт от…
WordPress - это одна из самых популярных систем управления контентом в мире, которая используется миллионами…
View Comments
В статье очень хорошо описана начинка.
Доводилось делать сайт в начале 2000-ых. Ручками, в блокноте, на медленном интернете.
Уже тогда были системы разработки сайтов: даже в ворде можно было верстать веб-страницы.
У таких способов был один существенный минус: код страницы превращался в необъятную простыню. И действительно, написанный вручную код html хоть и делается много дольше, но несравнимо более компактен.
С тех пор утекло много воды, выросли и скорости инета и мощность устройств. Но сам код написанный разными способами очень и очень отличается. И на этом фоне информация о структуре кода как-то уже забывается.
Спасибо за поучительный курс, который я прохожу сейчас вместе с вами. Много нового.
Адель, ваш базовый курс очень многое прояснил в сознании, стали понятны многие неизвестные понятия, а эта статья дополняет и систематизирует полученные знания!
Отлично! Порядок на сайте и все довольны: и люди и машины! Забираю себе в закладки, спасибо Адель!
Статья дополняет знания из курса, систематизирует их. Для меня она очень полезна и информативна.
Спасибо за статью!
Спасибо за отличную статью! Узнал для себя много интересного и познавательного.
Продолжу путешествие по этому полезнейшему ресурсу!
Я сейчас на тренинге по создании сайта и некоторые термины мне понятны стали.но до сих пор я даже не представляла создать свой сайт.Спасибо за статью интересную и за уроки на тренинге.
Решила для себя попробовать создать свой сайт, это мой первый опыт в сайтостроении, настроилась решительно и пошла к вам на тренинг... сегодня будет четвёртй день как я в этом "варюсь". После первого занятия думала что мой мозг просто взорвётся, но постепенно понимою и усваевиваю всё больше информации. Спасибо Адель за ваш тренинг, в котором вы всё подробно объясняете!!!
С каждой новой прочитанной статьей появляются все новые и страшные понятия. Но, будем изучать, позновать и запоминать. Сейчас без этого никуда. Спасибо. Очень познавательно. Для меня так точно.