Core Web Vitals 2021: Είναι Κρίσιμα για την Ιστοσελίδα σας;

Η Google έχει ανακοινώσει τα Core Web Vitals από το Μάϊο του 2020 και αυτό το άρθρο μας αφορά -κυριολεκτικά- όποιον έχει μία ιστοσελίδα (blog, eshop, corporate, άλλο) και θέλει να βγάζει χρήματα μέσω αυτής.

Συγκεκριμένα ανακοίνωσε ότι από τον Μάϊο του 2021, ένα νέος παράγοντας θα επηρεάζει την κατάταξη (ranking) της ιστοσελίδας σας (της κάθε σελίδας σε αυτή) στα Οργανικά αποτελέσματα αναζητήσεων. Δηλαδή στα αποτελέσματα που δεν είναι πληρωμένη διαφήμιση (Adwords). Πρόσφατα, η Google έσπρωξε λίγο πιο πίσω την ημερομηνία βάσει της οποίας ξεκινούν να υπολογίζονται τα Core Web Vitals, αλλά δεν παύει να είναι άμεση προτεραιότητα. Εδώ είναι η αρχική της ανακοίνωση.

Έκτοτε έχουν γίνει πάρα πολλές συζητήσεις για αυτό το τόσο κρίσιμο SEO στοιχείο, μια που δεν επηρεάζει απλά το περιεχόμενο μίας σελίδας αλλά όλη την κατασκευαστική και τεχνική δομή της ιστοσελίδας, με άξονα το User Page Experience. Επίσης επηρεάζεται από το περιβάλλον φιλοξενίας και την ποιότητα αυτού.

Τέλος, επηρεάζεται και από την ίδια την πλατφόρμα (π.χ. WordPress, WooCommerce, Shopify, CS-Cart Prestashop, Magento, κλπ), το theme, το είδος και setup των όποιον πρόσθετων/plugins υφίστανται.

Εν ολίγοις τα Core Web Vitals έχουν να κάνουν με τη συνολική ποιότητα κατασκευής μίας ιστοσελίδας, από το Α έως το Ω. Κάτι που λέμε και δείχνουμε και στο WordPress SEO course μας, φυσικά, και για αυτό το λόγο θεωρούμε ότι πρέπει να υπάρχει δομημένη γνώση στην κατασκευή μίας ιστοσελίδας και όχι “γνώση” από διάσπαρτα άρθρα.

Πλέον (από τότε που το ανακοίνωσε η Google), έχουμε όλοι όσοι ψάχνουμε σοβαρά το θέμα και κατασκευάζουμε ιστοσελίδες, πολύ περισσότερα στοιχεία και εργαλεία για να κατασκευάσουμε ιστοσελίδες με βάση τα Core Web Vitals δεδομένα.

Είναι σημαντικό να ξέρετε ότι ακόμη και τα διαγνωστικά εργαλεία (website auditing εργαλεία) που χρησιμοποιούνται στο να εξεταστούν προβλήματα σε μία ιστοσελίδα, σχετικά πρόσφατα προσάρμοσαν τα συστήματά τους για να μπορούν να μετρούν τα Core Web Vitals. Ακόμη και έτσι, σε “χρόνους διαδικτύου”, οι αλλαγές είναι ραγδαίες, σε αντίθεση με το παρελθόν όπου η Google ανακοίνωνε κάτι και έδινε ένα περιθώριο αρκετά μεγάλο για προσαρμογή.

Τι είναι τα Core Web Vitals (CWV);

Αφορούν τους εξής τρείς δείκτες όπου εξετάζονται για Mobile και Desktop περιβάλλοντα.

  • Largest Contentful Paint (LCP): Ο δείκτης μετρά το πόσο γρήγορα φορτώνει μία σελίδα και δεν νοείται μόνο η home page. Ο χρόνος πρέπει να είναι κάτω των 2.5 δευτερολέπτων και αυτό μετριέται με συγκεκριμένα εργαλεία και όχι με το πως βλέπετε εσείς την ιστοσελίδα στον browser σας.
  • First Input Delay (FID): Ο δείκτης μετρά το πόσο γρήγορα μία σελίδα γίνεται χρηστική με συνδέσμους που μπορούν να γίνουν κλικ από τον χρήστη. Ο χρόνος πρέπει να είναι κάτω των 100 milliseconds (δηλαδή κάτω του 0.001 του δευτερολέπτου).
  • Cumulative Layout Shift (CLS): Μετράει τη συνέπεια/σταθερότητα της εμφάνισης καθώς μεταβάλλεται η πληροφορία επί της σελίδας. Ο δείκτης πρέπει να είναι 0.1 ή λιγότερο.

