Core Web Vitals — τρεις λέξεις που το 2021 άλλαξαν τον τρόπο που το Google βαθμολογεί τις ιστοσελίδες. Αν δεν τις έχεις ακούσει, ή τις έχεις ακούσει αλλά δεν ξέρεις τι σημαίνουν για σένα, αυτό το άρθρο είναι ακριβώς αυτό που χρειάζεσαι. Γιατί τα Core Web Vitals επηρεάζουν άμεσα το SEO ranking σου — και τις πωλήσεις σου.
Τι είναι τα Core Web Vitals
Τα Core Web Vitals είναι τρεις συγκεκριμένες μετρήσεις που το Google χρησιμοποιεί για να αξιολογεί την εμπειρία χρήστη σε μια ιστοσελίδα. Επομένως, δεν μετράει μόνο αν το περιεχόμενό σου είναι καλό — μετράει και αν η σελίδα σου φορτώνει γρήγορα, είναι σταθερή, και ανταποκρίνεται γρήγορα στις ενέργειες του χρήστη.
1. LCP — Largest Contentful Paint
Μετράει πόσο χρόνο παίρνει το μεγαλύτερο στοιχείο της σελίδας (συνήθως εικόνα ή heading) να γίνει ορατό. Στόχος: κάτω από 2.5 δευτερόλεπτα. Αν η εικόνα hero σου παίρνει 4 δευτερόλεπτα να φορτώσει, το LCP σου είναι Poor — και το Google το ξέρει.
2. INP — Interaction to Next Paint
Μετράει πόσο γρήγορα ανταποκρίνεται η σελίδα όταν ο χρήστης κάνει κλικ, tap, ή πληκτρολογεί. Αντικατέστησε το FID (First Input Delay) από το 2024. Στόχος: κάτω από 200ms. Αν τα κουμπιά σου αργούν να αντιδράσουν, χάνεις χρήστες — και ranking.
3. CLS — Cumulative Layout Shift
Μετράει πόσο «πηδάει» το layout της σελίδας ενώ φορτώνει. Ξέρεις εκείνο το ενοχλητικό φαινόμενο που πηγαίνεις να πατήσεις ένα κουμπί και η σελίδα μετακινείται και πατάς κάτι άλλο; Αυτό είναι υψηλό CLS. Στόχος: κάτω από 0.1.
Γιατί τα Core Web Vitals επηρεάζουν το SEO σου
Από το 2021, το Google χρησιμοποιεί τα Core Web Vitals ως ranking factor. Δηλαδή, δύο σελίδες με ίδιο περιεχόμενο και backlinks — αυτή με τα καλύτερα Core Web Vitals θα κατατάσσεται ψηλότερα. Επιπλέον, η Google Search Console σου δείχνει αν οι σελίδες σου είναι «Good», «Needs Improvement», ή «Poor».
Ωστόσο, πέρα από το SEO, τα Core Web Vitals έχουν άμεση επίπτωση στις μετατροπές. Το Amazon ανακάλυψε ότι κάθε 100ms βελτίωση στη φόρτωση αυξάνει τις πωλήσεις κατά 1%. Για ένα eshop 100.000€/χρόνο, αυτό σημαίνει 1.000€ επιπλέον για κάθε δεκάτου του δευτερολέπτου.
Πώς να ελέγξεις τα Core Web Vitals σου
- Google Search Console → Core Web Vitals report: δείχνει ποιες σελίδες έχουν πρόβλημα
- PageSpeed Insights (pagespeed.web.dev): τρέχει ανά URL και δίνει αναλυτική ανάλυση
- Chrome DevTools → Lighthouse: για developers που θέλουν βαθύτερη ανάλυση
Πώς να βελτιώσεις τα Core Web Vitals
Για καλύτερο LCP
Βελτιστοποίησε τις εικόνες σε WebP, χρησιμοποίησε preload για τo hero image, και βελτίωσε τον χρόνο απόκρισης του server. Αν το hosting σου είναι αργό, ακόμα και η καλύτερη βελτιστοποίηση δεν αρκεί — αλλαξέ το.
Για καλύτερο INP
Μείωσε τo JavaScript που εκτελείται κατά τη φόρτωση, αφαίρεσε αχρείαστα third-party scripts (chat widgets, tracking pixels που δεν χρειάζεσαι), και χρησιμοποίησε lazy loading για στοιχεία που δεν είναι άμεσα ορατά.
Για καλύτερο CLS
Ορίσε πάντα διαστάσεις (width/height) στις εικόνες, αποφύγοντας τα ads που εμφανίζονται δυναμικά και μετακινούν το περιεχόμενο, και χρησιμοποίησε font-display: swap για web fonts.
Αν θέλεις να δεις πώς επιδρά η ταχύτητα στις πωλήσεις σου, διάβασε το άρθρο μας για το γιατί η ιστοσελίδα σου είναι αργή. Στη dycode, παραδίδουμε κάθε ιστοσελίδα με βελτιστοποιημένα Core Web Vitals — γιατί ξέρουμε ότι η ταχύτητα δεν είναι προαιρετική.