Από τον Οκτώβριο του 2026 κάθε ιστότοπος hPage είναι αυτόματα φιλικός προς κινητά: όλα τα πρότυπα διαθέτουν διάταξη για κινητά και δεν χρειάζεται να ρυθμίσετε τίποτα. Η παλαιότερη ρύθμιση Έκδοση για κινητά δεν υπάρχει πλέον.
Πώς λειτουργεί η διάταξη για κινητά
- Σε τηλέφωνα και tablet ο ιστότοπός σας εμφανίζεται σε μία στήλη: η κεφαλίδα, το μενού και το περιεχόμενο το ένα κάτω από το άλλο. Το μενού συμπτύσσεται πίσω από την κεφαλίδα μενού του προτύπου σας και ανοίγει με ένα πάτημα.
- Το περιεχόμενο, τα χρώματα και οι γραμματοσειρές είναι ίδια με την έκδοση για υπολογιστές. Επεξεργάζεστε τις σελίδες σας μία φορά και δεν υπάρχει ξεχωριστό περιεχόμενο για κινητά που πρέπει να συντηρείτε.
- Οι εικόνες, τα βίντεο και οι πίνακες σμικρύνονται στο πλάτος της οθόνης. Οι φαρδιοί πίνακες με σταθερό πλάτος κυλίονται οριζόντια.
- Η διάταξη για κινητά ισχύει για οθόνες αφής που είναι στενότερες από το πρότυπό σας και για κάθε οθόνη στενότερη από 1024 pixel. Ένας φορητός υπολογιστής με ποντίκι και στενότερο παράθυρο προγράμματος περιήγησης διατηρεί τη σχεδίαση για υπολογιστές.
Έλεγχος του ιστότοπού σας σε κινητό
- Κάντε κλικ στο Επίσκεψη ιστότοπου στην πλαϊνή στήλη για να δείτε τη διεύθυνση του ιστότοπού σας και ανοίξτε αυτή τη διεύθυνση στο πρόγραμμα περιήγησης του κινητού σας.
- Χωρίς κινητό: ανοίξτε τον ιστότοπό σας στον υπολογιστή και κάντε το παράθυρο του προγράμματος περιήγησης στενότερο από 1024 pixel. Η εμφάνιση αλλάζει στη διάταξη για κινητά.
- Αν το κινητό σας εξακολουθεί να δείχνει μια παλιά έκδοση, φορτώστε ξανά τη σελίδα. Τα προγράμματα περιήγησης κινητών κρατούν τις σελίδες στην προσωρινή μνήμη τους για κάποιο διάστημα.
Συμβουλές για τις εικόνες
- Δεν χρειάζεται να αλλάξετε το μέγεθος των εικόνων για τις φορητές συσκευές: σμικρύνονται αυτόματα και διατηρούν τις αναλογίες τους.
- Κρατήστε μικρό το μέγεθος των αρχείων, ώστε οι σελίδες να φορτώνουν γρήγορα με σύνδεση κινητής τηλεφωνίας. Σε αυτό βοηθά η συμπίεση εικόνων κατά τη μεταφόρτωση αρχείων.
- Αποφύγετε να βάζετε σημαντικό κείμενο μέσα σε εικόνες, γιατί σε μια μικρή οθόνη διαβάζεται δύσκολα. Γράψτε το καλύτερα ως κείμενο.
- Οι εικόνες που βρίσκονται αριστερά ή δεξιά του κειμένου εμφανίζονται στενότερες στα κινητά, ώστε να χωράει ακόμη κείμενο δίπλα τους.
Συμβουλές για κείμενα και πίνακες
- Γράφετε σύντομες παραγράφους και χρησιμοποιείτε επικεφαλίδες, γιατί τα μεγάλα κομμάτια κειμένου διαβάζονται δύσκολα σε ένα κινητό.
- Αποφύγετε τα σταθερά πλάτη στον δικό σας κώδικα HTML (για παράδειγμα
width="800") και χρησιμοποιήστε ποσοστά ή καθόλου πλάτος. - Προτιμήστε πίνακες με πλάτος 100% ή χωρίς πλάτος. Ένας πίνακας με σταθερό πλάτος κυλίεται οριζόντια στα κινητά.
- Οι πολύ μεγάλες λέξεις και οι διευθύνσεις web κόβονται στην άκρη της οθόνης. Ένα κενό ή ένα ενωτικό δίνει στο πρόγραμμα περιήγησης ένα καλύτερο σημείο για αλλαγή γραμμής.