Πώς να χρησιμοποιήσετε τις σελίδες κατηγορίας ηλεκτρονικού εμπορίου για SEO

Η διάταξη σελίδας είναι ο τρόπος τακτοποίησης και παρουσίασης πληροφοριών στους χρήστες.

Μια καλή διάταξη έχει σχεδιαστεί για να τραβάει την προσοχή στα πιο σημαντικά μέρη.

Οι άνθρωποι δεν διαβάζουν κείμενο.. ξαφρίζουν το κείμενο.

Σύμφωνα με Nielsen Norman Groupτο 79% των χρηστών σαρώνει μόνο τη σελίδα ή την οθόνη.

Τα παραπάνω είναι οι 4 τύποι μοτίβων Eye Tracking.

Χωρίς να εμβαθύνουμε πολύ στην επιστήμη, θα σας δώσουμε τα βασικά συμπεράσματα:

• Οργανώστε τη διάταξη της σελίδας σας σε μια οπτική ιεραρχία
• Άμεση περιέργεια
• Χρησιμοποιήστε γραφικά για να δημιουργήσετε ενδιαφέρον
• Κρατήστε το σημαντικό περιεχόμενό σας, όπως πληροφορίες αποστολής, εγγύηση επιστροφής χρημάτων στα ΑΡΙΣΤΕΡΑ
• Δημιουργήστε συνθήματα για να κατευθύνετε τους χρήστες
• Χρησιμοποιήστε το λευκό διάστημα για να βελτιώσετε την αναγνωσιμότητα και τη ροή των ματιών.

Σύμφωνα με Hubspotτο 55% των επισκεπτών σας περνούν λιγότερο από 15 δευτερόλεπτα στον ιστότοπό σας.

Με το εύρος της προσοχής μας να μειώνεται, αυτό δεν φαίνεται πολύ τρελό. Έτσι, όταν έχετε μόνο 15 δευτερόλεπτα για να κάνετε μια εντύπωση, η δημιουργία μιας καλής διάταξης είναι ο καλύτερος τρόπος!

Η ενότητα κεφαλίδας του ιστότοπου περιλαμβάνει συνήθως:

• Μενού πλοήγησης με διαφορετικές κατηγορίες και υποκατηγορίες
• Μπαρα αναζήτησης
• Κουμπί καλαθιού

Η γραμμή πλοήγησης βοηθά τους χρήστες να προσανατολιστούν στον ιστότοπο. Και μπορούν να εντοπίσουν αυτό που ψάχνουν. Βελτιώνει τη σταθερότητα και οι χρήστες είναι πιο πιθανό να παραμείνουν αφοσιωμένοι όταν επισκέπτονται τον ιστότοπο.

Μια γραμμή πλοήγησης μπορεί να είναι δύο τύπων: Οριζόντια και Κάθετη

Είναι ο πιο κοινός τύπος πλοήγησης και παραθέτει τις κοινές κατηγορίες δίπλα-δίπλα.

Για παράδειγμα – αυτός είναι ένας σύνδεσμος από Αυτή μεσα. Χρησιμοποιούν επίσης ένα αναπτυσσόμενο μενού πλοήγησης για να συμπεριλάβουν υποκατηγορίες. Αυτή η τακτική κάνει τη διεπαφή χρήστη χωρίς ακαταστασία.

Ο γίγαντας του ηλεκτρονικού εμπορίου, η Amazon χρησιμοποιεί κάθετη πλοήγηση. Η πλοήγηση είναι κρυμμένη προσεκτικά μέχρι να κάνετε κλικ σε αυτήν.

Δεν υπάρχει συναίνεση για τον καλύτερο τύπο γραμμής πλοήγησης. Μπορείτε να χρησιμοποιήσετε αυτό που ταιριάζει καλύτερα στον ιστότοπό σας. Οι χρήστες είναι πιο εξοικειωμένοι με τις οριζόντιες γραμμές πλοήγησης και είναι πιο φυσικό.

