Τα 12 πιο σημαντικά στοιχεία που πρέπει να έχει κάθε αρχική σελίδα ενός ιστότοπου [Infographic]

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

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

Για να βελτιώσετε την απόδοση της αρχικής σας σελίδας, δείτε αυτά τα στοιχεία που πρέπει να υπάρχουν σε κάθε αρχική σελίδα.

Τα 12 πιο σημαντικά στοιχεία που πρέπει να έχει κάθε αρχική σελίδα ενός ιστότοπου

Σώσει

12 σημαντικά στοιχεία για μια αρχική σελίδα ιστότοπου

Σώσει

Μοιραστείτε αυτήν την εικόνα στον ιστότοπό σας

Τι πρέπει να συμπεριλάβετε στη σχεδίαση της αρχικής σας σελίδας

1. Τίτλος

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

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

Ο ίδιος ο τίτλος πρέπει να είναι σαφής και απλός. Η επικεφαλίδα Dropbox είναι ένα εξαιρετικό παράδειγμα: “Όλα όσα πρέπει να δουλέψετε είναι όλα σε ένα μέρος.” Είναι απλό αλλά ισχυρό – δεν χρειάζεται να αποκρυπτογραφήσετε την ορολογία για να καταλάβετε τι είναι το Dropbox.

Αρχική σελίδα του ιστότοπου Dropbox

2. Υπότιτλος

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

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

Για να βελτιστοποιήσετε τις κεφαλίδες για κινητές συσκευές, χρησιμοποιήστε μεγαλύτερες γραμματοσειρές για να βελτιώσετε τους επισκέπτες. Οι μικρές γραμματοσειρές μπορούν να αναγκάσουν τους επισκέπτες κινητών να συμπιέσουν και να κλιμακώσουν για να διαβάσουν και να αλληλεπιδράσουν με το περιεχόμενο του ιστότοπού σας. Η παρέλασή μας; Χρησιμοποιήστε τις επιλογές τίτλου στο πρόγραμμα επεξεργασίας της σελίδας σας. Οι κεφαλίδες H1 είναι ιδανικές για τίτλους σελίδων – πρέπει να υπάρχει μόνο ένα H1 ανά σελίδα. Οι υπότιτλοι πρέπει να ακολουθούν την ιεραρχία, H2, H3 … H6 και ούτω καθεξής. Μπορεί να έχετε μερικές από αυτές τις κεφαλίδες, απλώς βεβαιωθείτε ότι είναι σωστά. Για παράδειγμα, δεν θέλετε να αλλάξετε από H1 σε H3 – επιλέξτε H2 αντ ‘αυτού.

3. Κύρια παρότρυνση για δράση

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

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

Ο ιστότοπος Afterschool HQ διαθέτει δύο παροτρύνσεις για δράση, και οι δύο απευθύνονται σε διευθυντές προγραμμάτων που ενδιαφέρονται να προωθήσουν τα προγράμματα μετά το σχολείο για οικογένειες στον ιστότοπο. Μια σημείωση κάτω από το μακρύτερο CTA “Δημιουργία του δωρεάν προφίλ σας” δίνει στους επισκέπτες την ώθηση που απαιτείται για τη δημιουργία λογαριασμού – το πρώτο βήμα για να γίνει πάροχος έδρας Afterschool.

4. Υποστήριξη εικόνας

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

Για να βελτιστοποιήσετε εικόνες για χρήστες κινητών συσκευών, χρησιμοποιήστε εικόνες υψηλής ποιότητας με μειωμένο μέγεθος αρχείου. (Οι πελάτες HubSpot δεν χρειάζεται να ανησυχούν γι ‘αυτό, επειδή οι εικόνες που μεταφορτώνονται στο λογισμικό HubSpot συμπιέζονται αυτόματα. Διαφορετικά, εργαλεία όπως το TinyPNG θα κάνουν το τέχνασμα.) Επίσης, προσθέστε πάντα εναλλακτικό κείμενο στις εικόνες σας για να τις κάνετε μεγαλύτερες. Διαθέσιμες στους επισκέπτες που εκμεταλλεύονται τους αναγνώστες οθόνης και αυξάνουν τις προσπάθειές τους στο SEO.

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

Η αρχική σελίδα του ιστότοπου 4 Rivers Smokehouse διαθέτει μια εικόνα με τυρί μπιφτέκι

5. Οφέλη

Όχι μόνο είναι σημαντικό να περιγράψετε τι κάνετε, αλλά και αυτό που κάνετε είναι σημαντικό. Οι προοπτικές θέλουν να μάθουν για τα οφέλη της αγοράς από εσάς, καθώς αυτό θα τους κάνει να μείνουν κοντά.

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

Τα οφέλη της αρχικής σελίδας του ιστότοπου Evernote

6. Κοινωνική απόδειξη

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

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

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

7. Πλοήγηση

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

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

Ακολουθεί ένα παράδειγμα ενός σαφούς, καλά δομημένου σχεδιασμού πλοήγησης στην αρχική σελίδα του Slim & Husky’s Pizza Beeria:

Πλοήγηση στην αρχική σελίδα του ιστότοπου Slim και Huskys

8. Πίνακας περιεχομένων

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

9. Δευτερεύουσες παροτρύνσεις για δράση

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

Ενώ το κύριο CTA σας πρέπει να βρίσκεται πάνω από την πτυχή, τοποθετήστε το δευτερεύον CTA παρακάτω για να δώσετε στους επισκέπτες τη δυνατότητα να κάνουν κλικ όταν κάνουν κύλιση προς τα κάτω. Για παράδειγμα, στο κάτω μέρος της αρχικής σελίδας του Spanx θα βρείτε τρεις ξεκάθαρες παρότρυνσεις για δράση που θα δίνουν σε άτομα που έχουν κάνει κύλιση τόσες περισσότερες επιλογές. Αυτά τα δευτερεύοντα CTA έχουν σχεδιαστεί για δύο διαφορετικούς τύπους μετατροπών: το ένα αριστερά για 20 $ και το άλλο, “αγοράστε τώρα” για να εξερευνήσετε τον ηλεκτρονικό κατάλογο.

Η κύρια σελίδα του ιστότοπου Spanx είναι δευτερεύουσα CTA

10. Χαρακτηριστικά

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

dropbox για λειτουργίες αρχικής σελίδας ιστότοπου επιχείρησης

11. Πόροι

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

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

Η αρχική σελίδα του ιστότοπου lovesac με πόρους και παροτρύνσεις για δράση στο υποσέλιδο

12. Ποσοστά επιτυχίας

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

Για παράδειγμα, στην κύρια σελίδα του Calendley θα βρείτε τα ονόματα γνωστών οργανισμών που τα αναγνώρισαν, για παράδειγμα Γκάρτνερ και Dropbox.

Αρχική σελίδα του ιστότοπου Calendly

Αρχική σελίδα για επίσκεψη

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

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

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

παραδείγματα εξαιρετικής αρχικής σελίδας, ιστολογίου και σχεδιασμού σελίδας προορισμού

Leave a Reply

Your email address will not be published. Required fields are marked *