• UI & UX

Πάρτε το κλικ: 8 συμβουλές για αποτελεσματικό σχεδιασμό CTA

  • Felix Rose-Collins
  • 7 min read
Πάρτε το κλικ: 8 συμβουλές για αποτελεσματικό σχεδιασμό CTA

Εισαγωγή

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

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

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

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

Σε αυτό το άρθρο, θα καλύψουμε τις καλύτερες συμβουλές για το σχεδιασμό ακαταμάχητων CTAs που οι υποψήφιοι πελάτες σας δεν θα μπορέσουν παρά να κάνουν κλικ. Διαβάστε παρακάτω για να μάθετε περισσότερα!

1. Χρησιμοποιήστε ένα αυτοκόλλητο CTA στην πλαϊνή μπάρα

Τα CTA έχουν ως στόχο να τραβήξουν την προσοχή των επισκεπτών και να τους κάνουν να κάνουν κλικ.

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

Γνωρίστε το Ranktracker

Η All-in-One πλατφόρμα για αποτελεσματικό SEO

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

Έχουμε επιτέλους ανοίξει την εγγραφή στο Ranktracker εντελώς δωρεάν!

Δημιουργήστε έναν δωρεάν λογαριασμό

Ή Συνδεθείτε χρησιμοποιώντας τα διαπιστευτήριά σας

Εισάγετε ένα αυτοκόλλητο CTA στην πλαϊνή μπάρα.

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

Η ATH Sport δίνει 10% έκπτωση στην πρώτη παραγγελία και προωθεί αυτό το κίνητρο στην αρχική σελίδα της και σε ολόκληρη την ιστοσελίδα της, εφαρμόζοντας ένα αυτοκόλλητο CTA στην πλαϊνή μπάρα που γράφει "Save 10%". Με αυτόν τον τρόπο, οι επισκέπτες υπενθυμίζονται διακριτικά να αναλάβουν δράση και να διεκδικήσουν την έκπτωση.

Use a sticky sidebar CTA (Πηγή: ATH Sport)

2. Αξιοποίηση του αρνητικού χώρου

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

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

Όσο λιγότεροι είναι οι περισπασμοί γύρω από το CTA, τόσο πιο εύκολα μπορεί να γίνει κλικ σε αυτό.

Γνωρίστε το Ranktracker

Η All-in-One πλατφόρμα για αποτελεσματικό SEO

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

Έχουμε επιτέλους ανοίξει την εγγραφή στο Ranktracker εντελώς δωρεάν!

Δημιουργήστε έναν δωρεάν λογαριασμό

Ή Συνδεθείτε χρησιμοποιώντας τα διαπιστευτήριά σας

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

Leverage negative space (Πηγή: Flamingo)

3. Δημιουργήστε μια αίσθηση επείγοντος

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

Παραδειγματιστείτε από το Amazon και την έξυπνη αποποίηση ευθυνών "Μόνο 1/2/3 έμειναν σε απόθεμα" που προτρέπει ακόμη και τους αναποφάσιστους πελάτες να παραγγείλουν το προϊόν αμέσως πριν το αρπάξει κάποιος άλλος.

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

Για να τονίσετε τον επείγοντα χαρακτήρα, χρησιμοποιήστε λέξεις χρονικού προσδιορισμού όπως Τώρα, Αμέσως ή Σήμερα.

Το CTA στην αρχική σελίδα του Bed Bath & Beyond είναι ένα εξαιρετικό παράδειγμα συνδυασμού επείγοντος και σπανιότητας. Οι πελάτες καλούνται να "Ψωνίσουν τώρα", καθώς η προσφορά ισχύει έως τις 8 Ιανουαρίου, αλλά αυτό το παράθυρο ευκαιρίας ελαχιστοποιείται επιπλέον με την προσθήκη "Όσο διαρκούν τα αποθέματα". Το γεγονός ότι το ίδιο το CTA βρίσκεται μέσα σε ένα μεγάλο κόκκινο banner που τοποθετείται πάνω από το fold το καθιστά ακόμη πιο εντυπωσιακό και πειστικό.

Create a sense of urgency - Bed Bath & Beyond (Πηγή: Bed Bath & Beyond)

