В новом стандарте HTML5 появилось очень много возможностей, которые были недоступны в HTML4.1. В частности, язык разметки стал поддерживать элементы мультимедиа (флеш, аудио, видео), благодаря чему процесс создания веб-страничек сильно упростился. Теперь для этих целей уже можно не использовать JavaScript.
В плане возможностей поисковой оптимизации (услуги SEO) HTML5 также превосходит своего «предка».
Здесь появилось сразу несколько новых тегов, позволяющих придавать большую семантическую значимость тем или иным структурным блокам страницы.
Ниже мы кратко рассмотрим эти теги.
1. Article. Имеет открывающий и закрывающий тег соответственно. Исходя из аннотаций, данных разработчиками стандарта, article желательно использовать для обертывания основной контентной области страницы. Раньше для этой цели применялся стандартный div, внутри которого были отдельные параграфы (p) или другие блоки div. Наличие тега article упрощает поисковикам задачу по нахождению блока с полезным контентом, который и нужно индексировать.
2. Section. Это более нейтральный по сравнению с article тег. Его вполне можно использовать как для обертывания всей статьи, так и для обертывания ее отдельной части / параграфа. Другими словами, при помощи данного тега желательно помечать какой-то блок текста на странице.
3. Header. Этот тег часто используется вместо стандартного div при обертывании верхней части страницы (хедер), в которой выводится шапка сайта, заголовок и некоторые другие элементы.
4. Footer. По аналогии с предыдущим, этот тег используется для вывода нижней части страницы, в которой обычно отображаются копирайты, дополнительные ссылки, дубликаты меню и т.д.
5. Aside. В данные теги часто заключают боковую колонку страницы (сайдбар) вместе со всеми входящими туда элементами – меню, ссылками, баннерами, виджетами.
6. Nav. Это более специфический тег, который используется для обертывания блока с навигационными ссылками. Наличие данного тега с большой вероятностью даст понять поисковикам, что ссылки являются внутренними и ведут на другие страницы / разделы.
7. Menu. Похожий по функционалу тег, в который чаще всего обрамляют навигационное меню сайта (опять же для улучшения семантичности кода).
8. Figure и figcaption. Эти теги предназначены для вывода графики (картинки, фотографии, анимация). Figure используется для обертывания элемента img, а figcaption – для описания картинки (некий аналог атрибута alt). Благодаря четкому обозначению местоположения картинки и наличия описания поисковикам проще ее индексировать.
9. Hgroup. Этот тег обычно используется дл группировки заголовков / подзаголовков различных уровней (h1, h2, h3 и т.д.). Как правило, это нужно в чрезмерно структурированных статьях, где заголовки следуют один за другим.
10. Time. В данный тег можно заключать текстовое или числовое значение даты / времени. К примеру, 1960-08-19. Внутри тега можно использовать атрибут datetime="", в котором также задается значение даты / времени.
Помимо тегов, следует поговорить о новых атрибутах для ссылок, полезных с точки зрения SEO. Во-первых, author (URL указывает на страницу автора данного материала). Во-вторых, next и prev (при разбиении статьи на несколько страниц ссылка указывает на предыдущую или следующую страницу). В-третьих, help (URL на страницу с вопросами / ответами или помощью). В-четвертых, alternate (альтернативный URL данной страницы).
Услуги по продвижению сайта - EMBO. Услуги продвижения сайта в короткие сроки, надежными методами.