Logo

Навигация
  • Верстка
    • WordPress
    • HTML5
    • CSS3
    • Responsive
    • jQuery & Javascript
  • Дизайн
    • Респонсив
    • Графика
    • Юзабилити
    • Типографика
  • Технологии и Интернет
    • Веб-сервисы
    • SEO
    • Маркетинг
    • Разное
  • Mobile
    • Apple
    • Android
    • Windows
  • Вдохновение
    • Веб-сайты
    • Креатив
    • Юмор
  • Скачать
  • Tools
    • CSS3 Генератор Кода

HTML5 и SEO

WebDesignMagazine | Февраль 18, 2013 | 0 комментариев
HTML5 SEO
html5_and_seo

С момента появления первых поисковых систем, веб-дизайнеры и разработчики борются  с вопросами о том, как увеличить их размещения на результатах страниц поисковиков. С нежеланием поисковых систем (Google, Bing и т.п.) раскрыть свои алгоритмы ранжирования, экспертам поисковых систем приходится постоянная играть в игры по  угадыванию, какая тактика будет наиболее эффективной.

С продолжительным развитием технологий, от HTML и XML до JavaScript и Flash, недвижимость поисковых систем переросла в свою собственную массивную  промышленность. Введение HTML5 упростило многие задачи, но и также добавило ещё один уровень сложности в этой области.

HTML5 и Мультимедиа

В течение многих лет, веб-дизайнеры и разработчики использовали плагины, такие как Adobe Flash и Microsoft Silverlight для добавления аудио, видео и графики контента к своим проектам. Эти плагины позволили специалистам создавать глянцевые дизайны, которые привлекали посетителей и завоевали множество внимания.

Тем не менее, эти сайты традиционно страдали от плохого рейтинга в поисковиках, из-за неспособности WebCrawler индексировать их тип контента. Большие успехи были достигнуты в этой области, незадолго до смерти Flash, но в настоящее время, по большей степени, инвестиции в области индексации плагинов, прекратились.

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

Google нам часто советует создавать веб-сайты для пользователей с «натуральным» контентом. Нам, возможно, придётся подождать HTML6 для того, чтобы бы это стало возможным.

HTML5 и ссылки

В предыдущие годы, разработчики использовали “rel” атрибут на своих тегах  ссылок, чтобы указать, за какими ссылками поисковый робот не должен следовать:

В HTML5, новые значения для “REL” атрибута тега ссылок позволяет создать условия для документа, который, продвигаясь вперёд, должен обеспечить значительно улучшенные  результаты поиска для пользователей:

1
<a href="no-follow.htm" rel="nofollow">Don't Follow This Link</a>

Alternate позволяет указать альтернативный контент, например, тот же текст в формате PDF или тот же контент на другом языке.

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

Author позволяет сделать ссылку на профайл автора. Это имеет большое преимущество на Google, если автор подписан на Google+.

1
<link rel="author" href="https://plus.google.com/0123456789">

Bookmark позволяет блогам ссылаться на постоянный URL статьи, это полезно, если ваши статьи публикуются на главной странице.

1
<a rel="bookmark" href="http://mysite.com/article.html">Permalink</a>

Help предназначен для использования сторонними приложениями для обеспечения доступа к файлам помощи. Функция не эффективна для страниц блога, но бесценна для веб-приложений.

1
<link rel="help" href="helpfiles.html">

License даёт ссылку на информацию о лицензировании.

1
<a rel="license" href="licensing.html">License information</a>

 Next и Prev используются, когда документ является частью серий, давая контекст текущей страницы.

1
2
<a rel="next" href="page-2.html">Next</a>
<a rel="prev" href="page-0.html">Previous</a>

 Search содержит ссылку на ресурс, который может быть использован для поиска по текущему документу и связанные с ним страницы.

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

 HTML5 и Ранжирование

В конце 2010 года Джон Мюллер из Google отметили, что HTML5 является “в процессе разработки” и что компания по-прежнему работают над способами индексации HTML5 контента. Тем не менее, компания делает искренние усилия, чтобы включить индексирование содержимого HTML5 в своих новое поколение веб-сканеров.

Пока отношения Google с стандартами HTML5 остаются вялотекущими, и пока Google централизует все внимания на усилиях SEO, внедрение HTML5 нового контента и способы его описания, вряд ли предложит реальные SERP выгоды. Тем не менее, возможность индексировать большее количество контента с меньшими усилиями, не является предметом спора, и с быстрым становлением HTML5 новым стандартом для веб-дизайна, это всего лишь вопрос времени, прежде чем HTML5 сайты превзойдут сайты XHTML.