Ηαρχική σελίδα του Ιανουαρίου διαθέτει ένα CTA με μια ελαφρώς διαφορετική προσέγγιση του επείγοντος. Η προσεκτικά διατυπωμένη διατύπωση "Εγγραφείτε στη λίστα αναμονής" δημιουργεί μια αίσθηση γύρω από την εφαρμογή και δημιουργεί ζήτηση υπονοώντας ότι υπάρχουν και άλλοι δυνητικοί πελάτες που περιμένουν με ανυπομονησία την κυκλοφορία. Αυτή η απλή αλλά ενδιαφέρουσα CTA λειτουργεί επειδή εκπέμπει μια κάπως αποκλειστική ατμόσφαιρα - είναι σαν να μπαίνεις στη λίστα μιας λέσχης VIP.

Create a sense of urgency - January (Πηγή: Ιανουάριος)

4. Συμπεριλάβετε λέξεις δύναμης

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

Έτσι, συμπεριλαμβάνοντας λέξεις δύναμης όπως

  • Δωρεάν
  • Καταπληκτικό
  • Νέο
  • Αποτελεσματικό
  • Εύκολο
  • Άμεσα
  • Εγγυημένο
  • Κανένας κίνδυνος
  • Πιστοποιημένο
  • Προστατευμένο
  • Δοκιμασμένο
  • Επαληθευμένο
  • Επιπλέον

θα χτυπήσει τη σωστή χορδή στο κοινό σας και θα το κάνει να αναλάβει δράση.

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

Η αρχική σελίδα του Evernote υπόσχεται στους χρήστες ότι θα μπορούν να οργανώσουν τη ζωή τους με την εφαρμογή, ενώ το CTA τους παρακινεί να εγγραφούν δωρεάν. Και ποιος θα μπορούσε να αρνηθεί μια τόσο δελεαστική προσφορά;

Include power words - Evernote (Πηγή: Evernote)

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

Include power words - BaseLang (Πηγή: BaseLang)

5. Κάντε το CTA σας pop

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

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

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

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

Make your CTA pop (Πηγή: Menlo Coaching)

6. Μην είστε ασαφής

Μην περιμένετε από τους επισκέπτες σας να βγάλουν συμπεράσματα για το τι θα συμβεί στη συνέχεια - πείτε τους το.

Τα κουμπιά CTA που λένε "Κάντε κλικ εδώ" ή "Υποβολή" απλώς θα μπερδέψουν τους ανθρώπους και αυτό είναι το χειρότερο πράγμα που μπορείτε να κάνετε.

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

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

Don’t be vague (Πηγή: Dropbox)

7. Προσθέστε κοινωνική απόδειξη

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

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

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

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

Add social proof (Πηγή: Buffer)

8. Κρατήστε τα πράγματα απλά

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

Αλλά η αλήθεια είναι ότι η απλότητα συχνά υποτιμάται.

Γνωρίστε το Ranktracker

Η All-in-One πλατφόρμα για αποτελεσματικό SEO

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

Έχουμε επιτέλους ανοίξει την εγγραφή στο Ranktracker εντελώς δωρεάν!

Δημιουργήστε έναν δωρεάν λογαριασμό

Ή Συνδεθείτε χρησιμοποιώντας τα διαπιστευτήριά σας

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

Το CTA της αρχικής σελίδας της Jira ελέγχει όλα τα κουτάκια με τοCTA "Continue with Google". Ο διάβολος κρύβεται στη λεπτομέρεια, και παρόλο που φαινομενικά δεν συμβαίνουν πολλά πράγματα εδώ, η αποτελεσματικότητα αυτού του CTA έγκειται στο γεγονός ότι κάνει τα πράγματα εξαιρετικά απλά για όσους αποφασίσουν να εγγραφούν.

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

Keep things simple (Πηγή: Jira)

Ανακεφαλαίωση

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

Ξεκινήστε να χρησιμοποιείτε το Ranktracker... Δωρεάν!

Μάθετε τι εμποδίζει την κατάταξη του ιστότοπού σας.

Δημιουργήστε έναν δωρεάν λογαριασμό

Ή Συνδεθείτε χρησιμοποιώντας τα διαπιστευτήριά σας

Different views of Ranktracker app