Να σημειώσουμε ότι οι χρόνοι μεταξύ Mobile και Desktop θα έχουν αποκλίσεις αλλά δεν θέλετε να έχουν μεγάλες. Δηλαδή το να έχετε Mobile δείκτη 95 και Desktop 100 είναι λογικό.

Σε Mobile περιβάλλον πάντα θα είναι πιο σύνθετη η βελτιστοποίηση μια που τα εργαλεία που μετρούν τους δείκτες (και της ίδιας της Google), προσομοιάζουν το auditing με βάση διαφορετικές ταχύτητες σύνδεσης και διαφορετικούς τύπους browser αλλά και το πως “φορτώνουν” τα στοιχεία μία σελίδας σε κινητά, έναντι των desktops. Για αυτό το λόγο -συνήθως- οι δείκτες είναι πιο καλοί στα desktops από ότι στα κινητά.

Όμως, η Google, έχει ορίσει τον κανόνα “Mobile First“, οπότε τα mobile περιβάλλοντα έχουν προτεραιότητα στο ranking και την αξιολόγηση.

Tip: Εάν σε mobile περιβάλλον καταφέρετε υψηλή βαθμολογία, τότε -σχεδόν πάντα- και στα desktops θα έχετε την ίδια ή/και μεγαλύτερη.

Οπότε -σε γενικές γραμμές- βλέπουμε ότι οι δείκτες αυτοί επηρεάζονται από το πως είναι στημένη/σχεδιασμένη η πληροφορία σε μία σελίδα, την ποιότητα τεχνικής κατασκευής και τη φιλοξενία (hosting). Επηρεάζονται από τα above-the-fold στοιχεία, δηλαδή τα στοιχεία που φαίνονται σε μία οθόνη χωρίς να κάνει scroll ο επισκέπτης.

Η ιστοσελίδα (και κάθε σελίδα της) επηρεάζονται και από το πως “φορτώνονται” οι γραμματοσειρές, οι φωτογραφίες, η πλοήγηση. Πολλές -τεχνικές- πληροφορίες μπορείτε να δείτε εδώ.

Γιατί Πρέπει τα Core Web Vitals να Είναι “Στο Πράσινο”;

Σύμφωνα με ότι έχει ανακοινώσει η Google, αφού τα CWV είναι κριτήριο για ranking, τότε πρέπει να υιοθετηθούν και οι ιστοσελίδες να προσαρμοστούν.

Πριν διαβάσετε παρακάτω όμως θα θέλαμε να έχετε κατά νου και το εξής: Όταν φτιάχνετε μία ιστοσελίδα σωστή σχετικά με το πως τη θέλει η Google, τότε κερδίζετε και σε κατανάλωση πόρων από το hosting server σας. Έτσι, το όφελος είναι πολλαπλό και το ένα στοιχείο, βοηθάει το άλλο.

Συνεχίζοντας, φανταστείτε τα Core Web Vitals της Google, ως μία αλλαγή κρίσιμη και παρόμοια με το “πρέπει οι ιστοσελίδες να είναι HTTPS και όχι HTTP”, όπως είχε ανακοινωθεί πριν χρόνια και πλέον ισχύει, αλλά -βέβαια- αρκετά πιο σύνθετη. Όπως η Google αξιολογεί θετικά τις https (secure) ιστοσελίδες, και αρνητικά τις non-secure (http), έτσι και με τα Core Web Vitals το πεδίο φαίνεται να αλλάζει ακόμη πιο δραματικά.

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

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

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

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

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

Μπορούν να Είναι Όλες οι Ιστοσελίδες στο “Πράσινο”;

Θεωρητικώς είναι εφικτό. Οι ιστοσελίδες με εξωτερικά scripts που φέρνουν εντός τους πληροφορίες από άλλους servers θα δυσκολευτούν πιο πολύ. Για παράδειγμα, ειδησεογραφικά websites που δείχνουν διαφημίσεις από Ad Servers, Adsense, κλπ.

Ένα άλλο παράδειγμα είναι eshops που καλούν υπηρεσίες τρίτων (Push Notifications, Courier Shipping Calculations, Facebook scripts, κ.λπ).

