Πάνω από την Πτυχή
Το «πάνω από την πτυχή» αναφέρεται στο τμήμα μιας ιστοσελίδας που είναι ορατό χωρίς κύλιση, και θεωρείται το πιο πολύτιμο σημείο επειδή είναι αυτό που βλέπουν πρώτα οι χρήστες.
Ο όρος «above the fold» προέρχεται από τις εφημερίδες, όπου οι σημαντικότεροι τίτλοι τοποθετούνταν πάνω από το φυσικό δίπλωμα του χαρτιού. Στον σχεδιασμό ιστοσελίδων, αναφέρεται στο περιεχόμενο που είναι ορατό στο παράθυρο του browser προτού ο χρήστης κάνει scroll. Αυτή η περιοχή διαφέρει ανάλογα με τη συσκευή, το μέγεθος οθόνης και τη διαμόρφωση του browser του χρήστη. Το περιεχόμενο πάνω από το δίπλωμα είναι κρίσιμο για δύο λόγους: τις πρώτες εντυπώσεις και την απόδοση.
Οι χρήστες σχηματίζουν γνώμη για την ιστοσελίδα σας μέσα σε 50 χιλιοστά του δευτερολέπτου, βασιζόμενοι αποκλειστικά σε αυτό που βλέπουν στην κορυφή της σελίδας. Αυτό το περιεχόμενο πρέπει να επικοινωνεί την πρόταση αξίας σας, να εδραιώνει την αξιοπιστία και να ενθαρρύνει την κύλιση ή την ενέργεια. Από πλευράς απόδοσης, η βελτιστοποίηση του περιεχομένου στην κορυφή της σελίδας είναι το κλειδί για καλές βαθμολογίες Core Web Vitals. Το Largest Contentful Paint (LCP) συνήθως μετρά ένα στοιχείο στην κορυφή της σελίδας, μια hero εικόνα, έναν τίτλο ή ένα γραφικό χαρακτηριστικό.
Στην πράξη
- Μια αρχική σελίδα SaaS μετακίνησε το κύριο CTA της από κάτω από την κορυφή της σελίδας σε πάνω από αυτήν και είδε τα ποσοστά κλικ να αυξάνονται κατά 40%
- Μια landing page βελτιστοποίησε τη hero εικόνα της στην κορυφή της σελίδας (από JPEG 3MB σε WebP 150KB) και βελτίωσε το LCP από 4,5 δευτερόλεπτα σε 1,2 δευτερόλεπτα
- Το περιεχόμενο στην κορυφή της σελίδας μιας B2B εταιρείας είχε μια εταιρική stock φωτογραφία και ένα ασαφές tagline, η αντικατάστασή τους με μια σαφή πρόταση αξίας και ένα screenshot προϊόντος αύξησε τα αιτήματα demo κατά 25%
- Ένα e-commerce site διασφάλισε ότι οι εικόνες προϊόντων εμφανίζονται στην κορυφή της σελίδας στα κινητά μειώνοντας το ύψος του header, μειώνοντας το ποσοστό εγκατάλειψης στις σελίδες προϊόντων κατά 12%
Περισσότερα για: Απόδοση
Δεν είστε σίγουροι πώς εφαρμόζεται σε εσάς;
Ένας έμπειρος μηχανικός εξετάζει τον ιστότοπό σας, την παρουσία σας στις αναζητήσεις και τον τρόπο που σας φτάνουν τα αιτήματα, και μετά καταγράφει τα τρία πράγματα που αξίζει να διορθωθούν πρώτα. Κρατάτε το έγγραφο είτε έτσι είτε αλλιώς.