Τα τελευταία χρόνια, η Google έχει κάνει παράγοντες όπως η ταχύτητα φόρτωσης, η κινητή βελτιστοποίηση και η αξιοπιστία να γίνονται θετικοί παράγοντες για την κατάταξη στα αποτελέσματα αναζήτησης της Google. Τον Μάιο του 2020, η Google ανακοίνωσε ότι θα ενοποιούνται ορισμένες μετρήσεις ως Page Experience Signals και τον Μάιο του 2021 τα Page Experience Signals κυκλοφόρησαν ως ένας νέος παράγοντας κατάταξης για τις ιστοσελίδες, με διάφορους παράγοντες που χρησιμοποιήθηκαν για να δημιουργηθεί μια ολιστική εικόνα για την ποιότητα εμπειρίας του χρήστη σε μια ιστοσελίδα.

Οι επτά έξι βασικοί παράγοντες για την εμπειρία του χρήστη και την Page Experience περιλαμβάνουν:

  • Ταχύτητα φόρτωσης
  • Διαδραστικότητα (FID - έως Φεβρουάριος 2024), Αλληλεπίδραση με την επόμενη Ζωγραφιά (INP - από Μάρτιος 2024)
  • Οπτική σταθερότητα (συνολικές αλλαγές στη διάταξη)
  • Κινητή βελτιστοποίηση
  • Ασφαλής περιήγηση: χωρίς malware, χωρίς παραποίηση εμπορικών σημάτων, …
  • HTTPS: Κρυπτογράφηση μέσω SSL-πιστοποιητικού
  • Χωρίς ενοχλητικά Interstitials (πλήρεις διαφημίσεις στην οθόνη)
Στοιχεία πυρήνα της ιστοσελίδας και παράγοντες εμπειρίας σελίδας

Ταχύτητα φόρτωσης με βάση τα Βασικά Στοιχεία του Πυρήνα του Ιστού

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

Διαδραστικότητα και Ανταποκριτικότητα με βάση τα Βασικά Στοιχεία του Πυρήνα του Ιστού

Η διαδραστικότητα με βάση το First Input Delay (FID) αφορά στο πότε μια σελίδα πραγματικά αντιδρά όταν ο χρήστης θέλει να αλληλεπιδράσει μαζί της ... για παράδειγμα με κύλιση ή κλικ σε ένα κουμπί. Είναι η ταχύτητα αντίδρασης της ιστοσελίδας στις αλληλεπιδράσεις του χρήστη. Αυτό το χρονικό διάστημα πρέπει να είναι όσο το δυνατόν πιο μικρό και μια καλή τιμή για τη Google είναι μέχρι 100 ms. Από το Μάρτιο 2024, η μετρική αυτή αντικαταστάθηκε με το Interaction to Next Paint (INP). Το Interaction to Next Paint (INP) μετρά την συνολική ανταπόκριση της ιστοσελίδας σε αλληλεπιδράσεις χρηστών, ελέγχοντας την καθυστέρηση όλων των κλικ με το ποντίκι, των πατημάτων πλήκτρων και των πληκτρολογημάτων που συμβαίνουν κατά τη διάρκεια της επίσκεψης ενός χρήστη σε μια σελίδα. Η τελική τιμή INP αντιστοιχεί στην μακρότερη παρατηρούμενη αλληλεπίδραση, αγνοώντας τυχόν εκλείψεις. Η καθυστέρηση ορίζεται ως το χρονικό διάστημα μεταξύ μιας ενέργειας του χρήστη και της εμφάνισης μιας ορατής αντίδρασης σε αυτήν.

