15.06.2013   |   22:51
Метки: , ,

HTML5 — важный инструмент SEO оптимизатора

html5

В своей борьбе за повышение позиций в поиске, SEO оптимизаторы в немалой степени полагаются на традиционную HTML оптимизацию. Однако, подобно тому, как изменился армейский штык с 17 века, HTML так же получил крупное обновление в виде HTML5. Это обновление содержит множество новых тегов и API. Пять из них напрямую касаются SEO.

«Вообще-то, губернатор, у нас стало меньше и коней со штыками». Это одна из самых известных колкостей президента Обамы в адрес Митта Ромни во время третьих президентских дебатов в 2012 году. Но Обама ошибся — у военных не стало меньше штыков. На самом деле, в снаряжение каждого морского пехотинца США до сих пор входит штык. По-видимому, он считается важным инструментом. То же самое можно сказать и об использовании HTML в SEO.

 

1. Младшие братья и сёстры Nofollow

В 2005 году Google анонсировал новый инструмент, благодаря которому вебмастера могли сообщать поисковику, по каким ссылкам не нужно передавать PageRank. Для этого нужно было всего лишь добавить атрибут rel=nofollow. Вот как выглядит ссылка, не передающая PageRank:

<a href=”no-follow.htm” rel=”nofollow”>По этой ссылке не надо переходить</a>

 

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

 

<link rel=”alternate” hreflang=”es” href=”espanol.html”>

<link rel=”author” href=”https://plus.google.com/0123456789?>

<a rel=”bookmark” href=”http://mysite.com/article.html”>Постоянная ссылка</a>

<link rel=”help” href=”helpfiles.html”>

<a rel=”license” href=”licensing.html”>Сведения о лицензии</a>

<a rel=”next” href=”page-2.html”>Следующая страница</a> <a rel=”prev” href=”page-0.html”>Предыдущая страница</a>

<link rel=”search” href=”http://www.mysite.com/mysearch.xml”>

 

Что ещё более важно, HTML5 позволяет вам указывать автора контента, используя в ссылке атрибут rel=”author”. Это нововведение подчёркивает важность авторства для Google. По словам бывшего генерального директора Google Эрика Шмидта, авторство контента будет оказывать серьёзное влияние на ранжирование.

 

«Информация, связанная с зарекомендовавшим себя автором, будет ранжироваться выше, чем контент, не имеющий такой верификации. В результате, пользователи будут чаще кликать по авторскому контенту, находящемуся выше в поиске. Продолжая писать анонимные статьи, вы рискуете их релевантностью». — Эрик Шмидт

 

2. Помощники для атрибута Alt

 

Одной из основных задач оптимизатора является сопровождение текстами контента, с анализом которого у поисковых систем возникают проблемы. Я говорю об изображениях и видеороликах. До настоящего времени для того, чтобы объяснить поисковику, что происходит на картинке, использовался атрибут alt. Однако, с появлением HTML5, у нас появился более эффективный способ сопровождения изображений информацией — теги “figure” и “figurecaption”.

 

Как видно из примера ниже, изображение в теге <img> размещается внутри родительского тега <figure>. А прямо под ним расположен тег описания <figcaption>, вместе с атрибутом alt поясняющий смысл картинки. Вся разница между тегом <figcaption> и атрибутом alt состоит в том, что текст в <figcaption> виден пользователю, а текст в alt нет.

 

<figure id=”figure2”>

<img src=”barbos.jpg” alt=”Мой пёс Барбос”>

<figcaption>Мой пёс Барбос</figcaption>

</figure>

 

Вебмастеры часто вставляют в атрибут alt ключевые слова, которым там не место. Всё дело в том, что поисковики определяют значение изображения по окружающему его тексту. Теперь для этой цели будет служить <figcaption>.

 

3. Определение самых важных ссылок на странице

 

В июне 2004 года Google подал заявку на патент, озаглавленный «Ранжирование документов на основе их характеристик и/или поведения пользователей». Согласно этому патенту, не каждая ссылка на странице передаёт одинаковый PageRank. Для определения того, сколько веса она должна передавать, Google смотрит, с какой степенью вероятности пользователь на неё кликнет. По популярным ссылкам, к примеру, входящим в навигационное меню сайта, кликают чаще, соответственно они передают больший PageRank. Ну а менее видимые ссылки, такие как политика конфиденциальности, будут передавать меньше веса.

 

В HTML5 было введено несколько новых тегов, помогающих вам выделить важные части страницы. В частности, новый тег <nav>, сообщающий поисковику, какие именно ссылки на странице относятся к навигационному меню сайта. Если судить по патенту выше, это вполне возможно является сигналом для передачи большего веса. С другой стороны тег <footer> сообщает поисковым системам, какие ссылки размещены в подвале страницы, что, может вести к уменьшению передаваемого ими веса.

 

4. Больше никаких видеороликов на Flash

 

Веб-дизайнеры любят использовать Flash, особенно для вставки на страницы видео. Нравится ли это поисковым системам? Не очень. Всё потому, что поисковики с трудом получают доступ к контенту в роликах на Flash. Без помощи специальных технологий, таких как SWFobject и файлов sitemaps для видео, поисковые системы вообще не имели бы понятия о том, что у вас на сайте есть видео.

 

Новый HTML5 тег <video> призван изменить эту ситуацию. Благодаря тегу <video> вы можете вставлять на страницу ролики так же, как обычные изображения, без всякого Flash. Кроме этого, HTML5 позволяет SEO оптимизаторам сопроводить видео дополнительным контентом, таким как субтитры и подписи.

<video controls>

<source src=”video.mp4? type=”video/mp4? />

<source src=”video.webm” type=”video/webm” />

<track kind=”subtitles” src=”subtitles.vtt” />

<track kind=”captions” src=”transcript.en.hoh.vtt” srclang=”en” label=”Английский язык для слабослышащих”>

</video>

 

5. Больше не нужно опасаться использования AJAX

 

Любимым инструментом дизайнеров остаётся Flash, однако, у программистов и разработчиков есть свой фаворит — AJAX. Эта технология позволяет ускорить загрузку страниц и сделать их более интерактивными. Главным недостатком, конечно, является то, что поисковики не могут проиндексировать контент, передаваемый посредством AJAX.

 

Однако, у HTML5 есть решение и этой проблемы. Новый инструмент под названием History API. Он даёт разработчикам возможность изменять URL в адресной строке, не перезагружая страницу. Это в свою очередь помогает поисковым системам привязать  AJAX контент к уникальному адресу и проиндексировать его.
В целом, HTML5 включает в себя множество инструментов и особенностей, которые помогут вам улучшить свои позиции в поиске. Использовать их стоит каждому современному SEO оптимизатору.