Σάββατο μεσημέρι στην Κηφισιά. Μια παρέα ψάχνει από το κινητό πού να πάει για brunch, βρίσκει ένα café με ωραίες φωτογραφίες και πατά για να δει τον κατάλογο. Ανοίγει ένα PDF με μικροσκοπικά γράμματα, το τηλέφωνο δεν πατιέται και ο χάρτης δεν φορτώνει. Δέκα δευτερόλεπτα αργότερα κάθονται στο διπλανό μαγαζί. Αυτή είναι η διαφορά που κάνει μια mobile friendly ιστοσελίδα: όχι στη θεωρία, αλλά στο ταμείο της ίδιας μέρας.
Το κινητό έχει γίνει η πρώτη και συχνά η μοναδική οθόνη από την οποία οι πελάτες γνωρίζουν μια επιχείρηση. Σε αυτόν τον οδηγό θα δούμε τι σημαίνει πραγματικά ένα site φιλικό προς τα κινητά, πώς επηρεάζει την κατάταξη στη Google και τις πωλήσεις, ποια στοιχεία το συνθέτουν και πώς να ελέγξετε μόνοι σας σε λίγα λεπτά πού βρίσκεστε.
Με μια ματιά
- Η Google χρησιμοποιεί κυρίως την έκδοση κινητού του site σας για να το αξιολογήσει και να το κατατάξει.
- Φιλικό προς τα κινητά δεν σημαίνει απλώς ότι «μικραίνει»: σημαίνει ότι διαβάζεται, πατιέται και φορτώνει άνετα.
- Ταχύτητα, απλή πλοήγηση, ευανάγνωστο περιεχόμενο και εύκολες φόρμες είναι οι βασικοί πυλώνες.
- Ο πιο αξιόπιστος έλεγχος γίνεται σε πραγματικό κινητό, με το ένα χέρι, σαν να ήσασταν πελάτης.
Τι σημαίνει στην πράξη mobile friendly ιστοσελίδα;
Πολλοί θεωρούν ότι αρκεί το site να προσαρμόζεται στο πλάτος της οθόνης. Αυτό είναι μόνο η αφετηρία. Ένας ιστότοπος είναι πραγματικά φιλικός προς τα κινητά όταν ο επισκέπτης μπορεί να διαβάσει χωρίς να μεγεθύνει, να πατήσει χωρίς να αστοχήσει και να ολοκληρώσει αυτό που ήρθε να κάνει χωρίς να εκνευριστεί.
Responsive, adaptive ή ξεχωριστό site για κινητά;
Υπάρχουν τρεις βασικές προσεγγίσεις. Ο responsive σχεδιασμός χρησιμοποιεί τον ίδιο κώδικα και το ίδιο περιεχόμενο, που αναδιατάσσεται ανάλογα με το μέγεθος της οθόνης. Ο adaptive σχεδιασμός σερβίρει διαφορετικές προκαθορισμένες διατάξεις ανά κατηγορία συσκευής. Τέλος, υπάρχουν τα παλαιότερα ξεχωριστά sites για κινητά, συνήθως σε διεύθυνση τύπου «m.». Για τις περισσότερες επιχειρήσεις, ο responsive σχεδιασμός είναι η πιο πρακτική επιλογή: μία διεύθυνση, ένα περιεχόμενο, μία συντήρηση, και είναι η προσέγγιση που προτείνει και η Google.
Γιατί το κινητό είναι πλέον η κύρια βιτρίνα σας
Ο τρόπος που ψάχνουμε έχει αλλάξει. Ψάχνουμε ηλεκτρολόγο ενώ περιμένουμε στο φανάρι, συγκρίνουμε τιμές σε παπούτσια στον καναπέ, κλείνουμε τραπέζι από το ταξί. Οι αναζητήσεις από κινητό είναι συχνά πιο επείγουσες και πιο τοπικές: ο χρήστης θέλει κάτι τώρα και κοντά του.
Επιπλέον, το μεγαλύτερο μέρος της κίνησης από τα social media γίνεται από κινητό. Αν επενδύετε σε αναρτήσεις και διαφημίσεις στο Instagram ή στο Facebook, οι επισκέπτες που στέλνετε στο site σας θα φτάσουν εκεί με το τηλέφωνο στο χέρι. Μια σελίδα που δεν λειτουργεί καλά στη μικρή οθόνη ακυρώνει όλη αυτή την προσπάθεια, όπως εξηγούμε και στον οδηγό για τη στρατηγική social media.
Πώς επηρεάζει το κινητό την κατάταξη στη Google;
Η Google έχει περάσει στην ευρετηρίαση με προτεραιότητα στα κινητά (mobile-first indexing). Αυτό σημαίνει ότι, για να καταλάβει τι περιέχει η σελίδα σας και πού να την κατατάξει, κοιτά κυρίως την έκδοση που βλέπει ένας χρήστης κινητού. Η έκδοση του υπολογιστή περνά σε δεύτερη μοίρα.
Η πρακτική συνέπεια είναι σημαντική: αν στο κινητό έχετε κρύψει κείμενα, περιγραφές προϊόντων ή επικεφαλίδες για να «χωρέσει» η σελίδα, η Google μπορεί να μην τα λάβει υπόψη. Το περιεχόμενο πρέπει να είναι ουσιαστικά ίδιο σε όλες τις συσκευές. Η εμπειρία στο κινητό, μαζί με την ταχύτητα και τη σταθερότητα της σελίδας, αποτελεί κομμάτι της τεχνικής βάσης για καλό SEO.
Για τη Google, η ιστοσελίδα σας είναι πρώτα απ’ όλα αυτό που βλέπει κάποιος στο κινητό του. Ό,τι λείπει από εκεί, ουσιαστικά λείπει.
Οι πέντε πυλώνες ενός site φιλικού προς τα κινητά
1. Ευέλικτη διάταξη
Οι στήλες στοιβάζονται με λογική σειρά, οι εικόνες κλιμακώνονται χωρίς να κόβονται και δεν υπάρχει οριζόντια κύλιση. Πίνακες και συγκρίσεις αναδιαμορφώνονται ώστε να διαβάζονται κάθετα.
2. Γρήγορη φόρτωση
Στο κινητό η σύνδεση μπορεί να είναι ασταθής και ο επεξεργαστής πιο αδύναμος. Συμπιεσμένες εικόνες σε σωστές διαστάσεις, αποθήκευση στη μνήμη του browser (caching), ελαφρύς κώδικας και καλή φιλοξενία μειώνουν τον χρόνο αναμονής. Κάθε δευτερόλεπτο που κερδίζετε κρατά περισσότερους επισκέπτες.
3. Απλή πλοήγηση
Ένα συμπαγές μενού με λίγες επιλογές, εμφανής αναζήτηση στα e-shops και ένα σταθερό κουμπί για την κύρια ενέργεια, όπως «Κλήση», «Κράτηση» ή «Καλάθι». Ο χρήστης δεν πρέπει να ψάχνει πώς να προχωρήσει.
4. Ευανάγνωστο περιεχόμενο
Κείμενο σε άνετο μέγεθος, καλή αντίθεση χρωμάτων, σύντομες παράγραφοι και τίτλοι που επιτρέπουν γρήγορο «σκανάρισμα». Μενού εστιατορίων, τιμοκατάλογοι και ωράρια ως κανονικό κείμενο στη σελίδα και όχι ως PDF ή εικόνα.
5. Φόρμες και ταμείο χωρίς εμπόδια
Λίγα πεδία, αυτόματη συμπλήρωση, αριθμητικό πληκτρολόγιο για τηλέφωνο και ταχυδρομικό κώδικα, δυνατότητα αγοράς χωρίς υποχρεωτική εγγραφή και γρήγοροι τρόποι πληρωμής. Στο κινητό κάθε περιττό βήμα είναι μια αφορμή για εγκατάλειψη του καλαθιού.
Από τον επισκέπτη στον πελάτη: κινητό και μετατροπές
Μια mobile friendly ιστοσελίδα δεν είναι μόνο θέμα εμφάνισης. Είναι ο πιο σύντομος δρόμος από το ενδιαφέρον στην ενέργεια. Ένα κουμπί που καλεί με ένα άγγιγμα, μια διεύθυνση που ανοίγει απευθείας την πλοήγηση, μια φόρμα που συμπληρώνεται σε μισό λεπτό: όλα αυτά μετατρέπουν την περιέργεια σε τηλεφώνημα, ραντεβού ή παραγγελία.
Υπάρχει και η πλευρά της εμπιστοσύνης. Όταν ένα site λειτουργεί άψογα στο κινητό, ο επισκέπτης υποθέτει ότι και η επιχείρηση πίσω του είναι οργανωμένη. Το αντίθετο ισχύει εξίσου. Αν τρέχετε διαφημίσεις, η σελίδα προορισμού στο κινητό καθορίζει σε μεγάλο βαθμό την απόδοση κάθε ευρώ, θέμα που αναλύουμε στο άρθρο για τη διαφήμιση PPC. Το ίδιο ισχύει για τα newsletters του email marketing, που διαβάζονται πολύ συχνά από το κινητό και οδηγούν σε σελίδες που πρέπει να είναι έτοιμες να υποδεχτούν τον αναγνώστη.
Πώς να ελέγξετε το site σας σε 15 λεπτά
- Πάρτε δύο πραγματικά κινητά, ένα καινούργιο και ένα παλιότερο, και κλείστε το Wi-Fi.
- Κάντε μια πραγματική διαδρομή: από την αρχική μέχρι ένα αίτημα προσφοράς ή μια αγορά, χρησιμοποιώντας μόνο τον αντίχειρα.
- Περάστε τις βασικές σελίδες από το PageSpeed Insights και κοιτάξτε πρώτα τα αποτελέσματα για κινητά.
- Ανοίξτε το Google Search Console και δείτε τις αναφορές εμπειρίας σελίδας και ευρετηρίασης για προβλήματα.
- Σημειώστε κάθε σημείο όπου σταματήσατε, μεγεθύνατε ή πατήσατε λάθος. Αυτή είναι η λίστα προτεραιοτήτων σας.
Τα λάθη που θα συναντήσετε συχνότερα
| Λάθος | Τι προκαλεί | Λύση |
|---|---|---|
| Pop-up που καλύπτει όλη την οθόνη | Ο επισκέπτης φεύγει πριν δει το περιεχόμενο | Μικρή μπάρα ή εμφάνιση αργότερα στην επίσκεψη |
| Πολύ μικρά ή κολλητά κουμπιά | Λάθος πατήματα και εκνευρισμός | Μεγαλύτερες περιοχές αφής με απόσταση |
| Κατάλογος ή τιμές σε PDF | Δύσκολη ανάγνωση, αόρατο για τη Google | Περιεχόμενο ως κείμενο στη σελίδα |
| Τεράστιες εικόνες και βίντεο | Αργή φόρτωση και κατανάλωση δεδομένων | Συμπίεση και σωστές διαστάσεις ανά συσκευή |
| Μεγάλες φόρμες | Εγκαταλελειμμένα αιτήματα και καλάθια | Μόνο τα απαραίτητα πεδία |
Πώς μπορεί να βοηθήσει η FoxWeb
Στη FoxWeb σχεδιάζουμε κάθε ιστοσελίδα ξεκινώντας από την οθόνη του κινητού και μετά την επεκτείνουμε στον υπολογιστή. Έτσι η εμπειρία στη μικρή οθόνη δεν είναι συμβιβασμός αλλά προτεραιότητα.
Σχεδιασμός mobile first
Η κατασκευή ιστοσελίδων που προσφέρουμε βασίζεται σε responsive σχεδιασμό, δοκιμασμένο σε πραγματικές συσκευές.
E-shops που πουλάνε στο κινητό
Στην κατασκευή e-shop δίνουμε ιδιαίτερη έμφαση σε γρήγορο καλάθι και απλό ταμείο.
Έλεγχος και βελτίωση υπαρχόντων sites
Αξιολογούμε το σημερινό σας site στο κινητό και σας προτείνουμε τις αλλαγές με τη μεγαλύτερη απόδοση.
Συχνές ερωτήσεις
Πώς καταλαβαίνω αν η ιστοσελίδα μου είναι φιλική προς τα κινητά;
Ο πιο απλός τρόπος είναι να τη χρησιμοποιήσετε σε πραγματικό κινητό για μια ολοκληρωμένη ενέργεια, όπως ένα αίτημα ή μια αγορά. Συμπληρωματικά, το PageSpeed Insights και το Google Search Console σας δείχνουν τεχνικά προβλήματα και την απόδοση στα κινητά.
Αρκεί ένα responsive theme για να είμαι καλυμμένος;
Είναι καλή αρχή, αλλά όχι εγγύηση. Ένα responsive theme μπορεί να γίνει αργό ή δύσχρηστο με βαριές εικόνες, πολλά plugins ή pop-ups. Χρειάζεται και σωστό στήσιμο του περιεχομένου και τακτικός έλεγχος.
Χρειάζομαι εφαρμογή για κινητά ή αρκεί το site;
Για τις περισσότερες επιχειρήσεις αρκεί μια καλή mobile friendly ιστοσελίδα. Μια εφαρμογή έχει νόημα όταν οι πελάτες σας επιστρέφουν πολύ συχνά και χρειάζονται λειτουργίες όπως ειδοποιήσεις ή προγράμματα επιβράβευσης.
Επηρεάζει το κινητό και τις διαφημίσεις μου;
Ναι. Μεγάλο μέρος των κλικ σε διαφημίσεις γίνεται από κινητό, και μια σελίδα προορισμού που δεν λειτουργεί καλά εκεί σπαταλά τον προϋπολογισμό σας χωρίς να φέρνει αποτελέσματα.
Συμπέρασμα
Η βελτιστοποίηση για κινητά δεν είναι πια τεχνική λεπτομέρεια αλλά βασική προϋπόθεση για να σας βρίσκουν, να σας εμπιστεύονται και να αγοράζουν από εσάς. Ξεκινήστε από έναν απλό έλεγχο με το δικό σας τηλέφωνο, διορθώστε πρώτα ό,τι εμποδίζει την κύρια ενέργεια και συνεχίστε με την ταχύτητα και το περιεχόμενο.
Όσο πιο άνετα κινείται ο πελάτης στη μικρή οθόνη, τόσο πιο εύκολα φτάνει μέχρι εσάς.
Θέλετε να δούμε πώς φαίνεται το site σας στο κινητό των πελατών σας; Επικοινωνήστε με τη FoxWeb ή καλέστε στο 210 300 57 57.
