Для чего это нужно? Точнее будет сказать – для кого? В первую очередь для поискового робота, чтобы ему было легче воспринимать структуру сегментированной страницы. Тег article указывает роботу при индексации на основную контентную часть с наибольшей смысловой нагрузкой, в то время как header и footer говорят о второстепенной значимости соответствующих им элементов. Аналогично роботу дается наводка на контактную информацию, логотип компании, копирайт и т. д.
Каждый тег несет особую информационную нагрузку в расчете на поисковую машину:
• article указывает на главный контент страницы, акцент при индексации делается на данном элементе, ему придается первостепенное значение;
• header включает логотип, название, контактные сведения или навигационное меню, и прежде всего в данном блоке поисковый робот будет искать эту информацию;
• footer сигнализирует роботу о второстепенности информации, в футер заносятся социальные кнопки, информация о копирайте и пр.;
• section служит для более четкой и понятной структуризации страницы, позволяет разделить ее на секции, каждая из которых получает свое название, что помогает поисковику лучше ориентироваться на странице и присваивать уровень значимости той или иной информации;
• nav функционально подобен карте сайта, но действует в отношении одной страницы и не дает роботу потеряться в общей структуре индексируемой страницы.
С помощью ряда атрибутов в HTML5 задаются различные значения ссылок:
• alternate – переход на альтернативный адрес одной и той же страницы;
• author – ссылка на страницу с информацией об авторе;
• external – ссылка на внешний домен;
• help – ссылка на страницу помощи;
• license – ссылка на страницу с информацией об условиях лицензии;
• next, prev – ссылки на следующие и предыдущие части статьи, размещенной на нескольких страницах (это говорит поисковику, что информация на страницах связана, с целью обеспечить правильную индексацию);
• nofollow – указание поисковику на то, что ссылку не нужно учитывать при индексации.
Использование вышеперечисленных атрибутов положительно сказывается на индексации и способствует эффективному продвижению ресурса.
В новой версии языка гипертекстовой разметки реализовано добавление медиафайлов с помощью атрибутов video и audio. Это большой шаг вперед, так как они являются своего рода маячками для поисковика, который будет индексировать их содержимое и учитывать в поиске по видео. Последнее утверждение относится как к «Яндексу», так и к Google.
Таким образом, новые стандарты HTML5 открывают широкие возможности для создания и более эффективной оптимизации страниц. Это лишь первый шаг, и работа над возможностями пятой версии языка продолжается. Важно знать также, что стандарт семантической разметки микроформатов, распространенный в Рунете и поддерживаемый «Яндексом», также актуален в рамках развития HTML5.
Особенности мобильных версий сайтов
С каждым днем все больше людей, которые для выхода в Сеть используют компактные мобильные устройства – смартфоны и планшетные компьютеры. Согласно статистике сервиса LiveInternet, доля трафика с мобильных операционных систем в Рунете превысила в 2012 году 10 %. Заметный кусок рынка!
Эту тенденцию следует учитывать при создании сайтов. Большинство интернет — ресурсов, спроектированных в расчете на средние и большие мониторы, не оптимизированы под вывод на малые экраны гаджетов. Изменение конъюнктуры диктует потребность в новом технологическом решении. А оно существует, и давно. Мы имеем в виду создание мобильных версий сайтов и мобильных приложений.
Мобильная версия сайта должна быть полностью адаптирована под просмотр на устройствах с небольшим дисплеем. Владельцу сайта, желающему, чтобы его площадка в полной мере соответствовала требованиям аудитории, необходимо позаботиться о разработке «уменьшенной» версии основного сайта.
Фундаментальные отличия мобильного сайта от обычного сводятся к следующим пунктам.
1. Исполнение верстки ориентировано на экран с небольшим разрешением. Это обеспечивает удобный просмотр сайта с мобильного устройства.
2. Упрощенный код. В первую очередь код лишен скриптов, которые требуют больших процессорных мощностей (например, отказ от Flash, который не поддерживают некоторые мобильные операционные системы).
3. Меньшее количество страниц. Чем «легче» сайт, тем быстрее будет выполнена его загрузка на устройство. Это особенно актуально для глухих уголков нашей страны, так как пока не вся Россия – зона покрытия высокоскоростного мобильного Интернета. Кроме того, многие пользователи ведут строгий учет потребляемого ими трафика.
4. Удобная реализация ввода данных. В отсутствие мышки и при наличии одной лишь сенсорной панели экрана крайне важно, как реализована возможность ввода данных на странице.