5 βέλτιστες πρακτικές για το σχεδιασμό ενός εντυπωσιακού υποσέλιδου ιστότοπου

Μάθετε πώς να σχεδιάζετε ένα υποσέλιδο ιστότοπου. Συμβουλές για το τι πρέπει να προσθέσετε, τι να μην προσθέσετε και παραδείγματα καλών υποσέλιδων ιστότοπων για έμπνευση.


Βέλτιστες πρακτικές υποσέλιδου ιστότοπου

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

  • Όταν η Δοκιμή χρηστών τροποποίησε το υποσέλιδο, προσθέτοντας μια λίστα με στόχους που αντιστοιχούν σε επιχειρήσεις και πελάτες, η μετατροπή τους αυξήθηκε κατά 50%.
  • Όταν η Smart Insights δοκίμασε μια νέα σχεδίαση υποσέλιδου για έναν ιστότοπο πολυτελούς τσάντας, οι μετατροπές πωλήσεων αυξήθηκε κατά 23,77% και τα έσοδα ανά επισκέπτη αυξήθηκαν κατά 15,99%.
  • Κοιτάζοντας δεδομένα από 1 εκατομμύριο ανώνυμους διαδικτυακούς χρήστες σε 10 ιστότοπους, το Chartbeat διαπίστωσε ότι οι επισκέπτες πέρασαν το ήμισυ (66%) του «χρόνου απασχόλησής τους» στο κάτω μέρος. Αυτό αναφέρεται στο κάτω τμήμα της σελίδας, κάτω από το τμήμα που οι χρήστες βλέπουν αμέσως όταν ανοίγουν έναν ιστότοπο.
  • Σε σύγκριση με τους επισκέπτες επιτραπέζιων υπολογιστών, οι χρήστες κινητών κυλούν πιο κάτω σε μια σελίδα και είναι πιο πιθανό να αλληλεπιδράσουν με το υποσέλιδο.

Contents

Γιατί έχει σημασία το υποσέλιδο του ιστότοπού σας

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

Οφέλη για τους επισκέπτες της ιστοσελίδας

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

Οφέλη για τους κατόχους ιστότοπων

  • Μειώνει το ποσοστό εγκατάλειψης: Οδηγώντας τους επισκέπτες σας σε άλλους χρήσιμους συνδέσμους, είναι πιο πιθανό να ανοίξουν άλλες σελίδες και να παραμείνουν στον ιστότοπό σας περισσότερο. Αυτό μειώνει το ποσοστό εγκατάλειψης ή τον αριθμό των ατόμων που βλέπουν μόνο μία σελίδα του ιστότοπού σας. Αυτό είναι ιδιαίτερα σημαντικό για τις επιχειρήσεις λιανικής που θέλουν οι επισκέπτες τους να συνεχίσουν να «ψωνίζουν» στη σελίδα.
  • Σας επιτρέπει να δημιουργήσετε αξιοπιστία: Ορισμένες εταιρείες παίρνουν το υποσέλιδο για να εμφανίσουν τη διαπίστευσή τους, τα λογότυπα των πελατών τους ή δημοφιλείς ιστότοπους που τους παρουσίασαν για να αποδείξουν την ικανότητά τους. Εν τω μεταξύ, σύμβολα πνευματικών δικαιωμάτων και σύνδεσμοι προς νομικές λεπτομέρειες και πολιτικές απορρήτου συμβάλλουν στην οικοδόμηση εμπιστοσύνης στην επωνυμία σας. Όλα αυτά επηρεάζουν την απόφαση των δυνητικών πελατών σας να πραγματοποιήσουν έρευνα και, τελικά, μια αγορά.
  • Βοηθά στην ενίσχυση της μετατροπής:Όταν οι επισκέπτες για πρώτη φορά προσγειώνονται στη σελίδα σας, ενδέχεται να βλέπουν τους συνδέσμους κοινωνικών μέσων στην επάνω γωνία. Αλλά σε αυτό το σημείο στο ταξίδι του αγοραστή τους, μπορεί να μην αισθάνονται υποχρεωμένοι να σας ακολουθήσουν στο διαδίκτυο. Καθώς το περιεχόμενό σας κοροϊδεύει την περιέργειά τους – και ίσως βλέπουν τις πιστοποιήσεις και τα λογότυπα πελατών σας στο υποσέλιδο σας, μπορεί να αισθάνονται πιο διατεθειμένοι να ενταχθούν στους συνδρομητές σας. Τοποθετώντας μια φόρμα εγγραφής ή επικοινωνίας στο υποσέλιδο, διευκολύνετε τους επισκέπτες να μετατρέπονται σε συνδρομητές ή πιθανώς πελάτες.
  • Είναι μια πρόσθετη ευκαιρία προώθησης επιχειρήσεων: Όσον αφορά τη χρήση του υποσέλιδου για να τραβήξετε την προσοχή στην εταιρεία σας, οι δυνατότητες είναι ατελείωτες. Εκτός από τους λογαριασμούς κοινωνικών μέσων και τις φόρμες εγγραφής, μπορείτε να συμπεριλάβετε δελτία τύπου, τοποθεσίες γραφείου και τις πιο πρόσφατες προσφορές σας.

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