Χρησιμοποιήστε την κατακόρυφη πλοήγηση:

• Θέλετε να συμπεριλάβετε πολλά στοιχεία μενού
• Εάν θέλετε να κάνετε τον ιστότοπό σας να ανταποκρίνεται σε όλους τους τύπους συσκευών
• Εάν προσθέτετε συχνά νέες σελίδες ή αλλάζετε ονόματα μενού
• Εάν θέλετε την ευελιξία για κλιμάκωση και αλλαγή του μενού
• Έχετε μια πολύπλοκη συλλογή προϊόντων
• Το μήκος των ονομάτων συνδέσμων ποικίλλει
• Αν θέλεις να κάνεις κάτι διαφορετικό

Χρησιμοποιήστε την οριζόντια πλοήγηση εάν:

• Θέλετε να χρησιμοποιήσετε την αναπτυσσόμενη πλοήγηση για να εμφανίσετε υποκατηγορίες
• Θέλετε να κάνετε την πλοήγηση σαφώς ορατή
• Θέλετε οι χρήστες να κάνουν σάρωση από αριστερά προς τα δεξιά

Πλοήγηση Breadcrumb – ενημερώνει τους χρήστες σε ποια σελίδα βρίσκονται και τους βοηθά να μεταβούν σε διαφορετικό περιεχόμενο με βάση τις προτιμήσεις τους

Είναι ένας πολύ καλός τρόπος για να βελτιώσετε την κατάταξη και να διατηρήσετε την αφοσίωση των χρηστών σας.

Παράδειγμα πλοήγησης με ψίχουλα :

• Αρχική > Κατηγορία > Προϊόν
• Αρχική > Κατηγορία > Υποκατηγορία > Προϊόν

Αυτό το παράδειγμα από Asos εμφανίζει την πλοήγηση Breadcrumb που είναι:

Αρχική > Γυναικεία > Ενδύματα ευκαιρίας > Επισκέπτης γάμου

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

– Φάμπερ Μπίρεν

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

Υπάρχουν θηλυκά χρώματα και αρσενικά χρώματα. Και τα χρώματα που χρησιμοποιείτε στον ιστότοπό σας έχουν πραγματικά σημασία! Χρησιμοποιήστε τα χρώματα στρατηγικά για να προκαλέσετε συναισθήματα και τη βιομηχανία στην οποία βρίσκεστε.

Για παράδειγμα:

Μαύρος υποδηλώνει δύναμη, εξουσία και κομψότητα. Χρησιμοποιείται συνήθως για προϊόντα υψηλής ποιότητας, όπως πολυτελή αυτοκίνητα

άσπρο δηλώνει τελειότητα, αθωότητα, καθαριότητα και πίστη.

το κόκκινο αντιπροσωπεύει το πάθος, την αγάπη, την ηγεσία και το θάρρος.

Μπλε αντιπροσωπεύει επαγγελματισμό, εμπιστοσύνη, ηρεμία και σταθερότητα.

Η χρήση κορυφαίων κατηγοριών τμηματοποιημένων κατά δημοφιλή προϊόντα, μπεστ σέλερ, νέες αφίξεις και προϊόντα σε έκπτωση είναι ένας άλλος τρόπος βελτίωσης των μετατροπών.

Μπορείτε να χρησιμοποιήσετε μπεστ σέλερ από διαφορετικές κατηγορίες για να κεντρίσετε το ενδιαφέρον των πελατών. Ή θα μπορούσατε να χρησιμοποιήσετε σχετικές κατηγορίες με εύκολη πρόσβαση στον χρήστη.

Το Anaconda το κάνει επίσης καλά. Προσφέρουν την επιλογή “Αγορές ανά κατηγορία” και παρουσιάζουν τις πιο πρόσφατες προσφορές ακριβώς κάτω από αυτόν τον σύνδεσμο.

