Как добавлять рецепты в WordPress с микроразметкой

Fima Korolev

Микроразметра кулинарных рецептов в WordPress

Всем привет! После публикации статьи про расширенные сниппеты народ начал уточнять, каким образом лучше применять микроразметку и какую куда применять. В виду большого интереса к теме еды, напитков, рецептов я решил написать небольшую инструкцию по добавлению микроразметки на сайты кулинарной направленности. На самом деле, последнее время можно заметить увеличение числа пищевых блогов и веб-сайтов различных ресторанов и кафешек, которые используют WordPress. В связи с этим, дабы не отставать от растущего спроса, все больше и больше тем для WordPress создают в направлении ресторанов, еды, напитков, рецептов. Используют же подобного рода темы, в основном, люди, далекие от программирования. Так что, если вы кулинарный блоггер и плохо разбираетесь в устройстве сайтов, но хотите делиться рецептами на WordPress блоге и размечать все это дело при помощи микроразметки, то вы находитесь в правильном месте. В этой статье я покажу вам, как добавлять рецепты в WordPress с SEO Friendly Recipe Formatting (микроразметка данных рецептов).

Преимущества микроразметки кулинарных рецептов

Каждый день миллионы людей ищут в интернете рецепты приготовления различных продуктов и блюд. В Google решили улучшить свой поиск рецептов, чтобы помочь людям находить самые лучшие из них. Для этого они решили применять специальные схемы форматирования микроданных, ну или по простому – микроформаты. Да это звучит вызывающе и непонятно, но не переживайте, добрые люди сделали добавление этих данных супер легким для вас. Вам не потребуется изменять ни одной строчки кода, все будет работать автоматически. А после внедрения этой разметки ваши рецепты в поисковой выдаче будут выглядеть примерно вот таким образом (рис.1)

SEO Friendly Recipe View in Google

рис.1

Добавление рецептов в WordPress

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

Настройки плагина Easy Recipe

рис.2

Просмотрите параметры конфигурации и изменяйте их в соответствии с вашими потребностями. Сложного там ничего нет, т.к. большинство параметров вполне понятны и интерфейс плагина не перегружен. Как только вы будете удовлетворены изменениями, сохраните настройки. После этого у ваш блог и вы готовы публиковать рецепты с правильной микроразметкой. Для того чтобы добавлять рецепты в свои посты, надо в визуальном редакторе нажать на иконку “простой рецепт”, расположенную рядом с другими кнопками форматирования текста (рис.3).

Кнопка добавления нового рецепта

рис.3

Как только вы нажмете на эту кнопку, откроется окошко с простым “инструментом” для добавления рецепта (рис.4).

Окошко для добавления рецепта на сайт WordPress

рис.4

При помощи этого мастера добавления рецептов вы можете ввести разнообразные данные. Такие как:

  • ваш рецепт с ингредиентами,
  • инструкцию по приготовлению,
  • информацию о питании и др.
Рекомендую к прочтению:  Правила написания текста

Как только вы закончите, нажмите на кнопку Добавить рецепт и он будет добавлен в редактор (рис.5).

Добавленный рецепт в редакторе WordPress

рис.5

Ваш рецепт будет отображен на сайте, согласно выбранного стиля отображения. Плагин “Простой рецепт” поставляется с 8 стилями отображения, которые можно и нужно применять для того, чтобы соответствовать вашей теме WordPress (рис.6).

Стиль отображения рецепта

рис.6

После публикации нового ​​рецепта, вы можете проверить, как он будет отображаться в поиске при помощи сервиса Structured Data Testing Tool. Просто нажмите “Получить данные по URL”, вставьте URL вашего поста с рецептом и кликните по кнопке Проверить. Плагин “Простой рецепт” также добавляет специальную кнопку предварительного просмотра в редакторе сообщения (рис.7), когда вы публикуете пост. Ее также можете использовать, чтобы проверить, как ваш рецепт отобразится в результатах поиска.

Предварительный просмотр рецепта в Google

рис.7

