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

1. Почему Схема важна?
2. Что дальше для моей схемы?
3. Типы схем
4. Почему я должен заботиться о схеме?
5. Google любит схему (и, вероятно, будет больше и больше)
6. Itemscope
7. Тип элемента
8. Itemprop
9. LocalBusiness: основы схемы
10. Давайте добавим раздел обзора
11. Тип товара отзывов
12. Теперь давайте посмотрим на разбивку самих itemprops для этого типа элемента.
13. Вариант 1: Получить плагин, который работает
14. Вариант 2: путь Google
15. Stepbystep с практическими рекомендациями

Последнее обновление

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

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

Разметка схемы была придумана и предназначена для пользователей - ваша аудитория ищет релевантную информацию, относящуюся к вашей компании, а не пух. Пользователи, которые ищут обзоры, предлагаемые услуги / продукты, контактную информацию и т. Д., Могут получить ее в сжатой форме, не просматривая информацию по всему сайту или в Интернете.

Почему Схема важна?

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

• статьи
• Местный бизнес
• ресторан
• Эпизоды ТВ и рейтинги
• Отзывы о книге
• Фильмы
• Программные приложения
• События
• Товары

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

Не хватает времени, чтобы прочитать весь пост?

Загрузите нашу полную разметку схемы: улучшите SEO, используя руководство по структурированным данным здесь!

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

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

• Скопируйте ссылку на сайт
• Посетите этот URL https://developers.google.com/structured-data/testing-tool/
• Нажмите на ссылку «Получить URL»
• Введите URL в поле и нажмите FETCH & VALIDATE
  Инструмент извлечет HTML-код страницы, проверит теги схемы, и, если возникнут какие-либо проблемы, об этом будет сообщено с помощью выделения красным цветом.

Что дальше для моей схемы?

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

Типы схем

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

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

Почему я должен заботиться о схеме?

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

Google любит схему (и, вероятно, будет больше и больше)

Богатые фрагменты из тегов схемы часто приводят к более высокому показателю кликов, и, хотя схема не пользуется большой популярностью в настоящее время (только около 30% доменов используют интеграцию схемы), популярность этой системы будет расти, поскольку результаты продолжают подтверждаться, а база данных для тегов схемы растет. Сейчас существует несколько «типов» тегов схемы, чтобы помочь Google увидеть все виды релевантных данных; если вы находитесь в нише отрасли, предлагающей ключевые советы, вы можете быстро доминировать в этих результатах поиска, причем не по рейтингу, а по информации! Так как теги схемы должны охватывать многое, давайте начнем с медленной и наращиваемой работы, рассматривая наиболее распространенные типы схем, которые вы, вероятно, будете использовать как владелец или разработчик веб-сайта.

Itemscope

Itemscope - самый простой, но один из самых распространенных тегов схемы, которые вы будете использовать. Чтобы использовать схему такого типа, вы просто помещаете ее в тег div; если вы не знаете, что это такое, вы можете узнать об этом у разработчика вашего сайта. Когда этот тег схемы itemscope будет помещен в тег div, он сообщит Google, что вся информация в этом div. тег связан или примерно на одну тему. Этот тип тега схемы может автоматически связывать элементы внутри тега div, потому что он является «логическим» тегом, что означает, что ему не нужно назначать конкретное значение для его демонстрации. Считайте, что тэг itemscope , является всей областью раздела html.

Тип элемента

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

Itemprop

Последним наиболее распространенным типом тега схемы является тег Itemprop, который при правильном использовании может быть одним из наиболее полезных типов тегов схемы. Определив схему типа элемента, вы обнаружите, что каждый тип элемента имеет несколько свойств, которые можно определить, и схема itemprop позволяет вам идентифицировать эти свойства. Позволь мне привести пример; тип элемента может быть установлен в «Обзоры», а затем itemprop будет идентифицировать «Имя отзыва», «Текст отзыва», «Источник отзыва» и т. д. Google должен быть в состоянии видеть, какой тип информации он просматривает, и знать «свойства», которые четко определены для типа информации. Есть смысл?

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

Теперь, когда мы увидели базовый пример того, как выглядит этот тег схемы, давайте практически применим тег схемы «LocalBusiness», скопировав приведенный выше и сделав наш собственный;

LocalBusiness: основы схемы

Вышесказанное помогает поисковой системе в определении типа бизнеса.

Как мы уже говорили ранее, у каждого типа элемента есть определенный itemprop, чтобы помочь определить свойства типа элемента. Давайте разберем каждую итерацию для типа элемента localbusiness, чтобы вы могли полностью понять ее. Когда он сгруппирован в коде, его может быть трудно просеять, но когда тег схемы разбирается на части, мы видим, как каждый тег схемы itemprop показывает Google и пользователю наиболее важную информацию:

