Rezept-Pins

Bei Rezept-Pins kannst du einen Titel, die Portionsgröße, die Zubereitungszeit, Bewertungen und eine Liste der Zutaten für Rezepte von deiner Webseite angeben. Außerdem kann das Rezept als paleo, vegetarisch, vegan oder glutenfrei klassifiziert werden.

Hinzufügen von Rezept-Pins zu einer Webseite

1. Füge für jede Seite, auf der du Rich Pins platzieren möchtest, im Bereich des HTML-Codes zwischen <head> und </head> Schema.org- oder hrecipe-Markierungen ein.
2. Stelle mithilfe des Rich-Pin-Validators sicher, dass wir die Rich-Pin-Daten sehen können.
3. Wenn alles gut aussieht, klicke auf Apply now. Achte dabei darauf, HTML-Tags auszuwählen.

Rezeptbewertungen

Zu Rezept-Rich-Pins können Bewertungsinformationen hinzugefügt werden. Füge dazu das erforderliche Meta-Tag als Schema.org-Markierung hinzu. Falls du Hilfe bei der Implementierung von Bewertungsinformationen auf deiner Webseite hast, besuche Schema.org, oder sieh dir diesen Beispiel-Pin an, um zu sehen, wie die Webseite von bettycrocker.com eingerichtet ist. Hinweis: Bewertungsinformationen können nur mithilfe von Schema.org-Markierungen (nicht h-recipe) hinzugefügt werden. Bewertungsinformationen werden nur auf iOS- und Android-Geräten angezeigt.

Schema.org- und hrecipe-Markierungen

Hier sind die erforderlichen Rich-Pin-Felder für die verschiedenen Markierungstypen. Bearbeite die Felder in schwarz deinen Rezepten entsprechend. Schema.org-Markierungen

<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Orange-Ananas-Karotten-Smoothie</span>
   <span itemprop="description">
    Rezeptbeschreibung</span>
  <span itemprop="aggregateRating">
    Zusammengefasste Bewertung wird hier angezeigt</span>
    <meta itemprop="url"
    content="https://myrecipesite.com/pineapple.html" />
    <span itemprop="recipeYield">Für eine Person</span>
    Zutaten:
        <span itemprop="ingredients">Zutat 1</span>,
        <span itemprop="ingredients">Zutat 2</span>,
        <span itemprop="ingredients">Zutat 3</span>,
        <span itemprop="ingredients">
    Füge so viele Zutaten-Tags hinzu wie nötig</span>.
    Zubereitung:
    <span itemprop="recipeInstructions">
    Ananas, Eis, Orangensaft, Karotten und
    Banane in einen Mixer geben. Mixen, bis keine Stückchen mehr vorhanden sind.</span>
</div> 

hrecipe-Tags

<article class="h-recipe">
  <h1 class="p-name">Bagels</h1>
  <ul>
    <li class="p-ingredient">Mehl</li>
    <li class="p-ingredient">Zucker</li>
    <li class="p-ingredient">Hefe</li>
  </ul>
  <p>Dauer <time class="dt-duration" datetime="1H">1 Std.</time>,
     für <data class="p-yield" value="4">vier Personen</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Alle Zutaten vermischen.</li>
    </ol>
  </div>
</article>

Weitere Informationen findest du auf unserer Entwickler-Webseite. 

Brauchst du immer noch Hilfe?
Kontakt