Κάντε τα προϊόντα σας ευρέσιμα

Ενότητα 7: Ευρεσιμότητα και hosting · Χρόνος ανάγνωσης: 10 λεπτά

Στόχος μαθήματος: Μετά από αυτό το μάθημα μπορείτε να δημιουργείτε σελίδες προϊόντων που κατανοούν οι μηχανές αναζήτησης, να ελέγχετε ποια δομημένα δεδομένα στέλνει το WooCommerce και να αποφεύγετε τις παγίδες των εξαντλημένων προϊόντων, των φίλτρων και του διπλού περιεχομένου.

Βασικές έννοιες: σελίδα προϊόντος, τίτλος προϊόντος, περιγραφή προϊόντος, σελίδα κατηγορίας ως σελίδα προορισμού, δομημένα δεδομένα, JSON-LD, Product, Offer, AggregateOffer, availability, GTIN, SKU, εξαντλημένο, φίλτρα και παράμετροι, canonical, sitemap προϊόντων, δωρεάν καταχωρίσεις προϊόντων

Τι είναι διαφορετικό σε ένα κατάστημα

Τα βασικά της ευρεσιμότητας υπάρχουν στη σειρά μαθημάτων WordPress, μάθημα 9.2: τίτλοι, μεταπεριγραφές, επικεφαλίδες, το sitemap, noindex, Search Console και ανακατεύθυνση όταν αλλάζουν οι διευθύνσεις. Όλα αυτά ισχύουν και για ένα ηλεκτρονικό κατάστημα. Επιπλέον, ένα κατάστημα έχει τρεις δικές του προκλήσεις:

1. Πολλές σελίδες που μοιάζουν μεταξύ τους. Δέκα τσαγιέρες με σχεδόν το ίδιο κείμενο, παραλλαγές, φίλτρα για χρώμα και τιμή: μια μηχανή αναζήτησης πρέπει να επιλέξει ποια σελίδα έχει σημασία.
2. Σελίδες που έρχονται και φεύγουν. Τα προϊόντα εξαντλούνται, αποσύρονται από τη γκάμα ή επιστρέφουν.
3. Οι μηχανές αναζήτησης εμφανίζουν οι ίδιες στοιχεία προϊόντων. Η τιμή, το απόθεμα και οι αξιολογήσεις μπορεί να εμφανίζονται στο αποτέλεσμα αναζήτησης, αν η μηχανή αναζήτησης μπορεί να τα διαβάσει από τη σελίδα σας.

Αυτό το μάθημα αφορά αυτές τις τρεις προκλήσεις. Περισσότερα για λέξεις-κλειδιά, συγγραφή κειμένων και τοπική ευρεσιμότητα θα βρείτε στη σειρά μαθημάτων Online ευρεσιμότητα.

Μια σελίδα προϊόντος που λέει κάτι

Μια μηχανή αναζήτησης και ένας πελάτης θέλουν να μάθουν τα ίδια: τι είναι, γιατί αυτό και όχι κάποιο άλλο, και πόσο κοστίζει. Στο Theehuis Example μια αδύναμη σελίδα προϊόντος μοιάζει έτσι:

• τίτλος «Τσαγιέρα 3»·
• περιγραφή αντιγραμμένη από τον προμηθευτή, ίδια με αυτή είκοσι άλλων καταστημάτων·
• μία φωτογραφία χωρίς κείμενο alt.

Μια δυνατή εκδοχή:

• τίτλος με αυτό που αναζητούν οι άνθρωποι: «Μαντεμένια τσαγιέρα 0,8 λίτρων, μαύρη»·
• μια σύντομη περιγραφή δύο ή τριών προτάσεων με τα πιο σημαντικά (χωρητικότητα, υλικό, για ποιον είναι)·
• μια εκτενής περιγραφή με δικά σας λόγια: πώς χρησιμοποιείται, συντήρηση, τι περιλαμβάνει, διαστάσεις και οι ερωτήσεις που κάνουν πραγματικά οι πελάτες·
• πολλές φωτογραφίες με περιγραφικό κείμενο alt (σειρά μαθημάτων WordPress, μάθημα 4.4)·
• συμπληρωμένο το SKU και, αν το διαθέτετε, το GTIN (κωδικός EAN) (μάθημα 3.1).

