Прогрессивное улучшение — введение

15 января 2009, 1:38 Павел Марковнин Разное рейтинг +18-

Привет. Сегодня мы начнем знакомство с таким понятием как прогрессивное (или поэтапное) улучшение (англ. progressive enhancement). Это стратегия создания сайтов, которая основывается на доступности, семантичности верстки, внешних стилях и скриптах. Она использует веб технологии как слои, которые накладываются на основной контент и функциональность сайта, предоставляя любой программе или человеку простой доступ к контенту, а для более «продвинутых» браузеров показывает еще и дополнительные эффекты и стили.

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

Суть идеи

Идея состоит в том, что сначала создается простейшая разметка документа, которая корректно отображается даже в самых простых браузерах. Это, грубо говоря, просто структурная разметка контента, без стилей и прочих наворотов, и полноценная навигация. Затем разработчик добавляет стили, интерактивность и прочее, используя каскадные таблицы стилей, JavaScript, SVG, Flash и все остальное, что можно вставить в страницу. Все это подключается к документы «извне» для того, чтобы браузеры (или роботы поисковиков), которые не могут прочесть эти дополнения, даже не пытались их обработать.

Базовые принципы

Поэтапное улучшение базируется на нескольких основных принципах:

Плюсы

Страницы, которые сделаны с учетом принципов проэтапного улучшения, являются более понятными и удобными в работе. Основной контент всегда доступен, не перегружен возможно не поддерживаемыми вставками кода. Кроме того, правильная семантическая верстка проще разбирается и читается инструментами для анализа контента (пауки поисковых систем, части скриптов контекстной рекламы и т.д.).

Учитывая, что основной контент всегда доступен, пауки поисковиков не будут иметь проблем с индексированием вашего сайта или какой-то части контента, так что с точки зрения поисковой оптимизации, сайты, сделанные с учетом этих принципов, лучше.

Критика

Некоторые скептики полагают, что принцип поэтапного улучшения не может работать в случаях, когда конкретные элементы пользовательского интерфейса или поведения полность основаны на JavaScript. Многие выражают сомнение, что принцип разделения контента и внешнего вида имеет право на жизнь, там как по их мнению эти две вещи тесно связаны (например, флеш сайты).

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

Рекламное место, которое может стать вашим

Понравилась статья?

Тогда подпишись на обновления через RSS или воспользуйся
другими способами подписки.

Читать в Яндекс.Ленте Добавить в Google Добавить в Netvibes
  •  

Комментарии — 5

RSS
  • Аватарка
    15 января 2009 в 15:19 Андрей
    Очень интересно будет прочитать более пратические статьи
  • Аватарка
    6 февраля 2009 в 13:09 ]]>Илья]]>
    Так для этого надо знать JavaScript???получается.
  • Аватарка
    7 февраля 2009 в 0:23 ]]>Grin]]>
    Илья, js всего лишь один из "слоев" этого пирога
  • Аватарка
    2 июня 2009 в 19:02 ]]>alvira]]>
    Идея хорошая, привлекает доступность для поисковиков, обязательно почитаю и практические статьи, спасибо.
  • Аватарка
    8 августа 2009 в 18:59 ]]>Alexpts]]>
    >>Кроме того, правильная семантическая верстка проще разбирается и читается инструментами для анализа контента.

    А подробнее можно об этом, что именно имеется ввиду под правильной семантической версткой в этом предложении?
  • Эл. почта (используется для Граватарки)
  • Домашняя страница
  • Имя в Твиттере
  • Разрешенные теги Текст сообщения (надо бы заполнить это поле)
  • как выглядит какой тег
    жирный текст <b>жирный текст</b>
    курсивный тект <i>курсивный тект</i>
    зачеркнутый текст <s>зачеркнутый текст</s>
    подчеркнутый текст <u>подчеркнутый текст</u>
    ссылка <a href="адрес">ссылка</a>
    function foo() { ... }
    <pre><code>function foo() { ... } </code></pre>