Περισσότεροι από τους μισούς επισκέπτες ενός ιστότοπου τον βλέπουν από κινητό ή tablet. Η βελτιστοποίηση για κινητές συσκευές δεν είναι πλέον προαιρετική – είναι απαραίτητη. Ακολουθεί ένας οδηγός με βασικά βήματα για να διασφαλίσετε ότι ο ιστότοπός σας λειτουργεί άψογα σε κάθε οθόνη.
Επιλέξτε θέμα φιλικό προς κινητά
Όλα τα θέματα στο WordPress.com είναι σχεδιασμένα ώστε να είναι «responsive», δηλαδή να προσαρμόζονται αυτόματα σε κάθε μέγεθος οθόνης. Αν χρησιμοποιείτε θέμα τρίτου κατασκευαστή, βεβαιωθείτε ότι αναφέρεται ρητά πως είναι mobile-friendly και ελέγξτε το σε κινητή συσκευή πριν το υιοθετήσετε.
Προεπισκόπηση σε κινητό μέσα από τον επεξεργαστή
Αν και δεν υπάρχει ξεχωριστός επεξεργαστής για κινητά, το WordPress Editor υποστηρίζει την προεπισκόπηση του ιστότοπου σε κινητό και tablet. Χρησιμοποιήστε την επιλογή Preview > Mobile για να δείτε πώς εμφανίζεται το περιεχόμενό σας σε μικρές οθόνες. Για ακριβέστερη εικόνα με τις στυλιστικές λεπτομέρειες του θέματος, προτιμήστε το “Preview in new tab” και στη συνέχεια ενεργοποιήστε τη λειτουργία Inspect > Mobile view στον browser σας.
Χρήσιμες συμβουλές για responsiveness
- Αποφύγετε κείμενο μέσα σε εικόνες: Κείμενα ενσωματωμένα σε εικόνες δεν προσαρμόζονται σωστά. Αντί αυτού, χρησιμοποιήστε το block «Cover» και γράψτε το κείμενο απευθείας μέσω του επεξεργαστή.
- Ρυθμίστε τα μεγέθη γραμματοσειρών με em ή rem: Αντί για pixels (px), προτιμήστε σχετικές μονάδες για να προσαρμόζεται αυτόματα το μέγεθος του κειμένου.
- Χρησιμοποιήστε το overlay menu (hamburger menu): Το συμπαγές αυτό μενού είναι ιδανικό για μικρές οθόνες και κάνει την πλοήγηση πιο εύκολη.
- Ενεργοποιήστε το «stack on mobile»: Για blocks όπως το Columns ή Media & Text, επιλέξτε την στοίχιση σε κάθετη διάταξη στις κινητές συσκευές, ώστε το περιεχόμενο να διαβάζεται άνετα.
- Επιτρέψτε την αναδίπλωση περιεχομένου: Επιλογές όπως “Allow to wrap to multiple lines” σε blocks όπως Buttons, Navigation και Social Icons βελτιώνουν την αναγνωσιμότητα σε μικρές οθόνες.
Τι ισχύει για το AMP
Το AMP είναι ένα framework που φορτώνει πολύ γρήγορα σε κινητά, αφαιρώντας όμως πολλές δυνατότητες από τον ιστότοπό σας. Αν και είναι χρήσιμο για γρήγορη φόρτωση, δεν είναι απαραίτητο στο WordPress.com, καθώς όλα τα θέματα είναι ήδη mobile-friendly. Αν χρησιμοποιείτε AMP και αντιμετωπίζετε προβλήματα στην εμφάνιση, δοκιμάστε να το απενεργοποιήσετε. Σε αυτή την περίπτωση, ίσως χρειαστείτε 301 redirects για να αποφύγετε σφάλματα 404 στους επισκέπτες από κινητά.
Με τις παραπάνω οδηγίες, μπορείτε να διασφαλίσετε ότι ο ιστότοπός σας προσφέρει άψογη εμπειρία χρήσης σε κινητές συσκευές.
