Строение сайта. Из чего состоит сайт

Один из первых камней преткновения, с которыми сталкивается начинающий веб–мастер, это полное непонимание структуры сайта. Из чего должен состоять сайт? Как организовать папки и файлы ресурса на сервере хостинг-провайдера?

 

Иерархия и архитектура сайта

 

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

  1. Непонятно структурированный ресурс формирует негативный пользовательский опыт, что снижает количество возвратных посещений и увеличивает коэффициент отказов.
  2. Если пользователь не может быстро найти на сайте нужную информацию, это негативно сказывается на авторитете автора, отрицательно влияет на формирование бренда.
  3. Если клиент не может найти желаемый товар, покупок не будет, низкий коэффициент возврата инвестиций и слабые перспективы развития бизнеса.
  4. Если веб-страницы перепутаны, велика вероятность, что поисковый робот не сможет попасть на некоторые страницы и они не будут участвовать в поиске.
  5. Проблемы с поисковым продвижением.

 

Классической считается древовидная схема иерархии сайта:

— Главные тематические разделы – обычно не более пяти.

— Субразделы.

— Целевые или посадочные страницы.

 

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

 

Комплектация страниц сайт

  1. Главная или домашняя страница сайта.
  2. Новостной блог ресурса.
  3. Основные тематические разделы.
  4. Вложенные информационные страницы.
  5. Посадочные, целевые, продающие страницы.
  6. Служебные страницы: “О нас”, “Контакты”, “Партнерам”, “Пользовательское соглашение”, “Условия конфиденциальности”, HTML Карта сайта.
  7. Коммерческие страницы: “ Наши услуги”.
  8. Технические страницы и папки, недоступные для людей и служащие для обеспечения правильной работы сайта и настройки взаимоотношений с поисковыми роботами: Карта сайта XML, директория для хранения картинок и фотографий, директория медиаконтента, папка для скриптов и каскадных таблиц стилей.

 

Удобнее всего изучать и понимать принципы структурирования сайтов в офлайн-конструкторах с менеджером проектов. Каждая новая веб-страница автоматически добавляется в указанное редактором место и так же автоматом появляется новый пункт в навигационных панелях. Чтобы технические страницы не индексировались и не попадали в поле зрения посетителей, в интерфейсе Параметры Страницы устанавливаются соответствующие галочки.

 

Веб-страница

 

Распределение элементов на поверхности веб-страницы тоже делается на абы как, а в соответствии с естественным порядком человеческого восприятия, по принципу латинской буквы F. Праворучные люди, которых подавляющее большинство, основное внимание на странице уделяют следуют местам:

— Верхняя часть страницы. Поэтому сюда чаще всего публикуют самую дорого оплаченную рекламу.

— Левая часть страницы. Важные навигационные элементы.

— Центральная часть страницы – основной контент.

 

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

 

Самый низ страницы называется подвал. Посетители редко туда попадают и поэтому в подвале размещаются ссылки различные служебные страницы и спецпредложения для партнеров и клиентов.

 

Что должно быть на веб-странице?

  1. Шапка сайта. Часто это тематическая картинка или фото, галерея или анимация.
  2. Логотип проекта. В левой части шапки. Логотип принято делать ссылкой на Главную.
  3. Слоган. Ниже шапки главная панель навигации. Обычно ссылки только на основные разделы.
  4. Под навигацией строка ссылок “хлебные крошки” как элемент юзабилити – чтобы клиент не заблудился на сайте.
  5. Название веб-страницы – Title. Заголовок статьи H1. Подзаголовки H2-H6. Тексты.
  6. Графический контент – фотографии, GIF-анимация, Flash-элементы.
  7. Видеоролики и аудиоподкасты.
  8. Рекламный контент: контекстные блоки и ссылки, баннеры, тизерная реклама.

 

Метатеги

 

Метатеги не видны посетителям и предназначены исключительно для поисковых роботов.

 

Title – название веб-страницы. В тайтл включается продвигаемый поисковый запрос, и именно этот элемент учитывают поисковики при определении релевантности сайта.