Το σενάριο το είδα στο tutorial μου για το ψηφιακό μάρκετινγκ, το οποίο δημιουργήθηκε στην online εφαρμογή Google Docs και περιλαμβάνει πάνω από 600 σελίδες. Κατά τη συγγραφή στα πίσω κεφάλαια, παρατήρησα μικρές δυσκολίες στον browser μου, καθώς φαινόταν να έχει δυσκολία στο να φορτώσει ομαλά τις εξαιρετικά πλούσιες σε πόρους εκατοντάδες σελίδες, συμπεριλαμβανομένων των πολλών αρχείων εικόνων. Αυτό το γεγονός, αν και δεν με εμπόδισε απαραίτητα στην εργασία μου, αποτελούσε μια ενοχλητική διακοπή στη χρήση. Έτσι, δημιούργησα ένα νέο έγγραφο, στο οποίο δημιούργησα το κεφάλαιο, για να το αντιγράψω στο μεγάλο έγγραφο στη συνέχεια. Ακριβώς αυτό είναι και το θέμα της διαδραστικότητας των ιστοσελίδων, ώστε η εμπειρία των χρηστών να είναι θετική σε πολλές διαφορετικές πτυχές. Άρα πρόκειται για την αντίδραση σε συγκεκριμένες αλληλεπιδράσεις όπως κύλιση, κλικ, χειρονομίες και την ομαλότητα στις animations.

Συνολικές Μετατοπίσεις Διάταξης με βάση τα Βασικά Στοιχεία του Πυρήνα του Ιστού

Οι Κυρίες Μετατοπίσεις Διάταξης, ή αλλιώς CLS-σφάλματα συμβαίνουν όταν ο ιστότοπός σας φορτώνεται ασύγχρονα και ένας χρήστης διαβάζει, για παράδειγμα, μια περιοχή πιο κάτω, ενώ παράλληλα από πάνω φορτώνεται ακόμα ένα εικόνα ή μια διαφήμιση με μεγάλο μέγεθος αρχείου που οδηγεί σε μια αλλαγή στη διάταξη προς τα κάτω. Συχνά είναι η τιμή που οδηγεί στη μη πέραση των Βασικών Στοιχείων του Πυρήνα του Ιστού, ακόμα και αν ο ιστότοπός σας φορτώνεται γρήγορα.

Έλεγχος της PageSpeed με Διαδικτυακά Εργαλεία

Ο PageSpeed μπορεί να ελεγχθεί εδώ:
https://pagespeed.web.dev/
https://gtmetrix.com/

Αποτέλεσμα PageSpeed Insights για το TutKit - Desktop

Εναλλακτικά, μπορείτε να χρησιμοποιήσετε το Lighthouse ως μέρος των λειτουργιών Dev του Chrome Browser σας. Απλά πιέστε το F12 και στο μενού δεξιά θα βρείτε την επιλογή Lighthouse, μέσω της οποίας μπορείτε να ελέγξετε τον ιστότοπο που είναι ανοικτό αυτήν τη στιγμή.

Η Ταχύτητα Ιστοσελίδας και Ανταπόκρισης εξαρτάται από πολλούς παράγοντες, όπως η απόδοση του διακομιστή, η ποιότητα του κώδικα, τι φορτώνεται

Επίσης, το smartphone σήμερα συχνά είναι η εισαγωγή σε μια έρευνα, η οποία ίσως αργότερα να συνεχιστεί σε ένα άλλο συσκευή, όπως ένα tablet ή ένας υπολογιστής επιφάνειας εργασίας. Επομένως, πρόκειται για την έναρξη ενός μακροχρόνιου ταξιδιού πελάτη μέσω πολλαπλών συσκευών, με αποτέλεσμα η εμπειρία του χρήστη να λάβει υπόψη τη χρήση πολλαπλών συσκευών (Cross-Device-Nutzung).

Ένα παράδειγμα από την προσωπική μου εμπειρία σχετικά με τη χρήση πολλαπλών συσκευών: Η σύντροφός μου και εγώ έχουμε τρία παιδιά μαζί. Πρόσφατα ήμασταν σε ένα εσωτερικό πισίνα φίλου. Το smartphone μου ήταν σε έναν ξαπλωστή κοντά στην περιοχή της πισίνας. Μου ήρθε ένα σκέψη, τι θα γινόταν αν το smartphone έπεφτε στο νερό από ατύχημα ή από ένα από τα παιδιά. Το smartphone ελέγχει ήδη το μισό μου βίο. Ωστόσο, η σκέψη έγινε επικίνδυνη επειδή διαχειρίζομαι το πορτοφόλι μου μέσω του smartphone. "100% κινητό... αυτό είναι το σλόγκαν της Trade Republic, του online broker μου. Ξαφνικά συνειδητοποίησα ότι δεν θα είχα καμία δυνατότητα αντίστασης σε περίπτωση απώλειας του smartphone. Δεν θα μπορούσα για ώρες ή ακόμα και ημέρες να μπω στο πορτοφόλι μου. Όποιος έχει κάποια Knockout-χαρτία με υψηλό επιπολαιότητα και πυκνό κατώτατο όριο στο πορτοφόλι του μπορεί να φανταστεί ότι αυτό μπορεί να προκαλέσει ένα μικρό πανικό. Το "100% κινητό" έγινε έτσι μια έμμεση ανάγκη για μένα, επομένως άνοιξα έναν νέο λογαριασμό σε έναν άλλο neobroker, όπου μπορώ να συναλλάσσομαι τόσο κινητά όσο και μέσω desktop. Πλέον, η Trade Republic προσφέρει επίσης μια έκδοση για desktop - πολύ καλά!"

