Blog

Паттерны проектирования для доступного, сканируемого и индексируемого контента

Пятница, 9 мая 2008 г.

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

Избегайте лишних XMLHttpRequest вызовов

Страницы, позволяющие пользователям искать информацию, часто используют вызовы XMLHttpRequest для заполнения страницы дополнительными данными после ее загрузки. При использовании этого паттерна убедитесь, что на вашей исходной странице есть полезная информация — в противном случае Googlebot, а также пользователи с отключенными в браузере скриптами могут решить, что ваш сайт содержит только сообщение «загрузка…»

Наличие осмысленного текста для навигационных ссылок одинаково важно как для Googlebot, так и для пользователей, которые не могут воспринять значение изображения. При разработке внешнего вида и поведения навигационных ссылок на вашем сайте вы могли выбрать изображения в качестве ссылок, например, поместив <img /> теги внутрь <a> элементов.
Такой дизайн позволяет разместить описательный текст в качестве
alt-атрибутав теге<img />

.
Но что если вы перешли на использование
CSS-спрайтов

Google search results with CSS enabled

Google search result with CSS disabled. Google sprited image lost, descriptive Google link remains

для оптимизации загрузки страниц? Включить этот важнейший описательный текст при использовании CSS-спрайтов все еще возможно; в качестве возможного решения посмотрите, как закодированы логотип Google и различные навигационные ссылки в нижней части страницы результатов Google. Кратко говоря, мы разместили описательный текст прямо под изображением-спрайтом.

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

для создания веб-страниц на базе JavaScript, которые корректно деградируют. Эти методы гарантируют, что ваш контент останется доступным для самой широкой базы пользователей без необходимости жертвовать более интерактивными функциями приложений Web 2.0.

Сделайте версии для печати легкодоступными Веб-сайты с высокой степенью интерактивного визуального дизайна часто предоставляют весь контент для определенной истории в виде версии для печати

. Созданные на основе того же контента, что и интерактивная версия, они являются отличным источником высококачественного контента как для Googlebot, так и для пользователей с нарушениями зрения, которые не могут оценить все интерактивные функции веб-сайта. Но слишком часто эти версии для печати остаются скрытыми за скриптовыми ссылками вида:

Создание реальных URL-адресов для этих версий для печати и ссылок на них с помощью обычных HTML-якорей значительно улучшит качество сканируемого контента.
Если вы особенно беспокоитесь о
дублировании контента

из интерактивной и печатной версий, вы можете выбрать предпочитаемую версию контента и отправить файл Sitemap, содержащий предпочитаемый URL-адрес, а также попытаться сослаться на эту версию внутри сайта. Это может помочь Google устранить неоднозначность, если мы увидим фрагменты статьи на разных URL-адресах.

Создавайте URL-адреса для полезного контента Как веб-мастер, вы имеете возможность создавать

  • URL-адреса для всего полезного контента, который вы публикуете. Использование этой возможности заставляет веб вращаться. Создание URL-адресов для каждого ценного материала, который вы публикуете, и ссылки на них с помощью старых добрых HTML-гиперссылок обеспечат следующее:
  • Googlebot узнает об этом контенте,
  • пользователи смогут найти этот контент,

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

Alien Road

Как мы это применяем

Google announcements age. We keep this post here for the record, and we note for clients whether the behaviour it describes still applies today or has since been superseded.

Связанные услуги

Поделиться