Mobile-First Indexing: Οδηγός για τη διασφάλιση ιστοσελίδων φιλικών προς τα κινητά: Οδηγός για τη διασφάλιση ιστοσελίδων φιλικών προς τα κινητά

Εισαγωγή

Η ευρετηρίαση πρώτα για κινητά δεν είναι ένα νέο θέμα στον κόσμο της βελτιστοποίησης μηχανών αναζήτησης (SEO) και της ανάπτυξης ιστότοπων. Στην πραγματικότητα, η Exploding Topics αναφέρει ότι πάνω από το 55% της παγκόσμιας επισκεψιμότητας προέρχεται από κινητές συσκευές.

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

Ο καλύτερος τρόπος για να εμφανίζεται ο ιστότοπός σας στις σελίδες αποτελεσμάτων της Google (SERPs) είναι να υιοθετήσετε την ευρετηρίαση για κινητά πρώτα.

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

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

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

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

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

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

(Πηγή εικόνας)

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

(Πηγή εικόνας)

Όπως μπορείτε να δείτε, είναι ζωτικής σημασίας να διατηρήσετε μια βαθμολογία ιστότοπου φιλικού προς τα κινητά μεταξύ 90-100. Εάν ανακαλύψετε ότι ο ιστότοπός σας δεν είναι φιλικός προς τα κινητά, τότε είναι καιρός να επισκεφθείτε την κονσόλα αναζήτησης Google.

(Πηγή εικόνας)

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

Ωστόσο, τα πιο συνηθισμένα θέματα φιλικότητας προς κινητά που θα βρείτε σε αυτό όταν δημοσιεύονται άρθρα, στην Google Search Console είναι:

• Προβλήματα με την εισαγωγή μέσω αφής (σύνδεσμοι και κουμπιά) για χρήστες κινητών τηλεφώνων
• Μη ανταποκρινόμενος σχεδιασμός, πρότυπο ή θέμα ιστότοπου
• Αναδυόμενα παράθυρα που δεν είναι φιλικά προς το κινητό
• Περίεργη πλοήγηση στον ιστότοπο
• Δύσκολα αναγνώσιμες γραμματοσειρές

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

Το PageSpeed Insights και το Google Search Console θα σας δώσουν μια συνολική εικόνα της απόδοσης του ιστότοπού σας για κινητά, ώστε να μπορείτε να κάνετε τις απαραίτητες βελτιώσεις για τις οθόνες κινητών τηλεφώνων.

Βεβαιωθείτε ότι ο ιστότοπός σας παρέχει την ίδια εμπειρία σε επιτραπέζιες και κινητές συσκευές

Είναι σύνηθες για τους SEOs και τους προγραμματιστές να κόβουν κάποια χαρακτηριστικά από έναν ιστότοπο για κινητά για να προωθήσουν μια καλή εμπειρία χρήστη (UX).

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

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

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

Είναι πολύ απλό.

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

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

• Συνεργαστείτε με τις ομάδες UX, SEO και ανάπτυξης για να εμφανίσετε το περιεχόμενο με τρόπο φιλικό προς τα κινητά, αντί να αφαιρείτε κρίσιμα στοιχεία του ιστότοπου.
• Οι εικόνες, τα βίντεο και άλλα μεγάλα αρχεία περιεχομένου πρέπει να βελτιστοποιούνται σωστά με βάση τις διάφορες κινητές συσκευές, όπως ταμπλέτες, smartphones και άλλες έξυπνες συσκευές.
• Διατηρήστε όλα τα δομημένα δεδομένα, τις ετικέτες meta robot και τα τεχνικά δεδομένα του ιστότοπου καθολικά σε όλες τις συσκευές IoT.

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

Κανένα από τα δύο δεν θα δημιουργήσει τις επιδόσεις SEO που αναζητάτε.

Μάθετε τη διαφορά μεταξύ της ευχρηστίας για κινητά και του mobile-first indexing

Η ευρετηρίαση πρώτα για κινητά και η ευχρηστία για κινητά χρησιμοποιούνται συχνά εναλλακτικά. Η αλήθεια είναι ότι οι όροι αυτοί δεν είναι το ίδιο.

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

Εδώ είναι η προειδοποίηση.

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

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

