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

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

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

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

Суть идеи

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

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

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

  • основной контент и функциональность должены быть доступны для всех браузеров;
  • весь контент должен быть правильно семантически сверстан;
  • улучшенная разметка и функциональность обеспечивается внешними CSS- и JS-файлами;
  • системные установки браузеров должны быть учтены.

Плюсы

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

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

Критика

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

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

Расскажите друзьям

Оцените статью:
  • 1
  • 2
  • 3
  • 4
  • 5

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

Андрей
Очень интересно будет прочитать более пратические статьи
#
Андрей
Илья
Так для этого надо знать JavaScript???получается.
Grin
Илья, js всего лишь один из "слоев" этого пирога
#
Grin
alvira
Идея хорошая, привлекает доступность для поисковиков, обязательно почитаю и практические статьи, спасибо.
Alexpts
>>Кроме того, правильная семантическая верстка проще разбирается и читается инструментами для анализа контента.

А подробнее можно об этом, что именно имеется ввиду под правильной семантической версткой в этом предложении?

Новый комментарий

как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть
как выглядит какой тег
жирный текст <b>жирный текст</b>
курсивный тект <i>курсивный тект</i>
зачеркнутый текст <s>зачеркнутый текст</s>
подчеркнутый текст <u>подчеркнутый текст</u>
ссылка <a href="адрес">ссылка</a>
function foo() { ... }
<pre><code>function foo() { ... } </code></pre>
разрешенные теги или посмотреть как будет выглядеть