• название:
  • Название вашего бизнеса.
• описание:
  • Краткое описание вашего бизнеса.
• URL:
• логотип:
  • Логотип вашей компании.
• такой же как:
  • Вы можете создать несколько одинаковых свойств, таких как ссылка на ваш профиль в Google+, ссылка на страницу FB, ссылка на страницу Yelp.
• hasMap:
  • URL карты для вашего бизнеса. Чтобы получить URL-адрес своей бизнес-карты, выполните следующие действия.
• телефон:
• адрес улицы:
  • Добавьте свой служебный адрес
• addressLocality:
• addressRegion:
• Почтовый индекс:
• широта Долгота:
  • Эти два значения можно легко получить на веб-сайте карт Google. Пожалуйста, следуйте инструкциям ниже:

Давайте добавим раздел обзора

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

Как и в предыдущем разделе, текст внутри itemprop предоставит вам заголовок раздела, за которым следует «тело» раздела. В этом случае, например, itemprop «reviewBody» - это место, куда пойдет фактическая проверка, которую клиент дал вашей компании. Это означает, что, когда кто-то ищет вашу компанию, ваши отзывы будут проиндексированы Google и сразу же появятся для просмотра и просмотра. Это мощный способ донести вашу информацию до аудитории, прежде чем кто-либо еще (и вам даже не нужно оценивать ее выше, чем они!) Давайте рассмотрим еще один пример itemtype для Reviews, а затем пошаговые инструкции для тег схемы;

Тип товара отзывов

Теперь давайте посмотрим на itemprops для типа элемента Отзывы

• reviewBody:
  • Просмотрите текст, предоставленный человеком / компанией.
• ratingValue:
  • Это должно быть значение, предоставленное для конкретного обзора.
• bestRating:
  • Максимальное значение рейтинга.
• автор -> имя:
  • Имя человека / компании, которая рецензировала.
• itemReviewed -> name:
  • Название вашей компании / бизнеса

Как вы можете, формат почти идентичен тегу схемы LocalBusiness с некоторыми незначительными изменениями в зависимости от потребностей контента. Мы рассмотрим последний пример схемы Breadcrumbs, чтобы убедиться, что вы получили ее на 100%.

Добавление крошки требует немного дополнительных усилий, но помогает поисковой системе найти ваш сайт в отличной форме. Вы заметите, что в приведенном ниже примере есть 3 элемента «LI» или элементы List Item. Может быть больше или меньше в зависимости от иерархии страниц, для которой вы хотите включить схему хлебных крошек. Вот как вы должны их использовать;

• Первый элемент «LI» всегда будет указывать на дом и содержит домашний URL, так что имейте это в виду.
• Последний элемент «LI» никогда не должен содержать ссылку.

Теперь давайте посмотрим на разбивку самих itemprops для этого типа элемента.

• Количество предметов:
  • Общее количество элементов в хлебной крошке для текущей страницы.
• itemListOrder
  • Это всегда должно быть по возрастанию.
• itemListElement:
  • Нам нужно это повторить несколько раз (общий элемент в иерархии).
    • позиция:
      • Положение элемента в иерархии, начиная с 1 в порядке приращения.
    • название:
      • Заголовок страницы (если это не последний элемент, то это свойство должно быть перенесено в тег привязки со ссылкой на страницу в разделе href).

Это отличный вопрос с довольно простым ответом; кажется страшным и похоже, что это займет время. И то и другое в некоторой степени верно, но вам не нужно быть разработчиком или экспертом по веб-сайту, чтобы начать включать разметку тега схемы, и упускание его использования может стоить вам трафика, если вы еще не заняли первое место в поисковой выдаче. Самый простой способ начать это просто начать делать это! Практика может быть не идеальной, но она делает успехи Итак, учитывая все вышесказанное, какие у вас есть варианты для добавления схемы на ваш сайт?

Вариант 1: Получить плагин, который работает

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

Плагин Rich Snippets для WordPress - всего 12 долларов, и вы можете быстро получить свои богатые фрагменты или структурированные данные (или теги схемы) с помощью простого и удобного интерфейса. Все, что вам нужно сделать, это;

1. Установите свой собственный богатый фрагмент кода или просто отредактируйте предустановленные
2. Определите HTML-разметку, которая вам нужна для микроданных (обратите внимание, что навыки программирования на PHP не требуются, но PHP можно использовать, если вы хотите сделать что-то особенное)
3. Сохраните свои настройки и используйте сгенерированный шорткод в своих сообщениях, страницах или пользовательских типах сообщений.

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

Вариант 2: путь Google

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

Stepbystep с практическими рекомендациями