Τα κείμενα των προμηθευτών είναι δελεαστικά, αλλά τότε το ίδιο κείμενο υπάρχει σε πολλούς ιστότοπους. Μια μηχανή αναζήτησης συνήθως εμφανίζει μόνο έναν από αυτούς. Γράψτε τουλάχιστον την πρώτη παράγραφο μόνοι σας.

Οι σελίδες κατηγοριών είναι συχνά πιο σημαντικές απ' όσο νομίζετε. Όποιος αναζητά «μαντεμένια τσαγιέρα» θέλει να δει επιλογές, όχι ένα μόνο προϊόν. Γι' αυτό δώστε στις κατηγορίες σας ένα σύντομο εισαγωγικό κείμενο και ένα σαφές όνομα, και κρατήστε τη δομή απλή (Τσαγιέρες > Μαντέμι, όχι πέντε επίπεδα σε βάθος).

Δομημένα δεδομένα: τι στέλνει το WooCommerce

Τα δομημένα δεδομένα είναι ένα μικρό κομμάτι κώδικα στη σελίδα σας που περιγράφει σε σταθερή μορφή τι περιέχει η σελίδα. Το WooCommerce χρησιμοποιεί για αυτό το JSON-LD: ένα μπλοκ <script type="application/ld+json"> που τοποθετεί στο κάτω μέρος της σελίδας προϊόντος (στο υποσέλιδο της HTML). Σε αυτό υπάρχει ένα αντικείμενο τύπου Product με:

• name, url, description (τη σύντομη περιγραφή ή, διαφορετικά, την εκτενή) και image·
• sku (ή το ID του προϊόντος, αν δεν συμπληρώσατε SKU) και gtin, αν συμπληρώσατε έγκυρο GTIN·
• offers: ένα Offer με την τιμή (σε ένα priceSpecification), priceCurrency, availability και τον πωλητή (το όνομα του καταστήματός σας). Σε ένα μεταβλητό προϊόν με διαφορετικές τιμές γίνεται AggregateOffer με τη χαμηλότερη και την υψηλότερη τιμή·
• availability ως διεύθυνση schema.org: https://schema.org/InStock, OutOfStock ή BackOrder (για προπαραγγελίες)·
• όταν υπάρχουν αξιολογήσεις, επίσης τη μέση βαθμολογία και τις κριτικές.

Έτσι μοιάζει ένα συντομευμένο παράδειγμα:

{
  "@type": "Product",
  "name": "Gietijzeren theepot 0,8 liter, zwart",
  "sku": "TP-GIJ-08",
  "offers": [{
    "@type": "Offer",
    "price": "39.95",
    "priceCurrency": "EUR",
    "availability": "https://schema.org/InStock"
  }]
}

Τι κάνουν τα δομημένα δεδομένα: η μηχανή αναζήτησης ξέρει με βεβαιότητα ποια είναι η τιμή και το απόθεμα και μπορεί να τα εμφανίσει. Τι δεν κάνουν: δεν σας ανεβάζουν στην κατάταξη ούτε εγγυώνται εμπλουτισμένο αποτέλεσμα αναζήτησης. Η Google αποφασίζει η ίδια αν θα εμφανίσει κάτι.

Τρεις παγίδες:

• Διπλό schema. Ένα πρόσθετο SEO ή ένα θέμα προσθέτει επίσης ένα Product. Τότε υπάρχουν δύο, μερικές φορές με διαφορετικές τιμές. Επιλέξτε μία πηγή και απενεργοποιήστε την άλλη.
• Τιμή από την cache. Μετά από αλλαγή τιμής, μια παλιά αποθηκευμένη σελίδα δείχνει την παλιά τιμή, στο κείμενο και στο schema. Αδειάστε την cache μετά από αλλαγές τιμών (μάθημα 6.4).
• Λάθος εμφάνιση ΦΠΑ. Το schema παίρνει την τιμή όπως την εμφανίζει το κατάστημά σας. Αν εμφανίζετε στους καταναλωτές την τιμή με ΦΠΑ (μάθημα 4.1), τότε αυτή υπάρχει και στο schema.

Τον έλεγχο τον κάνετε με τον validator του schema.org ή με το εργαλείο δοκιμής της Google (δείτε την Περαιτέρω ανάγνωση) ή με την άσκηση αυτού του μαθήματος.

Εξαντλημένο, εκτός γκάμας, ξανά διαθέσιμο

