Разметка схемы: как сделать ваш контент более интерактивным и доступным

  1. В Comes Schema.org
  2. Разметка схемы
  3. Структурированные данные
  4. Microdata
  5. HTML5
  6. отрывок
  7. Rich Snippet
  8. Три шага к разметке схемы (Rich Snippets)
  9. 2. Разметьте свой контент.
  10. 3. Проверьте свою разметку.
  11. Genesis 2.0 разметка микроданных
  12. Еще одно слово о Бытии 2.0
  13. Если вы не работаете от Бытия…
  14. Google Data Highlighter
  15. Плагины разметки схемы
  16. WP Social SEO Booster
  17. Слово в Facebook Открыть график
  18. WP Social SEO Booster Pro
  19. Разметка Schema.org
  20. Если вы являетесь партнером по маркетингу: Автор hReview
  21. Схема разметки Маркетинг на вынос

Каждая страница на вашем сайте имеет основное значение, которое люди понимают, когда они их читают.

Это заставляет их смеяться, плакать, расстраиваться, учиться, расти, переживать.

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

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

Microdata представляет собой набор тегов, введенный в HTML5, который позволяет вам сделать это.

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

Например, <h1> Traffic </ h1> говорит браузеру отображать текстовую строку «Traffic» в формате заголовка 1.

Тем не менее, он не дает никакой информации о значении «трафика» - он может относиться к пробке на I405 или увеличение вашего веб-трафика ,

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

В Comes Schema.org

Schema.org это сотрудничество между Google, Microsoft, Yahoo !, и Яндексом, чтобы объединить способ, которым веб-мастера сообщают ВСЕМ поисковым системам определенные спецификации (структурированные данные) об их содержании.

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

Давайте начнем с нескольких простых определений «как только что получишь», чтобы мы чувствовали, что знаем, о чем говорим.

Разметка схемы

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

Структурированные данные

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

Microdata

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

Есть два других формата, с помощью которых вы можете сообщить свою разметку поисковым системам: Microformats а также RDFa , но так как Google рекомендует использовать микроданные , это все, что нам нужно знать и применять.

HTML5

HTML является аббревиатурой от языка гипертекстовой разметки. Оригинальный язык HTML был создан в 1990 году для стандартизации кода для отображения контента в Интернете.

В декабре 2012 года HTML5 (т. Е. Версия 5) была назначена в качестве кандидатской рекомендации, что означает, что она достаточно развита , чтобы рассмотреть ее для общего принятия. Он не будет полностью стабильным до 2014 года.

Так зачем использовать HTML5 сейчас, хотя ему все еще нужно некоторое время?

Разметка микроданных или кодовые теги в HTML5 дают поисковым системам четкое сообщение о том, какие типы данных или контента индексируются. Google очень любит это - и хочет больше этого. ( источник - BlogAid.net )

отрывок

Это действительно просто: небольшой фрагмент или краткая выдержка, как в «фрагментах информации».

В терминах Google этот результат поисковой системы представляет собой набор фрагментов: заголовок, URL, описание.

В терминах Google этот результат поисковой системы представляет собой набор фрагментов: заголовок, URL, описание

Rich Snippet

В Google расширенный фрагмент кода - это фрагмент кода, который улучшает результаты поиска в поисковых системах на страницах результатов поиска (SERP).

Rich Snippets - это то, что Google называет структурированными данными.

Как это:

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

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

И именно поэтому вы хотите сделать все возможное, чтобы разметить свой контент, чтобы получить это преимущество на страницах результатов поисковой системы (SERPs).

Вот пример того, насколько богатые фрагменты могут выделить ваш результат в поисковой системе. На приведенной ниже тепловой карте отслеживания глаз 4-й результат, который появляется с фотографией профиля, привлек гораздо больше внимания по сравнению со вторым и третьим обычными фрагментами ( опубликовано на iCrossing ):

На приведенной ниже тепловой карте отслеживания глаз 4-й результат, который появляется с фотографией профиля, привлек гораздо больше внимания по сравнению со вторым и третьим обычными фрагментами (   опубликовано на iCrossing   ):

ВАЖНО ЗАПОМНИТЬ: богатые фрагменты сами по себе не предназначены для того, чтобы помочь вам лучше ранжироваться, а выглядят лучше в результатах поиска.

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

Например,

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

Три шага к разметке схемы (Rich Snippets)

1. Выберите формат разметки.

Поскольку мы уже знаем, что Google рекомендует использовать микроданные для разметки нашего контента, этот пакет уже есть.

2. Разметьте свой контент.

Google поддерживает расширенные фрагменты для следующих типов контента:

Google также распознает разметку для видеоконтент и использует его для улучшения результатов поиска видео.

Это суть этого поста - КАК разметить ваш контент - и вы узнаете об этом ниже.

