Як вплине HTML5 на SEO?

Незважаючи на те що робота над HTML5 все ще триває, це оновлення вже стало значною віхою у розвитку HTML. А адже саме від HTML залежить те, як структурована і представлена ​​наша інформація в мережі, який зміст у тих чи інших сайтів і кому воно може бути потрібно. Тому, значення HTML для оптимізації в пошукових системах важко переоцінити.

Як же може HTML5 вплинути на SEO і на пошукові алгоритми? У цій статті я спробую відповісти на ці та інші питання оптимізаторів.

Сегментація веб-сторінок і акцент на семантику

Один з ключових компонентів HTML5, який відрізняє цю версію від попередньої - нові елементи, що поліпшують сегментацію веб-сторінок таким чином, що різні частини, наприклад, заголовок, підвал, основний контент та ін., Тепер легше семантично відокремити один від одного.

Як тільки HTML5 розширить свою присутність, пошукові системи зможуть адаптувати ці нові елементи для того, щоб знаходити необхідні користувачів фрагменти сторінок.

В даний момент для організації і сегментації веб-сторінки ми використовуємо тег <div>.

Але проблема з цим тегом полягає в тому, що окремі елементи не несуть ніякої семантичної навантаження, тобто не додають смислового елемента контенту, що міститься всередині цих тегів.

З новими атрибутами, типу <header>, <article>, <aside>, <footer> сегментація веб-сторінки набуває зовсім інший характер.

Перевага цих нових тегів полягає в тому, що вони дозволяють пошуковим системам легко сканувати сайти, пропускати несуттєвий контент, який закритий тегами <footer> або <header>, або використовувати його в інших цілях індексування (наприклад, визначення інформації про копірайт або знаходження назви і логотипу сайту). Тому, індексація в пошукових системах стає більш ефективною і значущою.

Елементи HTML5 вплинуть на індексацію в пошукових системах

Ось приклад деяких елементів HTML5, які безпосередньо вплинуть на SEO.

<article>

Всім відомо, що контент дуже важливий для успішного просування сайту в пошукових системах.

Новий елемент <article> є одним з найбільш важливих доповнень до новому HTML5, тому, що вказує пошуковим роботам на те, де на сторінці знаходиться основний контент.

Одна з предпологаются вигод для оптимізації полягає в тому, що пошукові системи будуть індексувати всі, що розташоване всередині атрибута <article> як текст, що несе максимальну смислове навантаження.

<section>

Атрибут <section> відповідає за розмітку сторінки на різні секції. Перевага, яку дає цей елемент, полягає в тому, що кожна секція отримує власні HTML-заголовки. Що це дає? Пошукові алгоритми краще орієнтуються на веб-сторінці, якщо можуть відразу визначити, як сегментована або структурована та чи інша веб-сторінка. З даних в атрибуті <section> можна також дізнатися про інформаційну ієрархії HTML документа.

<header>

Тег <header> дозволяє пошуковим системам знайти на веб-сторінці назву сайту, логотип і основну навігаційну панель (зазвичай в цих тегах укладено навігаційне меню).

<footer>

У веб-дизайні підвал зазвичай містить другорядну інформацію, таку як копірайт, ліцензійні умови, дані про конфіденційність, посилання на статичні сторінки і на соціальні медіа. Тепер павуки пошукових систем можуть прицільно заходити в підвал, позначений атрибутом <footer>, в пошуках відповідної інформації.

Оскільки <footer> містить тільки додаткову інформацію (тобто не дуже важливу), то швидше за все пошукові системи присвоять їй відповідний низький пріоритет.

<nav>

Цей елемент може показати пошуковим системам, яку архітектуру має ваш сайт (точно так само як карта сайту дає уявлення про інформаційну структуру сайту).

види посилань

Одним із способів визначення рангу сайту є відстеження гіперпосилань , Які ведуть на веб-сторінку і вивчення їх джерел.

функція « види посилань »В HTML5 надає посиланнях нове значення і релевантний контекст.

Ви вже, напевно, знайомі з тегом rel = "nofollow", який був нестандартним значенням для функції rel в HTML4 і яку багато пошукові системи використовують для знаходження посилань, наявність яких дана сторінка не підтверджує. У THML5 цей атрибут працює аналогічно.

Тепер з'явилися нові атрибути, такі як rel = "author" і rel = "license", які дозволяють краще описати посилання. Якщо пост в блозі розташовується на кількох сторінках, то атрибути rel = "prev" і rel = "next" показують пошуковим системам, де знаходяться інші сторінки, що містять початок або продовження поста.

Внизу я привожу таблицю цікавих тегів для елемента <a>, які, на мій погляд, можуть вплинути на індексування вебсторінки в пошукових системах:

Повний список атрибутів, що мають відношення до посилань можна подивитися тут .

Покращене поводження з медіа-файлами

На додаток до вищенаведеного, ми отримали ще й мультимедійні атрибути, такі як <audio> і <video>, чого раніше не було і в помині і що, можливо, ознаменує якісний стрибок для пошукових систем. Наприклад, Google вже індексує зображення в Google Images і надає відео з YouTube у відповідь на пошуковий запит. За цим, швидше за все, піде індексування відео- і аудіоматеріалів.

джерело

Переклад Ксенії Лім