Μικροδεδομένα - Μικρά με μεγάλη επίδραση
Γνωρίζατε ότι η εφαρμογή ιστού σας μπορεί να παρέχει πολύ περισσότερες πληροφορίες για τον εαυτό της παρά μόνο τα παλιά παλιά μετα-στοιχεία του του εγγράφου; Σήμερα, οι εφαρμογές ιστού είναι πιο διασυνδεδεμένες από ποτέ, επομένως καθίσταται όλο και πιο σχετικό να ορίζεται σαφώς ο σκοπός κάθε σελίδας.
Ένα πραγματικό παράδειγμα
Αν αυτό σας φαίνεται λίγο παράξενο, ας ρίξουμε μια γρήγορη ματιά σε ένα απλό παράδειγμα. Θεωρήστε ότι έχετε ένα ιστολόγιο και, φυσικά, θέλετε οι μηχανές αναζήτησης να κατανοήσουν καλύτερα το περιεχόμενο που δημοσιεύετε με κάθε άρθρο. Μια σαφής και σημασιολογικά σωστή δομή HTML είναι βασική απαίτηση, αλλά μόνο η αρχή.
Χάρη στην ανάπτυξη προτύπων όπως το JSON-LD, μπορείτε να παρέχετε δομημένα δεδομένα με ομοιόμορφο τρόπο. Η λέξη-κλειδί εδώ είναι η τυποποιημένη μορφή στην οποία αυτά τα πρόσθετα μεταδεδομένα καθορίζονται από εσάς, καθώς οι μηχανές αναζήτησης και τα bot τους προγραμματίζονται για να κατανοήσουν ακριβώς αυτά τα μεταδεδομένα.
Επιστρέφοντας στο παράδειγμά μας, για ένα άρθρο ιστολογίου, το στοιχείο "άρθρο" JSON-LD είναι διαθέσιμο, το οποίο περιγράφει βασικές ιδιότητες για ένα άρθρο.
Εναλλακτική λύση για το JSON-LD
Λοιπόν, όλα αυτά ακούγονται πολύ ωραία, αλλά τι έχει να κάνει με τα μικροδεδομένα; Τα μικροδεδομένα βασικά έχουν τον ίδιο σκοπό με το JSON-LD που περιγράφεται παραπάνω: παρέχουν περισσότερα μεταδεδομένα για τη σελίδα στην οποία χρησιμοποιείται. Η βασική διαφορά είναι ότι το JSON-LD πρέπει να οριστεί στο στοιχείο της εφαρμογής ιστού. Ωστόσο, τα στοιχεία μικροδεδομένων μπορούν να χρησιμοποιηθούν απευθείας στο περιεχόμενο της σελίδας σας, χωρίς την ανάγκη διαχωρισμού των δεδομένων μεταξύ και .
<!--
The following eample is taken from Mozilla's site,
linked in the addendum.
-->
<div itemscope itemtype="http://schema.org/SoftwareApplication">
<span itemprop="name">Angry Birds</span> -
REQUIRES <span itemprop="operatingSystem">ANDROID</span><br>
<link itemprop="applicationCategory" href="http://schema.org/GameApplication"/>
<div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
RATING:
<span itemprop="ratingValue">4.6</span> (
<span itemprop="ratingCount">8864</span> ratings )
</div>
<div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
Price: $<span itemprop="price">1.00</span>
<meta itemprop="priceCurrency" content="USD" />
</div>
</div>
Ανάλογα με τη θήκη χρήσης ή τη γεύση σας, αυτή μπορεί να είναι μια καλύτερη συντηρούμενη λύση από το JSON-LD. Το ωραίο για τα μικροδεδομένα είναι ότι δεν είναι στην πραγματικότητα ένα ξεχωριστό στοιχείο στο DOM σας, αλλά μάλλον ένα σύνολο ιδιοτήτων με τις οποίες μπορείτε να βελτιώσετε το υπάρχον HTML.
Υπάρχουν πολλές διαθέσιμες παραλλαγές για να επιλέξουν τα μικροδεδομένα, για παράδειγμα σχετικά με μέρη, άτομα ή προϊόντα. Είναι καλά αναγνωρισμένα από τα bots των μηχανών αναζήτησης και ως εκ τούτου προσφέρουν μια βιώσιμη εναλλακτική λύση για το JSON-LD.