Αυτά όμως δεν κάνουν ανέφικτη τη βελτιστοποίηση γύρω από τα Core Web Vitals. Είναι εφικτή στο μέγιστο δυνατό βαθμό, ανάλογα και την τεχνική υποδομή της ιστοσελίδας και του hosting. Καταλαβαίνουμε λοιπόν πως όλα όσα αποτελούν μία ιστοσελίδα πλέον εξαναγκάζονται στο να συνεργάζονται σωστά μεταξύ τους και να βελτιστοποιούνται ανάλογα. Ξαναλέμε, ότι αυτό δεν άλλαξε ποτέ. Πλέον όμως είναι ranking κριτήριο.

Εν ολίγοις, πρέπει όλο το “σύστημα” να είναι φτιαγμένο σωστά και όχι απλά να “μοιάζει σωστό”.

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

Είναι τα Core Web Vitals Αξιόπιστα;

Για τη συντριπτική πλειοψηφία των ιστοσελίδων που έχουν ένα “μέτριο” αλλά σχετικά καλό hosting, ακόμη και αν όλα είναι fine-tuned, τα αποτελέσματα θα έχουν διακυμάνσεις. Αυτές όμως δεν θα είναι μεγάλες μια που όταν όλα είναι σωστά σε μία ιστοσελίδα, τότε μόνο οι παράγοντες που δεν μπορούν να είναι εντελώς σταθεροί θα μεταβάλλονται.

Ως γενικό παράδειγμα αναφέρουμε τις δυνατότητες του hosting server και το traffic load επί της ιστοσελίδας, αλλά και το πως “σερβίρονται” μέσα στην ιστοσελίδα πληροφορίες από τρίτες ιστοσελίδες (π.χ. διαφημίσεις).

Σίγουρα ένα κακής ποιότητας hosting ή ένα που δεν ταιριάζει με τις ανάγκες σας, θα δημιουργεί πρόβλημα. Βασικά, είναι ήδη πρόβλημα (και χωρίς τα Core Web Vitals) αλλά ίσως δεν το έχετε καταλάβει ήδη.

Οπότε όταν μετράτε μία ιστοσελίδα με τα εργαλεία της Google θα δείτε ότι τα αποτελέσματα θα έχουν μικροδιακυμάνσεις. Δεν είναι μυστικό ότι η Google “κοκκινίζει” ακόμη και δικά της scripts ως “αργά”. Παρόλα αυτά, υπάρχουν τρόποι βελτιστοποίησης ακόμη και για αυτά, έτσι ώστε οι δείκτες να παραμένουν -κυρίως- “στο πράσινο”.

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

Για να μπορέσετε να πετύχετε το “πράσινο” στους δείκτες πρέπει να υπάρχει και η γνώση για σωστό στήσιμο των πάντων, για SEO, και να επενδύσετε και τα ελάχιστα χρήματα που χρειάζονται σε μόνιμα εργαλεία για την ιστοσελίδα σας.

Αλλιώς δεν γίνεται. Όλοι θέλουν μία ιστοσελίδα με το ελάχιστο δυνατό κόστος, αλλά ποιο είναι τελικά το “ελάχιστο δυνατό για μία σωστή ιστοσελίδα που να είναι και ωραία”; Αυτό το τελευταίο είναι η ουσιαστική ερώτηση. Υπάρχον πολλές παρανοήσεις για αυτό, με ελάχιστη την παρανόηση του “βάζω plugins και έτσι έχω SEO ιστοσελίδα“, το οποίο είναι άλλο ένα παραμύθι φυσικά.

Παράδειγμα σωστής και γρήγορης ιστοσελίδας με βάση τα Core Web Vitals

Εμείς έχουμε δουλέψει και πειραματιστεί με πολλαπλά εργαλεία, themes, πλατφόρμες. Έχουμε καταλήξει στο WordPress/WooCommerce ως πλατφόρμα για corporate/content websites και eshops συγκεκριμένων απαιτήσεων, αλλά και στο Prestashop για eshops ειδικών απαιτήσεων.

Ο λόγος; Η ανά πλατφόρμα best value for money λύση για το είδος της επιχείρησης που θα τη χρησιμοποιήσει.

Ειδικά στα content sites, χρησιμοποιούμε το WordPress και συνδυασμό εργαλείων, βελτιστοποιήσεων, themes και ενός best value for money hosting, ώστε να πετύχουμε το βέλτιστο δυνατό συνδυασμό.

