banner_nika_hozyaike      banner_pos_bekker     banner_specpredl_roznica_2

Взгляд на внедрение микроданных HTML5 и их влияние на SEO

  1. Тема, которая часто попадает в центр внимания, - это микроданные или структурированные данные, которые...
  2. Что такое микроданные?
  3. Как я могу использовать микроданные?
  4. Использование itemscope и itemprop
  5. Несколько атрибутов itemprop
  6. Вложенные атрибуты itemprop
  7. Использование itemtype
  8. Как это влияет на мой SEO?

Тема, которая часто попадает в центр внимания, - это микроданные или структурированные данные, которые также могут называться. Что такое микроданные, как вы их используете и повлияет ли это на ваш SEO? Это 3 вопроса, которые мы собираемся рассмотреть.

Микроданные появились с ранних выпусков спецификаций HTML5 и постепенно стали важным фактором SEO или соображением после лета 2011 года, когда Google, Yahoo и Bing объединились для реализации одной из крупнейших веб-онтологий, Schema.org.

Schema.org и Microdata - это адаптация RDFa, которая позволяет разработчикам рассказать поисковым системам больше о вашем контенте в представлении, которое согласовано и понятно как разработчикам, так и роботам. RDFa существует с ранних версий HTML4, хотя многие веб-мастера решили избегать его реализации из-за его сложности и XML-подобного характера. Требовалось много времени и усилий для реализации относительно простой информации. Хотя .. это было начало.

В HTML5 была целая спецификация, посвященная микроданным - как ее реализовать, как ее использовать и как правильно создать сеть «связанных данных»; тема, которая в последнее время приобрела огромную популярность.

Что такое микроданные?

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

С точки зрения HTML5, мы рассмотрим два новых атрибута, которых достаточно для размещения на вашем веб-сайте обширных фрагментов данных.

Как я могу использовать микроданные?

Чтобы начать добавлять дополнительную семантическую информацию и контекст к нашему контенту, нам нужно взглянуть на доступные атрибуты, которые связывают пары имя-значение из онтологии. Эти атрибуты:

  • itemscope, определяет группу пар имя-значение - обычно их называют элементом.
  • itemprop из своего буквального значения «свойство» назначает свойство элементу микроданных.
  • itemtype, определяет тип элемента при использовании в том же элементе HTML, что и атрибут itemscope. Значение itemtype - это идентификатор URL для семантического словаря (если вам интересно, что это значит ... мы рассмотрим его ниже).

Чтобы правильно использовать эти атрибуты, нам нужно взглянуть на каждый из них и понять, что он делает с точки зрения реализации микроданных.

Использование itemscope и itemprop

Давайте возьмем реализацию микроданных, которую мы используем здесь, на ALJT Media. Мы начнем с абстрагирования информации, которая нам пока не интересна.

<div itemscope> <div class = "thumbnail"> <a href = "http://www.madebymagnitude.com/blog/how-to-create-an-rss-feed-using-php-and-pdo" itemprop = "url"> <img src = ".." alt = "Как создать канал RSS с использованием PHP и PDO" itemprop = "thumbnailUrl" width = "335" height = "200" /> </a> </ div> <h3> <a href="http://www.madebymagnitude.com/blog/how-to-create-an-rss-feed-using-php-and-pdo" itemprop="url"> <span itemprop = "headline"> Как создать канал RSS с использованием PHP и PDO </ span> </a> </ h3> </ div>

Мы начнем с добавления атрибута itemscope в наш основной элемент. Семантически это идентифицирует новый элемент микроданных и будет содержать вложение пар имя-значение. Затем мы добавляем атрибут itemprop к любым элементам-потомкам, которые определяют какое-либо свойство элемента. В нашем примере мы определяем URL-адрес, URL-адрес миниатюры и заголовок статьи. Имена itemprop применяются только к семантике, определенной в словаре (мы рассмотрим это ниже).

Чтобы быть действительным элементом микроданных, у нас должен быть хотя бы один атрибут itemprop в каком-либо элементе, который является потомком элемента itemscope.

Важно заметить, что разные имена атрибутов itemprop получат разные значения из своего связанного элемента. Возьмите наш пример выше, URL itemprop получает свое значение от href в элементе a , в то время как заголовочный itemprop получает свое значение от содержимого внутри элемента. Как правило, URL-адреса изображений и веб-URL будут получать свои значения из атрибута ( src / href ), а не из содержимого элемента.

