Особливості HTML5. Його вплив на пошукову оптимізацію
- Що може запропонувати HTML5?
- Нові теги HTML5
- На ранг сайту істотний вплив роблять гіперпосилання, що вказують на його сторінки.
- Покращене поводження з медіа-файлами
Незважаючи на те, що протягом останніх років часто і багато писали про 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> сегментація веб-сторінки набуває зовсім інший характер.
На ранг сайту істотний вплив роблять гіперпосилання, що вказують на його сторінки.
У мові розмітки сторінок HTML5 використовують різні види посилань, яким через використання атрибутів можна надати певне значення. Серед атрибутів виділяються:
• help - даний атрибут вказує на те, що посилання веде на сторінку допомоги;
• author - цей атрибут показує, що посилання веде на сторінку, яка містить інформацію про автора;
• external - посилання, що веде на зовнішній домен;
• alternate - даний атрибут вказує, що перехід буде здійснюватися на альтернативну адресу однієї і тієї ж сторінки;
• license - посилання, що веде на сторінку, яка містить інформацію щодо умов ліцензування;
• nofollow - атрибут, який знайомий багатьом, означає він те, що сторінкою це посилання не підтверджується;
• next і prev - в тому випадку, якщо сторінка розділена на частини, які розміщені на різних сторінках, то дані атрибути здійснюють перехід на попередні і наступні частини. Пошуковій системі, таким чином, буде простіше зрозуміти, що інформація, яка міститься на сторінках, має між собою зв'язок, що в свою чергу призведе до правильної індексації.
Даними атрибутами добре описується посилання, що дозволяє пошуковому роботу їх правильно індексувати. А всім відомо, що якщо в індексації відсутні помилки, то цим підвищуються шанси ресурсу займати місця в ТОПі, а також полегшувати його просування.
Покращене поводження з медіа-файлами
Також ми отримали мультимедійні атрибути, такі як <audio> і <video>, що, можливо, ознаменує якісний стрибок для пошукових систем. Наприклад, Google вже індексує зображення в Google Images і надає відео з YouTube у відповідь на пошуковий запит. За цим, швидше за все, піде індексування відео- і аудіоматеріалів.
джерела: Sixrevisions , Serchengineland
Що може запропонувати HTML5?