Ταχύτητα και Google: γιατί δύο sites με ίδιο SEO έχουν διαφορετική κατάταξη
Τι μετράει η Google με τα Core Web Vitals, γιατί τα ελληνικά sites συνήθως αργούν, και με ποια σειρά διορθώνουμε για να μεγιστοποιήσουμε το SEO οφελος.
Όταν παίρνουμε για ανάλυση ένα site που έχει χάσει θέσεις στη Google, η πρώτη μας μέτρηση είναι το PageSpeed. Πολλές φορές το πρόβλημα δεν είναι το περιεχόμενο ή τα backlinks. Είναι ότι η σελίδα αργεί.
Από το 2021, η Google δίνει επίσημα βαρύτητα στην ταχύτητα. Από τότε, ο τρόπος με τον οποίο μετράει τη συμπεριφορά μιας σελίδας έχει αλλάξει. Αυτό το άρθρο εξηγεί τι μετράει ακριβώς, γιατί συχνά αργεί ένα site, και τι ενέργειες έχουν τη μεγαλύτερη επίδραση.
Τα τρία βασικά μεγέθη που μετράει η Google
Λέγονται Core Web Vitals και είναι τρία:
LCP (Largest Contentful Paint)
Πόσο γρήγορα εμφανίζεται το βασικό περιεχόμενο της σελίδας. Συνήθως είναι η μεγάλη εικόνα του hero ή ο τίτλος. Καλό σημαίνει κάτω από 2,5 δευτερόλεπτα. Πάνω από 4 δευτερόλεπτα είναι κακό.
INP (Interaction to Next Paint)
Πόσο γρήγορα αντιδρά η σελίδα όταν πατάς κάτι. Καλό σημαίνει κάτω από 200 χιλιοστά του δευτερολέπτου. Αν το κουμπί «προσθήκη στο καλάθι» αργεί μισό δευτερόλεπτο, ο πελάτης σκέφτεται ότι κάτι δεν δουλεύει και φεύγει.
CLS (Cumulative Layout Shift)
Πόσο πηδάνε τα στοιχεία της σελίδας ενώ φορτώνει. Όλοι έχουμε εκνευριστεί με αυτό: πας να πατήσεις ένα κουμπί και τελευταία στιγμή κατεβαίνει μια διαφήμιση και πατάς λάθος πράγμα. Καλό σημαίνει κάτω από 0,1.
Γιατί τα ελληνικά sites συνήθως αργούν
Από τα 200 περίπου ελληνικά WordPress eshops που έχω εξετάσει τα τελευταία χρόνια, οι αιτίες ανήκουν σχεδόν πάντα σε αυτές τις επτά κατηγορίες:
Εικόνες χωρίς συμπίεση
Η πιο συχνή αιτία. Φωτογραφίες προϊόντων ανεβασμένες στα 4 MB όταν θα μπορούσαν να ήταν 200 KB. Σε σελίδα με 12 προϊόντα, αυτό σημαίνει 48 MB κατέβασμα αντί για 2,4 MB. Στο 4G ο πελάτης περιμένει 15 δευτερόλεπτα.
Φθηνή φιλοξενία
Μοιράζεσαι τον ίδιο σερβερ με 400 άλλα sites. Όταν ένα από αυτά έχει spike επισκεπτών, παθαίνει αργοπορία και το δικό σου. Οκτώ ευρώ τον μήνα φιλοξενία σημαίνει οκτώ ευρώ ποιότητα. Για eshop, υπολόγισε από 30 ευρώ τον μήνα και πάνω.
Page builders με βαρύ κώδικα
Elementor, Divi, WPBakery. Σου δίνουν εύκολη σχεδίαση, αλλά παράγουν τόνους κώδικα CSS και JavaScript που δεν χρησιμοποιείται. Μια απλή σελίδα γίνεται 3 MB ενώ θα μπορούσε να ήταν 300 KB.
Πάρα πολλά plugins
Κάθε plugin προσθέτει βάρος. WooCommerce site με 50 ενεργά plugins δεν έχει ελπίδα να γρηγορέψει. Συχνά τα μισά είναι αδρανή ή κάνουν δουλειά που θα μπορούσε να γίνει με δέκα γραμμές κώδικα.
JavaScript που εμποδίζει
Scripts που φορτώνουν στο head της σελίδας και σταματάνε το browser να αποδώσει τίποτα μέχρι να κατεβάσει και να εκτελέσει τον κώδικα. Συνηθισμένο σε sites που έχουν δέκα chat widgets και tracking pixels στην αρχή.
Έλλειψη CDN
Αν ο σερβερ σου είναι στην Αθήνα και ο πελάτης στη Θεσσαλονίκη, ο χρόνος μεταφοράς είναι 30 με 40 χιλιοστά. Από Λονδίνο, 90. Από Νέα Υόρκη, 250. Με CDN τύπου Cloudflare, ο χρόνος είναι 10 με 20 παντού στον κόσμο.
Καθόλου caching
Σε κάθε επίσκεψη η σελίδα ξαναχτίζεται από το μηδέν. Με caching, αποθηκεύεται έτοιμη και σερβίρεται στιγμιαία. Διαφορά: από 1,5 δευτερόλεπτο σε 200 χιλιοστά.
Με ποια σειρά διορθώνουμε
Από εμπειρία, η σειρά προτεραιότητας είναι αυτή:
Πρώτα οι εικόνες. Είναι το πιο εύκολο και έχει τη μεγαλύτερη επίδραση. Σε ένα τυπικό eshop, η συμπίεση των εικόνων από JPEG σε WebP μειώνει το συνολικό βάρος της σελίδας κατά 60% και ανεβάζει το PageSpeed από 35 σε 60.
Δεύτερο, το caching. Ένα LiteSpeed Cache plugin (αν το hosting το επιτρέπει) ή ένα WP Rocket κάνει τη μεγαλύτερη διαφορά για το ποσό προσπάθειας. Δεκαπέντε λεπτά ρύθμιση, αισθητή βελτίωση.
Τρίτο, το CDN. Δωρεάν εκδοχή του Cloudflare είναι αρκετή για 95% των περιπτώσεων. Δύο ώρες εγκατάσταση.
Τέταρτο, ο καθαρισμός των plugins. Αυτό απαιτεί προσοχή και συχνά αναβάθμιση κώδικα. Δουλειά μιας μέρας για έναν developer.
Πέμπτο, η αναβάθμιση hosting αν χρειάζεται. Από shared σε managed κοστίζει 20 με 50 ευρώ επιπλέον τον μήνα, αλλά είναι σημαντικό αν τα προηγούμενα δεν επαρκούν.
Πώς η ταχύτητα επηρεάζει το SEO
Με τρεις τρόπους:
Πρώτος, άμεσα. Τα Core Web Vitals είναι παράγοντας κατάταξης. Δύο sites με ίδιο περιεχόμενο και ίδιο authority θα κατατάσσονται διαφορετικά αν διαφέρουν στην ταχύτητα.
Δεύτερος, μέσω συμπεριφοράς. Όταν η σελίδα φορτώνει αργά, ο πελάτης φεύγει. Η Google βλέπει υψηλό bounce rate και χαμηλή παραμονή, και κατατάσσει χαμηλότερα.
Τρίτος, μέσω του crawl budget. Ο Googlebot έχει περιορισμένο χρόνο για κάθε site. Αν η σελίδα αργεί, διαβάζει λιγότερες σελίδες ανά επίσκεψη. Λιγότερες σελίδες ευρετηριάζονται.
Κινητό, η δεύτερη μάχη
Η Google κατατάσσει βάσει της mobile εμπειρίας. Σημαίνει ότι αν το desktop είναι γρήγορο αλλά το κινητό όχι, το ranking πέφτει.
Αυτό συμβαίνει συχνά. Τα ελληνικά sites που έχω δει τυπικά έχουν PageSpeed 75 σε desktop και 35 σε κινητό. Η εικόνα του hero είναι 2 MB, οι δώδεκα διαφημίσεις φορτώνουν στην αρχή, και η σύνδεση 4G είναι πιο αργή από τη σταθερή στο γραφείο.
Δοκίμασε το site σου με «slow 4G» στα Chrome DevTools. Αν φορτώνει σε 6 με 8 δευτερόλεπτα, υπάρχει πρόβλημα. Πάνω από 10, χάνεις τη μισή κίνηση από κινητό.
Πραγματικές προσδοκίες
Με τη σωστή σειρά παρεμβάσεων:
Τυπικό WordPress eshop με Elementor: PageSpeed από 25 με 45 αρχικά, μετά από βελτιστοποίηση εικόνων και cache, ανεβαίνει σε 55 με 70. Στα Core Web Vitals, περνάει το όριο της Google.
Σύγχρονο custom-built site, π.χ. headless ή Laravel: PageSpeed 85 με 98 από την αρχή, χωρίς ιδιαίτερη προσπάθεια. Είναι το επίπεδο των ανταγωνιστών που σου παίρνουν τις πρώτες θέσεις.
Έλεγχος που μπορείς να κάνεις σήμερα
Πήγαινε στο pagespeed.web.dev και βάλε το URL σου. Δες την mobile βαθμολογία. Αν είναι κάτω από 50, η ταχύτητα είναι σημαντικό μέρος του προβλήματός σου, οποιοδήποτε άλλο και αν είναι το σύμπτωμα.
Αν θες να σου στείλω πλήρη ανάλυση του site σου, με συγκεκριμένες προτεραιότητες και εκτίμηση κόστους για κάθε ενέργεια, στείλε μου το URL. Δεν χρειάζεται κάτι άλλο.
— Επόμενο βήμα