Γράφεις μια σελίδα. Βάζεις το καλύτερο περιεχόμενο στο τέλος. Την πιο δυνατή προσφορά. Το μεγαλύτερο όφελος. Είσαι σίγουρος ότι οι επισκέπτες θα το δουν. Όμως κάνουν scroll μέχρι εκεί; Οι περισσότεροι δεν κάνουν. Μπαίνουν στη σελίδα σου. Διαβάζουν τον τίτλο. Ίσως και την πρώτη παράγραφο. Μετά προσπερνούν. Κάποιοι κατεβαίνουν λίγο πιο κάτω. Κάποιοι δεν κάνουν καθόλου scroll. Τα scroll heatmaps σου δείχνουν ακριβώς πού σταματά η ανάγνωση. Ποια τμήματα τραβούν την προσοχή. Ποια τμήματα προσπερνούν οι επισκέπτες. Αυτή η εικόνα δείχνει μια σκληρή αλήθεια: το περιεχόμενο κάτω από το σημείο όπου σταματούν οι άνθρωποι είναι σαν να μην υπάρχει. Τα scroll heatmaps σε αναγκάζουν να απαντήσεις σε μια κρίσιμη ερώτηση. Βάζεις το καλύτερο υλικό εκεί που κοιτάζουν πραγματικά οι επισκέπτες;
Αυτό το άρθρο εξηγεί πώς λειτουργούν τα scroll heatmaps και τι δείχνουν για τη στρατηγική του περιεχομένου σου.
Τι δείχνουν τα scroll heatmaps
Τα scroll heatmaps δείχνουν οπτικά πόσο χαμηλά φτάνουν οι επισκέπτες στις σελίδες. Καταγράφουν το βάθος του scroll. Πόσοι επισκέπτες κατεβαίνουν στο 25 τοις εκατό. Πόσοι στο 50 τοις εκατό. Πόσοι φτάνουν μέχρι το τέλος. Το heatmap τα δείχνει με χρώματα. Η κορυφή της σελίδας είναι κόκκινη. Το βαθύ scroll είναι μπλε. Η αλλαγή του χρώματος δείχνει πού πέφτει η προσοχή.
Τα scroll heatmaps είναι συγκεντρωτικά δεδομένα. Συνδυάζουν τη συμπεριφορά εκατοντάδων ή χιλιάδων επισκεπτών. Ένας επισκέπτης κάνει scroll στο 40 τοις εκατό. Ένας άλλος στο 90 τοις εκατό. Το heatmap βγάζει τον μέσο όρο και δείχνει το μοτίβο.
Τα scroll heatmaps δείχνουν το ενδιαφέρον ανά τμήμα. Το πάνω τμήμα, αυτό που φαίνεται χωρίς scroll, παίρνει όλη την προσοχή. Το μεσαίο τμήμα παίρνει μέρος της. Το κάτω τμήμα παίρνει ελάχιστη. Αυτό το μοτίβο επαναλαμβάνεται στις περισσότερες σελίδες.
Κατάλαβε πώς καταναλώνεται το περιεχόμενο
Το βάθος του scroll δείχνει ποιο περιεχόμενο διαβάζουν πραγματικά οι επισκέπτες. Μια σελίδα έχει πέντε τμήματα. Το scroll heatmap δείχνει κόκκινο για το πρώτο. Κίτρινο για το δεύτερο. Μπλε για το τρίτο. Πορτοκαλί για το τέταρτο. Μωβ για το πέμπτο. Αυτή η σταδιακή αλλαγή δείχνει ότι το ενδιαφέρον πέφτει.
Δεν έχει όλο το περιεχόμενο την ίδια αξία. Το περιεχόμενο στο πάνω μέρος το βλέπουν όλοι. Το περιεχόμενο πιο κάτω χάνει επισκέπτες σε κάθε scroll. Ένας επισκέπτης που δεν περνά το δεύτερο τμήμα δεν βλέπει ποτέ το τρίτο, το τέταρτο και το πέμπτο. Αυτό μετράει, γιατί πολλές επιχειρήσεις βάζουν σημαντικό περιεχόμενο χαμηλά στη σελίδα.
Τα scroll heatmaps σε φέρνουν μπροστά στο ζήτημα των προτεραιοτήτων. Αν η πιο δυνατή προσφορά σου είναι στο τέταρτο τμήμα και οι περισσότεροι επισκέπτες σταματούν στο δεύτερο, έχεις πρόβλημα.
Βρες ποιο περιεχόμενο αποδίδει
Ποια τμήματα τραβούν την προσοχή. Ποια τμήματα κάνουν τον κόσμο να φεύγει. Ένα scroll heatmap το δείχνει καθαρά. Ίσως οι επισκέπτες κατεβαίνουν γρήγορα την εισαγωγή σου. Την ξεφυλλίζουν. Ίσως επιβραδύνουν στο τμήμα με τα χαρακτηριστικά. Εκεί διαβάζουν. Ίσως σταματούν να κάνουν scroll μετά τις τιμές. Το heatmap δείχνει πού το ενδιαφέρον ανεβαίνει και πού πέφτει.
Τα τμήματα με υψηλό ενδιαφέρον δουλεύουν. Τα τμήματα με χαμηλό ενδιαφέρον αποτυγχάνουν. Το χαμηλό ενδιαφέρον μπορεί να σημαίνει ασαφές περιεχόμενο. Ή βαρετό. Ή περιεχόμενο που δεν ταιριάζει με αυτό που έψαχνε ο επισκέπτης. Το heatmap εντοπίζει το πρόβλημα. Η έρευνα που θα κάνεις μετά βρίσκει την αιτία.
Δες το πρόβλημα της «γραμμής» της οθόνης
Η γραμμή της οθόνης (the fold) υπάρχει. Το περιεχόμενο κάτω από αυτήν παίρνει λιγότερη προσοχή από το περιεχόμενο πάνω της. Αυτό μετριέται και φαίνεται καθαρά στα scroll heatmaps. Η γραμμή δεν είναι τυχαία. Είναι το σημείο όπου οι επισκέπτες σταματούν να διαβάζουν.
Η γραμμή αλλάζει ανά συσκευή. Το κινητό έχει διαφορετική γραμμή από τον υπολογιστή. Το tablet έχει διαφορετική από τα δύο. Τα scroll heatmaps δείχνουν μοτίβα ανά συσκευή. Οι επισκέπτες από κινητό μπορεί να κάνουν λιγότερο βαθύ scroll από αυτούς στον υπολογιστή. Ή περισσότερο. Τα δεδομένα δείχνουν την αλήθεια.
Κάποιο περιεχόμενο ΠΡΕΠΕΙ να είναι πάνω από τη γραμμή. Ο τίτλος σου. Η πρόταση αξίας σου. Το κουμπί δράσης σου. Αν εμφανίζονται κάτω από τη γραμμή, οι επισκέπτες τα χάνουν. Τα scroll heatmaps δείχνουν αν το κρίσιμο περιεχόμενό σου φαίνεται πριν από το scroll.
Σύγκρινε το βάθος του scroll ανάμεσα σε σελίδες
Διαφορετικές σελίδες έχουν διαφορετικά μοτίβα scroll. Μια σελίδα προϊόντος μπορεί να έχει μέσο βάθος scroll 60 τοις εκατό. Ένα άρθρο blog 80 τοις εκατό. Μια σελίδα τιμών 40 τοις εκατό. Οι διαφορές αυτές δείχνουν το είδος του περιεχομένου και την πρόθεση του επισκέπτη.
Οι σελίδες τιμών έχουν ρηχό scroll, γιατί οι επισκέπτες αποφασίζουν γρήγορα. Βλέπουν τις τιμές και φεύγουν. Τα άρθρα blog έχουν βαθύ scroll, γιατί οι αναγνώστες θέλουν πλήρη πληροφόρηση. Οι σελίδες προϊόντων είναι ενδιάμεσα, γιατί συνδυάζουν πληροφορίες και απόφαση.
Όταν καταλαβαίνεις αυτά τα μοτίβα, χτίζεις σωστά τις σελίδες. Μια σελίδα τιμών δεν χρειάζεται πέντε τμήματα, αν οι επισκέπτες διαβάζουν μόνο δύο. Ένα άρθρο blog χρειάζεται καθαρά τμήματα, αν οι αναγνώστες κάνουν βαθύ scroll.
Βρες τα σημεία εγκατάλειψης
Οι επισκέπτες κάνουν scroll. Μετά σταματούν. Το σημείο όπου σταματούν είναι σημείο εγκατάλειψης. Εκεί το ενδιαφέρον έπεσε τόσο, που έφυγαν. Τα scroll heatmaps δείχνουν αυτά τα σημεία οπτικά.
Ένα σημείο εγκατάλειψης συχνά δείχνει πρόβλημα. Ίσως το περιεχόμενο πριν από αυτό δεν κράτησε το ενδιαφέρον. Ίσως το περιεχόμενο εκεί μπερδεύει. Ίσως η σελίδα φορτώνει αργά σε εκείνο το σημείο. Ίσως οι επισκέπτες βρήκαν ό,τι χρειάζονταν και έφυγαν ικανοποιημένοι. Το πλαίσιο καθορίζει αν η εγκατάλειψη είναι κακή.
Όταν ερευνάς τα σημεία εγκατάλειψης, βρίσκεις βελτιώσεις. Αν οι επισκέπτες φεύγουν μετά τη λίστα χαρακτηριστικών, ίσως η λίστα δεν πείθει. Ξαναγράψε τη. Αν φεύγουν μετά τις κριτικές πελατών, ίσως οι κριτικές δεν είναι πειστικές. Πρόσθεσε πιο δυνατές.
Συχνές ερωτήσεις
Ποιο ποσοστό βάθους scroll είναι καλό;
Εξαρτάται από τον τύπο της σελίδας. Για τα landing pages, 60-80 τοις εκατό είναι δυνατό. Για τις αρχικές σελίδες, 40-60 τοις εκατό είναι τυπικό. Για τις σελίδες προϊόντων, 50-70 τοις εκατό είναι συνηθισμένο. Τα blog συχνά βλέπουν 70-90 τοις εκατό. Σύγκρινε με παρόμοιες σελίδες της κατηγορίας σου, όχι με έναν τυχαίο δείκτη. Με τον δημιουργό ιστοσελίδων του WEMASY μπορείς να το ρυθμίσεις απευθείας στην ιστοσελίδα σου.
Να κόψουμε τις σελίδες αν το βάθος του scroll είναι χαμηλό;
Όχι απαραίτητα. Το χαμηλό βάθος scroll μπορεί να σημαίνει ότι το περιεχόμενο είναι σε λάθος θέση, όχι ότι πρέπει να αφαιρεθεί. Δοκίμασε να βάλεις το σημαντικό περιεχόμενο πιο ψηλά. Ή δοκίμασε να αφαιρέσεις τμήματα και δες αν βελτιώνεται το ενδιαφέρον. Μέτρα πριν αποφασίσεις.
Επηρεάζει η αργή ταχύτητα της σελίδας το βάθος του scroll;
Ναι. Οι επισκέπτες κάνουν πιο αργά scroll στις αργές σελίδες. Μπορεί να φύγουν πριν κατέβουν πολύ. Τα scroll heatmaps δείχνουν το σύμπτωμα. Τα εργαλεία ελέγχου ταχύτητας βρίσκουν την αιτία. Διόρθωσε τα προβλήματα ταχύτητας και ξαναέλεγξε το βάθος του scroll.
Μπορούμε να δούμε το scroll κάθε επισκέπτη ξεχωριστά;
Τα scroll heatmaps δείχνουν συγκεντρωτικά μοτίβα, όχι μεμονωμένες διαδρομές. Για τη συμπεριφορά ενός επισκέπτη χρησιμοποίησε εγγραφές συνεδριών. Τα heatmaps δείχνουν το δάσος. Οι εγγραφές δείχνουν τα μεμονωμένα δέντρα.
Να βάλουμε το κουμπί δράσης πάνω από τη γραμμή της οθόνης;
Συνήθως ναι. Κάνε A/B test για να βεβαιωθείς. Πολλοί επισκέπτες δεν κατεβαίνουν πολύ. Αν βάλεις το κουμπί δράσης στο πάνω μέρος, τους πιάνεις. Βάλε όμως και ένα δεύτερο κουμπί πιο κάτω για όσους κάνουν scroll. Επανάλαβε την προσφορά περισσότερες φορές.
Τι γίνεται αν οι επισκέπτες προσπερνούν γρήγορα κάποια τμήματα;
Το γρήγορο scroll μπορεί να σημαίνει ότι σκανάρουν και δεν διαβάζουν. Ή ότι το τμήμα είναι βαρετό. Ή ότι ήδη ξέρουν το περιεχόμενο. Συνδύασε τα scroll heatmaps με εγγραφές συνεδριών για να καταλάβεις την πρόθεση. Το γρήγορο scroll δεν είναι απαραίτητα κακό, αν οι επισκέπτες κάνουν μετατροπή.