3. Проверьте свою разметку.

После того, как ваша разметка завершена, вы можете увидеть, правильно ли Google читает ее с помощью инструмент тестирования структурированных данных.

Теперь о способах разметки вашего контента - безболезненно .

Genesis 2.0 разметка микроданных

Выпуск Genesis 2.0 был большой скачок вперед для структуры, если не сказать больше.

Двумя наиболее заметными внутренними изменениями стали поддержка HTML5 и разметки schema.org, чтобы сделать ваш сайт WordPress максимально быстрым, безопасным, гибким и доступным для поиска.

Разметка Schema.org? Так это означает, что те из нас, кто работает на Genesis 2.0 больше нечего делать, кроме как позволить теме делать свою работу?

Самым близким, к которому я пришел, был пост Райана Мейера. Пользовательские микроданные с Genesis 2.0 ( спасибо МаАнна Стивенсон за указание на этот пост) ; Однако, как только я прочитал ...

Если вас интересуют новые фильтры, исходный код разметки находится в genesis / lib / functions / markup.php .

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

Вот что я узнал:

1. Genesis 2.0 автоматически помечает ваш контент микроданными Schema.org.

2. Разметка по умолчанию для любой страницы Страница интернета , По сути, это означает, что каждая страница в вашем блоге будет создавать одинаковую разметку, чтобы роботы поисковых систем знали, что они сканируют… ну, веб-страницу.

В свете Google недавно представил подробные статьи Всем интересно, чтобы разметить свой контент разметкой «Статья».

Является ли «Веб-страница» такой же, как «Статья»? Не совсем.

«Веб-страница» - это любая веб-страница на вашем сайте, включая страницу «Обо мне», «Страница контактов», «Условия предоставления услуг», «Отказ от ответственности», страницы категорий и т. Д. Они не являются «статьями» и не будут рассматриваться для включения в подробные статьи о Google. «Статья» - это в основном пост.

В соответствии с Иерархия Schema.org :

ВЕЩЬ => ТВОРЧЕСКАЯ РАБОТА => СТАТЬЯ

ВЕЩЬ => ТВОРЧЕСКАЯ РАБОТА => WEBPAGE

Страница поста может быть помечена как «Статья» и «Веб-страница». Страница «Контакты» должна быть помечена только как «Веб-страница». Имеет смысл?

Если вам интересно увидеть собственную разметку, независимо от того, работает ваш сайт на Genesis 2.0 или нет, вам необходимо просмотреть источник любого из ваших сообщений в блоге ( то есть, как роботы поисковых систем видят ваш сайт ). Чтобы сделать это в Chrome, перейдите в View => Developer => View Source ; в Firefox: Инструменты => Веб-разработчик => Источник страницы.

Как только вы попали в исходный код своей страницы, найдите все экземпляры для « схемы » (на моем Mac я нажимаю Ctrl + F для этого).

Если это над вашей головой, не беспокойтесь; вот скриншот моей страницы источника Увеличение трафика на сайте: окончательный проект для более прибыльного веб-трафика post - вы можете видеть, что у меня есть 114 экземпляров разметки схемы на странице (причина, по которой у меня их так много, из-за количества комментариев к посту):

(нажмите на изображение, чтобы увидеть его в полном размере)

Как вы можете сказать, страницы Traffic Generation Café действительно размечены разметкой схемы WebPage из коробки - без каких-либо плагинов или каких-либо дополнительных усилий с вашей стороны просто из-за Бытия 2.0 ,

Вы также можете проверить свою разметку через Google Rich Snippet Testing Tool ( намного проще, чем проверка источника вашей страницы, но не так весело! ).

Например, когда я тестировал разметку для моего недавнего Продвиньте свой блог: 10 шагов к окончательному продвижению блога пост перед установкой любых плагинов , вот как выглядела разметка WebPage:

Например, когда я тестировал разметку для моего недавнего   Продвиньте свой блог: 10 шагов к окончательному продвижению блога   пост перед установкой любых плагинов , вот как выглядела разметка WebPage:

(ниже вы увидите скриншот того, как выглядит моя разметка с разметкой «Статья» и «Веб-страница» после добавления WP Social SEO Booster в кафе Generation Traffic)

3. Схема разметки IS встроена в Genesis 2.0; однако вам нужно будет добавить собственную схему для чего-либо, кроме значений по умолчанию, которые вы можете сделать вручную или установив плагин для конкретной схемы.

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

A. разработчик, в этом случае вот ваша отправная точка из поста Райана Мейера:

С 2.0 разработчики будут иметь доступ к фильтрам атрибутов. Эти фильтры применяются в функции genesis_attr () на основе параметра контекста. Используя genesis_markup () в ваших плагинах или темах, вы можете автоматически добавлять микроданные, устанавливая соответствующий аргумент контекста или указывая свой собственный контекст и фильтр пользовательских атрибутов.