Несколько атрибутов itemprop

С микроданными можно иметь один или несколько одинаковых атрибутов itemprop. Нет никаких кардинальных ограничений на диапазон и количество, которое вы можете иметь для одного и того же значения. Например, здесь, в ALJT Media, когда мы классифицируем теги и категории:

<section class = "tags clearfix"> <a rel="tag" href="http://www.madebymagnitude.com/blog/tagged/pdo"> # <span itemprop = "ключевые слова"> PDO </ span> </a> <a rel="tag" href="http://www.madebymagnitude.com/blog/tagged/php"> # <span itemprop = "Keywords"> PHP </ span> </a> < a rel = "tag" href = "http://www.madebymagnitude.com/blog/tagged/rss"> # <span itemprop = "ключевые слова"> RSS </ span> </a> <a rel = "тег "href =" http://www.madebymagnitude.com/blog/tagged/rss-feed "> # <span itemprop =" ключевые слова "> RSS-канал </ span> </a> <a rel =" tag "href = "http://www.madebymagnitude.com/blog/tagged/web-development"> # <span itemprop = "ключевые слова"> веб-разработка </ span> </a> <a rel = "tag" href = " http://www.madebymagnitude.com/blog/tagged/xml">#<span itemprop = "ключевые слова"> XML </ span> </a> </ section>

В приведенном выше примере мы заявляем, что каждый из наших «тегированных» терминов для статьи принимает ключевые слова itemprop.

Вложенные атрибуты itemprop

Микроданные дают нам большую свободу в том, как мы выбираем наиболее подходящее представление наших семантических данных. Хотя существуют такие онтологии, как schema.org, которые разработаны и представлены Google, Facebook и т. Д., Нет универсального согласованного стандарта того, как вам следует реализовывать свою семантически контекстную информацию.

Вложенность позволяет нам упорядочивать itemprop на некотором уровне иерархии, поэтому мы присваиваем наиболее пару itemprop имя-значение ее наиболее значимому уровню.

Теперь давайте расширим наш пример сверху для реализации онтологии schema.org и сгруппируем нашу статью в блоге под атрибутом «blogPost»:

<article itemprop = "blogPost"> <div itemscope itemtype = "http://schema.org/BlogPosting"> <div class = "thumbnail"> <a href = "http://www.madebymagnitude.com/blog/ how-to-create-an-rss-feed-using-php-and-pdo "itemprop =" url "> <img src =" .. "alt =" Как создать канал RSS с использованием PHP и PDO "itemprop = "thumbnailUrl" width = "335" height = "200" /> </a> </ div> <h3> <a href = "http://www.madebymagnitude.com/blog/how-to-create-an -rss-feed-using-php-and-pdo "itemprop =" url "> <span itemprop =" headline "> Как создать RSS-канал с использованием PHP и PDO </ span> </a> </ h3> < p itemprop = "about"> Отличительной особенностью последних событий в социальных сетях и социальных сетях является возможность легко распространять и обмениваться великолепным уникальным контентом. Но как вы можете ... </ p> <h6> Опубликовано в <a href="http://www.madebymagnitude.com/blog/category/web-design"> <span itemprop = "articleSection"> веб-дизайн < / span> </a> on <time itemprop = "dateCreated" datetime = "2013-11-06T08: 10: 51"> 6 ноября 2013 г. </ time> </ h6> <section class = "tags clearfix"> <a rel="tag" href="http://www.madebymagnitude.com/blog/tagged/pdo"> # <span itemprop = "Keywords"> PDO </ span> </a> <a rel = " tag "href =" http://www.madebymagnitude.com/blog/tagged/php "> # <span itemprop =" Keywords "> PHP </ span> </a> <a rel =" tag "href =" http://www.madebymagnitude.com/blog/tagged/rss">#<span itemprop = "Keywords"> RSS </ span> </a> <a rel = "tag" href = "http: // www .madebymagnitude.com / blog / tagged / rss-feed "> # <span itemprop =" ключевые слова "> RSS-канал </ span> </a> <a rel =" tag "href =" http: //www.madebymagnitude .com / blog / tagged / web-development "> # <span itemprop =" ключевые слова "> веб-разработка </ span> </a> <a rel =" tag "href =" http://www.madebymagnitude.com / blog / tagged / xml "> # <span itemprop = "words"> XML </ span> </a> </ section> </ div> </ article >

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