Ο κύριος σκοπός των χαρακτηριστικών banner είναι να τονίσουν μια προσφορά ή πώληση περιορισμένου χρόνου.

Μεταφέρει μια πρόταση αξίας στον χρήστη, παρέχει ένα κουμπί CTA και προσθέτει μια οπτική ελκυστικότητα. Λειτουργεί για την προώθηση ειδικών προσφορών και εκπτώσεων.

Για παράδειγμα, αυτές οι δύο εικόνες από Αμαζόναεμφανίστε διαφημιστικά banner στις κατηγορίες Βιβλίων και Ηλεκτρονικών.

Η τοποθέτησή τους πάνω από την πτυχή τραβάει την προσοχή και κεντρίζει το ενδιαφέρον.

Πράγματα που πρέπει να λάβετε υπόψη:

• Βεβαιωθείτε ότι οι εικόνες σας είναι υψηλής ποιότητας
• Μην χρησιμοποιείτε στοκ εικόνες
• Βεβαιωθείτε ότι οι εικόνες είναι βελτιστοποιημένες – χρησιμοποιήστε τη μορφή webp για εξοικονόμηση χώρου
• Εάν χρησιμοποιείτε WordPress, μπορείτε να χρησιμοποιήσετε Φανταστείτε ή Smush
• Εναλλακτικά, μπορείτε να μετατρέψετε εικόνες σε webp απευθείας χρησιμοποιώντας cloudconvert ή Μετατροπή
• Shopify Προβάλλει αυτόματα εικόνες webp από το 2019 για όλα τα αρχεία που έχουν μεταφορτωθεί σε μορφή JPG ή PNG. (διαβάστε τον πλήρη οδηγό SEO του Shopify εδώ)
• Όταν αποθηκεύετε μια εικόνα, χρησιμοποιήστε ένα περιγραφικό όνομα για την αποθήκευση της εικόνας αντί για τυχαίους τίτλους όπως pic1.webp
• Χρησιμοποιήστε την ετικέτα alt για να περιγράψετε την εικόνα – βοηθά στη βελτίωση της προσβασιμότητας για τους χρήστες και περιγράφει τις εικόνες εάν η εικόνα δεν φορτώνεται
• Χρησιμοποιήστε αργή φόρτωση για να βελτιώσετε τους χρόνους φόρτωσης της σελίδας

Το περιεχόμενό σας μπορεί να διευκρινίσει τυχόν αμφιβολίες που μπορεί να έχουν οι πελάτες σας.

Η περιγραφή για τις σελίδες της κατηγορίας σας πρέπει να είναι σχετική. Θα πρέπει να εξηγεί το προϊόν και να διευκρινίζει τυχόν αμφιβολίες που μπορεί να έχουν οι πελάτες.

Για ονόματα κατηγοριών όπως Ηλεκτρονικά, Βιβλία ή Ένδυση, είναι αυτοπεριγραφικό και κατανοητό

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

• Συμπεριλάβετε λέξεις-κλειδιά που σχετίζονται με τη σελίδα κατηγορίας
• Χρησιμοποιήστε δημιουργικούς τίτλους, υπότιτλους και παραγράφους που εξηγούν την κατηγορία
• Εστιάστε στα οφέλη που προσφέρει η κατηγορία

Συμβουλή μπόνους:

Συμπεριλάβετε αυτές τις επιλογές για περισσότερες μετατροπές

• Φίλτρα – μια επιλογή φιλτραρίσματος βοηθά τους αγοραστές να ταξινομούν προϊόντα με βάση το μέγεθος, την επωνυμία, τις προδιαγραφές και άλλα
• Προτάσεις προϊόντων – Συμπεριλάβετε σχετικά προϊόντα για να βοηθήσετε τους πελάτες να ανακαλύψουν περισσότερα προϊόντα
• Κριτικές και αξιολόγηση – Η κοινωνική απόδειξη είναι ένας πολύ καλός τρόπος για να χτίσετε εμπιστοσύνη και να παρασύρετε τον αγοραστή προς όφελός σας. Συμπεριλάβετε κριτικές και αξιολογήσεις για να διασφαλίσετε ότι οι πελάτες σας θα εμβαθύνουν την αναζήτησή τους
• Λίστα επιθυμιών – Εισαγάγετε μια επιλογή “Προσθήκη στη λίστα επιθυμιών” στις σελίδες της κατηγορίας σας για να επιστρέφουν ξανά και ξανά στον ιστότοπό σας.

