Особливості HTML5. Його вплив на пошукову оптимізацію

  1. Що може запропонувати HTML5?
  2. Нові теги HTML5
  3. На ранг сайту істотний вплив роблять гіперпосилання, що вказують на його сторінки.
  4. Покращене поводження з медіа-файлами

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

Що може запропонувати HTML5?

• Покращення з точки зору юзабіліті сайтів;
• Кілька нових тегів, які допоможуть розробникам в класифікації контенту;
• Зручність в роботі з сайтами, у яких багато аудіо- та відеоматеріалів.
• Відмінну альтернативу Flash і Silverlight;
• Більш якісне сканування та індексацію веб-сайтів в пошукових системах;
• Плюси в розробці мобільних додатків.

Головним чином всі сходяться на думці, що HTML5 все зробить краще, але в майбутньому, а не зараз.
Більшість блогерів і письменників не уточнили ще наступного моменту. На сьогоднішній день жоден з популярних інтернет-браузерів повністю не підтримує всі функції і коди в HTML5. Тобто у всіх браузерах сам HTML5 функціонує, але є ще багато аспектів HTML5, які можуть бути неповністю сумісними з усіма браузерами.
22 травня 2010 року Google віддав данину пам'яті відеогрі Pac-Man. Це був анімований логотип, який при цьому був ігрову версію Pac-Man. Він був розроблений за допомогою HTML5, але також мав Flash версію для браузерів, які не підтримували HTML5. Це був наймасовіший призначений для користувача досвід «спілкування» з HTML5.

Насправді, це був показовий момент, який дозволив заглянути в майбутнє Інтернету з точки зору функціонування веб-сайтів, розвитку веб-браузерів, розробки мобільних додатків та ігор
Насправді, це був показовий момент, який дозволив заглянути в майбутнє Інтернету з точки зору функціонування веб-сайтів, розвитку веб-браузерів, розробки мобільних додатків та ігор. З точки зору SEO, це було теж вражаючим, оскільки дало уявлення про потенційні можливості, які відкриває перед нами HTML5.
Давайте спробуємо розібратися в основних інструментах, які дає HTML5 для того, щоб впливати на SEO.

Нові теги HTML5

Є кілька тегів, які, ймовірно, будуть мати вирішальне значення для успіху в SEO веб-сайтів, розроблених на HTML5:

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

<section> - вказує підрозділ блок контенту, таких як <article>. При цьому кожна секція отримає індивідуальні HTML-заголовки. Структурування та сегментація сторінки допомагають пошуковим алгоритмам швидко орієнтуватися на веб-сторінку,;

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

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

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

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

На ранг сайту істотний вплив роблять гіперпосилання, що вказують на його сторінки.

У мові розмітки сторінок HTML5 використовують різні види посилань, яким через використання атрибутів можна надати певне значення. Серед атрибутів виділяються:

help - даний атрибут вказує на те, що посилання веде на сторінку допомоги;
author - цей атрибут показує, що посилання веде на сторінку, яка містить інформацію про автора;
external - посилання, що веде на зовнішній домен;
alternate - даний атрибут вказує, що перехід буде здійснюватися на альтернативну адресу однієї і тієї ж сторінки;
license - посилання, що веде на сторінку, яка містить інформацію щодо умов ліцензування;
nofollow - атрибут, який знайомий багатьом, означає він те, що сторінкою це посилання не підтверджується;
next і prev - в тому випадку, якщо сторінка розділена на частини, які розміщені на різних сторінках, то дані атрибути здійснюють перехід на попередні і наступні частини. Пошуковій системі, таким чином, буде простіше зрозуміти, що інформація, яка міститься на сторінках, має між собою зв'язок, що в свою чергу призведе до правильної індексації.

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

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

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

джерела: Sixrevisions , Serchengineland

Що може запропонувати HTML5?