Τι κάνετε με ένα προϊόν που έχει εξαντληθεί προσωρινά; Στο WooCommerce > Ρυθμίσεις > Προϊόντα > Απόθεμα μπορείτε να αποκρύψετε τα εξαντλημένα προϊόντα από τον κατάλογο. Μην το κάνετε χωρίς σκέψη όταν η εξάντληση είναι προσωρινή: η σελίδα συνεχίζει να υπάρχει, αλλά βγαίνει από τις σελίδες κατηγοριών σας, ενώ οι πελάτες που τη βρίσκουν μέσω μηχανής αναζήτησης εξακολουθούν να τη βλέπουν. Για ένα προϊόν που θα επιστρέψει, είναι καλύτερο να αφήσετε τη σελίδα με την ένδειξη «εξαντλήθηκε», μια αναμενόμενη ημερομηνία ή μια εναλλακτική. Το schema τότε λέει OutOfStock, και αυτό είναι ειλικρινές.

Αν ένα προϊόν αποσύρεται οριστικά από τη γκάμα, έχετε τρεις επιλογές:

1. να αφήσετε τη σελίδα με σαφή ενημέρωση και συνδέσμους προς τα προϊόντα που το αντικαθιστούν (αν έρχονται ακόμη πολλοί επισκέπτες)·
2. μια ανακατεύθυνση 301 προς το προϊόν που το αντικαθιστά ή την κατηγορία (αν υπάρχει πραγματικό υποκατάστατο)·
3. να διαγράψετε τη σελίδα, ώστε να επιστρέφει 404 ή 410 (αν δεν υπάρχει κάτι παρόμοιο).

Τι δεν κάνετε: να στέλνετε κάθε προϊόν που χάθηκε στην αρχική σελίδα. Οι μηχανές αναζήτησης το θεωρούν ένα είδος 404, και οι επισκέπτες ψάχνουν χωρίς αποτέλεσμα.

Φίλτρα, ταξινόμηση και διπλό περιεχόμενο

Τα φίλτρα για χρώμα, μέγεθος και τιμή, καθώς και η ταξινόμηση κατά τιμή, δημιουργούν διευθύνσεις όπως /theepotten/?filter_kleur=zwart&orderby=price. Κάθε συνδυασμός είναι μια νέα διεύθυνση με σχεδόν το ίδιο περιεχόμενο. Με πολλά φίλτρα προκύπτουν χιλιάδες. Τότε μια μηχανή αναζήτησης ξοδεύει χρόνο σε αυτές τις παραλλαγές αντί για τα προϊόντα σας.

Τι βοηθά:

• ένα canonical σε κάθε φιλτραρισμένη σελίδα προς τη σελίδα χωρίς φίλτρο (το WordPress και τα περισσότερα πρόσθετα SEO δεν το κάνουν πάντα αυτόματα για παραμέτρους: ελέγξτε το)·
• κανένας σύνδεσμος προς φιλτραρισμένες διευθύνσεις στο μενού σας·
• να μη δημιουργείτε τις παραλλαγές ως ξεχωριστά προϊόντα, αν στην ουσία πρόκειται για ένα προϊόν (μάθημα 3.2)·
• μία διεύθυνση ανά προϊόν, ακόμη κι αν ανήκει σε περισσότερες κατηγορίες. Το WooCommerce χρησιμοποιεί από προεπιλογή /product/<naam>/ χωρίς κατηγορία στη διεύθυνση· αφήστε το έτσι, εκτός αν ξέρετε τι κάνετε.

Το sitemap προϊόντων

Από την έκδοση 5.5 το WordPress δημιουργεί μόνο του ένα sitemap (/wp-sitemap.xml) με ένα τμήμα για κάθε τύπο δημοσίευσης. Τα προϊόντα είναι τύπος δημοσίευσης, επομένως υπάρχει ένα επιμέρους sitemap όπως /wp-sitemap-posts-product-1.xml. Αν χρησιμοποιείτε πρόσθετο SEO, αυτό συχνά δημιουργεί δικό του sitemap με άλλη διεύθυνση (και απενεργοποιεί αυτό του WordPress). Ελέγξτε ότι τα προϊόντα σας περιλαμβάνονται, ότι το καλάθι, η ολοκλήρωση αγοράς και ο Ο λογαριασμός μου δεν περιλαμβάνονται (έχουν noindex, μάθημα 2.2), και υποβάλετε το sitemap στο Search Console.