Ασφαλής Περιήγηση με βάση την Εμπειρία της Σελίδας

Ασφαλής Περιήγηση σημαίνει ότι ο ιστότοπός σας αφενός δεν παρέχει κακόβουλο λογισμικό και αφετέρου τηρείτε τους κανόνες, δηλαδή για παράδειγμα δεν χρησιμοποιείτε εμπορικά σήματα που δεν επιτρέπεται ή προσδοκάτε προϊόντα μάρκας που δεν έχετε στο χαρτοφυλάκιό σας. Συμπεριλαμβάνεται επίσης το γεγονός ότι ένα κουμπί αναπαραγωγής ενός βίντεο πρέπει πραγματικά να αναπαραγάγει ένα βίντεο και όχι να εκτελέσει λήψη για τον χρήστη. Ιδίως το σημείο του κακόβουλου λογισμικού είναι ο μεγαλύτερος κίνδυνος για πολλούς ιστότοπους κατά την ασφαλή περιήγηση, ο οποίος μπορεί να περιοριστεί μόνο μέσω συνεχών ενημερώσεων του CMS και των εγκατεστημένων πρόσθετων. Εάν ο ιστότοπος σας δεν χρειάζεται απαραίτητα ένα φόρμα επικοινωνίας, είναι μια σκέψη να αποφύγετε αυτό, επειδή τα πεδία της φόρμας αποτελούν είσοδο για εισβολές SQL, Crosssite Scripting, δεκαεξαδικούς κωδικούς κ.λπ. από χάκερς ή αυτοματοποιημένες εισβολές.

Τον Αύγουστο του 2021, η Google ανακάλεσε την προηγούμενη θέση της και ανακοίνωσε ότι η Ασφαλής Περιήγηση δεν θα ληφθεί υπόψη πλέον ως παράγοντας κατάταξης. Αυτό επιχειρήθηκε με την επιχειρηματολογία ότι πολλοί ιδιοκτήτες ιστότοπων δεν μπορούν να κατηγορηθούν για χάκερς. Ωστόσο, στις αξιολογήσεις των PageSpeed Insights και Lighthouse υπάρχει μια σύσταση για Ασφαλή Περιήγηση. Έτσι, μπορούμε να υποθέσουμε ότι το θέμα δεν έχει ολοκληρωθεί οριστικά για το SEO.

PageSpeed Insights Ασφαλές Περιήγηση

Ασφαλείς Συνδέσεις μέσω HTTPS για μια υψηλή Εμπειρία Σελίδας

HTTPS είναι πλέον το πρότυπο. Κάθε σελίδα πρέπει να έχει ένα πιστοποιητικό SSL. Υπάρχει κίνδυνος αστικής διαδικασίας για τους ιδιοκτήτες ιστότοπων στη Γερμανία που δεν έχουν πιστοποιητικό SSL.

Είναι ιδιαίτερα σημαντικό σε αυτό τα πλαίσια να προσέξετε ότι οι εικόνες που τοποθετήθηκαν πριν από την ανάθεση ενός πιστοποιητικού SSL πρέπει επίσης να προσαρμοστούν στον κώδικα από http σε https. Διαφορετικά, ο περιηγητής θα εμφανίσει ότι η σελίδα δεν είναι ασφαλής. Αυτό είναι ειδικά το πρόβλημα με τις σελίδες WordPress - το πιο δημοφιλές CMS γενικά.

Αποφυγή Interstitials

