Pin συνταγών

Τα pin συνταγών σάς δίνουν τη δυνατότητα να προσθέσετε τίτλο, μέγεθος μερίδας, χρόνο μαγειρέματος, αξιολογήσεις και μια λίστα συστατικών για συνταγές από τον ιστότοπό σας. Επίσης, μπορούμε να δείξουμε αν μια συνταγή είναι paleo, για χορτοφάγους, για αυστηρά χορτοφάγους ή χωρίς γλουτένη.

Προσθήκη pin συνταγών στον ιστότοπό σας

1. Προσθέστε σημάνσεις Schema.org ή hrecipe μεταξύ του τμήματος <head> </head> του κώδικα HTML για κάθε σελίδα στην οποία θέλετε να ενεργοποιήσετε εμπλουτισμένα pin συνταγών.
2. Χρησιμοποιήστε το Εργαλείο επικύρωσης εμπλουτισμένων pin για να διασφαλίσετε ότι θα μπορούμε να δούμε τα δεδομένα εμπλουτισμένων pin.
3. Αν όλα είναι εντάξει, πατήστε Υποβολή αίτησης τώρα - βεβαιωθείτε ότι έχετε επιλέξει ετικέτες HTML κατά την υποβολή αίτησης.

Αξιολογήσεις συνταγών

Στα εμπλουτισμένα pin συνταγών μπορείτε να προσθέσετε πληροφορίες αξιολογήσεων. Για να το κάνετε αυτό, προσθέστε τη μεταετικέτα που απαιτείται μέσω σήμανσης Schema.org. Αν χρειάζεστε βοήθεια με την εφαρμογή των πληροφοριών αξιολογήσεων στον ιστότοπό σας, μην διστάσετε να επισκεφτείτε το Schema.org ή ρίξτε μια ματιά σε αυτό το δείγμα pin για να δείτε τη ρύθμιση του ιστότοπου bettycrocker.com. Έχετε υπόψη ότι οι πληροφορίες αξιολογήσεων μπορούν να προστεθούν μόνο με χρήση της σήμανσης Schema.org (όχι h-recipe) και ότι θα εμφανίζονται μόνο σε συσκευές iOS και Android.

Σημάνσεις Schema.org και hrecipe

Ακολουθούν τα απαιτούμενα πεδία εμπλουτισμένων pin για κάθε τύπο σήμανσης. Για να αποδοθούν οι συνταγές σας, επεξεργαστείτε τα πεδία με το μαύρο χρώμα. Σημάνσεις Schema.org

<div itemscope itemtype="https://schema.org/Recipe">
    <span itemprop="name">
    Smoothie με πορτοκάλι, ανανά, καρότο </span>
   <span itemprop="description">
    Περιγραφή της συνταγής σας.</span>
  <span itemprop="aggregateRating">
    Η συγκεντρωτική αξιολόγηση θα εμφανίζεται εδώ</span>
    <meta itemprop="url"
    content="https://myrecipesite.com/pineapple.html" />
    <span itemprop="recipeYield">1 μερίδα</span>
    Συστατικά:
        <span itemprop="ingredients">συστατικό 1</span>,
        <span itemprop="ingredients">συστατικό 2</span>,
        <span itemprop="ingredients">συστατικό 3</span>,
        <span itemprop="ingredients">
    προσθέστε όσες ετικέτες συστατικών χρειάζεστε</span>.
    Οδηγίες:
    <span itemprop="recipeInstructions">
    Βάλτε τον ανανά, τον πάγο, τον χυμό πορτοκαλιού, το καρότο και την
    μπανάνα σε ένα μπλέντερ. Ανακατέψτε μέχρι να είναι έτοιμο το smoothie.</span>
</div> 

ετικέτες hrecipe

<article class="h-recipe">
  <h1 class="p-name">Μπέιγκελ</h1>
  <ul>
    <li class="p-ingredient">Αλεύρι</li>
    <li class="p-ingredient">Ζάχαρη</li>
    <li class="p-ingredient">Μαγιά</li>
  </ul>
  <p>Χρειάζεται <time class="dt-duration" datetime="1H">1 ώρα</time>,
     μερίδες για <data class="p-yield" value="4">τέσσερα άτομα</data>.</p>
  <div class="e-instructions">
    <ol>
      <li>Ξεκινήστε ανακατεύοντας όλα τα συστατικά μαζί.</li>
    </ol>
  </div>
</article>

Για να μάθετε περισσότερα, ανατρέξτε στον ιστότοπό μας για προγραμματιστές. 

Χρειάζεστε ακόμη βοήθεια;
Επικοινωνήστε μαζί μας.