Τι πρέπει να δώσετε προτεραιότητα στο υποσέλιδο της σελίδας σας

Λαμβάνοντας υπόψη τα οφέλη που προσφέρει ένα καλά σχεδιασμένο υποσέλιδο, θέλετε να κάνετε αυτό το πολύτιμο χώρο να μετράει.

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

Λογότυπο Εταιρείας

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

Στοιχεία επικοινωνίας

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

Ακολουθούν μερικές ακόμη συμβουλές όταν συμπεριλαμβάνετε τα στοιχεία επικοινωνίας σας:

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

Πνευματική ιδιοκτησία

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

Πολιτική απορρήτου

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

Ελέγξτε τις πολιτικές απορρήτου των τοποθεσιών της επιχείρησής σας, όπως ο Γενικός Κανονισμός Προστασίας Δεδομένων (GDPR), εάν έχετε πελάτες στην Ευρωπαϊκή Ένωση. Εάν η επιχείρησή σας χρησιμοποιεί τρίτους παρόχους υπηρεσιών, όπως για επεξεργασία πληρωμών, ελέγξτε και τις απαιτήσεις τους.

Παράδειγμα υποσέλιδου ιστότοπου WebMDΤο υποσέλιδο σελίδας του WebMD, για παράδειγμα, τοποθετεί την Πολιτική απορρήτου τους σε μια στήλη με άλλες σημαντικές οδηγίες. Εμφανίζουν επίσης ένα Σφραγίδα TRUSTe, διασφαλίζοντας στους χρήστες ότι λαμβάνουν σοβαρά υπόψη τις πρακτικές απορρήτου.

Οροι χρήσης

Παροχή συνδέσμου προς το δικό σας όροι χρήσης Η σελίδα (αναφέρεται επίσης ως “όροι και προϋποθέσεις” ή “όροι υπηρεσίας”) δεν αποτελεί νομική απαίτηση. Ωστόσο, παρέχει στους κατόχους ιστότοπων προστασία από την ευθύνη και, σκιαγραφώντας τις ευθύνες των χρηστών, προστατεύει τον ιστότοπό τους από παραβιάσεις πνευματικών δικαιωμάτων και άλλες παράνομες ενέργειες, όπως spamming.

Παρότρυνση για δράση (CTA)

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

Υπάρχουν πολλά CTA που μπορείτε να συμπεριλάβετε, όπως:

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

ΣΤΟΙΧΕΙΑ ΕΤΑΙΡΕΙΑΣ

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

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

  • Σχετικά με εμάς
  • Ιστολόγιο
  • Καριέρα ή θέσεις εργασίας
  • Ευκαιρίες συνεργατών ή συνεργασιών
  • Κατάλογος προϊόντων ή υπηρεσιών
  • Δελτία Τύπου
  • Κριτικές
  • άσπρα χαρτιά
  • Εκδηλώσεις

Υποστήριξη πελατών

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

  • Βοήθεια
  • Συχνές ερωτήσεις
  • Κέντρο γνώσης
  • Σεμινάρια

Οι ιστότοποι ηλεκτρονικού εμπορίου μπορούν ακόμη και να περιλαμβάνουν τα ακόλουθα κείμενα αγκύρωσης:

  • Πληροφορίες αποστολής και παράδοσης
  • Πολιτικές επιστροφής και ανταλλαγής
  • Δεκτοί τρόποι πληρωμής
  • Ειδικές προσφορές

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

Οι Τέσσερις Απαγορεύσεις του Σχεδιασμού Υποσέλιδου Σελίδας

1. Έχοντας το ίδιο μενού κεφαλίδας και υποσέλιδου

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

Χωρίστε τις σημαντικές σελίδες σας μεταξύ της κεφαλίδας και του υποσέλιδου για να αποτρέψετε τους επισκέπτες του διαδικτύου να μην κατακλύζονται από κείμενο. Χρησιμοποιήστε την κεφαλίδα σας για τις σελίδες με την υψηλότερη αξία και κρατήστε το υποσέλιδο για άλλους σημαντικούς συνδέσμους.

Παράδειγμα υποσέλιδου ιστότοπου της AppleΠαρατηρήστε πώς η κολλώδης κεφαλίδα της Apple περιείχε μόνο έξι κατηγορίες προϊόντων. Συμπληρώνοντας αυτό είναι ένα υποσέλιδο που περιέχει μια μακρύτερη λίστα προϊόντων (αριστερή στήλη) καθώς και μια λίστα υπηρεσιών.