Примечание: Google не всегда показывают рецепты с расширенными сниппетами, не каждому и не сразу. Через какое время вы можете увидеть свои рецепты в поисковой выдаче не известно. Но если в предварительном просмотре инструмента Google они показываются без ошибок, то ваша работа не пройдет даром. Теперь это дело Google, решить, когда и кому показывать расширенные описания ваших рецептов.
Очень надеюсь, что тем из вас, кто хотел поделиться своими кулинарными навыками на своих блогах найдут эту статью полезной. Удачи вам!

VN:F [1.9.22_1171]
Рейтинг статьи:
Rating: 6.0/7 (1 vote cast)
Как добавлять рецепты в WordPress с микроразметкой, 6.0 out of 7 based on 1 rating

21 комментариев »

  1. Олег:

    Здравствуйте. Я по поводу плагина All in One Schema.org Rich Snippets. Проблема такова, что он не дает вводить список ингредиентов (т.е. даже нет полей ввода), на что реагирует валидатор Яндекса : ПРЕДУПРЕЖДЕНИЕ: Не выполнено обязательно условие для рецептных сниппетов: поле recipeIngredient отсутствует или пусто.

    В PHP я пока не силен, можете посоветовать другой плагин, дающий микроразметку Schema.org и возможность расширенных сниппетов?

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. Наталья Краснова:

    У меня нет кулинарного блога, но не смотря на это, информация оказалась полезной.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. Евгений:

    Очень полезно, а можно в следующий раз почитать про микроразметку информационного сайта? :)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. Алёна:

    Кулинария это интересно. Предлагаю зайти ко мне. Немного другая тема, но очень крутая.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. Технотепло:

    Полезность данной функции оценил на своем сайте!

    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  6. Андрей:

    Я знаю, кулинарные сайты хорошо индексируются Яндексом. Но при условии, что всё картинки уникальны, при этом можно довольно хорошо раскрутить сайт за короткий промежуток времени.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  7. Аня:

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

    З.Ы. Оригинальная капча)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  8. Я знаю, кулинарные сайты хорошо индексируются Яндексом. Но при условии, что всё картинки уникальны, при этом можно довольно хорошо раскрутить сайт за короткий промежуток времени.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  9. Даже не знал, что такие плагины существуют) Спасибо)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  10. Руслан:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  11. Кристина:

    Мне понравилась статья.Полезная

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  12. Алексей:

    По опыту.. непоказывает тогда когда поля скрытые или несоответствие вложенности и ещё как вариант если они не все..

    VA:F [1.9.22_1171]
    Rating: +1 (from 1 vote)
  13. Рафик:

    Весьма полезная статья, с учётом что моя жена уже не первый год ведёт кулинарные сайты и группы вк, не она ни я не знали о таком, теперь попробуем и если всё получится, сделаем так везде!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  14. Анна:

    Полезная статья, спасибо!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  15. Юрий:

    Спасибо за инфу!)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  16. Сегодня хороший сниппет тоже большое дело, как по мне, то в кулинарной нише, при большом объёме рецептов, можно хорошо нагрести дополнительно трафика только за счёт улучшения кликабельности в выдаче. Конечно, даст бонусов микроразметка и в ранжировании, но красивый сниппет – это борьбы за пользователя уже здесь и сейчас.

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  17. Ремонт компьютеров и ноутбуков:

    Полезная статья, спасибо!

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  18. larisa:

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

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
    • Здравствуйте, Лариса!Если дружите с PHP то проблем нет. Идете в Мастер разметки структурированных данных Гугла, там выбираете статьи, далее выбираете нужную вам разметку и смотрите, что и где добавить в код. Это самое простое.
      Еще есть такой способ – просто добавляете на страницу этот код (как его взять, надеюсь знаете?):

      site.ru - Отзывы:
      10.0 из 10.0,

      всего голосов: 10.


      идете проверять в Structured Data Testing Tool и будет вам счастье :)

      VN:F [1.9.22_1171]
      Rating: 0 (from 0 votes)
      • Wiliam:

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

        VA:F [1.9.22_1171]
        Rating: 0 (from 0 votes)
  19. Илья:

    Спасибо за инфу!)

    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

Что-то типа КАПЧИ :) *

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">