Το τελευταίο σημείο στο γράφημα είναι η αποφυγή των ενοχλητικών Interstitials, δηλαδή πλήρως οθόνης μπάνερ που σπάνια κάνουν τις καρδιές των χρηστών σας να χτυπήσουν γρηγορότερα. Προάγουν μόνον την απογοήτευση και δημιουργούν αρνητικά συναισθήματα και έναν γρήγορο εγκλεισμό. Σε αυτό το πλαίσιο, μπορεί να σκεφτείτε επίσης γρήγορα εμφανιζόμενα μπάνερ εγγραφής στο newsletter. Ακόμα και τα μπάνερ με cookie που καλωσορίζουν νέους πελάτες είναι ξενέρωτα. Εάν ένας χρήστης επιστρέφει αμέσως στα SERPs μετά την εμπειρία ενός τέτοιου μπάνερ, το σήμα του χρήστη για τη Google είναι και αυτό αρνητικό.

Διαδικτυακή διαφήμιση, λειτουργικός σχολιασμός

Έκθεση τεχνολογίας Core Web Vitals

Ενδιαφέρουσα είναι μια έκθεση που δίνει πληροφορίες για την τρέχουσα κατάσταση της τεχνολογίας που χρησιμοποιείται: το Έκθεση τεχνολογίας Core Web Vitals.

Εκεί δεν βρίσκω μόνο τα μετρήσιμα δεδομένα για desktop και κινητά, αλλά μπορώ επίσης να κάνω συγκρίσεις μεταξύ των περισσότερων τεχνολο

Θέλεις να παίξεις πιο πάνω στα αποτελέσματα αναζήτησης της Google με τη διαδικτυακή παρουσία σου, δεν μπορείς να αγνοήσεις το θέμα της Page Experience. Και τελικά, δεν το κάνεις μόνο για λόγους SEO, αλλά και ως μέρος της εμπειρίας της μάρκας σου, ώστε οι στόχοι των πελατών σου να κατευθύνονται ακόμα πιο εύκολα προς την επιθυμητή συμπεριφορά.

Ποια άλλα στοιχεία αυξάνουν την εμπειρία των χρηστών στον στόχο σου στην ιστοσελίδα σου ειδικά; Κατά βάση, είναι όλα τα σημεία επαφής στα οποία ο χρήστης σου έρχεται κατά μήκος του Customer Journey μέσα από τον κύκλο μέχρι την επιθυμητή μετατροπή. Περισσότερα σε επόμενα μέρη αυτής της σειράς βοήθειας. 

Η εμπειρία της σελίδας είναι παράγοντας κατάταξης στο SEO για τη Google (Core Web Vitals)

Δημοσιεύθηκε στις από το Matthias Petri
Δημοσιεύθηκε στις:
Από το Matthias Petri
Ο Matthias Petri ίδρυσε την εταιρεία 4eck Media GmbH & Co. KG μαζί με τον αδελφό του Stefan Petri το έτος 2010. Μαζί με την ομάδα του, διαχειρίζεται το δημοφιλές φόρουμ specialist-α href="https://www.psd-tutorials.de/" target="_blank" rel="noopener noreferrer"> PSD-Tutorials.de και την ιστοσελίδα εκμάθησης TutKit.com. Έχει εκδώσει πολλά εκπαιδευτικά προγράμματα για επεξεργασία εικόνας, μάρκετινγκ και σχεδίαση και έχει διδάξει ως διδάκτορας στο FHM Rostock "Ψηφιακό Μάρκετινγκ & Επικοινωνία". Για το έργο του έχει βραβευτεί επανειλημμένα, μεταξύ άλλων με το Ειδικό Βραβείο των Website-Awards της Mecklenburg-Vorpommern για το 2011 και ως Δημιουργός της Κουλτούρας της Mecklenburg-Vorpommern για το 2015. Το 2016 διορίστηκε Fellow του Κέντρου Αριστείας Πολιτισμού και Δημιουργικής Οικονομίας της Ομοσπονδιακής Δημοκρατίας και αφοσιώνεται στην Πρωτοβουλία "Είμαστε Ανατολή" ως επιχειρηματίας και διευθύνων σύμβουλος εν δράσει με πολλούς ακόμα πρωταγωνιστές από την ανατολική προέλευση.