Εδώ είναι ένα παράδειγμα του mindfultravelexperiences.com blog (τα ίδια metrics θα δείτε και για το website της ChannelDoubler, όπου βρίσκεστε τώρα). Όταν αποφασίσαμε να ενσωματώσουμε τις αλλαγές για τα Core Web Vitals σε αυτό, η εργασία διήρκησε κυριολεκτικά 8 ώρες.

Αυτό το content site χαρακτηρίζεται από τα εξής:

  1. Έχει πάνω από 550 άρθρα που ακολουθούν ένα ενιαίο μοντέλο παρουσίασης άρθρων
  2. Σερβίρει διαφημίσεις από πολλά διαφορετικά κανάλια (ad servers) τρίτων
  3. Κάθε σελίδα ενδέχεται να δείχνει διαφορετικές διαφημίσεις από τρίτους servers
  4. Φιλοξενείται σε έναν shared dedicated server που είναι βελτιστοποιημένος για WordPress. Δεν είναι μόνο του δηλαδή σε ένα δικό του hosting account
  5. Δείχνει/φιλοξενεί affiliate προϊόντα
  6. Έχει cookies tracking μηχανισμό τρίτης υπηρεσίας (κανονικό live cookies tracking και όχι απλά ένα μήνυμα με ένα Ναι/Όχι)

Ενώ η ιστοσελίδα ακολουθούσε τους γενικούς Google Page Speed κανόνες, εμφάνισε μειονεκτήματα όταν ενεργοποιήθηκαν τα Core Web Vital metrics.

Οπότε αποφασίσαμε να την προσαρμόσουμε. Ποιο ήταν το αποτέλεσμα χωρίς να υπάρχει καμία διακοπή στην παρουσίαση διαφημίσεων; Εδώ είναι τα Web Vitals για Mobile.

Core Web Vitals
Mobile Core Web Vitals

Και εδώ είναι για Desktop.

Core Web Vitals
Desktop Core Web Vitals

Η προσαρμογή έγινε στα εξής:

  1. Προσαρμογές στο caching και στο loading συγκεκριμένων στοιχείων
  2. Αλλαγή theme αλλά κρατώντας περίπου το ίδιο στήσιμο περιεχομένου και πληροφορίας

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

Σε όλο το στήσιμο αλλάξαμε μερικές εσωτερικές landing pages για να ακολουθεί το νέο εικαστικό, αλλά αυτό ήταν όλο. Οι περισσότερες προσαρμογές ήταν άλλου τύπου, κρατώντας ακριβώς το ίδιο hosting πακέτο φιλοξενίας χωρίς καμία αναβάθμιση/αλλαγή.

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

Οπότε εδώ έχουμε ένα Content Website που σερβίρει και διαφημίσεις και έχει και αρκετά scripts τρίτων και παρόλα αυτά πετυχαίνει πολύ υψηλή βαθμολογία.

Γιατί σας δείχνουμε ένα blog; Γιατί ένα blog είναι κρίσιμο μέρος της στρατηγικής μίας επιχείρησης που θέλει να πετύχει υψηλή κατάταξη στα αποτελέσματα αναζήτησης για σειρά όρων αναζήτησης. Έτσι, ακόμη και αν έχετε ένα eshop (όπου ανάλογα την περίπτωση μπορεί να υπάρξει άλλη στρατηγική για ranking), μπορείτε να αξιοποιήσετε ένα blog με άρθρα γύρω από αυτά που πουλάτε.

Τις περισσότερες φορές, πρώτα θα κάνει rank ένα άρθρο που έμμεσα παραπέμπει και σε προϊόντα σας και πολύ αργότερα (ή ποτέ) άμεσα η σελίδα ενός προϊόντος.

Συμπέρασμα για τα Core Web Vitals

Και ποιος ήταν ο ουσιαστικός αντίκτυπος μετά από όλες αυτές τις Core Web Vital αλλαγές; Μετά από 20 ημέρες από την αλλαγή, βλέπουμε αλλαγές στο ranking σε άρθρα που πριν δεν ανέβαιναν. Βλέπουμε άρθρα που πριν ήθελαν 4-7 μήνες για να ανέβουν στην 1η και 2η σελίδα αποτελεσμάτων να το πετυχαίνουν πολύ πιο γρήγορα.