Б. Если вы не знаете, что это значит ( я не знаю ), тогда вам нужно пометить свои сообщения с помощью плагина.

Еще одно слово о Бытии 2.0

Прежде чем перейти к плагинам, я хотел бы кое-что отметить: кафе Generation Traffic перешло с Thesis на Genesis 2.0 только на прошлой неделе с помощью мой потрясающий дизайнер Ян Белангер кто действительно стал экспертом в создании / настройке адаптивных тем Genesis крикни ему если вы хотите обновить свой сайт, чтобы лучше выглядеть ).

Я абсолютно поражен тем, насколько простой, но сложный Genesis 2.0, не говоря уже о том, что он загружается очень быстро (я уверен, что вы заметили - моя домашняя страница теперь загружается менее чем за 1 секунду! ).

Итак, если вы ждали установки Genesis 2.0 на свой сайт, пришло время ...

Нажмите здесь, чтобы получить Genesis 2.0 прямо сейчас ,

Если вы не работаете от Бытия…

Я не знаю ни одной другой темы, которая в настоящее время предлагает то, что предлагает Genesis 2.0, включая разметку Schema, поэтому, если ваш сайт не работает на Genesis, но вам нравится это так, то вам определенно нужно изучить другие варианты. сделать разметку схемы на вашем сайте.

Я собираюсь пройти несколько сценариев « Что если… тогда… » ниже. Либо найдите тот, который лучше всего соответствует вашим потребностям, либо придумайте свой собственный.

Google Data Highlighter

ЧТО, если вы не хотите устанавливать какие-либо дополнительные плагины (в конце концов, они замедляют ваш блог), или ваш сайт не является собственный сайт WordPress.org совсем?

ЗАТЕМ…

Ваш лучший вариант на данный момент это использовать Google Data Highlighter в Инструментах Google для веб-мастеров ,

Я уже говорил об этом подробно в моем недавнем Подробные статьи Google: как их ранжировать в результатах поиска Google , но вот быстрый совок.

  • Data Highlighter - это инструмент для веб-мастеров, который рассказывает Google о структуре структурированных данных на вашем веб-сайте.
  • Вы просто используете Data Highlighter, чтобы пометить поля данных на вашем сайте с помощью мыши.
  • Как только шаблон будет установлен, Google представит ваши списки поисковых систем соответственно - как если бы вы сами сделали разметку в исходном коде вашего сайта.

Посмотрите этот краткий учебник о том, как использовать Data Highlighter для разметки данных на вашем сайте:

Вы можете использовать Data Highlighter, чтобы рассказать Google о следующих типах данных на вашем сайте:

Поскольку Genesis 2.0 уже разметил мой сайт, я не могу проверить результаты применения Data Highlighter. Data Highlighter не учит Google о страницах, которые уже содержат HTML-разметку с указанием структуры данных, а только о страницах без разметки.

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

Плагины разметки схемы

ЧТО, ЕСЛИ… вы хотите установить плагин и покончить с ним?

ЗАТЕМ…

Большинству из нас нужно будет полагаться на плагины, чтобы в полной мере воспользоваться всем, что может предложить разметка Schema (зачем идти на полпути во всем, верно?).

Я изучил варианты и вот мои выводы.

Имейте в виду, я не собираюсь перечислять каждый плагин, который я нашел, который делает разметку схемы; только те, которые являются моим лучшим выбором. Кому нужен еще один список из 100+ лучших плагинов WordPress ?

WP Social SEO Booster

WP Social SEO Booster на момент написания этого поста, похоже, единственный плагин, который включает в себя разметку схемы «Статья».

Это также оказалось моим любимым по многим причинам, и я собираюсь показать вам, как это работает и как настроить его на вашем сайте.

WP Social SEO Booster без проблем предоставляет два набора разметок - разметку Schema.org для поисковых систем (включая разметку Google Author и Publisher) и разметку Open Graph для Facebook.

Слово в Facebook Открыть график

Open Graph для Facebook - это то, что богатые фрагменты для Google.

Это позволяет вам добавлять больше данных в ваши обновления Facebook, чтобы сделать их более понятными и действенными.

Не то, чтобы Facebook был частью этого поста, но WP Social SEO Booster делает Facebook выглядеть лучше - буквально.

Используйте настройки Open Graph так же, как вы используете настройки SEO для вашего сайта ,

Google и большинство других поисковых систем также используют метатеги Open Graph для своих списков, и, что самое важное, Facebook использует ТОЛЬКО метатеги Open Graph, когда пользователю нравится ваш пост / pgae / site. Чем лучше у вас есть метатеги Open Graph, тем лучше он будет выглядеть на Facebook и может стать гораздо более вирусным.

