Особливості HTML5, корисні в плані SEO

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

Меню сайта
Мини-профиль
  • Регистрация Напомнить пароль?

    Бесплатно можно смотреть фильмы онлайн и не забудьте о шаблоны dle на нашем ресурсе фильмы бесплатно скачать c лучшего сайта
    Опросы
    Топ новости
    Инструкция: как включить подсветку клавиатуры на ноутбуке Asus


    Заблокировалась и отключилась встроенная клавиатура на ноутбуке: как снять блокировку и включить? 


    Ремонт ноутбука ASUS N75S в Санкт-Петербурге (СПб): замена дисплея, замена клавиатуры, ремонт корпуса Асус N75S, замена матрицы
    Услуга Стоимость, руб. Диагностика ASUS N75S Бесплатно (500р при необходимости разбора) Профилактические работы с системой охлаждения + замена кулера 2500 р * Замена чипа (видеочипа) ASUS N75S 6000-6500 Замена

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

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

    Как почистить клавиатуру компьютера
    С появлением компьютера человек все больше времени проводит за ним. Это и рабочий инструмент, и средство развлечения. Поэтому, совсем неудивительно, что определенные устройства, используемые для ввода

    Замена и ремонт клавиатуры для ноутбука, видео-инструкции
    Замена клавиатуры и кнопок ноутбука показано на видео с подробным объяснением процесса. Цена замены в сервисном центре от 200 рублей . Звоните по тел: +7 (812) 640-03-20 . Замена или ремонт

    4 способа, как отключить клавиатуру на ноутбуке
    Если у вас есть ноутбук, то клавиатура и тачпад на нем являются важными составляющими, без которых работа на устройстве будет вызывать сложности. Конечно есть альтернативы в виде клавиатур и мышей, которые

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

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