ΤΑ
ΦΟΒΕΡΑ
ΜΟΥ
ΑΡΘΡΑ

Δείτε τις
αναρτήσεις μου σχετικά με την προώθηση ιστοσελίδων


divider

το ιστολόγιό μου

divider

Microdata:
Χρήση και ενσωμάτωση στον κώδικα

Του Μιχάλη Δημητρίου*


schema image Τα microdata είναι μία από τις τρείς γλώσσες κώδικα που παρέχουν πληροφορίες σχετικά με το περιεχόμενο μιας ιστοσελίδας στις μηχανές αναζήτησης. Με τη χρήση microdata οι μηχανές αναζήτησης αντιλαμβάνονται μια πιο ολοκληρωμένη εικόνα σχετικά με το περιεχόμενο μιας σελίδας και την ταξινομούν ανάλογα.

Η χρήση microdata στον κώδικα μιας ιστοσελίδας με προϊόντα (eCommerce) δίνει ένα τεράστιο πλεονέκτημα. Οι μηχανές αναζήτησης και κυρίως η Google αντιλαμβάνεται τα στοιχεία του εκάστοτε προϊόντος και το ταξινομούν κατάλληλα στα αποτελέσματα αναζήτησης των χρηστών. Αυτό έχει σαν αποτέλεσμα οι χρήστες να παίρνουν άμεσα τις πληροφορίες που χρειάζονται ενώ οι ιστοσελίδες ηλεκτρονικού εμπορίου (eCommerce) να παρουσιάζουν άμεσα τις απαραίτητες πληροφορίες των προϊόντων τους, όπως στην παρακάτω εικόνα.

serps


Ενσωμάτωση microdata στον κώδικα

Πολλές φορές η ενσωμάτωση των microdata στον απλό κώδικα είναι μια διαδικασία που προκαλεί μπέρδεμα.


Παράδειγμα σελίδας προϊόντος (eCommerce)

Στο παράδειγμα της παραπάνω εικόνας (eshop χαλιών) στη σελίδα ενός προϊόντος:

Ο απλός κώδικας (χωρίς microdata) θα ήταν:

<div>

<span>Gabbeh Περσικό Χαλί 203x105</span>

<img src="/gbh141-219_details.jpg" />

<span>Περσικό Χαλί 203x105.</span>

Χρώμα χαλιού:<span>Κόκκινο</span>

Βάρος:<span>4 kgr</span>

Κωδικός χαλιού:<span>gbh141-219</span>

Κατηγορία:<span>Μπουχάρα</span>

Τιμή:<span>399,00</span>€

<span>Πουλημένο</span>

</div>




Ο κώδικας με τα microdata είναι:


<div itemscope itemtype="https://schema.org/Product">

<span itemprop="name">Gabbeh Περσικό Χαλί 203x105</span>

Χρώμα χαλιού:<span itemprop="color">Κόκκινο</span>

<img itemprop="image" src="/gbh141-219_details.jpg" />

<span itemprop="description">Περσικό Χαλί 203x105.</span>

Βάρος:<span itemprop="weight">4 kgr</span>

Κωδικός χαλιού:<span>gbh141-219</span>

<div itemprop="offers"itemscope itemtype="https://schema.org/Offer">

Κατηγορία:<span itemprop="category">Μπουχάρα</span>

<meta itemprop="priceCurrency" content="EUR" />

Τιμή:<span itemprop="price">399,00</span>€

<span itemprop="availability" content="out_of_stock">Πουλημένο</span>

</div>

</div>





Παράδειγμα σελίδας επικοινωνίας (local)

Ο απλός κώδικας (χωρίς microdata) θα ήταν:


<div>
  <span>Εταιρία ΟΕ.</span>
Επικοινωνία:
  <div>
    Γραφεία:
      Διεύθυνση:<span>Τσιμισκή 545</span>
      ΤΚ:<span>54622</span>
      <span>Θεσσαλονίκη, Ελλάδα</span>
  </div>
    Τηλ:<span>2310 000000</span>,
    Fax:<span>2310 000000</span>,
    E-mail:<span >info (at) etairia . gr</span>
</div>




Ο κώδικας με τα microdata είναι:


<div itemscope itemtype="https://schema.org/Organization">
  <span itemprop="name">Εταιρία ΟΕ.</span>
Επικοινωνία:
<div itemprop="address" 
itemscope itemtype="https://schema.org/PostalAddress">
  Γραφεία:
   Διεύθυνση: <span itemprop="streetAddress">Τσιμισκή 545</span>
   ΤΚ:<span itemprop="postalCode">54622</span>
   <span itemprop="addressLocality">Θεσσαλονίκη, Ελλάδα</span>
  </div>
    τηλ:<span itemprop="telephone">2310 000000</span>,
    Fax:<span itemprop="faxNumber">2310 000000</span>,
    E-mail:<span itemprop="email">info (at) etairia . gr</span>
</div>





Όλα τα microdata tags που μπορούν να χρησιμοποιηθούν υπάρχουν στη σελίδα https://schema.org

Έλεγχος για τυχόν σφάλματα του κώδικα σχετικά με τα microdata μπορεί να γίνει στη σελίδα: https://developers.google.com/structured-data/testing-tool/




divider

Michail Dimitriou profile pictureΜιχάλης Δημητρίου εργάζεται ως υπέυθυνος digital marketing για την Think Design Ltd. στην εξωτική Μάλτα, ενώ παράλληλα υποστηρίζει εταιρίες σε όλο τον κόσμο για έργα ψηφιακής προώθησης.
Επίσης είναι όμορφος, πενέξυπνος και πετυχημένος.


27 Φεβρουαρίου 2015
divider

Σχόλια (1)

Θέμα: Microdata: Χρήση και ενσωμάτωση στον κώδικα
Ταξινόμηση
4/5 (1)
Facebookdel.icio.usStumbleUponDiggGoogle+Twitter
Gravatar
Full StarFull StarFull StarFull StarEmpty Star
Ιωαννα says...
Με ενδιαφερει το μπλογκ μου να βγαινει στις μηχανες αναζητησεις. Μεχρι στιγμης υπαρχει επισκεψιμοτητα αλλα η διαφημιση γινεται απο στομα σε στομα θα ηθελα καινουργιο κοσμο. Εσεις αναλαμβανετε το σεο ενος μπλογκ? ευχαριστω
26th February 2017 10:16am
Page 1 of 1

Σχολιάστε

* Απαιτούμενο
(Δεν Δημοσιεύεται)
Πόσα πόδια έχει η σαρανταποδαρούσα;
 
Απάντηση:
 
Ειδοποίηση για νέα σχόλια μέσω e-mail.
 

divider