Του Μάθιου Έντγκαρ · Τελευταία ενημέρωση: 19 Μαΐου 2023
Η Google εισήγαγε την ευρετηρίαση για κινητά το 2018, πράγμα που σημαίνει ότι η Google συνήθως ανιχνεύει και αξιολογεί πρώτα την έκδοση για κινητές συσκευές ενός ιστότοπου και χρησιμοποιεί ό,τι βρίσκεται στον ιστότοπο για κινητά για να αποφασίσει πού θα κατατάξει τον ιστότοπο στα αποτελέσματα αναζήτησης.
Να θυμάστε ότι η Google θα εξακολουθεί να ανιχνεύει την έκδοση του ιστότοπου για υπολογιστές. Σε ορισμένες περιπτώσεις, η Google μπορεί στην πραγματικότητα να ανιχνεύει την έκδοση για υπολογιστές του ιστότοπου πιο συχνά από την έκδοση του ιστότοπου για κινητά. Οτιδήποτε βρεθεί στον ιστότοπο για υπολογιστές μπορεί επίσης να επηρεάσει την κατάταξη στα αποτελέσματα αναζήτησης.
Ποια συσκευή χρησιμοποιεί η Google για να ανιχνεύσει τον ιστότοπό σας;
Μπορείτε να μάθετε ποια συσκευή χρησιμοποιεί η Google για την ανίχνευση του ιστότοπού σας Αναφορά στατιστικών ανίχνευσης της Google Search Console. Η αναφορά Στατιστικά ανίχνευσης βρίσκεται στις Ρυθμίσεις. Μόλις εμφανιστεί η αναφορά Στατιστικά ανίχνευσης, θα δείτε έναν πίνακα που λέει „Κατά τύπο Googlebot“. Το πρώτο στιγμιότυπο οθόνης δείχνει ένα παράδειγμα ιστότοπου όπου η Google ανιχνεύει κυρίως μέσω του bot του Desktop και το δεύτερο στιγμιότυπο οθόνης παρακάτω δείχνει ένα παράδειγμα όπου η Google ανιχνεύει κυρίως μέσω του bot Smartphone.
Ισοδυναμία κινητής τηλεφωνίας
Η πιο σημαντική παράμετρος για την ευρετηρίαση για κινητά είναι η ισοδυναμία μεταξύ των ιστοτόπων για επιτραπέζιους υπολογιστές και για κινητά: ο ιστότοπός σας για φορητές συσκευές και υπολογιστές μοιράζεται το ίδιο περιεχόμενο και εξυπηρετεί τον ίδιο γενικό σκοπό;
Θέλετε να βεβαιωθείτε ότι εάν η Google ανιχνεύει μόνο την έκδοση για κινητά του ιστότοπου ή ανιχνεύει μόνο την έκδοση για υπολογιστές του ιστότοπου, η Google θα εξακολουθεί να είναι σε θέση να κατανοήσει σωστά τι είναι ο ιστότοπός σας και θα μπορεί να βρει το σημαντικό περιεχόμενο που υπάρχει στον ιστότοπό σας.
Λάβετε υπόψη ότι αυτό δεν αφορά μόνο την Google. Οι επισκέπτες θέλουν επίσης να βλέπουν το ίδιο περιεχόμενο—αν οι χρήστες επισκέπτονται έναν ιστότοπο τόσο από το τηλέφωνό τους όσο και από επιτραπέζιες συσκευές, αναμένουν να βρουν τις ίδιες πληροφορίες ανεξάρτητα από τη συσκευή που χρησιμοποιείται.
Ισοδυναμία Κύριου Περιεχομένου
Τα μεγαλύτερα προβλήματα προκύπτουν όταν το κύριο περιεχόμενο αποκρύπτεται από την προβολή σε μία συσκευή. Αυτό περιλαμβάνει την απόκρυψη κειμένου, εικόνων, βίντεο ή άλλων λειτουργιών που είναι σημαντικές για την κατανόηση της ιστοσελίδας. Η Google πρέπει να δει αυτό το περιεχόμενο σε κινητές συσκευές και σε επιτραπέζιους υπολογιστές για να καθορίσει πού θα κατατάξει τον ιστότοπό σας. Εάν τα ρομπότ τους δεν μπορούν να δουν αυτό το περιεχόμενο στη μία ή την άλλη συσκευή, ενδέχεται να χάσουν βασικό περιεχόμενο και να μην συμπεριλάβουν τον ιστότοπό σας στα σχετικά αποτελέσματα αναζήτησης, με αποτέλεσμα την απώλεια επισκεψιμότητας.
Θα υπάρχουν κάποιες φυσικές διαφορές μεταξύ της έκδοσης για επιτραπέζιους υπολογιστές και για φορητές συσκευές ενός ιστότοπου. Είναι κοινή πρακτική να αφαιρείτε κάποιο περιεχόμενο από τον ιστότοπο για κινητά που υπάρχει στον ιστότοπο για υπολογιστές. Αυτό είναι εντάξει, εφόσον αυτό που κρύβεται είναι μόνο μη ουσιώδες περιεχόμενο. Για παράδειγμα, είναι λογικό να κρύβονται διακοσμητικές εικόνες στον ιστότοπο για κινητά. Αυτές οι διακοσμητικές εικόνες μπορεί να βοηθήσουν στη σχεδίαση του ιστότοπου για επιτραπέζιους υπολογιστές, αλλά παραγκωνίζουν το περιεχόμενο σε κινητές συσκευές.
Ανησυχίες κατά την κατάργηση του κύριου περιεχομένου
Σε ορισμένες περιπτώσεις, τμήματα του κύριου περιεχομένου αφαιρούνται εντελώς από την έκδοση για κινητές συσκευές του ιστότοπου, έτσι ώστε το υπόλοιπο περιεχόμενο να χωράει πιο εύκολα στην οθόνη του κινητού. Αυτό είναι επικίνδυνο επειδή το κύριο περιεχόμενο που αφαιρέθηκε μπορεί να είναι σημαντικό για την Google να κατανοήσει πλήρως τη σελίδα. Αντί να αφαιρέσετε αυτό το βασικό περιεχόμενο, αποφασίστε πώς θα τοποθετήσετε αυτά τα στοιχεία, ώστε τα ρομπότ και οι άνθρωποι, ανεξάρτητα από τη συσκευή που χρησιμοποιείται, να μπορούν να τα βρουν.
Το καλύτερο παράδειγμα είναι η κύρια πλοήγηση του ιστότοπου. Ενώ η κύρια πλοήγηση μπορεί εύκολα να εμφανιστεί ευδιάκριτα στον ιστότοπο για επιτραπέζιους υπολογιστές, πρέπει να είναι κρυφή από την προβολή στην έκδοση για κινητά του ιστότοπου μέχρι να κάνετε κλικ σε ένα εικονίδιο χάμπουργκερ. Εφόσον είναι το ίδιο (ισοδύναμο) περιεχόμενο που παρουσιάζεται με διαφορετικούς τρόπους, μπορείτε να διατηρήσετε την ισοδυναμία μεταξύ των συσκευών.
Ανησυχίες κατά την απόκρυψη του κύριου περιεχομένου
Σε άλλες περιπτώσεις, το περιεχόμενο είναι παρόν σε κινητές συσκευές, αλλά από προεπιλογή κρύβεται από την προβολή. Αυτό είναι αποδεκτό εφόσον η Google μπορεί να ανακτήσει το κύριο περιεχόμενο. Για παράδειγμα, κάποιο περιεχόμενο μπορεί να είναι κρυφό σε ιστότοπους για κινητές συσκευές έως ότου οι χρήστες κάνουν κλικ σε έναν σύνδεσμο „Διαβάστε περισσότερα“, κάνουν κλικ σε καρτέλες ή αναπτύξουν τα ακορντεόν.
Εάν χρησιμοποιείτε αυτούς τους τύπους τεχνικών, υπάρχουν δύο σημαντικά βήματα για να βεβαιωθείτε ότι η Google μπορεί να βρει εύκολα αυτό το περιεχόμενο:
- Το περιεχόμενο θα πρέπει να εξακολουθεί να υπάρχει στον κώδικα απόδοσης από την πλευρά του διακομιστή ή στον κώδικα από την πλευρά του πελάτη που αποδίδεται κατά τη φόρτωση. Η Google δεν μπορεί να κάνει κλικ σε μια καρτέλα ή να επεκτείνει ένα ακορντεόν για να δει το περιεχόμενο. (Μάθετε περισσότερα για το JavaScript και το SEO.)
- Θα πρέπει να υπάρχει ένας προφανής σύνδεσμος για την εμφάνιση αυτού του περιεχομένου (όπως ένας σύνδεσμος για ανάγνωση περισσότερων, κεφαλίδες καρτελών, βέλη στο ακορντεόν κ.λπ.), ώστε η Google να γνωρίζει ότι οι άνθρωποι που επισκέπτες θα μπορούν να δουν και αυτό το περιεχόμενο.
εικόνες
Οι εικόνες μπορεί να αποτελούν σημαντικό μέρος του κύριου περιεχομένου μιας ιστοσελίδας. Ως αποτέλεσμα, οι εικόνες του κύριου περιεχομένου πρέπει να υπάρχουν τόσο στην έκδοση για φορητές όσο και σε επιτραπέζιους υπολογιστές του ιστότοπου.
Συνήθως, ωστόσο, οι εικόνες πρέπει να έχουν διαφορετικό μέγεθος σε κινητές συσκευές. Αυτό είναι αποδεκτό εφόσον η εικόνα μεταφέρει τις ίδιες πληροφορίες και εμφανίζεται με την κατάλληλη ποιότητα για τη συγκεκριμένη συσκευή. Η εικόνα δεν πρέπει να γίνεται θολή σε μεγαλύτερες οθόνες και η εικόνα δεν πρέπει να είναι πολύ μεγάλη όπου δεν ταιριάζει καλά σε μια οθόνη κινητού.
Για αποκριτικές εικόνες, η σύσταση της Google είναι να χρησιμοποιήσετε το στοιχείο μαζί με μια εναλλακτική εικόνα στο χαρακτηριστικό src. Αυτό σας επιτρέπει να εμφανίζετε με συνέπεια την ίδια ετικέτα img σε όλες τις συσκευές. Αυτό σημαίνει επίσης ότι χρειάζεται μόνο να δημιουργήσετε ένα ενιαίο εναλλακτικό κείμενο που μπορεί να εφαρμοστεί σε κάθε εικόνα που παρατίθεται σε src και srcset. Ακολουθεί ένα παράδειγμα μιας αποκριτικής ετικέτας
που θα εμφανίζει την εικόνα ισοδύναμα σε όλες τις συσκευές.
<img srcset="https://www.matthewedgar.net/example-320w.jpg 320w,https://www.matthewedgar.net/
example-480w.jpg 480w,https://www.matthewedgar.net/
example-800w.jpg 800w"
sizes="(max-width: 320px) 280px,
(max-width: 480px) 440px,
800px"
src="https://www.matthewedgar.net/mobile-first-indexing/example-800w.jpg" alt="this is a responsive image">
Ισοδυναμία πέρα από το κύριο περιεχόμενο
Παράλληλα με τη διασφάλιση ότι το κύριο περιεχόμενο είναι ισοδύναμο μεταξύ της έκδοσης για φορητές συσκευές και επιτραπέζιους υπολογιστές του ιστότοπού σας, θέλετε επίσης να βεβαιωθείτε ότι τυχόν μηνύματα που αποστέλλονται στην Google είναι επίσης ισοδύναμα. Αυτό περιλαμβάνει:
- Κωδικός κατάστασης
- Ετικέτα τίτλου
- Μετα-ετικέτες περιγραφής
- Μετα-ρομπότ ετικέτες
- Κανονικές ετικέτες
- Ετικέτες Hreflang
- Σχήμα / δομημένα δεδομένα
- Εικόνες (λεζάντες και εναλλακτικό κείμενο)
- Βίντεο
Δοκιμή ισοδυναμίας στον ιστότοπό σας
Ο καλύτερος τρόπος για να ελέγξετε την ισοδυναμία του περιεχομένου του ιστότοπού σας μεταξύ συσκευών είναι να φορτώσετε τον ιστότοπό σας σε πολλές συσκευές. Ενώ μπορείτε να φορτώσετε τον ιστότοπό σας σε ένα κανονικό smartphone, η ισοδυναμία δοκιμών γίνεται συχνά ευκολότερη με την εξομοίωση μιας κινητής συσκευής σε ένα πρόγραμμα περιήγησης επιτραπέζιου υπολογιστή. Με αυτόν τον τρόπο μπορείτε να προβάλετε την έκδοση για κινητές συσκευές του κώδικα του ιστότοπου πιο εύκολα για να ελέγξετε ότι οι ετικέτες τίτλου, οι κανονικές ετικέτες, οι μετα-ετικέτες, το σχήμα και άλλα είναι ίδιες σε όλες τις συσκευές.
Μπορείτε να μιμηθείτε μια κινητή συσκευή χρησιμοποιώντας τα Εργαλεία προγραμματιστών του Google Chrome. Στο αναπτυσσόμενο μενού Περισσότερα εργαλεία, επιλέξτε Συνθήκες δικτύου.
Στην περιοχή Συνθήκες δικτύου, μπορείτε να επιλέξετε διαφορετικό παράγοντα χρήστη για τη φόρτωση του ιστότοπου. Υπάρχουν προεπιλεγμένες επιλογές για τη φόρτωση του ιστότοπου ως Googlebot Desktop ή Googlebot Smartphone.
Φορτώστε τον ιστότοπο με αυτούς τους δύο πράκτορες χρήστη και ελέγξτε τον ιστότοπο που επιστρέφεται. Μετά τη φόρτωση, ελέγξτε το περιεχόμενο για να βεβαιωθείτε ότι οι ιστότοποι είναι ισοδύναμοι με το κύριο περιεχόμενο για αυτούς τους πράκτορες χρήστη. Επίσης, ελέγξτε τον κώδικα για να βεβαιωθείτε ότι όλες οι ετικέτες που υπάρχουν στη μία συσκευή υπάρχουν στην άλλη.
Τύποι υποστήριξης για κινητά
Responsive ιστοσελίδες
Ο πιο συνηθισμένος τρόπος δημιουργίας ιστότοπου για κινητά είναι με ένα responsive σχέδιο. Με μια αποκριτική σχεδίαση, ο κώδικας σχεδίασης του ιστότοπού σας (CSS και JavaScript) καθορίζει πώς να μεταμορφώσετε τη διάταξη της σελίδας ώστε να ταιριάζει σε μεγαλύτερες ή μικρότερες οθόνες. Με μια αποκριτική σχεδίαση, έχετε μόνο ένα σύνολο κώδικα HTML, αλλά ο κώδικας CSS και JavaScript προσαρμόζει τον κώδικα HTML σε οθόνες διαφορετικού μεγέθους.
Το πλεονέκτημα ενός responsive σχεδίου είναι ότι μπορείτε να διατηρήσετε πιο εύκολα ισοδύναμους ιστότοπους για φορητές συσκευές και επιτραπέζιους υπολογιστές. Είναι το ίδιο περιεχόμενο και HTML, απλά έχει διαφορετικό μέγεθος.
Το πιο δύσκολο κομμάτι της σχεδίασης με απόκριση είναι να καθορίσετε τον τρόπο με τον οποίο το σχέδιό σας θα πρέπει να κλιμακώνεται από μεγάλες σε μικρές οθόνες. Για παράδειγμα, ένα σχέδιο επιφάνειας εργασίας μπορεί να περιλαμβάνει μια αριστερή πλαϊνή γραμμή και στη συνέχεια μια μεγαλύτερη δεξιά στήλη που περιέχει το κύριο περιεχόμενο. Αντί να αποκρύπτεται από την προβολή, η έκδοση για κινητά ανταλλάσσει τις στήλες με μία στήλη με την αριστερή πλαϊνή γραμμή στοιβαγμένη πάνω από το κύριο περιεχόμενο. Αυτό γίνεται απογοητευτικό για τους επισκέπτες, καθώς το περιεχόμενο που αναζητούσαν στη σελίδα —σε αυτήν την περίπτωση, το κύριο περιεχόμενο— βρίσκεται κάτω από το περιεχόμενο της πλαϊνής γραμμής σε κινητές συσκευές και απαιτεί υπερβολική κύλιση για να φτάσει.
Για να αποφύγετε αυτά τα προβλήματα, βεβαιωθείτε ότι ελέγχετε κάθε σελίδα της έκδοσης για φορητές συσκευές του σχεδιασμού του ιστότοπού σας και βεβαιωθείτε ότι το βασικό περιεχόμενο βρίσκεται πλησιέστερα στο επάνω μέρος της σελίδας και γενικά είναι εύκολο στην πρόσβαση. Εάν η αποκριτική σχεδίαση τοποθέτησε κατά λάθος κάτι πάνω από αυτό το βασικό περιεχόμενο, συνεργαστείτε με τον σχεδιαστή και τον προγραμματιστή σας για να το διορθώσετε.
Μπορείτε να καθορίσετε ποια μεγέθη για κινητά θα πρέπει να υποστηρίζει ο αποκριτικός ιστότοπός σας, ελέγχοντας τις αναφορές ανάλυσης οθόνης του GA4 και παρακολουθώντας τα μεγέθη του προγράμματος περιήγησης στο GA4.
Ιστότοποι για κινητά
Αν και χρησιμοποιείται λιγότερο συχνά, μια άλλη επιλογή είναι να δημιουργήσετε έναν ιστότοπο αποκλειστικά για κινητά. Αυτό δημιουργεί πολλαπλά σύνολα κώδικα: ένα για την έκδοση του ιστότοπου για φορητές συσκευές και ένα άλλο για την έκδοση του ιστότοπου για υπολογιστές.
Υπάρχουν δύο τύποι ιστοτόπων που προορίζονται για κινητά:
- Δυναμική εξυπηρέτηση. Με τη δυναμική προβολή, οι ίδιες διευθύνσεις URL χρησιμοποιούνται για ιστότοπους για κινητές συσκευές και επιτραπέζιους υπολογιστές, αλλά ο κώδικας HTML είναι διαφορετικός μεταξύ των συσκευών. Όταν ένας επισκέπτης ζητά μια σελίδα, ο διακομιστής Ιστού εντοπίζει τη συσκευή που χρησιμοποιεί ο επισκέπτης και επιστρέφει το κατάλληλο HTML.
- Ξεχωριστός τομέας. Με έναν ξεχωριστό τομέα, τόσο οι διευθύνσεις URL όσο και ο κώδικας HTML διαφέρουν μεταξύ κινητών και επιτραπέζιων συσκευών. Όταν ένας επισκέπτης ζητά μια σελίδα, ο διακομιστής ιστού εντοπίζει ποια συσκευή χρησιμοποιείται και δρομολογεί τον επισκέπτη στην κατάλληλη διεύθυνση URL. Σημειώστε ότι μερικές φορές θα δείτε αυτόν τον τύπο αποκλειστικού ιστότοπου που αναφέρεται ως „ιστότοπος m-dot“, καθώς πολλές εταιρείες το τοποθετούν σε έναν υποτομέα „m“ (όπως στο m.elementive.com).
Ανησυχίες ισοδυναμίας
Σε αντίθεση με τους αποκριτικούς ιστότοπους, οι οποίοι έχουν ένα ενιαίο σύνολο κώδικα HTML, οι ιστότοποι που προορίζονται για κινητά έχουν διαφορετικά σύνολα κώδικα HTML. Όταν άτομα ή ρομπότ ζητούν έναν ιστότοπο αποκλειστικά για κινητά, τους εμφανίζεται η συγκεκριμένη έκδοση του ιστότοπου για κινητές συσκευές. Όταν άτομα ή ρομπότ ζητούν έναν ιστότοπο αποκλειστικά για επιτραπέζιους υπολογιστές, εμφανίζεται η έκδοση του ιστότοπου για υπολογιστές.
Δεδομένου ότι πρόκειται για διαφορετικούς ιστότοπους, με διαφορετικά σύνολα κώδικα, οι ιστότοποι που προορίζονται για κινητά μπορούν να παρουσιάζουν περισσότερα προβλήματα ισοδυναμίας. Ανάλογα με την ακριβή διαμόρφωση, ο κώδικας, το περιεχόμενο, οι εικόνες και η σχεδίαση μπορεί να είναι κάπως διαφορετικά ή εντελώς διαφορετικά από αυτά που εμφανίζονται στον ιστότοπο για υπολογιστές. Σε ακραίες περιπτώσεις, ορισμένες σελίδες μπορεί να μην είναι διαθέσιμες καν στον ιστότοπο για κινητά, παρόλο που αυτές οι σελίδες είναι διαθέσιμες στον ιστότοπο για υπολογιστές.
Εάν χρησιμοποιείτε ιστότοπο αποκλειστικά για κινητά, βεβαιωθείτε ότι το κύριο περιεχόμενο που παρέχεται σε κάθε έκδοση του ιστότοπου είναι ισοδύναμο σύμφωνα με τις οδηγίες που συζητήθηκαν παραπάνω. Αυτό περιλαμβάνει τη διασφάλιση ότι οι πρόσθετες ετικέτες που παρέχονται για ρομπότ είναι επίσης ισοδύναμες. Η πιο εύκολη απάντηση είναι και οι δύο εκδόσεις του ιστότοπου να βασίζονται στο ίδιο σύστημα διαχείρισης περιεχομένου, αλλά να χρησιμοποιούν διαφορετικά πρότυπα για τον τρόπο παρουσίασης αυτού του κύριου περιεχομένου.
Διαφορές URL
Για ιστότοπους που προορίζονται για κινητά που χρησιμοποιούν ξεχωριστές διευθύνσεις URL, υπάρχει επίσης μια ανησυχία για διπλό περιεχόμενο. Ας υποθέσουμε, για παράδειγμα, ότι η σελίδα σχετικά με τον ιστότοπο του επιτραπέζιου υπολογιστή σας είναι domain.com/about και η σελίδα σχετικά με τον ιστότοπο για κινητά είναι m.domain.com/about. Εάν το περιεχόμενο είναι ισοδύναμο μεταξύ των δύο σελίδων (όπως θα έπρεπε!), θα φαίνεται σαν να έχετε δημιουργήσει δύο διπλότυπες σελίδες.
Για να αποφύγετε τους κινδύνους διπλότυπου περιεχομένου, θέλετε να χρησιμοποιήσετε ένα „εναλλακτικό“ στοιχείο. Στο παραπάνω παράδειγμα, αυτό το εναλλακτικό στοιχείο θα μοιάζει με αυτό στον ιστότοπο για υπολογιστές:
<link rel="alternate" href="http://m.domain.com/about">
Στη σελίδα για κινητά, θα τοποθετούσατε ένα κανονικό στοιχείο που αναφέρεται στην έκδοση επιφάνειας εργασίας της σελίδας. Αυτό λέει στα ρομπότ, όπως το ρομπότ αναζήτησης της Google, ότι η έκδοση για υπολογιστές είναι η επίσημη έκδοση της σελίδας.
<link rel="canonical" href="http://www.domain.com/about">
Χρειάζεστε βοήθεια;
Εάν χρειάζεστε βοήθεια με την ευρετηρίαση πρώτα από κινητά και βεβαιωθείτε ότι ο ιστότοπός σας είναι ισοδύναμος μεταξύ συσκευών, επικοινωνήστε μαζί μου σήμερα. Μπορείτε επίσης να μάθετε περισσότερα σχετικά με τις εκτιμήσεις SEO για κινητά στο βιβλίο μου, Tech SEO Guide.