Использование itemtype

Последний и самый важный момент, который я хочу рассмотреть, - это атрибут itemtype . Атрибут itemptype указывается в элементе рядом с атрибутом itemscope . Значением атрибута itemtype является URL-адрес, представляющий словарь микроданных. URL - это строковое представление, которое действует как идентификатор словаря. Для тех, кто знаком с реализациями RDFa и схемами XML, идентификатор представляет новое пространство имен для нашего элемента. После добавления атрибута itemtype мы можем реализовать любое из имен в словаре.

В качестве абстрактного представления наших статей мы имеем:

<section itemscope itemtype = "http://schema.org/Blog"> <article itemprop = "blogPost"> <div itemscope itemtype = "http://schema.org/BlogPosting"> <a href = "... "itemprop =" url "> <img src =" ... "itemprop =" thumbnailUrl "/> </a> <h3> <a href="..." itemprop="url"> <span itemprop =" headline "> Взгляд на внедрение микроданных HTML5 и их влияние на ваше SEO </ span> </a> </ h3> <p itemprop =" about "> Микроданные HTML5 постепенно стали важным фактором SEO после лета 2011 года, когда Google, Yahoo и Bing объединились, чтобы создать один из крупнейших веб-сайтов. </ P> <h6> Опубликовано в <a href="..."> <span itemprop = "articleSection"> Веб-дизайн </ span> < / a> on <time itemprop = "dateCreated" datetime = "2013-11-12T04: 19: 22"> 12 ноября 2013 г. </ time> </ h6> <section class = "tags clearfix"> <a rel = "tag" href = "..."> # <span itemprop = "ключевые слова"> HTML5 </ span> </a> <a rel="tag" href="..."> # <span itemprop = " ключевые слова "> микроданные </ span> </a> </ section> </ div> </ article> </ section>

В нашем примере выше определено, что каждая статья является типом «blogPosting», который является потомком элемента микроданных элемента микроданных «Блог». В каждом из наших элементов blogPosting мы извлекаем свойство headline, которое определено здесь Schema.org

Использование URL словарей позволяет нам добавлять несколько словарей в один и тот же фрагмент кода. Иерархическая структура большинства онтологий также позволяет нам использовать преимущества наследования для многих свойств, таким образом, используя одни и те же имена свойств в нескольких разных местах.

Как это влияет на мой SEO?

Микроданные часто являются горячими спорами, поскольку нет ни проверенных исследований, ни комментариев о влиянии микроданных на ваш SEO. Использование элементов и атрибутов семантических микроданных HTML5 в вашем контенте, скорее всего, не даст вашему контенту более высокий рейтинг в поисковых системах.

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

Я считаю, что по мере роста важности HTML5 и микроданных (учитывая, что они были впервые опубликованы и получили широкое распространение еще в 2011 году), тем важнее становится то, где ранжируются сайты и как отображаются результаты поиска. Это было показано на Bing, благодаря чему внедрение микроданных на вашем сайте окажет значительное влияние на обычный поиск и ранжирование результатов вашего сайта по его услугам.

Хотя, что касается Google, в настоящее время он не «вознаграждает» вас за реализацию новых атрибутов и элементов семантических данных HTML5:

Поскольку популярность HTML 5 возрастает, и мы распознаем конкретные элементы разметки, которые обеспечивают ценность для нашей системы индексации, это, вероятно, изменится, но в настоящий момент я не предполагаю, что у вас будет преимущество, если использовать HTML 5 вместо старых вариантов… ,

Лично я бы рекомендовал использовать HTML 5 там, где вы думаете, что это уже имеет смысл, возможно, вернувшись к HTML 4, если вы можете определить, что браузер не будет поддерживать элементы HTML 5, которые вы используете правильно. Хотя это не приведет к преимуществу вашего контента в наших результатах поиска, оно, как правило, также не будет невыгодным.

Пожалуйста, поделитесь этой статьей, если она вам понравилась или показалась вам полезной.

Что такое микроданные?
Как я могу использовать микроданные?
Что такое микроданные, как вы их используете и повлияет ли это на ваш SEO?
Что такое микроданные?
Как я могу использовать микроданные?
Как это влияет на мой SEO?

Наш магазин

Сезонные товары

Icon    Доставка в течение дня
Icon    Работаем с 09:00 до 18:00 кроме выходных
Icon    Возврат в течении 14 дней
Icon    Гарантия на все товары