Разметка «микроформат» для кулинарного рецепта.

Делаем разметку статьи микроформатом для кулинарного рецепта.

разметка статьи

 

 

 

 

 

 

 

 

Для чего это нужно, спросите Вы? А вот для чего: 

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

  

Делаем шаблон для статьи с рецептом.

Существует несколько правил:

разметка должна осуществляться на странице, посвященной конкретному рецепту. Разметка страниц более чем с одним рецептом не поддерживается.

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

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

<div class="hrecipe">
<h1 class="fn">Название рецепта.</h1>
<p class="summary">краткое описание</p>
<p> Для приготовления вашего рецепта "Название рецепта"</p>
<p><img class="photo" src="путь к картинке готового блюда" alt="подпись к картинке " /></p>
<p>Вам необходимо:</p>
<h2 class="ingredients">Ингредиенты:</h2>
<ul>
<li class="ingredient"><span class="name">Что</span><span class="amount"> сколько </span><span class="type"> в чем</span></li>
<li class="ingredient"><span class="name">Что</span><span class="amount"> сколько </span><span class="type"> в чем</span></li>
<li class="ingredient"><span class="name">Что</span><span class="amount"> сколько </span><span class="type"> в чем</span></li>
<li class="ingredient"><span class="name">Что</span><span class="amount"> сколько </span><span class="type"> в чем</span></li>
<li class="ingredient"><span class="name">Что</span><span class="amount"> сколько </span><span class="type"> в чем</span></li>
<li class="ingredient"><span class="name">Что</span><span class="amount"> сколько </span><span class="type"> в чем</span></li>
</ul>
<h2>Способ приготовления "Название рецепта"</h2>
<ul class="instructions">
<li class="instruction">как готовить</li>
<li class="instruction">как готовить</li>
<li class="instruction">как готовить</li>
<li class="instruction">как готовить</li>
<li class="instruction">как готовить</li>
</ul>
<p>Время приготовления: <span class="preptime">30 минут<span class="hritem value-title" title="PT0H30M"></span></span><br />
- здесь пишем время приготовления блюда, которое сначала отображается в статье, потом в международном формате, PT0H30M - 0 часов, 30 минут </p>
<p>Рекомендует <span class="author">Имя автора рецепта</span></p>
</div>

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

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

Готовую статью можно проверить тут или тут.

Статья помогла? Или понравилась? Тогда жми СПАСИБО!

Другие записи из категории "Блог":

Опубликовать в своем блоге livejournal.com

4 комментария на «Разметка «микроформат» для кулинарного рецепта.»

  1. Мне интересно, а микроразметка действует для всех поисковых систем?

  2. Елена:

    Скажите, а как поступать в том случае, если сайт на вордпресс имеет заголовок н1? Разметку сделать Н2?
    То есть получается так:
    Фаршированный перец

    Фаршированный перец
    И что делать с дублем названия рецепта? Какой лучше изменять?
    Вариант 1:
    Фаршированный перец — пошаговый рецепт с фото

    Фаршированный перец
    Или Вариант 2:
    Фаршированный перец

    Рецепт фаршированного перца

    Или как-то иначе верно?

    • Елена, добрый день!

      H1 — это основной заголовок, H2- подзаголовок.

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

Добавить комментарий

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

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>