Το mobile-first indexing σημαίνει ότι οι μηχανές αναζήτησης κατατάσσουν το site σου με βάση την έκδοση για κινητά, όχι για υπολογιστή. Περισσότερες από τις μισές αναζητήσεις γίνονται σε κινητά. Το site σου για κινητά είναι πλέον το κύριο site. Ο υπολογιστής είναι δευτερεύων. Αν το site σου φαίνεται χάλια στο κινητό ή φορτώνει αργά, χάνεις θέσεις και επισκεψιμότητα. Μάθε να βελτιστοποιείς για κινητά ώστε να βγαίνεις στις συσκευές όπου ψάχνουν οι περισσότεροι.
Το μεγαλύτερο μέρος της επισκεψιμότητάς σου έρχεται από κινητές συσκευές. Οι μηχανές αναζήτησης το ξέρουν. Δίνουν προτεραιότητα στην εμπειρία κινητού έναντι του υπολογιστή. Ένα site που δουλεύει υπέροχα στον υπολογιστή αλλά χάλια στο κινητό θα χάσει θέσεις και επισκεψιμότητα.
Η βελτιστοποίηση για κινητά δεν είναι να προσθέσεις ένα μενού για κινητά. Είναι να σχεδιάζεις κάθε στοιχείο με βάση το πώς χρησιμοποιούν πραγματικά οι άνθρωποι τα κινητά. Μικρές οθόνες. Αφή. Αργές συνδέσεις. Βελτιστοποίησε για αυτές τις πραγματικότητες και κερδίζεις στην αναζήτηση από κινητό.
Το mobile-first indexing σημαίνει ότι το κινητό είναι το κύριο site σου
Οι μηχανές αναζήτησης σαρώνουν πρώτα το site σου για κινητά. Ευρετηριάζουν την έκδοση για κινητά ως την κύρια. Το site για υπολογιστή είναι δευτερεύον. Η αλλαγή έγινε πριν από χρόνια, αλλά πολλά sites εξακολουθούν να αντιμετωπίζουν το κινητό ως δεύτερη σκέψη.
Αν η έκδοση για κινητά έχει λιγότερο περιεχόμενο από τον υπολογιστή, οι μηχανές αναζήτησης θα ευρετηριάσουν λιγότερο περιεχόμενο. Αν η έκδοση για κινητά φορτώνει πιο αργά, οι μηχανές αναζήτησης βλέπουν πιο αργό site. Αν η πλοήγηση στο κινητό είναι χαλασμένη, οι μηχανές αναζήτησης βλέπουν χαλασμένο site. Η εμπειρία σου στο κινητό καθορίζει τις θέσεις σου σε όλες τις συσκευές.
Το responsive design προσαρμόζεται σε κάθε μέγεθος οθόνης
Το site σου πρέπει να προσαρμόζεται αυτόματα σε οθόνες υπολογιστή, tablet και κινητού. Το responsive design χρησιμοποιεί ευέλικτες διατάξεις που μικραίνουν και μεγαλώνουν ανάλογα με το μέγεθος της οθόνης. Το περιεχόμενο μένει ευανάγνωστο. Οι εικόνες κλιμακώνονται σωστά. Η πλοήγηση δουλεύει σε όλες τις συσκευές.
Δοκίμασε το site σου σε πολλές συσκευές. Φαίνεται καλό σε οθόνη κινητού 320 pixel; Δουλεύει σε tablet 10 ιντσών; Λειτουργεί σε οθόνη 27 ιντσών; Το responsive design τα χειρίζεται όλα χωρίς να χαλάει.
Οι χρήστες κινητού συμπεριφέρονται διαφορετικά από τους χρήστες υπολογιστή
Οι χρήστες κινητού ψάχνουν διαφορετικά. Χρησιμοποιούν ερωτήματα «κοντά μου». Ψάχνουν με πιο σύντομα ερωτήματα. Θέλουν γρήγορες απαντήσεις. Περιμένουν άμεσα αποτελέσματα. Έχουν λίγη υπομονή για αργή φόρτωση.
Οι χρήστες υπολογιστή ερευνούν. Οι χρήστες κινητού χρειάζονται κάτι τώρα. Βελτιστοποίησε για τη συμπεριφορά στο κινητό. Κάνε το site γρήγορο. Κάνε τις βασικές πληροφορίες άμεσα ορατές. Κάνε τα κουμπιά και τους συνδέσμους εύκολα στο πάτημα. Κάνε τις φόρμες σύντομες. Οι χρήστες κινητού εγκαταλείπουν αργά, περίπλοκα sites μέσα σε δευτερόλεπτα.
Φρόντισε τα σημεία πατήματος να είναι αρκετά μεγάλα
Οι άνθρωποι πατούν με τα δάχτυλα, όχι με δείκτη ποντικιού. Τα κουμπιά πρέπει να έχουν πλάτος τουλάχιστον 48 pixel και ύψος 48 pixel. Οι σύνδεσμοι χρειάζονται περιθώριο ώστε τα τυχαία πατήματα να πιάνουν τον σωστό σύνδεσμο. Μη στριμώχνεις τα στοιχεία πολύ κοντά.
Δοκίμασε το site σου σε πραγματικό κινητό. Πάτησε κουμπιά. Μπορείς να τα πατήσεις χωρίς να πετύχεις λάθος; Αν είναι δύσκολο για σένα, είναι αδύνατο για ανθρώπους με μεγαλύτερα δάχτυλα ή κουρασμένα μάτια. Κάνε όλα εύκολα στο πάτημα.
Μείωσε το βάρος της σελίδας για τα δίκτυα κινητής
Οι συνδέσεις κινητής είναι πιο αργές από τη σταθερή. Κάθε kilobyte μετράει. Συμπίεσε τις εικόνες. Αφαίρεσε περιττό κώδικα. Φόρτωσε με καθυστέρηση (lazy load) τις εικόνες κάτω από την πρώτη οθόνη. Αναβάλλε τη JavaScript που δεν είναι κρίσιμη.
Μια σελίδα 5MB που χρειάζεται 10 δευτερόλεπτα να φορτώσει στο κινητό είναι υπερβολική. Οι χρήστες κινητού περιμένουν να δουν περιεχόμενο σε 2-3 δευτερόλεπτα. Βελτιστοποίησε τα μεγέθη αρχείων αδιάκοπα.
Δοκίμασε σε πραγματικές κινητές συσκευές και δίκτυα
Οι προσομοιωτές στον browser σου είναι χρήσιμοι αλλά ελλιπείς. Δοκίμασε σε πραγματικά κινητά. Δοκίμασε σε αργά δίκτυα. Περιόρισε τη σύνδεσή σου σε 4G. Δες πώς αποδίδει πραγματικά το site σου σε πραγματικούς χρήστες.
Το Lighthouse και το PageSpeed Insights βοηθούν. Μετρούν όμως συνθήκες εργαστηρίου. Οι πραγματικοί χρήστες σε πραγματικά δίκτυα έχουν διαφορετικές εμπειρίες. Δοκίμασε και τα δύο.
Συχνές ερωτήσεις
Επηρεάζει η βελτιστοποίηση για κινητά τις θέσεις μου στον υπολογιστή;
Ναι. Οι μηχανές αναζήτησης χρησιμοποιούν το site σου για κινητά ως την κύρια έκδοση για την κατάταξη τόσο στα αποτελέσματα κινητού όσο και υπολογιστή. Αν το site σου για κινητά έχει κακή εμπειρία, υποφέρουν και οι θέσεις σου σε κινητό και σε υπολογιστή. Η βελτιστοποίηση για κινητά ωφελεί και τις δύο εκδόσεις. Με τον δημιουργό ιστοσελίδων της WEMASY φτιάχνεις τις δικές σου σελίδες στην ιστοσελίδα σου.
Ποιο είναι το ιδανικό μέγεθος οθόνης κινητού για βελτιστοποίηση;
Σχεδίασε για πλάτος τουλάχιστον 320 pixel ώστε να υποστηρίζεις παλαιότερα κινητά και μικρές οθόνες. Τα περισσότερα σύγχρονα κινητά έχουν πλάτος 375-480 pixel. Τα tablet 768+ pixel. Βελτιστοποίησε πρώτα για κινητό στα 320px και μετά κλιμάκωσε σε μεγαλύτερες οθόνες. Αυτή η προσέγγιση mobile-first εξασφαλίζει ότι το site σου δουλεύει παντού.
Να έχω ξεχωριστό site για κινητά ή responsive design;
Χρησιμοποίησε responsive design. Τα ξεχωριστά sites για κινητά είναι ξεπερασμένα και δημιουργούν πονοκεφάλους συντήρησης. Το responsive design σερβίρει το ίδιο περιεχόμενο σε όλες τις συσκευές, προσαρμόζει τη διάταξη αυτόματα και είναι ευκολότερο στη συντήρηση. Οι μηχανές αναζήτησης προτιμούν το responsive design.
Πώς δοκιμάζω τη βελτιστοποίηση για κινητά;
Χρησιμοποίησε το Mobile-Friendly Test της Google για να ελέγξεις τη βασική συμβατότητα με κινητά. Χρησιμοποίησε το PageSpeed Insights για να μετρήσεις την απόδοση σε κινητό. Δοκίμασε σε πραγματικές συσκευές με πραγματικά δίκτυα κινητής. Περιόρισε τον browser σου σε ταχύτητα 4G. Χρησιμοποίησε πραγματικά κινητά διαφορετικών κατασκευαστών και ηλικιών. Τα τεστ εργαστηρίου είναι χρήσιμα, αλλά η πραγματική δοκιμή μετράει περισσότερο.
Τι μέγεθος πρέπει να έχουν τα κουμπιά στο κινητό;
Τα κουμπιά πρέπει να είναι τουλάχιστον 48x48 pixel για εύκολο πάτημα. Μετράει και το περιθώριο γύρω από τα κουμπιά. Άφησε αρκετή απόσταση ώστε οι χρήστες να μην πατούν κατά λάθος το λάθος κουμπί. Αν η διεπαφή σου φαίνεται στριμωγμένη στο κινητό, τα κουμπιά είναι πολύ μικρά.
Χρειάζομαι εφαρμογή κινητού για SEO;
Όχι. Μια ιστοσελίδα βελτιστοποιημένη για κινητά κατατάσσεται καλύτερα από μια εφαρμογή στις μηχανές αναζήτησης. Οι εφαρμογές δεν σαρώνονται από τις μηχανές αναζήτησης. Οι ιστοσελίδες ναι. Αν θες επισκεψιμότητα από αναζήτηση στο κινητό, βελτιστοποίησε την ιστοσελίδα σου. Οι εφαρμογές εξυπηρετούν άλλους σκοπούς αλλά δεν βοηθούν το SEO.