Για έναν λεπτομερή οδηγό σχετικά με τη βελτιστοποίηση στη σελίδα, επισκεφτείτε τον οδηγό μας “Στρατηγικές SEO στη σελίδα για ηλεκτρονικό εμπόριο”.

Εδώ η Shein προσφέρει στους πελάτες τη δυνατότητα να φιλτράρουν με βάση την κατηγορία, το μέγεθος, το χρώμα, το υλικό και άλλα.

Το εικονίδιο “καρδιά” κάτω από τα προϊόντα προσφέρει στους πελάτες να προσθέσουν προϊόντα στη λίστα επιθυμιών τους.

Εξατομίκευση που προβλήθηκε πρόσφατα ή σχετική με την περιήγηση – Αυτό παρέχει προϊόντα με βάση το ενδιαφέρον του πελάτη. Παρέχει στοχευμένες πληροφορίες και βελτιώνει την αφοσίωση των χρηστών.

Όπως το χρώμα, η τυπογραφία είναι σημαντική για την επικοινωνία του μηνύματός σας. Δημιουργεί μια αίσθηση ισορροπίας στον ιστότοπο μεταξύ του περιεχομένου και των γραφικών.

Βελτιώνει την αναγνωσιμότητα και κάνει τον ιστότοπο αισθητικά ευχάριστο.

Η τυπογραφία έχει διάφορα στοιχεία όπως:

• Γραμματοσειρά – Serif, Sans-Serif και Διακοσμητικό
• Γραμματοσειρά
• Βασική γραμμή
• Kerning
• Αναβαίνω
• Ουρά
• Παρακολούθηση
• Ευθυγραμμία
• Ιεραρχία

Χωρίς να εμβαθύνουμε πολύ σε λεπτομέρειες, θα συνοψίσουμε πώς να εστιάσουμε σε αυτό:

• Για να δημιουργήσετε ισορροπία, χρησιμοποιήστε μόνο 1-2 γραμματοσειρές στον ιστότοπό σας
• Οι γραμματοσειρές Sans-serif είναι πιο ευανάγνωστες – για περιεχόμενο που θέλετε ο χρήστης να εστιάσει στο περιεχόμενο, χρησιμοποιήστε γραμματοσειρά sans-serif
• Μείνετε σε τυπικές γραμματοσειρές όπως Montserrat, Helvetica, Verdana ή Tahoma
• Χρησιμοποιήστε το μέγεθος της γραμματοσειράς κατάλληλα
• Αποφύγετε τα καπάκια
• Δημιουργήστε μια οπτική ιεραρχία χρησιμοποιώντας επικεφαλίδες, υπότιτλους και παραγράφους
• Αποφύγετε τη χρήση φανταχτερών γραμματοσειρών και κινούμενων εικόνων, καθώς θα επηρεάσουν την αναγνωσιμότητα
• Δοκιμάστε τον ιστότοπό σας σε διαφορετικές συσκευές για να δείτε εάν το περιεχόμενό σας είναι αναγνώσιμο
• Πραγματοποιήστε δοκιμές χρηστών – δεν χρειάζεται να είναι φανταχτερό. Μπορείτε να ζητήσετε βοήθεια από τους φίλους, τους γείτονες ή την οικογένειά σας. Μπορούν να σας προσφέρουν μια εικόνα για την αναγνωσιμότητα του κειμένου.
• Χρησιμοποιήστε την αντίθεση προσεκτικά για να διατηρήσετε την αναγνωσιμότητα. Μπορείς να χρησιμοποιήσεις ψύκτες για να αναλύσετε την αναλογία αντίθεσης μεταξύ γραμματοσειράς και χρώματος φόντου.