Αν θέλετε τα προϊόντα σας να εμφανίζονται και στις καρτέλες προϊόντων των μηχανών αναζήτησης, αυτό γίνεται με μια ροή προϊόντων (product feed), για παράδειγμα μέσω των δωρεάν καταχωρίσεων στο Google Merchant Center. Αυτό είναι εκτός του πλαισίου αυτής της σειράς μαθημάτων· τα δομημένα δεδομένα που περιγράψαμε παραπάνω αποτελούν όμως τη βάση.

Σύνοψη

• Μια σελίδα προϊόντος έχει τίτλο με αυτό που αναζητούν οι άνθρωποι, δική της περιγραφή, καλές φωτογραφίες με κείμενο alt και συμπληρωμένα SKU και GTIN.
• Το WooCommerce τοποθετεί στη σελίδα προϊόντος ένα schema Product σε JSON-LD με τιμή, νόμισμα, απόθεμα και πωλητή· δεν εγγυάται εμπλουτισμένο αποτέλεσμα αναζήτησης.
• Αποφύγετε το διπλό schema και τις παλιές τιμές στην cache.
• Προσωρινά εξαντλημένο: αφήστε τη σελίδα· οριστικά εκτός γκάμας: προϊόν αντικατάστασης, 301 ή 404/410, όχι στην αρχική σελίδα.
• Τα φίλτρα δημιουργούν διπλό περιεχόμενο· χρησιμοποιήστε canonicals και ελέγξτε το sitemap προϊόντων σας.

Κουίζ

Άσκηση

Άσκηση A7.1: Καταλαβαίνει μια μηχανή αναζήτησης το προϊόν σας; Συμπληρώστε τη διεύθυνση του καταστήματός σας και το slug ή τη διεύθυνση ενός προϊόντος (αν το αφήσετε κενό, το πρόγραμμα παίρνει το πρώτο προϊόν από το Store API σας). Το πρόγραμμα ανακτά το προϊόν μέσω του Store API, ζητά τη σελίδα προϊόντος και διαβάζει όλα τα μπλοκ application/ld+json. Στη συνέχεια αναζητά στο robots.txt ή στο /wp-sitemap.xml το sitemap με τα προϊόντα. Πράσινο, αν υπάρχει ακριβώς ένα Product με όνομα, ένα offers με τιμή και priceCurrency, ένα availability που ταιριάζει με το απόθεμα, μια εικόνα και ένα SKU ή GTIN· αν η τιμή στο schema είναι ίδια με αυτή στο Store API· αν η σελίδα δεν έχει noindex και έχει canonical προς τον εαυτό της· και αν το προϊόν περιλαμβάνεται σε sitemap προϊόντων. Πορτοκαλί, αν υπάρχουν δύο ή περισσότερα μπλοκ Product, δεν υπάρχει ούτε SKU ούτε GTIN, η τιμή διαφέρει, δεν υπάρχει canonical, δεν υπάρχει εικόνα ή αν το προϊόν δεν περιλαμβάνεται στο sitemap. Κόκκινο, αν δεν υπάρχει schema Product, η σελίδα έχει noindex ή λείπει η τιμή (offers).

Ερώτηση για εσάς (δεν βαθμολογείται): επικολλήστε τη διεύθυνση της σελίδας προϊόντος σας και στον validator του schema.org. Βλέπει τα ίδια με το πρόγραμμα;

Περαιτέρω ανάγνωση

• Δωρεάν μάθημα WordPress 9.2: Ορατότητα στις μηχανές αναζήτησης: τα βασικά
• Δωρεάν μάθημα WordPress 4.4: Πολυμέσα: εικόνες και κείμενο alt
• Δομημένα δεδομένα για προϊόντα (Google Search Central, στα Αγγλικά): https://developers.google.com/search/docs/appearance/structured-data/product
• Schema Markup Validator (schema.org, στα Αγγλικά): https://validator.schema.org/
• Managing products (woocommerce.com, στα Αγγλικά): https://woocommerce.com/document/managing-products/
• Δωρεάν μάθημα Ορατότητα στο διαδίκτυο 3.1: Ο τίτλος και η μετα-περιγραφή
• Δωρεάν μάθημα Ορατότητα στο διαδίκτυο 5.1: Δομημένα δεδομένα και rich results
• Δωρεάν μάθημα Ορατότητα στο διαδίκτυο 7.1: Πρόθεση αναζήτησης: τι ψάχνει πραγματικά κάποιος;