1. Семантический код: пусть машины понимают ваш контент
2. Разграничение ссылок
3. Microdata
4. История API - способ оптимизации сайтов AJAX
5. CSS3: графически продвинутые элементы без потери понимания контента
6. Внедрить новые продукты или ждать Google трафика?

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

Семантический код: пусть машины понимают ваш контент

Новые теги HTML

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

В настоящее время большинство веб-сайтов создаются с использованием нескольких вложенных тегов <div>, функция которых определяется соответствующим значением атрибута id. Основная проблема с этим типом решения - отсутствие информации о важности созданных таким образом разделов страницы - тег <div> не несет никакой такой информации. Сама спецификация ясно говорит об этом: «Элемент div вообще не имеет никакого особого значения». По этой причине индексирующие роботы должны каким-то образом угадывать значение отдельных частей страницы, что чаще всего делается на основе их содержимого и расположения в дереве документа.

Эта проблема была замечена людьми из W3C, потому что HTML5 практически полностью ее решает. Спецификация HTML5 содержит новые семантические теги HTML , надлежащее использование которых дает возможность полностью определить роль каждой части документа. Все новые теги вместе с подробным описанием их функций можно найти, конечно спецификации однако, с точки зрения SEO, некоторые из них особенно интересны:

раздел, статья, заголовок, hgroup, нижний колонтитул, в стороне, nav:

Основное различие между этими тегами и универсальным тегом div заключается в том, что сам тег несет информацию о содержимом, содержащемся в нем . Эти данные должны быть очень важны для робота Google: они позволяют быстрее и более однозначно понять, что "имел в виду автор".

Это очень важно и стоит подчеркнуть, что значение этих тегов варьируется в зависимости от их положения в дереве документа. Заголовок, созданный с помощью тега заголовка, - это нечто другое, когда он находится непосредственно внутри тега body, и что-то еще, когда он находится внутри одного из тегов статьи. Это свойство позволяет создавать описательную структуру HTML , что было невозможно до ввода новых тегов. В качестве примера правильного использования всех этих возможностей можно использовать следующий фрагмент кода, описывающий конкретную статью, например, в блоге:

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

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

figcaption, рисунок
Эти два новых тега облегчат публикацию и описание контента, который, хотя и не напрямую в коде документа, явно связан с ним. Я говорю в основном о всевозможных диаграммах, рисунках, рисунках, таблицах, фрагментах кода и т. Д. Созданные таким образом описания элементов + будут заметны при индексировании роботов, и вскоре они могут стать одним из основных источников данных о содержании графических файлов и других материалов. размещены на веб-сайтах.

время
Этот тег сам по себе может быть не очень интересным, но мы обязательно должны обратить внимание на один из его атрибутов - pubdate. Добавление этого атрибута к дате, отмеченной меткой времени, указывает на то, что эта дата является датой публикации описанного контента . В зависимости от структуры документа он ссылается на раздел статьи, в который он включен, или на всю страницу, если он не существует. Так что это еще одна очень полезная информация для поисковой системы, которую разработчики Google наверняка не преминут использовать.

Разграничение ссылок

В дополнение к новым тегам очень важно с точки зрения поисковой оптимизации ввести спецификацию типов ссылок . Они определяются путем добавления атрибута rel, известного давно, который теперь может принимать гораздо более широкий диапазон значений. Среди содержащихся в нем это возможно типы Наибольшее внимание должно быть заслуженно пред., след. и поиском.

rel = "prev" и rel = "next"
Используя атрибуты rel = "prev" и rel = "next", мы можем показать последовательности поисковых систем страниц, которые, хотя и размещаются отдельно, образуют единое целое . Приложения этой возможности возникают сами, я упомяну только списки продуктов в интернет-магазинах и статьи на многостраничных блогах. Добавление этих атрибутов к своим ссылкам на нумерацию страниц дает четкий сигнал о том, что их следует рассматривать как непрерывный контент , что должно эффективно снизить риск распознавания контента страниц этого типа как дублированного. Я пишу «должен», потому что это займет некоторое время для реализации этого свойства в поисковых системах.

отн = «поиск»
Как следует из названия, такие помеченные ссылки должны направлять на внутренние страницы с результатами поиска. Почему в поисковых системах такая информация? Ответ прост. Сайты с результатами поиска обычно содержат минимальное количество контента и большое количество ссылок, что означает, что они обычно рассматриваются как страницы с низким значением. Благодаря реализации опции rel = "search" поисковая система получит четкий сигнал о том, что к этим веб-сайтам следует относиться иначе, чем, например, к страницам статей, категорий или продуктов. Время покажет, что на самом деле будет означать это «иначе».

Microdata