2. Υπερβολική βελτιστοποίηση

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

3. Μη σημαντικοί σύνδεσμοι

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

4. Υπερπλήρεις διατάξεις

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

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

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

1. Βάλτε πρώτα την αναγνωσιμότητα

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

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

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

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

  • Επιλέξτε χρώματα που συμπληρώνουν την επωνυμία σας και τη συνολική σχεδίαση του ιστότοπού σας.
  • Σχεδιάστε με γνώμονα το κοινό-στόχο σας. Εάν ο ιστότοπός σας εξυπηρετεί ηλικιωμένα άτομα, χρησιμοποιήστε απαλές αποχρώσεις στα μάτια. Συνδυάστε το με περιορισμένη ποσότητα κειμένου και πλούσιο κενό διάστημα.
  • Επιλέξτε χρώματα που μεταφέρουν το συναίσθημα ή την προσωπικότητα που θέλετε να δώσετε στον ιστότοπό σας. Για παράδειγμα, επιλέξτε κόκκινο εάν θέλετε να μεταφέρετε επείγον και ενέργεια. Πηγαίνετε για το μπλε για να συμβολίσετε την αξιοπιστία και την ηρεμία, ή το πράσινο για να αντιπροσωπεύσετε τη φύση ή την υγεία.
  • Κάντε τα CTA σας να βγαίνουν έξω από τη σελίδα χρησιμοποιώντας ένα διαφορετικό χρώμα, όπως τα κίτρινα κουμπιά του Guardian σε μπλε φόντο.

Παράδειγμα υποσέλιδου ιστότοπου με χρήση χρώματος

2. Μείνετε πιστοί στην επωνυμία σας

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

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

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

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

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

3. Βελτιστοποίηση για χρήστες κινητών

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

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

4. Κρατήστε το απλό

Η απλότητα στη σχεδίαση υποσέλιδου αναφέρεται τόσο στο στυλ όσο και στο περιεχόμενό της. Διατηρήστε το υποσέλιδο σας καθαρό, κολλήστε σε μερικά χρώματα και τυπογραφία και αποφύγετε το περίτεχνο φόντο. Όσον αφορά το περιεχόμενο, διατηρήστε τα κείμενα αγκύρωσης σύντομα και περιορίστε τα στοιχεία που προβάλλετε. Πλημμυρίζοντας τους αναγνώστες σας με περίτεχνες διατάξεις ή πάρα πολύ κείμενο μπορεί να τραβήξει την προσοχή τους μόνο από τα CTA σας και άλλους πολύτιμους συνδέσμους.

5. Οργανωθείτε

Ένα καλά οργανωμένο υποσέλιδο βελτιώνει την αναγνωσιμότητα του ιστότοπου, επιτρέπει στους αναγνώστες να βλέπουν από κοντά τον ιστότοπο και την εταιρεία και επιτρέπει στους επισκέπτες να βρίσκουν εύκολα λεπτομέρειες που χρειάζονται.

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

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

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

Βάζοντας τα όλα μαζί: Έμπνευση σχεδίασης υποσέλιδου

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

Μπλε αρσενικό ελάφι

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

Παράδειγμα έμπνευσης υποσέλιδου ιστότοπου

Οι Νιου Γιορκ Ταιμς

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

Παράδειγμα έμπνευσης υποσέλιδου ιστότοπου

Σεφόρα

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

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

Εν τω μεταξύ, η έκδοση για κινητά της εταιρείας διατηρεί τις επικεφαλίδες στηλών, την επιλογή εγγραφής και τα εικονίδια κοινωνικών μέσων. Ακριβώς πάνω από το υποσέλιδο εμφανίζονται σύνδεσμοι προς το App Store και το Google Play, όπου οι χρήστες κινητών μπορούν να κατεβάσουν την εφαρμογή Sephora.

Παράδειγμα έμπνευσης υποσέλιδου ιστότοπου

StackSocial

Το StackSocial παρέχει κίνητρο στους νέους πελάτες να εγγραφούν στο ενημερωτικό δελτίο του. Επίσης, χρησιμοποιεί ένα μπλε κουμπί για το CTA, επιτρέποντάς του να παραμείνει συνεπές με την επωνυμία του. Το μπλε CTA πηδά επίσης από τη σελίδα μέσα σε σκούρο φόντο και ανοιχτό κείμενο. Ένα λογότυπο του Better Business Bureau (BBB) ​​κάτω δεξιά βοηθά στην οικοδόμηση εμπιστοσύνης για την επωνυμία.

Παράδειγμα έμπνευσης υποσέλιδου ιστότοπου

Τελικές λέξεις

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

Έχετε συμβουλές, κόλπα ή εντυπωσιακά σχέδια υποσέλιδων για κοινή χρήση; Αφήστε τις σκέψεις σας παρακάτω.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map