Статический сайт
Раньше сайты были статическими. Фактически, статический сайт — это набор готовых html-страниц, размещённых на web-сервере. Их можно скачать к себе на компьютер, посмотреть локально, что-то подправить, используя обычный блокнот или специализированную программу.
Картинки, файлы для скачивания и такие html-страницы в стиле «index.html» — это статический сайт. Статические сайты — это сайты-визитки и личные интернет-страницы, которые выгодно делать при очень редко обновляемой информации.
Статический сайт — то же объявление, только в интернете.
Фактически, статический сайт гораздо надёжнее динамического и быстрее отображается. Серверу намного меньше усилий нужно приложить, чтобы передать его информацию. Получается, что такой сайт надежен, доступен и неприхотлив.
Если не планируется постоянное обновление информации, проще сделать на статике. Не нужно будет напрягаться по поводу обновления его компонентов, да и хостинг получится дешевле.
Материал опубликован 28 июня 2011
Статические и динамические WEB-сайты. В чём разница?
Статический сайт – это обычный набор, состоящий из нескольких HTML-страниц, которые взаимосвязаны между собой ссылками (hyperlink). С самого основания сети Internet все сайты были именно статическими. Собой они представляли стандартные документы, посещаемые различными пользователями, с целью получения какой-либо интересующей их информацией. Такие сайты обладают следующими недостатками:
Смешение дизайна (оформления содержимого) и контента (смысловое содержимое)
Язык HTML (HyperText Markup Language) на сегодняшний день, являющийся общепринятым стандартом разметки гипертекста, предназначен именно для представления внешнего вида страницы. В то время как страницы статических сайтов существуют непосредственно в виде HTML-страниц, и почти всегда кроме информационной части, ради которой пользователь и посещает сайт, содержат некое «служебное обрамление» — шапку и подвал, навигационное меню, какие-то дополнительные текстовые блоки, баннеры, ссылки быстрого доступа к основным разделам сайта и т.п. Поэтому на таких страницах, которые отображают конкретные документы, очень часто контент и дизайн (как страницы в целом, так и отдельных его элементов) идут вперемешку. Отсюда имеем массу негативных последствий, возникающих при публикации новых документов или редактировании уже существующих, — они все должны оформляться единообразно. И если возникает необходимость поменять местами какие-то функциональные блоки сайта, или добавить новый пункт в общее меню – то редактировать придётся все существующие страницы.
На современных сайтах обычно каждый важный документ или страница имеет несколько ссылок на себя — это, к примеру, и ссылка из каталога статей, и ссылка с главной страницы из анонсов, и ссылка из пунктов меню. Поэтому публикация нового материала – это не только фактическое добавление самой страницы, но и редактирование всех остальных страниц, которые, так или иначе, затрагивает это действие, а это в разы увеличивает не только трудоёмкость процесса, но и повышает риск возникновения ошибок.
Полное отсутствие динамики
Здесь всё более менее понятно и без слов: в каком виде сделали документ или страничку сайта, в таком виде он и будет отображаться для посетителя – никакой интерактивности и реагирования на поведение пользователя:
- Полное отсутствие таких возможностей как регистрация и аутентификация пользователей. Хороший сайт должен уметь «узнавать» своих посетителей, поддерживать различные механизмы учёта их поведения на страницах сайта, для того чтобы владелец ресурса знал и реагировал на запросы пользователей;
- Принципиальная невозможность разделения пользователей на различные группы с разными правами доступа к информации, содержащейся на сайте, её создания и редактирования. Эта невозможность напрямую вытекает из приведённого выше пункта;
- Невозможность персонализации пользователей сайта. В данном контексте под персонализацией понимается функционал настройки сайта под требования и предпочтения каждого пользователя индивидуально. Например, показывать для оптовых покупателей или клиентов одну информацию и цены на товары, а для розничных потребителей показывать розничные цены и какие-то индивидуальные предложения;
- Отсутствие возможности подключить такие интерактивные решения как форумы, чаты, гостевые книги, вопросы и ответы, то есть всё то, что способствует общению аудитории сайта не только друг с другом, но и с администрацией сайта;
- Потеря интеграции с внешними приложениями, в частности с электронной почтой, для создания автоматизированной подписки на различные информационные бюллетени: новости, рассылки, прайс-листы, специальные предложения, обновления и тому подобное.
Все вышеперечисленные вещи (и многие проблемы, которые просто невозможно упомянуть в рамках одной статьи) – в принципе неосуществимы в рамках технологии статических сайтов, и в данном случае не обойтись без вмешательства программирования.
Большие сложности с актуализацией информации на сайте:
Статичный сайт, без оперативных и регулярных обновлений рискует проиграть всем конкурирующим проектам. В данном случае информацию, подготовленную контент-менеджером для публикации, надо утвердить с руководством фирмы или владельцем ресурса и отправить программисту или веб-мастеру для внесения данной информации на ресурс. Таким образом изменение старой или добавление новой информации обходится дороже, так как задействовано больше людей, и процесс значительно усложняется. А представьте на мгновение, что нужно добавит новый раздел, и поместить ссылку на него на каждую страницу, а таких страниц у вас уже тысяча? Или вы решите поменять весь дизайн сайта, не затрагивая информацию? Вам придётся практически весь сайт делать с нуля. Это не просто долго и трудоёмко – это разорительно и нецелесообразно!
Динамические WEB-сайты
Содержимое таких сайтов хранится не в виде статичных HTML страничек, а находится в базе данных, и отображается «на лету», непосредственно по запросу пользователя. Существует достаточно много систем программирования и широко распространённых и общепризнанных языков программирования, к примеру: PHP, Perl, ASP и т.п. С их помощью можно создать основу для гибкого сайта любой сложности, но это, конечно же, далеко не всем под силу, и порог вхождения в данную предметную область очень высок. В процесс создания такого сайта добавляется новое действующее лицо – программист на одном из языков программирования, вследствие чего разработка увеличивается в сроках и усложняется.
Но одному программисту невозможно разработать функционал и создать приемлемый дизайн будущего сайта – это возможно только при работе в связке с дизайнером. При таком подходе информационное содержимое ресурса будет отделено от графического, путём создания специального шаблона сайта, на основе которого будут генерироваться будущие страницы сайта, с учётом нужного оформления. Ещё одним плюсом динамических сайтов становится относительно лёгкое администрирование ресурса, через панель администратора и возможно недорого развития проекта.
Таким образом, если ваш сайт состоит или будет состоять из множества страниц или планируется достаточно частый процесс его обновления, то преимущество динамической структуры – очевидно. И вашим разработчикам не придётся полностью перерабатывать все страницы при незначительном обновлении дизайна или при появлении новых разделов сайта. Отделение дизайна то информационного содержимого и является главной отличительной чертой и наиболее значимым преимуществом динамических сайтов
И вот тут происходит столкновение с дилеммой: обычные сайты на html страницах – сложны в поддержке, архаичны и не подходят для представления сложных структур данных. Динамические сайты не просто выдвигают новые требования к их созданию и сопровождению, они и значительно дороже в разработке, а так же требуется содержание новой штатной единицы – программиста. И вот тут был найден выход в виде создания качественных сайтов на CMS
Создание статического веб-сайта из консоли OBS
Static Website Hosting — это сервис, который предоставляет возможность управления статическим веб-сайтом. Создав хранилище под статический сайт, можно разрешить всем пользователям сети просмотр данных. Поддерживает файлы HTML-формата, объекты JavaScript и Flash, фото- и видеоматериалы.
Настройка статического веб-сайта
Убедитесь, что уровень доступа для бакета — «Public Read».
- В консоли управления Object Storage Service нажмите на название нужного бакета.
- Выберите пункт Basic Configurations и подпункт Static Website Hosting .
- Нажмите Configure Static Website Hosting .
- Заполните следующие поля и нажмите ОК :
- Status — активируйте переключатель.
- Hosting By — выберите адрес хоста: текущий бакет ( Current Bucket ) или переадресация ( Redirection ).
- Home Page — укажите название файла в формате HTML домашней страницы веб-сайта.
- 404 Error Page — укажите название файла в формате HTML страницы с ошибкой.
- Redirection Rule — можно настроить правило для переадресации запросов. Ниже приведен пример правила.
[ "Condition": "KeyPrefixEquals": "folder1/">, "Redirect": "HostName": "www.example.com"> >, "Condition": "KeyPrefixEquals": "folder2/">, "Redirect": "ReplaceKeyPrefixWith": "folder3/"> >]
Изменение параметров веб-сайта
- В консоли управления Object Storage Service нажмите на название бакета.
- Выберите пункт Basic Configurations и подпункт Static Website Hosting .
- Нажмите Edit .
Создание ссылки на статический веб-сайт
- В консоли управления Object Storage Service нажмите на название бакета.
- Выберите пункт Basic Configurations и подпункт Static Website Hosting .
- Нажмите на ссылку (тогда она откроется в Вашем браузере) или нажмите на значок
, чтобы поделиться ей. 
- Вставьте ссылку в строку браузера.
Статические сайты любят пользователи и поисковики — почему?
«Возрождение» статических сайтов — один из главных трендов веба последних лет. Всё благодаря генераторам статических сайтов: работать с ними ненамного сложнее, чем использовать тот же WordPress. При этом статические страницы могут легко превосходить динамические по скорости загрузки и удобству использования.
Когда-то среднестатистический пользователь был готов ждать загрузки страницы до 10 секунд и более. Однако современный юзер стал более требовательным. По данным нескольких исследований (одно из них), треть или даже половина людей закрывают сайт, если он не загружается в течение 3 секунд. Соответственно, долгая загрузка приводит к потере трети или даже половины потенциального трафика.
Увы, проблема медленной загрузки сайтов остаётся актуальной. Причина — в росте числа посещений сайтов с мобильных устройств. Динамические сайты, которые последние годы преобладают в интернете, могут моментально открываться на десктопе, но на планшете и на смартфоне такой высокой скорости уже можно не увидеть. А статическим сайтам такие проблемы, как правило, не свойственны.
Нагрузка на веб-сервер в случае со статическими страницами значительно ниже, чем с динамическими. Ведь страница сразу в готовом виде показывается пользователю, а не формируется из разных элементов, прежде чем отобразиться в браузере. К тому же статические сайты меньше по размеру, чем динамические. И иногда это огромный плюс: зачем загружать динамическую страницу размером от 3 МБ, если нужно только лишь прочитать текст на ней «весом» в несколько десятков байтов?
Дополнительное преимущество статических страниц — независимость от баз данных. Они не играют для статических сайтов настолько большую роль, как для динамических, и вообще базы данных им могут быть вовсе не нужны. Поэтому бояться ошибок в работе сайта из-за падений базы уже не приходится. Как и долгой загрузки.
Скорость загрузки — один из важных критериев оценки сайта поисковыми системами. На верхних строчках результатов выдачи сегодня не окажутся ресурсы, которые открываются заметно дольше других. Помимо этого, поисковым роботам легче индексировать именно статические страницы благодаря их небольшому размеру и использованию HTML и CSS. Поэтому у статических сайтов больше шансов быть полностью проиндексированными и оценёнными в поисковиках по достоинству, чем у динамических.
Не исключено, что благодаря всем этим преимуществам статические сайты могут через некоторое время потеснить динамические. Ведь в большинстве случаев динамика на сайте вовсе не обязательна. Корпоративный сайт, блог, каталог товаров, информационный портал вполне могут быть статическими. А необходимую динамическую часть (поиск, комментарии, личный кабинет) сегодня можно обеспечить расширениями и сторонними инструментами.
Статические сайты, конечно же, подходят не всем и не во всех случаях. Но если полная динамичность вашему будущему сайту не нужна, обратитесь к генераторам статических сайтов. Создайте ресурс, который порадует пользователей скоростью работы на всех устройствах и который получит больше шансов оказаться в топе поисковиков.