Другой интересной частью спецификации HTML5 являются микроданные, сохраненные в формате микроданных. Они позволяют маркировать отдельные элементы содержимого страницы с помощью маркеров, которые могут быть прочитаны роботами или скриптами. Сама идея не нова, поскольку в 2009 году Google представила систему Rich Snippets , которая позволяла отмечать, например, отзывы среди текстов, опубликованных на сайтах. Затем эта информация была добавлена ​​различными способами в результаты поиска, в которых появились страницы, содержащие их.

Хотя микроданные появились в документах HTML5, их использование было довольно небольшим. Только в начале этого года Google, Bing и Yahoo представили инициативу под названием Schema.org. Это не язык или набор маркеров, а набор словарного запаса, который, согласно соглашению, понимается и уважается поисковыми системами упомянутых компаний. Кстати, формат Microdata также приобрел значение. Гиганты решили, что набор ключевых слов из schema.org они будут прочитаны только в том случае, если для их реализации используются микроданные.

Хотя Google по-прежнему принимает ранее созданные форматы, такие как упомянутые Rich Snippets, ничто не мешает использовать их параллельно с микроданными , что сегодня настоятельно рекомендуется многими специалистами. В будущем Microdata, скорее всего, полностью вытеснит другие решения, что также говорит о его реализации.

История API - способ оптимизации сайтов AJAX

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

Эти возможности найдут свое применение везде, где встроенные в браузеры механизмы не сдают экзамен, и, прежде всего, на страницах, где контент загружается динамически с использованием технологии AJAX. History API дает вам возможность изменить URL-адрес в адресной строке без перезагрузки всей страницы . Более того, это изменение обычно записывается в историю просмотров, что устраняет проблему использования кнопки «Назад» на сайтах такого типа. Кроме того, проблема обмена ссылками на такой просматриваемый контент решается без необходимости внедрения систем с использованием знака #. Этот, казалось бы, незначительный факт приобретает значение в то время, когда ссылки, которые мы разделяем в различных социальных сетях, становятся не только основным источником трафика, но и важным фактором ранжирования.

CSS3: графически продвинутые элементы без потери понимания контента

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

Тем не менее, эта проблема также, кажется, в значительной степени решена. На этот раз с помощью приходит новая версия каскадных таблиц стилей. Отдельные модули созданной в настоящее время спецификации CSS3 позволяют получать ранее недоступные графические эффекты, такие как тени, градиенты, жидкостные градиенты из нескольких столбцов или полную поддержку прозрачности, без ущерба для содержимого самого веб-сайта. Поскольку уровень представления в случае соединения HTML + CSS полностью отделен от информационного уровня, даже графически сложные сайты, созданные с использованием CSS3, полностью понимаются поисковыми системами, что позволяет их правильную индексацию - конечно, если это создание выполняется в соответствии со ст.

Внедрить новые продукты или ждать Google трафика?

Параллельно с дискуссиями о возможностях, предоставляемых новыми технологиями, есть аргументы в пользу того, имеет ли смысл их использование сегодня, когда поддержка их в большом количестве браузеров все еще хромает. Кроме того, глядя на все это через призму интернет-маркетинга и позиции в результатах поиска, возникает естественный вопрос: что такое Google и Bing? Поскольку позиция Google в польском Интернете еще не находится под угрозой, позвольте мне ответить на вопрос поисковой системы Microsoft в ответ на этот вопрос.

Эти типы вопросов настолько очевидны, что они уже неоднократно появлялись на форуме Google для веб-мастеров. Там есть простые уроки, которые можно извлечь у сотрудников Google: поисковая система пока не рассматривает теги HTML5 как источник информации о содержимом страницы, но инженеры Mountain View внимательно следят за развитием этой технологии . То, начнет ли алгоритм учитывать все вышеупомянутые дополнительные источники информации о сопернике, практически точно. Неопределенность применяется только тогда, когда это происходит.

По словам Джона Мюллера, одного из сотрудников Google Analytics для веб-мастеров, это зависит от скорости популяризации этих технологий среди самих веб-мастеров. в качестве ответ на один из вопросов о HTML5 он писал в конце прошлого года: «Если у нас будет все больше и больше контента, разметка HTML5, то эта отметка не может дать нам некоторую информацию, и это не может быть проблематично. начало), которое можно обобщить одним предложением: если мы обнаружим, что все больше и больше веб-сайтов используют синтаксис HTML5 и что это может быть источником информации для робота, мы начнем изменять наши алгоритмы. Это время уже здесь? Сложно сказать. Однако, безусловно, можно утверждать, что веб-сайты, созданные с использованием HTML5, полностью индексируются поисковыми системами Google и их использование не оказывает негативного влияния на позиции в результатах поиска. Поэтому, если мы ничего не потеряем, когда реализуем описанный элемент, мы можем только выиграть, на мой взгляд, размышлять нечего. HTML5 - это будущее, и как только мы начнем жить с ним в дружбе, тем лучше для веб-сайтов, которые мы запускаем.

Вам понравилась статья?
Подпишитесь на рассылку,
и вы будете в курсе.

Похожие

Комментарии