Поделиться статьей:
  • tweet

Об Авторе

WebDesignMagazine - Редакция портала WebDesignMagazine.ru -онлайн журнал о веб-дизайне.

Тзги: html5SEO

Новые статьи

  • Стилизация SVG с помощью CSS. Возможности и ограничения.

    Февраль 21, 2014 - 0 комментариев
  • Подборка респонсивных сайтов-галерей для вдохновения

    Февраль 20, 2014 - 0 комментариев
  • Как создать меню в стиле Apple при помощи одного CSS3 без использования картинок

    Февраль 19, 2014 - 0 комментариев

Это интересно

  • Самые распространенные СЕО ошибки, которые совершают блоггеры

    Январь 9, 2014 - 0 комментариев
  • Эффективные СЕО советы для блоггеров

    Декабрь 28, 2013 - 0 комментариев
  • Преимущество местного СЕО над глобальным

    Декабрь 19, 2013 - 0 комментариев

Зафрэндимся?

Получайте первыми новые уроки и статьи! Еженедельные розыгрыши и конкурсы среди подписчиков!

Человек 847 Человек
  • Популярное
  • Новые
  • Комментарии
  • Бесплатный билет на Design Camp? Совместная акция Microsoft и WebDesignMagazine.ru

    Ноябрь 27, 2013 - 19 комментариев
  • 2D графика. Талант и многогранность Александра Дягилева

    Январь 27, 2014 - 4 комментариев
  • 8 HTML5 и CSS3 сниппетов для разработки и дизайна новых проектов

    Август 25, 2013 - 4 комментариев
  • Возврат к основам или как создать HTML5 шаблон?!

    Октябрь 7, 2013 - 4 комментариев
  • Звездные войны в CSS

    Май 31, 2013 - 4 комментариев
  • Стилизация SVG с помощью CSS. Возможности и ограничения.

    Февраль 21, 2014 - 0 комментариев
  • Подборка респонсивных сайтов-галерей для вдохновения

    Февраль 20, 2014 - 0 комментариев
  • Как создать меню в стиле Apple при помощи одного CSS3 без использования картинок

    Февраль 19, 2014 - 0 комментариев
  • Подборка креативных дизайнов корпоративных сайтов за Февраль 2014

    Февраль 18, 2014 - 0 комментариев
  • Как стилизовать полосы прокрутки (скроллинг) в Webkit-браузерах

    Февраль 12, 2014 - 0 комментариев
  • Ознакомление с CSS модулем Flexbox

    А не плохая вещь, беру на заметку,...
    Февраль 4, 2014 - JamaRolex
  • 2D графика. Талант и многогранность Александра Дягилева

    Благодарю!) Приятно слышать ;)
    Февраль 4, 2014 - Александр
  • Добавляем свой CSS в любой пост или страницу на Вордпрессе

    Благодарю! Отличный и простой хак! И...
    Февраль 3, 2014 - Андрей Семенов
  • 2D графика. Талант и многогранность Александра Дягилева

    Да, кто бы мог подумать что в Удмуртии...
    Февраль 2, 2014 - Александр
  • Оптимизация JavaScript при помощи RequireJS

    Спасибо, я, правда, свой костыль делал,...
    Февраль 1, 2014 - plutov.by

Популярные тэги

android Apple css css3 fotolia html5 javascript jquery mobile responsive SEO typography wordpress адаптивное адаптивный анимация бесплатно бесплатные бизнес вдохновение веб веб-дизайн веб-сайт веб-сайты верстка вордпресс дизайн креатив маркетинг меню мобильные приложения плагины портфолио разработка реклама респонсив скачать сниппет темы технологии типографика уроки шрифты юзабилити юмор

Опрос на этой неделе:

Партнеры

300x250 V1
  • ¡

    О Нас

    Познакомимся ближе! Немного о себе и портале

  • =

    Работа

    Пишете статьи? Станьте автором нашего журнала!

  • X

    Реклама

    О Вас узнают десятки тысяч посетителей!

  • L

    Есть Идеи?

    Поделитесь с нами своими предложениями

  • Главная
  • О Нас
  • Работа
  • Архив
  • Пользовательское cоглашение
  • Реклама на сайте
  • Партнеры
  • Контакты
© 2013. Все права защищены. Перепечатка материалов возможна с сохранением ссылки на источник, а также изменением заголовка статьи и содержимого.