Δείκτης Mobile First Indexing

Απόσπασμα:

Δεν επιβιώνει ο ισχυρότερος του είδους, αλλά ο πιο προσαρμοστικός στις αλλαγές.
- Αποδίδεται στον Κάρολο Δαρβίνο

Το Διαδίκτυο είναι ακόμη σχετικά νέο και εξελίσσεται ακόμη. Όταν οι άνθρωποι αναζητούν στο Διαδίκτυο, δεν κάθονται πλέον στους υπολογιστές τους και δεν πληκτρολογούν προσεκτικά διατυπωμένα ερωτήματα αναζήτησης. Από το 2017, περίπου οι μισοί χρήστες του Διαδικτύου χρησιμοποιούν τις κινητές συσκευές τους αντί για τους υπολογιστές τους για να αναζητήσουν στο Διαδίκτυο.

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

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

Αυτό αντιπροσωπεύει μια σημαντική αύξηση από περίπου 30 τοις εκατό στο 2015. Εάν ο ιστότοπός σας έχει σχεδιαστεί για επιτραπέζιους υπολογιστές ή δεν έχετε έναν ιστότοπο φιλικό προς τα κινητά, μπορείτε να περιμένετε να δείτε τις μηχανές αναζήτησης σας κατάταξη τα αποτελέσματα μειώνονται με την πάροδο του χρόνου.

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

Ωστόσο, καθώς οι χρήστες μεταναστεύουν προς τη χρήση των τηλεφώνων και των ταμπλετών τους, αυτοί οι ιστότοποι συχνά δεν μπορούν να φορτωθούν και να επεξεργαστούν γρήγορα από ένα πρόγραμμα περιήγησης σε μια κινητή συσκευή.
Ως αποτέλεσμα, ορισμένες εταιρείες έχουν δημιουργήσει "ελαφριές" εκδόσεις των ιστοτόπων τους που φορτώνονται και επεξεργάζονται από μια κινητή συσκευή σε εύλογο χρονικό διάστημα. Για να δημιουργήσουν αυτές τις εκδόσεις, οι εταιρείες πρέπει συχνά να εξαλείψουν πολλά από τα χαρακτηριστικά και τις δυνατότητες των εκδόσεων για υπολογιστές.

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

Φανταστείτε να εκτελείτε μια αναζήτηση στο Google από το κινητό σας τηλέφωνο και να βλέπετε αποτελέσματα αναζήτησης που είναι ακριβώς τι που ψάχνετε. Ωστόσο, όταν κάνετε κλικ στα αποτελέσματα αναζήτησης, δεν βλέπετε αυτό που υποδεικνύουν τα αποτελέσματα αναζήτησης. Αντ' αυτού, λαμβάνετε μια αποδυναμωμένη έκδοση αυτού που περιμένατε, επειδή ο ιστότοπος σας προσέφερε ένα διαφορετικό σύνολο ιστοσελίδων όταν διαπίστωσε ότι χρησιμοποιείτε κινητή συσκευή.

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

Για αυτόν ακριβώς τον λόγο, η Google ανακοίνωσε τον Μάρτιο του 2018 μια στρατηγική για τον δείκτη mobile-first. Αντί να ευρετηριάζει τις εκδόσεις των ιστότοπων για υπολογιστές γραφείου, η Google άρχισε να ευρετηριάζει τις εκδόσεις για κινητά. Τον Ιούλιο του 2018, η Google άρχισε επίσης να χρησιμοποιεί την ταχύτητα της σελίδας στην κατάταξη αναζήτησης για κινητά, πράγμα που σημαίνει ότι ευνοούνται οι ιστότοποι που φορτώνουν γρήγορα σε κινητές συσκευές κατά την κατάταξη των αποτελεσμάτων αναζήτησης έναντι εκείνων που φορτώνουν πιο αργά. Αυτό δεν σημαίνει ότι οι ιστότοποι χωρίς έκδοση για κινητά δεν ευρετηριάζονται, αλλά σημαίνει ότι οι ιστότοποι που φορτώνουν γρήγορα και είναι φιλικοί προς τα κινητά έχουν περισσότερες πιθανότητες να κατατάσσονται υψηλότερα στα αποτελέσματα αναζήτησης της Google από ό,τι οι ιστότοποι με πιο αργές επιδόσεις και μεγάλο βάρος που απαιτούν υπολογιστή γραφείου.

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

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

Εάν δεν είστε έτοιμοι για έναν πλήρη ανασχεδιασμό του ιστότοπού σας με ευρετήριο για κινητά, μπορείτε να προσαρμόσετε αυτό που έχετε σήμερα ώστε να είναι φιλικό προς τα κινητά. Δεδομένου ότι εξακολουθείτε να παίρνετε μια έκδοση για υπολογιστές γραφείου και να την προσαρμόζετε για κινητές συσκευές αντί για το αντίστροφο, τεχνικά δεν πρόκειται για μια στρατηγική Google για κινητά πρώτα. Είναι όμως ένα πρακτικό βήμα στο δρόμο προς ένα σχεδιασμό ιστότοπου με ευρετηρίαση για κινητά που σας επιτρέπει να εμφανίζεστε ως mobile-first στις μηχανές αναζήτησης.

Όταν προσαρμόζετε τον τρέχοντα ιστότοπό σας σε αυτό το περιβάλλον Google mobile-first, ο στόχος είναι συνήθως να παρέχετε το ίδιο περιεχόμενο σε όλους τους χρήστες, ανεξάρτητα από τη συσκευή που χρησιμοποιούν.

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

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