Σημείωση:

Σύμφωνα με Οδηγίες προσβασιμότητας περιεχομένου Ιστούθα πρέπει να υπάρχει αναλογία τουλάχιστον 4,5:1 για κανονικό κείμενο και 3:1 για μεγάλο κείμενο με έντονη γραφή

• Χρησιμοποιήστε κενά για να προωθήσετε την αναγνωσιμότητα
• Χρησιμοποιήστε έντονους και πλάγιους χαρακτήρες για να τονίσετε συγκεκριμένες λέξεις

Οι σελίδες κατηγοριών εκπαιδεύουν τους χρήστες σχετικά με πολύπλοκα προϊόντα και τους βοηθούν να μάθουν για διαφορετικές λειτουργίες ή λειτουργίες.

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

Έτσι, οι σελίδες κατηγοριών είναι γενικά τριών τύπων:

• Σελίδα κατηγορίας λίστας προϊόντων – αυτός ο τύπος σελίδας παραθέτει πολλά προϊόντα σε μια κατηγορία. Η σελίδα θα έχει τυπικές λειτουργίες όπως εικόνες, τιμή και όνομα προϊόντος. Οι χρήστες θα μπορούν να χρησιμοποιούν επιλογές φίλτρου (π.χ. μέγεθος, επωνυμία, στυλ).

Ο πελάτης έχει ήδη την πρόθεση να αγοράσει.

Σε αυτό το παράδειγμα, έχω πάρει ένα PLP από Myer – Έχω ψάξει για “μαύρα παπούτσια” στο Google – είναι ξεκάθαρη “πρόθεση αγοράς” και έχω πάει σε αυτήν τη σελίδα που δείχνει “όλα τα μαύρα παπούτσια” που προσφέρονται από τον Myer.

• Σελίδες καταχώρισης κατηγοριών – αυτός ο τύπος κατηγοριών λίστας σελίδων. Αυτές οι σελίδες χρησιμοποιούνται για τη στόχευση ευρέων θεμάτων και βοηθούν τον χρήστη να φτάσει στην επιθυμητή σελίδα.

Εδώ είναι ένα παράδειγμα CLP από Myer:

Ένα άλλο παράδειγμα CLP είναι στο Ανακόνδας δικτυακός τόπος.

Έχουν μια παραδοσιακή σελίδα καταχώρισης κατηγοριών και περιλαμβάνουν διαφορετικές κατηγορίες όπως:

• Κάμπινγκ και πεζοπορία
• 4WD
• Αλιεία
• Θαλάσσια σπορ
• είδη ένδυσης
• Είδη υπόδησης
• Ποδηλασία
• Χιόνι

• Υβριδική προσέγγιση – Ένας άλλος τρόπος είναι να προσφέρετε πληροφορίες σχετικά με την κατηγορία στη σελίδα καταχώρισης προϊόντων. Αυτό δίνει στους χρήστες την επιλογή να περάσουν από το περιεχόμενο ή απλώς να κάνουν κλικ στο προϊόν που τους αρέσει.

Αν ελέγξετε τη σελίδα Κάμπινγκ και Πεζοπορία, μπορείτε να δείτε πολλές υποκατηγορίες κάτω από αυτήν, όπως:

• Τέντες
• Έπιπλα κατασκήνωσης
• Υπνόσακοι και χαλάκια
• Πακέτα και τσάντες
• Τραπεζαρία σε εξωτερικό χώρο

Μπορείτε επίσης να δείτε τις διάφορες μάρκες, τους οδηγούς αγοράς Camping, τους οδηγούς αγοράς πεζοπορίας και τους οδηγούς αγοράς 4WD & Caravan.

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