Φυσικά, σε όλα αυτά παίζει ρόλο και η SEO εργασία που γίνεται συνεχώς. Για αυτό και λέμε ότι τα Web Vitals είναι ένα από όλα τα σημεία του On-Page και Off-Page SEO για Organic Ranking.

Δεν είναι τόσο απλό το να εξάγει κανείς συμπεράσματα ακόμη, μια που η ίδια η Google μετέθεσε για τα μέσα Ιουνίου την εφαρμογή των Web Vitals. Ήταν αναμενόμενο γιατί οι αλλαγές που πρέπει να εφαρμόσει στα δικά της εργαλεία ήταν και είναι αρκετές και η ίδια έχει εφαρμόσει μέρος αυτών.

Το ίδιο φυσικά ισχύει και για τη συντριπτική πλειοψηφία των ιστοσελίδων. Δεν είχαν φτιαχτεί με βάση τέτοια κριτήρια ποιότητας και η εργασία προσαρμογής είναι μεγάλη. Για αυτό και η Google θα ολοκληρώσει το deployment των Web Vitals στο διάστημα από τα μέσα Ιουνίου έως τον Αύγουστο.

Αυτό όμως που βλέπουμε είναι ότι βελτιώνοντας κάποια στοιχεία στο SEO των άρθρων, βλέπουμε πιο άμεση κινητικότητα σε αυτά. Καθώς η Google ανακοινώνει σταδιακά περισσότερες πληροφορίες εμείς τις εφαρμόζουμε αντίστοιχα.

Μια που το συγκεκριμένο website δημιουργεί έσοδα από διαφημίσεις και affiliate περιεχόμενο, αυτό ισούται ότι με τον ίδιο κόπο (και λιγότερο), υφίστανται μεγαλύτερα conversions και monetization. Για μία επιχείρηση αυτό είναι το ιδανικό και πιστεύουμε ότι συμφωνείτε όλοι.

Εάν θέλετε να συζητήσουμε για το δικό σας έργο, απλά επικοινωνήστε μαζί μας. Το αρχικό auditing είναι πάντα χωρίς κόστος.

FAQs για τα Core Web Vitals

Αφορούν μόνο κώδικα τα Core Web Vitals;

Όχι. Αφορούν τα πάντα σε μία ιστοσελίδα. Τον εικαστικό σχεδιασμό, το hosting, την παραμετροποίηση της πλατφόρμας, την ποιότητα και το σωστό setup των plugins, το πως οργανώνεται η ροή των τεχνικών διεργασιών. Είναι ολιστικός τρόπος αξιολόγησης μίας ιστοσελίδας, από το design έως το development, αλλά και τον server.

Μπορώ να λύσω το πρόβλημα με κάποιο Plugin;

Όχι. Συγκεκριμένα Plugins ή εμβόλιμος κώδικας, λύνουν συγκεκριμένα προβλήματα. Εάν η ιστοσελίδα έχει κατασκευαστεί λάθος από την αρχή θα χρειαστούν και οι αντίστοιχες αλλαγές. Το πόσες θα είναι εξαρτάται από αυτό ακριβώς και το πως κάποιος καταλαβαίνει τι διαβάζει σε ένα report ενός auditing.

Πρέπει να αλλάξω Ηosting Server/Provider;

Δεν μπορούμε να το πούμε με βεβαιότητα αν δεν εξετάσουμε το έργο. Άλλες φορές χρειάζεται καλύτερη παραμετροποίηση του hosting server (αν το επιτρέπει το πακέτο φιλοξενίας που έχετε), άλλες φορές λύνεται με τη διόρθωση της ιστοσελίδας (μία ιστοσελίδα μπορεί να λειτουργεί λάθος εντός ενός “σωστού” hosting server).

Μπορεί ένα Eshop να διορθωθεί με βάση τα Core Web Vitals;

Ναι μπορεί. Το επίπεδο βελτίωσης εξαρτάται από τις απαιτήσεις, το πως είναι δομημένο τεχνικά το eshop, το πως και με πόσα εξωτερικά συστήματα “μιλάει”, και άλλα αρκετά.

Το περιεχόμενο μου αν είναι SEO θα πρέπει να αλλάξει;

Το SEO μέρος των κειμένων, φωτογραφιών, video, κλπ στοιχείων του περιεχομένου είναι ανεξάρτητο από τα Core Web Vitals, αλλά αν πάσχει το ένα, πάσχει και το άλλο ως προς το τελικό “προϊόν” που βλέπει η μηχανή αναζήτησης.