Για να πραγματοποιήσετε αυτή τη μετάβαση σε έναν πιο φιλικό προς τα κινητά ή σε έναν ιστότοπο με προτεραιότητα στην κινητή τηλεφωνία της Google, η λέξη που πρέπει να υιοθετήσετε είναι responsive. Ο responsive Web design είναι μια προσέγγιση που προσαρμόζει αυτόματα την παρουσίαση ενός ιστότοπου ανάλογα με την πλατφόρμα, τον προσανατολισμό και το μέγεθος της οθόνης ή του παραθύρου του χρήστη.

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

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

Εάν χρησιμοποιείτε ένα σύστημα διαχείρισης περιεχομένου (CMS), όπως το WordPress, θα πρέπει να χρησιμοποιείτε ένα θέμα που ανταποκρίνεται. Εάν το τρέχον θέμα σας δεν ανταποκρίνεται και υπάρχει διαθέσιμη μια νεότερη, ανταποκρινόμενη έκδοση, αναβαθμίστε σε αυτή την έκδοση. Εάν δεν υπάρχει έκδοση με δυνατότητα απόκρισης, μεταβείτε σε ένα θέμα με δυνατότητα απόκρισης.

Το μεγαλύτερο μέρος της βαριάς εργασίας θα γίνει για εσάς από το θέμα. Θα χρειαστεί να επανεξετάσετε πώς φαίνονται οι ανταποκρινόμενες σελίδες σε διάφορες κινητές συσκευές και να καθορίσετε αν χρειάζεται να αλλάξετε τον τρόπο παρουσίασης κάποιων πληροφοριών που δεν μετατρέπονται καλά σε ανταποκρινόμενες σελίδες.

Αν δεν χρησιμοποιείτε κάποιο CMS, ξεκινήστε να χρησιμοποιείτε μια εργαλειοθήκη όπως το Bootstrap. Το Bootstrap είναι μια εργαλειοθήκη ανοικτού κώδικα για την ανάπτυξη ιστοσελίδων με χρήση HTML, CSS και JavaScript. Σας βοηθάει να δημιουργήσετε ιστότοπους που ανταποκρίνονται, με δείκτη Google mobile-first, χρησιμοποιώντας το ανταποκρινόμενο σύστημα πλέγματος, τα προκατασκευασμένα στοιχεία front-end και τα πρόσθετα.

Για να ελέγξετε τον νέο σας σχεδιασμό, μεταβείτε στο Google Mobile-Friendly Test και εισάγετε τη διεύθυνση URL του ιστότοπού σας. Θα λάβετε μια αναφορά που θα σας λέει πόσο φιλικός προς τα κινητά είναι ο ιστότοπός σας, με συγκεκριμένες προτάσεις για το πώς να βελτιώσετε τη βαθμολογία σας.

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

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

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

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

Τα αρχεία εικόνων ή εικόνων είναι συχνά ο ένοχος όταν ένας ιστότοπος φορτώνει αργά. Όσο υψηλότερη είναι η ανάλυση της εικόνας, τόσο μεγαλύτερο είναι το αρχείο και τόσο περισσότερο διαρκεί η φόρτωσή του. Να είστε ρεαλιστές με την ανάλυση που χρειάζεστε για τις εικόνες που εμφανίζετε και να συρρικνώνετε τις εικόνες για να φορτώνουν πιο γρήγορα.

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

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

Αυτό ονομάζεται μπλοκάρισμα. Στο βαθμό που μπορείτε, θέλετε να μειώσετε το μέγεθος του κώδικα που φορτώνεται και να εξαλείψετε κάθε μπλοκαρισμένο κώδικα. Ένας τρόπος για να μειώσετε το μέγεθος του κώδικα είναι να τον ελαχιστοποιήσετε αφαιρώντας τα σχόλια και τον υπερβολικό λευκό χώρο.

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

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

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

Μια σελίδα στον ιστότοπο των προγραμματιστών της Google με τίτλο Make the Web Faster παρέχει συμβουλές, καλύτερο-πρακτικές συμβουλές και πηγές που θα σας βοηθήσουν να κάνετε τον ιστότοπό σας να φορτώνει πιο γρήγορα. Ένα βασικό εργαλείο αυτής της εργαλειοθήκης ονομάζεται PageSpeed Διαπιστώσεις. Το PageSpeed Insights σας δείχνει τι συμβαίνει από τη στιγμή που ξεκινάτε να φορτώνετε τον ιστότοπό σας έως τη στιγμή που έχει φορτωθεί, διαμορφωθεί και παρουσιαστεί σε μια κινητή ή επιτραπέζια συσκευή.

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

Ακόμα και αν δεν μπορείτε do έναν πραγματικά mobile-first σχεδιασμό της Google αυτή τη στιγμή, μπορείτε να κάνετε τον ιστότοπό σας να φαίνεται ότι είναι mobile-first, χρησιμοποιώντας responsive ιστοσελίδες και μειώνοντας το χρόνο που χρειάζεται για να φορτώσει και να εμφανίσει τον ιστότοπό σας. Αυτές οι δύο στρατηγικές μπορεί να μην οδηγήσουν σε υψηλότερες κατατάξεις στις μηχανές αναζήτησης επειδή είναι υποχρεωτικές, αλλά θα σας βοηθήσουν να αποφύγετε την τιμωρείται επειδή δεν έχει υιοθετήσει μια προσέγγιση με προτεραιότητα στην κινητή τηλεφωνία.