У новому стандарті 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 . Послуги просування сайту в короткі терміни, надійними методами.