Τελικά, το Googlebot για smartphone θα ανιχνεύσει αυτόματα τον ιστότοπό σας, αν έχει αρκετό περιεχόμενο για την ευρετηρίαση με βάση το mobile-first. Παρόλα αυτά, θα πρέπει πρώτα να λύσετε τα προβλήματα ευχρηστίας της ιστοσελίδας σας για κινητά.

Επιταχύνετε την ταχύτητα του ιστότοπού σας

Ο μέσος χρόνος που περνάει ένας χρήστης σε έναν ιστότοπο είναι 54 δευτερόλεπτα.

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

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

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

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

Μπορείτε να χρησιμοποιήσετε το Ranktracker για να εκτελέσετε έναν ολοκληρωμένο έλεγχο ιστού για να μετρήσετε την ταχύτητα του ιστότοπού σας σε όλες τις κινητές συσκευές.

Βελτιστοποιήστε τον ιστότοπό σας για περιεχόμενο με αργή φόρτωση

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

Ο εκδότης αθλητικών ειδήσεων, ClutchPoints, επιτρέπει στους χρήστες να κάνουν κλικ στο κουμπί "Περισσότερες ιστορίες" εάν θέλουν να διαβάσουν περισσότερα άρθρα ειδήσεων σε συγκεκριμένες αθλητικές κατηγορίες:

(Πηγή εικόνας)

Η αρχή που διέπει την αργή φόρτωση περιεχομένου είναι η εμφάνιση περιεχομένου μόνο όταν το ζητάει ο χρήστης. Και αυξάνει την ταχύτητα του ιστοτόπου μειώνοντας τις περιττές γραμμές κώδικα που πρέπει να ανιχνεύσει η Google.

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

Επιστροφή στα ClutchPoints, για παράδειγμα.

Φυσικά, η Google δεν θα είναι σε θέση να ευρετηριάσει τις ιστορίες που μπορείτε να ανασύρετε κάνοντας κλικ στο κουμπί "Περισσότερες ιστορίες" αν δεν υπάρχουν ήδη εκεί.

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

Προσέξτε για ακατάλληλη τοποθέτηση διαφημίσεων

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

Οι κινητές συσκευές εμφανίζουν διαφημίσεις responsive display (RDA) αντί για τις πιο συνηθισμένες διαφημίσεις που βλέπετε σε έναν επιτραπέζιο υπολογιστή.

Για παράδειγμα, εδώ είναι τυπικές διαφημίσεις για επιτραπέζιους υπολογιστές:

(Πηγή εικόνας)

Και, εδώ είναι πώς θα φαίνονται σε μια κινητή συσκευή:

(Πηγή εικόνας)

Δεν μπορείτε να ξεφύγετε με την επαναχρησιμοποίηση διαφημίσεων προβολής desktop σε κινητά. Ακολουθούν ορισμένες βέλτιστες πρακτικές που πρέπει να ακολουθήσετε κατά τη δημιουργία RDA για κινητά:

• Δώστε οδηγίες στην ομάδα SEO και τους προγραμματιστές σας να χρησιμοποιούν CSS και ετικέτες HTML για να προσαρμόζουν τις διαφημίσεις σας ανάλογα με τα διαφορετικά μεγέθη παρουσίασης.
• Κρατήστε τον τίτλο και το κείμενό σας σαφή και σύντομο
• Προσπαθήστε να αποφύγετε την προσθήκη κειμένου πάνω από εικόνες
• Δημιουργία εικόνων διαφήμισης πολλαπλών μεγεθών

Βεβαιωθείτε ότι ο ιστότοπός σας είναι συμβατός με την ADA

61 εκατομμύρια άνθρωποι στις Ηνωμένες Πολιτείες ζουν με αναπηρία. Η ύπαρξη ενός προσβάσιμου ιστότοπου σημαίνει την εξυπηρέτηση των χρηστών με αναπηρία που μπορεί να είναι βαρήκοοι, αχρωματοψείς ή να αντιμετωπίζουν κάποια άλλη αόρατη αναπηρία.

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

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

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

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

Πηγή εικόνας

Άλλοι τρόποι με τους οποίους μπορείτε να κάνετε τον ιστότοπό σας πιο προσβάσιμο είναι:

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

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

(Πηγή εικόνας)

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

Βασικά συμπεράσματα

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

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