Description – краткое описание содержания страницы. Этот тег поисковая система Google использует в качестве сниппета страницы в выдаче.

Keywords – ключевые слова, которыми оптимизирован контент на странице.

 

Статические и динамические сайты

 

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

 

Статический сайт — это просто набор файлов и папок, как в Моих Документах Windows. А динамический сайт состоит из контента, который хранится в базах данных и шаблона страницы. Динамический сайт конвертируется в HTML на сервере по запросу пользователя и только потом отправляется в браузер.

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

Поделитесь информацией с друзьями.

 

Если вы нашли ошибку, то выделите её и нажмите клавиши Shift + Enter или нажмите сюда, чтобы проинформировать нас.

Звёзд: 1Звёзд: 2Звёзд: 3Звёзд: 4Звёзд: 5 (Оцените статью)
Загрузка...

Также по этой теме:

61 комментарий

Оставить комментарий
  1. Хостинг, домен, метатеги и прочая и прочая и прочая...

    Одним словом — темный лес и с боку бантик. Но постепенно, ползая по данному сайту от статьи к статье, в моей голове происходит некое упорядочивание. Не сразу, конечно, врать не буду, но что-то в башке откладывается. И что-то начинаешь понимать. Это, как когда-то Кабалевский (кто не знает это композитор и просветитель от музыки) советовал одному шахтеру ещё и ещё раз слушать 9-ую симфонию Бетховена, пока не поймешь ее. А шахтер признавался ему,что уже десять раз прослушал, но так ничего и не понял. Наивный Кабалевский посоветовал шахтеру послушать 11-й раз. Не знаю чем кончилась та история, но кажется мне 11-й раз не потребуется. Хотя, кто знает...

  2. Я только что прошла бесплатный курс на который в статье есть ссылка. Друзья — это бомба! Я проходила несколько разных платных тренингов, они тоже были полезны. Но за этот я бы и заплатила. Я планирую и дальше заниматься в продвинутом тренинге. Но посмотрите: здесь есть ссылка на сайт который родился благодаря Аделю. Спасибо!

  3. Давно мечтал создать сайт были попытки изучать html, использовал конструкторы, но не где не мог получить хороший вариант. Все выходило как то пустяков о. Спасибо Адель благодаря вашему тренингу все оказалось так просто, что я даже удивлен. И задаю себе вопрос а что же я делал до этого. Огромное вам спасибо, желаю вам успехов удачи.

  4. Здравствуйте!

    Раньше я создавал простые сайты HTML и CSS, что, конечно, занимало немало времени.

    И только попробовав создать сайт на СМС ВордПресс благодаря Вашему бесплатному курсу, я понял, что очень много упустил как в качестве, так и в скорости, не используя раньше WordPress и его возможности.

    Спасибо Вам, Адель, за такой очень полезный курс.

  5. Спасибо , Адель, за полезный курс.Много читала о разных частях сайта.Знания эти были разбросаны хаотично. Теперь пазл сложился-это мой молодой сайт!

  6. На курсе мы еще не говорили, как заполнить Title и Description, хотя это важно для поисковых систем, насколько я слышала. А как это правильно сделать?

    1. Адель Гадельшин

      Пожалуйста, сюда.

  7. А я могу на свой сайт, на одну из страниц, поставить телевидение, а на другой разместить он-лайн кинотеатр, и как это сделать правильно? В смысле, с кем договариваться по авторскому праву на показываемые фильмы, и как это сделать правильно, чтобы можно было показывать фильмы бесплатно или хотя бы условно бесплатно?

    1. Адель Гадельшин

      Об этом я рассказываю в продвинутом курсе.

  8. Я следовал всем вашим инструкциям, теперь что-то уже проясняется. Очень доволен

  9. Адель, скажите пожалуйста, на этот движок я смогу добавить форум и интернет магазин? У меня стандартный трехколоночный.

    1. Адель Гадельшин

      Можете.

  10. По началу конечно же это был для меня темный лес,я даже думал что не справлюсь,но курс оказался на столько понятным и разжеванным что наверно даже и ребенок бы справился!

  11. Екатерина

    Так структурно) спасибо , Адель, за ценную инфо)

  12. Поначалу это не темный лес, а чаща, бурелом)) Но потихоньку все становится понятно. И очень интересно, что немаловажно. Спасибо за информауию

  13. Роман Жучков

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

  14. Адель рекомендуйте участникам тренинга сразу пользоваться информацией этого сайта, она очень полезно дополняет видеоуроки

  15. Очень кратко и информативно о самом главном. Можно вставить в учебник по информатике. Спасибо.

  16. Очень полезная информация.Обязательно поделюсь ей с друзьями

  17. Все рекомендации автора как нельзя лучше характеризует данная страница. Все корректно, читаемо и главное-воспринимаемо.

  18. До этого тренинга не имела представления о строении и создании сайтов. Грамотно составлен материал тренингов. А эта статья просто закрепила видео уроки. Спасибо.

  19. информация этого сайта, она очень полезно дополняет видеоуроки

  20. Полезное дополнение к курсу.

  21. Всегда хотел узнать как выглядит сайт

    внутри, из чего состоит.

    Уже приходит понимание.

    Спасибо, Аделю за замечательный курс.

  22. Это мой первый тренинг. Не скажу,что знания даются легко,но я благодаря тренингу и видео материалам создала свой сайт.

  23. Всё это есть на онлайн-курсе Аделя.

  24. Приятно, когда профессионал разговаривает с тобой так, что тебе становится понятно!

  25. много всего узнаю спасибо

  26. Информация новая и порой не сразу укладывается в голове. Курс замечательный! Однажды создала себе небольшой сайтик в «Мир тесен»,но так и не знала откуда что берется!А теперь какое-то понятие появилось. Спасибо!

  27. Адель , спасибо за бесплатный тренинг, создание сайта моей мечты. за то, что учите развитию и пониманию, последовательности и трудолюбию. Каждая статья — четко ответ на вопрос ! У Вас талант!

  28. Дополнительная и полезная информация.

  29. Как всё четко и стройно описано! Усвоение огромного набора понятий и информации требует очень плотной работы и немалого количества времени. Практических вопросов пока не возникает: надо хорошенько осмыслить мощнейший материал тренинга.

  30. Моя мечта постепенно воплощается в жизнь,многое еще не понятно ,но следуя видио урокам начинаю медленно,но упорно двигаться вперед.Многому нужно научится и не запутаться в этом еще пока дремучем лесу всех кодов плагинов, страниц,но когда захожу на свой сайт и вижу,как он преображается, тихая теплая волна проходит через сердце. Благодарю Вас Адель,за этот подарок,за ваш труд и отличную подачу информации.Это первый мой тренинг такой продуктивный и все уроки понятны. Удачи и Процветания и Вам и Нам!

  31. Очень полезный курс. Мозги кипят — то точно. Это первый мой тренинг, на котором эмоции зашкаливают

  32. Господи, как же все это сложно, сколько же нужно времени, чтобы во всем этом разобраться, боюсь, что мне это не грозит.

  33. Начинать было страшновато, не было никакой уверенности, что получится. Куча незнакомых понятий, казалось, что в этом невозможно разобраться. Но, по мере продвижения всё становится на свои места. Я благодарна вам, Адель, за такой продвинутый курс и, к тому же, бесплатный. Могу себе представить, что ожидает желающих уже в оплачиваемых тренингах?!!!

  34. Инна Дунаева

    Ваш труд, Адель , не зря! Сайт создан только благодаря Вам, Тренинг — супер.

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

  36. Весьма полезная статья! Все расставлено по полочкам. Ясно и понятно. Благодарю!

  37. Теперь дело за малым: по очереди все изучать и внедрять.

  38. Да, уж. у меня ощущение, будто за пять дней прожил весь год. Так много информации, и такой больший прорыв. Конечно же, все пока очень слабовато, но главное есть начало, есть куда силы прикладывать!

    ,

  39. Тренинг прошёл, но собирать информацию и повторять пройденное — обязательно!

  40. Полезная статья с ценной информацией.Спасибо.

  41. Спасибо, Адель, за очень полезные и захватывающие тренинги. Раньше я и мечтать не могла о своем сайте. Потом появились задумки, но реализовать я их не могла. А теперь... у меня свой сайт!!! Я буду рекомендовать Ваш тренинг своим друзьям. Очень здорово, что есть люди, которые помогают новичкам освоиться в интернет-пространстве. Теперь надо закреплять полученные знания и развиваться дальше. Успехов Вам и Вашей группе!!!

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

  43. Создание сайта — это трудоемкое занятие. Нужно быть человеком очень творческим и дальновидным одновременно. Не скрою, было лихо вначале тренинга. Бессонные ночи, ходила как зомби. При этом никому не говорила, почему всю ночь просидела за компом, потому что сразу же начинают отговаривать. Аргументы: нужно заказать профессионалам и не париться. А мне, оказалось, сложно управлять оболочкой, структуру которой совершенно не понимаю и не чувствую. Поэтому, низкий поклон, Адель, за такое разжевывание материала. Все эффективно! И хоть еще многому предстоит обучиться, я теперь знаю что делаю, и что из чего вытекает. Теперь, надеюсь, что мои труды принесут свои плоды, и мой сайт оживет.

  44. Я прохожу тренинг по созданию сайта. И вот смотрю , что в самом деле все стало проясняться. постепенно, конечно, медленно, но зато все же это шаг вперед!! для меня это очень важно. спасибо разработчикам курса. эффективная подача материала. буду рекомендовать друзьям

  45. Четко, структурно, понятно. Спасибо!

  46. Когда собираешься сделать что-то новое, всегда попадаешь в круговорот

    информационного бума, который кружится возле твоего дела. Адель сумел в своём тренинге упростить движение к построению сайта до минимума.Тренинг построен по типу: делай то-то и то-то , получишь что задумал! Это настолько просто и здорово, что вызывает восторг!

    А тренинги вообще мощные, усиленные личным обаянием Аделя! Огромное Спасибо!

  47. Мне кажется, что интернет засорен некачественным контентом, жаль, что так мало людей знает об этом ресурсе. Было бы легче жить!

  48. Я была в компьютере ноль с помощью вас научилась многому, только успевала пересматривать по нескольку раз. Огромное спасибо.

  49. Узнал много о структуре сайта и сайтостроении.

  50. Обязательно конечно же пройти базовый курс, иначе...собирая по кусочкам...можно и не сложить никогда картинку. Теперь на базовый,можно как на елочку...нанизывать игрушки для потребителя и робота паука. Спасибо Аделю за обучение, обязательно пойдем на продвинутый курс.

  51. Я только вначале пути, ознакомилась. Думаю, что понимание придёт постепенно в процессе. Теперь я понимаю, почему сайт надо делать самому, а не кому-то заказывать. Ведь в дальнейшем придётся работать с ним самой и для этого надо понимать что к чему.

  52. Спасибо Адель за приобретенные мною знания) Получила очень полезные навыки) Сайт работает и будет пополняться интересной информацией)

  53. Адель, тренинг просто потрясный!!! Ни за что бы раньше не поверил, что за такой короткий срок можно создать свой сайт. Спасибо тебе!!!

  54. Всегда мечтала научиться создавать сайт самостоятельно. Спасибо,Адель, за ваши уроки, которые многому и в короткие сроки учат новичков

  55. Константин

    Адель спасибо за тренинг!

  56. Всё интересно, но нужна пошаговая инструкция иначе всё в пустую

  57. Эта статья полезна перед началом создания сайта. Многое мне стало бы понятно при прохождении курса.

  58. Когда поделилась с подругой,что хочу сделать свой сайт,она покрутила пальцем у виска,посоветовала сходить к психиатру.Но я сказала,я сделала.Очень трудоёмко,но зато сколько эмоций и удовлетворения.от того,что получается...Пусть ещё каша в голове.пусть всё " сыро!,но теперь уже отступать поздно.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Как создать блог. Видео Уроки WordPress © 2017