1. Посетите генератор данных схемы Google https://www.google.com/webmasters/markup-helper/u/0/
2. Выберите предпочтительный тип данных и введите URL-адрес веб-сайта, для которого вы хотите сгенерировать данные схемы. Смотрите рисунок ниже.
   
3. Веб-сайт будет открыт в новом окне с боковой панелью с правой стороны, имеющей различные свойства схемы. Смотрите рисунок ниже.
   
4. Нажмите или выберите любой элемент / текст на странице, а затем выберите необходимый тег из выпадающего списка. Когда вы помечаете информацию, данные будут автоматически заполняться в боковой панели для соответствующего тега.
5. Продолжайте выделять и добавлять столько свойств, сколько вы можете и хотите. Как только вы закончите, перейдите к последнему шагу, нажав красную кнопку «Создать HTML» в правом верхнем углу. Это создаст новый HTML-код для вашей страницы, включая то, что у вас было раньше, плюс новую разметку схемы.
6. Последний шаг - реализация созданной схемы на веб-сайте. Создать разметку схемы легко, но добавить ту же схему на сайт немного сложно. Добавление разметки схемы зависит от платформы сайта.
   а. Если вы используете CMS, где вы можете напрямую обновить статический HTML, то вы можете просто нажать на кнопку загрузки, как показано на следующем рисунке.
   б. Если вы используете CMS, такой как WordPress, в этом случае изменения необходимо внести вручную в HTML. Вы заметите изменения, внесенные инструментом разметки в желтый цвет. Скопируйте эти изменения и вручную добавьте эти изменения на веб-страницу.
   
7. Когда вы закончите добавление разметки схемы на веб-сайте, вы можете проверить схему с помощью инструмента Google под названием Инструмент тестирования структурированных данных ,

Вариант 3: пропустить инструменты

Если вы веб-разработчик / эксперт по веб-сайту, сделайте это сами! Два вышеупомянутых инструмента отлично подходят для начинающих или промежуточных пользователей, но в некоторых отношениях они ограничены. Настройка типов элементов и самостоятельных действий для ваших структурированных данных позволяет вам быть настолько конкретными и точно определенными, насколько вы хотите быть в каждой области вашего сайта.

В нашем блоге мы уже показали вам, как это сделать, проверьте это;

• Местный бизнес
• Отзывы
• Панировочные сухари

Теги схемы не так сложны или страшны, как вы можете подумать, когда вы делаете их правильно и когда они внедрены, могут иметь большое и длительное влияние на присутствие вашего бизнеса в Интернете. Чтобы получить максимальную отдачу от своего веб-сайта и начать получать реальные отзывы, мы рекомендуем вам связаться с нами сегодня для бесплатной консультации. Наша команда веб-разработчиков использует технологии, чтобы помочь малым предприятиям с 2001 года. Узнайте больше о том, что делает нас лучшим выбором для разработки Ваш сайт, позвонив нам сегодня по телефону (623) 521-1418!

Наш список полезных ссылок и инструментов * Добавлен бонус

• ЛУЧШИЕ Инструменты Tag Tag
  • Помощник по разметке структурированных данных от Google
    Этот инструмент поможет вам создать базовую разметку схемы для нескольких вариантов использования. Ознакомьтесь с нашей подробной информацией о том, как использовать этот инструмент, чтобы начать разметку вашего сайта и данных в кратчайшие сроки.
  • Mozbar
    Дважды проверьте разметку структурированных данных и перенаправления с помощью этой панели инструментов от Moz, лидера в SEO-маркетинге: если Moz находит способы использования схемы, вы можете быть уверены, что отрасль будет следовать.
  • Инструмент тестирования структурированных данных - Google
    Используйте этот инструмент, чтобы проверить, правильно ли настроены ваши расширенные фрагменты. Богатые фрагменты не гарантированно будут отображаться в Google, но если вы настроите их правильно и проверьте правильными инструментами, вы значительно увеличите свои шансы!
• Некоторые дополнительные ресурсы (это на дом!)
  • Руководство Bing по разметке вашего сайта
    Информационный ресурсный центр Bing, описывающий, как они поддерживают структурированные данные и что они ищут. Google - это титан в поиске в Интернете, но упускание на платформах, таких как Bing, может стоить вам, поэтому поймите, как удовлетворить их требования.
  • Schema.org
    Официальный сайт. Здесь вы можете найти последние обновления, руководство по реализации схемы и часто задаваемые вопросы. Имейте в виду, что это веб-сайт промышленного стандарта - если изменение произойдет со схемой, вы сначала найдете его здесь.
  • Rich Snippets: все, что вам нужно знать
    Руководство BuiltVisible по созданию богатых фрагментов.

Похожие

Комментарии