Взгляд на внедрение микроданных 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. Мы начнем с абстрагирования информации, которая нам пока не интересна.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В нашем примере выше определено, что каждая статья является типом «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, которые вы используете правильно. Хотя это не приведет к преимуществу вашего контента в наших результатах поиска, оно, как правило, также не будет невыгодным.

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

Похожие

Комментарии