Δείκτης Mobile First Indexing

Απόσπασμα:

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

Ψάχνετε για βοήθεια με το SEO σας;

Ονομάζομαι Łukasz Żelezny, είμαι ο ιδρυτής της SEO.London. Εργάζομαι στον κλάδο τα τελευταία 20 χρόνια.
Ως σύμβουλος SEO, έχω βοηθήσει δεκάδες εταιρείες.
Θα θέλατε να βελτιώσετε τα αποτελέσματα του SEO σας;
Ας συζητήσουμε το θέμα σε μια βιντεοκλήση.

Ξεκινήστε

Προσαρμογή στις μεταβαλλόμενες συμπεριφορές των χρηστών

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

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

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

This represents a significant αύξηση from about 30 percent in 2015. If your website was designed for a desktop computer or you don’t have a mobile-friendly site, you can expect to see your αναζήτηση τα αποτελέσματα κατάταξης στις μηχανές μειώνονται με την πάροδο του χρόνου.

Ιστοσελίδες Desktop και Desktop-Light

Οι δικτυακοί τόποι αναπτύχθηκαν αρχικά με την υπόθεση ότι οι χρήστες θα είχαν πρόσβαση στο Διαδίκτυο από έναν επιτραπέζιο υπολογιστή. Αυτό επέτρεψε εταιρείες to build websites that contain complicated programming logic that’s loaded and processed by a browser on a desktop computer very quickly.

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

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

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

The average user blames Google for this inadequacy because the περιεχόμενο doesn’t match what’s described in the search results.

Στρατηγική της Google για το Mobile-First Indexing

Για αυτόν ακριβώς τον λόγο, η Google ανακοίνωσε ένα mobile-first index στρατηγική τον Μάρτιο του 2018. Αντί να ευρετηρίαση τις επιτραπέζιες εκδόσεις των ιστότοπων, η Google άρχισε να ευρετηριάζει τις εκδόσεις για κινητά. Τον Ιούλιο του 2018, η Google άρχισε επίσης να χρησιμοποιεί ταχύτητα σελίδας in mobile search rankings, το οποίο means favoring websites that load quickly on mobile devices when ranking search results over those that load more slowly. This doesn’t mean that websites without a mobile version aren’t indexed, but it does mean that fast-loading, mobile-friendly websites are more likely to κατάταξη υψηλότερα στα αποτελέσματα αναζήτησης της Google από ό,τι οι πιο αργές και βαριές ιστοσελίδες που απαιτούν έναν επιτραπέζιο υπολογιστή.

Πώς να ενεργοποιήσετε το mobile first indexing:

1. Επανασχεδιάστε την ιστοσελίδα σας

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

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

2. Προσαρμόστε την ιστοσελίδα σας

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

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

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

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

3. Responsive Websites και Mobile First Indexing

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

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

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

4. Συστήματα διαχείρισης περιεχομένου (π.χ. WordPress)

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

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

5. Εργαλειοθήκες ανάπτυξης ιστοσελίδων (π.χ. Bootstrap)

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

6. Εργαλεία για να ελέγξετε τον φιλικό προς τα κινητά σχεδιασμό σας

Για να ελέγξετε τον νέο σας σχεδιασμό, μεταβείτε στο Google Mobile-Friendly Test και εισάγετε τη διεύθυνση URL του ιστότοπού σας. Θα λάβετε ένα έκθεση that tells you how mobile-friendly your website is, with specific suggestions for how to improve your σκορ.

7. Ιστοσελίδες γρήγορης φόρτωσης

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

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

8. Πώς επεξεργάζεται ένας ιστότοπος

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

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

9. Εικόνες και Google Mobile First Indexing

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

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

10. Κώδικας και Google Mobile First Indexing

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

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

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

11. Φόρτωση στο παρασκήνιο και Google Mobile First Indexing

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

To you, the Web page appears to load quickly and you don’t necessarily realize that it’s continuing to load and format content unless you have to wait a μεγάλο χρονικό διάστημα when you try to scroll down.

12. Εργαλεία μέτρησης και βελτίωσης της ταχύτητας

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

This enables you to see what’s causing your website to load more slowly so you know what to change. The tool often provides you with specific suggestions for how to improve απόδοση and even provides you with optimized versions of your image files that will load more quickly.

13. Προσαρμοστείτε για να επιβιώσετε

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