Вернуться к разметке схемы с помощью WP Social SEO Booster и моего видеоурока о том, как его настроить.

Несколько ссылок, упомянутых в видео:

WP Social SEO Booster Pro

Прошлой ночью мне дали доступ Майк Джонсон и Дэниел Вазер - WPSocial создатели плагинов - в Pro версии WP Social SEO Booster, чтобы сравнить ее с облегченной версией ради нашего исследования разметки Schema.

Мне очень понравилось то, что я нашел там.

Я показал вам несколько дополнительных функций, которые Pro-версия предоставляет в видеоруководстве по WP Social SEO Booster выше, но здесь они с первого взгляда:

Разметка Schema.org

  • Бесплатная версия работает только для сообщений и без страниц или пользовательских типов сообщений. Pro версия работает для каждого поста и типа страницы.
  • Pro версия также автоматически добавляет микроданные «Article», если не указано иное. В бесплатной версии он должен быть выбран (и, опять же, он работает только на сообщения).
  • Кроме того, Pro версия также имеет больше атрибутов схемы для бизнес-списков. Локальные атрибуты SEO и т. Д.
  • Pro версия также имеет множество мелких тонко настроенных оптимизаций, которые явно не видны со стороны.

Разметка в социальных сетях

Конечно, WP Social SEO Booster Pro также полностью оптимизирует ваш блог для каждого типа социальных разметок / платформ:

  • Facebook Open Graph;
  • Твиттер-карты;
  • Google Itemprop и rel = ”издатель”.

Вы также можете добавить:

  • кнопки социальных сетей для ваших сообщений, чтобы вам не приходилось использовать для этого другой плагин (многофункциональное решение всегда является лучшим решением!);
  • Панель рекомендаций Facebook;
  • Google+ Интерактивные сообщения ,

Последний, Google+ Интерактивные сообщения Меня это особенно порадовало, поскольку оно трансформировало все, что вы делили из Кафе Traffic Generation, с помощью любой из кнопок Google+, а также мою недавно добавленную кнопку «Пожалуйста, поделитесь в Google+ СЕЙЧАС» в конце сообщений (также функцию WP Social SEO Booster. Pro), от серого до потрясающего:

Я уверен, что вы понимаете, почему.

В общем, я настоятельно рекомендую версию WP Social SEO Booster Pro, как в универсальном плагине для вашей схемы и разметки социальных сетей.

Если вы не против пройти через мою партнерскую ссылку и приобрести ее, вы можете воспользоваться специальной скидкой, предлагаемой WPSocial.com для читателей Traffic Generation Café - скидка 25%.

Нажмите здесь, чтобы получить WP Social SEO Booster Pro и введите этот код скидки при оформлении заказа :

trafficgen25

Если вы являетесь партнером по маркетингу: Автор hReview

ЧТО, ЕСЛИ… если у вас есть сайт аффилированного маркетинга или вы пишете много отзывов, есть ли плагин, который дает вам еще больший контроль над разметкой рецензий в посте, а также разметкой схемы?

ЗАТЕМ…

WP Social SEO Booster предоставит все богатые фрагменты, необходимые для отображения ваших обзоров в лучшем свете на страницах рейтинга в поисковых системах.

Тем не менее, вы можете сделать еще лучше, когда речь идет о содержательной разметке - с Плагин WordPress Отзывы от Hesham Zebida ( FamousBloggers.net ).

net )

Вы также можете добавить виджет на боковую панель, который отображает ваши последние отзывы со звездными оценками, как вы видите в нижней части моего.

Опять же, WP Reviews - это премиум-плагин, который рекомендуется для блогеров, которые аффилируют с маркетинговыми сайтами или делают много обзоров, или просто хотят, чтобы их обзоры получили большую популярность - вот почему я использую его в Traffic Generation Café.

Нажмите здесь, чтобы увидеть, является ли WP Reviews правильным выбором для вас ,

Схема разметки Маркетинг на вынос

Это важные вещи.

Работаете ли вы над увеличение вашего SEO трафика или хотите увеличить ваш реферальный трафик в социальных сетях По крайней мере, я предлагаю установить базовый WP Social SEO Booster.

Если вы хотите максимально использовать его и максимально увеличить свой потенциал веб-трафика, я рекомендую сделать то, что я сделал в Traffic Generation Café - получить как WP Social SEO Booster Pro, так и WP Reviews.

В любом случае, ваш бизнес - ваш выбор.

Прежде чем запускать, поделитесь этим постом в Google+, чтобы увидеть интерактивные посты в работе:

Так зачем использовать HTML5 сейчас, хотя ему все еще нужно некоторое время?
Org?
Больше нечего делать, кроме как позволить теме делать свою работу?
Является ли «Веб-страница» такой же, как «Статья»?
Имеет смысл?
Зачем идти на полпути во всем, верно?