Εδώ και χρόνια, ειδικοί λένε ότι η επισκεψιμότητα σε ιστότοπους από επισκέπτες σε κινητές συσκευές έχει αυξηθεί δραματικά. Για αυτόν τον λόγο, πολλές εταιρείες έχουν αρχίσει έξυπνα να υιοθετούν μια στρατηγική για κινητά για την παρουσία τους στο διαδίκτυο, δημιουργώντας εμπειρίες που ταιριάζουν στο τηλέφωνο και σε άλλες κινητές συσκευές.
Μόλις περάσετε το χρόνο μαθαίνοντας πώς να το κάνετε σχεδίαση ιστοσελίδων για κινητά τηλέφωνακαι εφαρμόζοντας τη στρατηγική σας, θα θελήσετε επίσης να βεβαιωθείτε ότι οι επισκέπτες του ιστότοπού σας μπορούν να δουν αυτά τα σχέδια. Υπάρχουν πολλοί τρόποι με τους οποίους μπορείτε να το κάνετε αυτό και μερικοί λειτουργούν καλύτερα από άλλους. Ακολουθεί μια ματιά στη μέθοδο που μπορείτε να χρησιμοποιήσετε για να εφαρμόσετε την υποστήριξη για κινητές συσκευές στους ιστότοπούς σας - μαζί με μια πρόταση κοντά στο τέλος για το ποια είναι η καλύτερη μέθοδος για να επιτευχθεί αυτό στον σημερινό ιστό.
Παροχή συνδέσμου προς άλλη έκδοση ιστότοπου
Αυτή είναι, μακράν, η ευκολότερη μέθοδος χειρισμού χρηστών κινητών τηλεφώνων. Αντί να ανησυχείτε αν μπορούν ή δεν μπορούν να δουν τις σελίδες σας, απλώς τοποθετήστε έναν σύνδεσμο κάπου κοντά στην κορυφή της σελίδας που οδηγεί σε μια ξεχωριστή έκδοση για κινητά του ιστότοπού σας. Στη συνέχεια, οι αναγνώστες μπορούν να επιλέξουν μόνοι τους αν θέλουν να δουν την έκδοση για κινητά ή να συνεχίσουν με την "κανονική" έκδοση.
Το πλεονέκτημα αυτής της λύσης είναι ότι είναι εύκολο να εφαρμοστεί. Απαιτείται από εσάς να δημιουργήσετε μια βελτιστοποιημένη έκδοση για κινητά και στη συνέχεια να προσθέσετε έναν σύνδεσμο κάπου κοντά στην κορυφή των κανονικών σελίδων του ιστότοπου.
Τα μειονεκτήματα είναι:
- Πρέπει να διατηρήσετε μια ξεχωριστή έκδοση του ιστότοπου για χρήστες κινητών. Καθώς ο ιστότοπός σας μεγαλώνει, ίσως ξεχάσετε να διατηρήσετε αυτήν τη δεύτερη έκδοση και οι ιστότοποί σας ενδέχεται να μην συγχρονίζονται.
- Δημιουργείτε επίσης μια τρίτη έκδοση για tablet; Τι θα λέγατε για μια τέταρτη έκδοση για φορετά? Αυτή η ιδέα των εκδόσεων για συγκεκριμένες συσκευές μπορεί να ξεπεράσει τον έλεγχο πολύ γρήγορα.
- Πρέπει να βάλετε έναν άσχημο σύνδεσμο στο πάνω μέρος της σελίδας που μπορούν να δουν οι αναγνώστες που δεν χρησιμοποιούν κινητές συσκευές (και πιθανώς να κάνουν κλικ).
Τελικά, αυτή η προσέγγιση είναι ξεπερασμένη που είναι απίθανο να είναι μέρος μιας σύγχρονης στρατηγικής για κινητά. Μερικές φορές χρησιμοποιείται ως επίλυση στάσεων-κενού ενώ αναπτύσσεται μια καλύτερη λύση, αλλά είναι πραγματικά ένα βραχυπρόθεσμο εύρος ζώνης σε αυτό το σημείο.
Χρησιμοποιήστε JavaScript
Σε μια παραλλαγή της προαναφερθείσας προσέγγισης, ορισμένοι προγραμματιστές χρησιμοποιούν κάποιο είδος εντοπισμού προγράμματος περιήγησης σενάριο για ανίχνευση εάν ο πελάτης βρίσκεται σε κινητή συσκευή και, στη συνέχεια, ανακατευθύνει τον σε αυτό το ξεχωριστό κινητό ιστοσελίδα. Το πρόβλημα με πρόγραμμα περιήγησης Η ανίχνευση και οι κινητές συσκευές είναι ότι υπάρχουν χιλιάδες κινητές συσκευές εκεί έξω. Το να προσπαθήσετε να τα εντοπίσετε όλα με ένα JavaScript θα μπορούσε να μετατρέψει όλες τις σελίδες σας σε έναν εφιάλτη λήψης - και εξακολουθείτε να αντιμετωπίζετε πολλά από τα ίδια μειονεκτήματα με την προαναφερθείσα προσέγγιση.
Χρησιμοποιήστε το CSS @media Handheld
Η εντολή CSS @media χειρός φαίνεται ότι θα ήταν ένας ιδανικός τρόπος προβολής CSS στυλ μόνο για φορητές συσκευές - όπως κινητά τηλέφωνα. Αυτό φαίνεται σαν μια ιδανική λύση για την προβολή σελίδων για κινητές συσκευές. Γράφετε μία ιστοσελίδα και στη συνέχεια δημιουργείτε δύο φύλλα στυλ. Ο πρώτος για τον τύπο μέσου "οθόνης" διαμορφώνει τη σελίδα σας για οθόνες και οθόνες υπολογιστών. Το δεύτερο για το "φορητό" στυλ της σελίδας σας για μικρές συσκευές όπως αυτά τα κινητά τηλέφωνα. Ακούγεται εύκολο, αλλά δεν λειτουργεί στην πράξη.
Το μεγαλύτερο πλεονέκτημα αυτής της μεθόδου είναι ότι δεν χρειάζεται να διατηρείτε δύο εκδόσεις του ιστότοπού σας. Απλά διατηρείτε το ένα και το φύλλο στυλ καθορίζει πώς θα πρέπει να φαίνεται - πράγμα που πλησιάζει στην τελική λύση που θέλουμε.
Ένα πρόβλημα με αυτήν τη μέθοδο είναι ότι πολλά τηλέφωνα δεν υποστηρίζουν τον τύπο πολυμέσων - αντ 'αυτού εμφανίζουν τις σελίδες τους με τον τύπο μέσου οθόνης. Και πολλά παλαιότερα κινητά τηλέφωνα και φορητές συσκευές δεν υποστηρίζουν καθόλου το CSS. Στο τέλος, αυτή η μέθοδος είναι αναξιόπιστη και ως εκ τούτου σπάνια χρησιμοποιείται για την παράδοση κινητών εκδόσεων ενός ιστότοπου.
Χρησιμοποιήστε PHP, JSP, ASP για τον εντοπισμό του παράγοντα χρήστη
Αυτός είναι ένας πολύ καλύτερος τρόπος για να ανακατευθύνετε τους χρήστες κινητών σε ένα έκδοση για κινητά του ιστότοπου επειδή δεν βασίζεται σε γλώσσα δέσμης ενεργειών ή CSS που δεν χρησιμοποιεί η κινητή συσκευή. Αντ 'αυτού, χρησιμοποιεί μια γλώσσα διακομιστή (PHP, ASP, JSP, ColdFusion κ.λπ.) για να κοιτάξει τον παράγοντα χρήστη και στη συνέχεια να αλλάξει το Αίτημα HTTP για να μεταβείτε σε μια σελίδα για κινητά, εάν είναι μια κινητή συσκευή.
Ένας απλός κωδικός PHP για να γίνει αυτό θα μοιάζει με αυτόν:
Το πρόβλημα εδώ είναι ότι υπάρχουν πολλοί άλλοι πιθανοί πράκτορες χρήστη που χρησιμοποιούνται από κινητές συσκευές. Αυτό το σενάριο θα πιάσει και θα ανακατευθύνει πολλά από αυτά, αλλά όχι όλα με κανένα τρόπο. Και περισσότερα προστίθενται συνεχώς.
Επιπλέον, όπως και με τις άλλες λύσεις παραπάνω, θα πρέπει να διατηρήσετε έναν ξεχωριστό ιστότοπο για κινητές συσκευές για αυτούς τους αναγνώστες! Αυτό το μειονέκτημα ότι πρέπει να διαχειριστείτε δύο (ή περισσότερους!) Ιστότοπους είναι αρκετά λογικός για να αναζητήσετε μια καλύτερη λύση.
Χρησιμοποιήστε το WURFL
Εάν εξακολουθείτε να είστε αποφασισμένοι να ανακατευθύνετε τους χρήστες κινητών σας σε έναν ξεχωριστό ιστότοπο, τότε WURFL (Wireless Universal Resource File) είναι μια καλή λύση. Πρόκειται για ένα αρχείο XML (και τώρα ένα αρχείο DB) και διάφορες βιβλιοθήκες DBI που όχι μόνο περιέχουν ενημερωμένα δεδομένα ασύρματου χρήστη-πράκτορα, αλλά και που διαθέτουν χαρακτηριστικά και δυνατότητες που υποστηρίζουν αυτοί οι πράκτορες χρήστη.
Για να χρησιμοποιήσετε το WURFL, κατεβάζετε το αρχείο διαμόρφωσης XML και μετά επιλέξτε τη γλώσσα σας και εφαρμόστε το API στον ιστότοπό σας. Υπάρχουν εργαλεία για τη χρήση WURFL με Java, PHP, Perl, Ruby, Python, Net, XSLTκαι C ++.
Το πλεονέκτημα της χρήσης του WURFL είναι ότι υπάρχουν πολλοί άνθρωποι που ενημερώνουν και προσθέτουν συνεχώς στο αρχείο ρυθμίσεων. Έτσι, ενώ το αρχείο που χρησιμοποιείτε είναι ξεπερασμένο σχεδόν πριν ολοκληρώσετε τη λήψη του, οι πιθανότητες είναι ότι εάν εσείς κατεβάστε το μία φορά το μήνα περίπου, θα έχετε όλα τα προγράμματα περιήγησης για κινητά που οι αναγνώστες σας χρησιμοποιούν συνήθως χωρίς κανένα προβλήματα. Το μειονέκτημα, φυσικά, είναι ότι πρέπει να το κατεβάζετε συνεχώς και να το ενημερώνετε - όλα για να μπορείτε να κατευθύνετε τους χρήστες σε έναν δεύτερο ιστότοπο και τα μειονεκτήματα που δημιουργεί.
Η καλύτερη λύση είναι σχεδιασμός απόκρισης
Επομένως, εάν η διατήρηση διαφορετικών ιστότοπων για διαφορετικές συσκευές δεν είναι η απάντηση, τι είναι; Σχεδιασμός ιστοσελίδων προσαρμοζόμενος σε συσκευές.
Ο αποκριτικός σχεδιασμός είναι όπου χρησιμοποιείτε ερωτήματα πολυμέσων CSS για να ορίσετε στυλ για συσκευές διαφόρων διαστάσεων. Η αποκριτική σχεδίαση σάς επιτρέπει να δημιουργήσετε μία ιστοσελίδα για χρήστες κινητών και μη κινητών. Στη συνέχεια, δεν χρειάζεται να ανησυχείτε για το περιεχόμενο που θα εμφανίζεται στον ιστότοπο για κινητά ή θυμηθείτε να μεταφέρετε τις πιο πρόσφατες αλλαγές στον ιστότοπό σας για κινητά. Επιπλέον, μόλις γράψετε το CSS, δεν χρειάζεται να κατεβάσετε κάτι νέο.
Ο αποκριτικός σχεδιασμός μπορεί να μην λειτουργεί τέλεια σε εξαιρετικά παλιές συσκευές και προγράμματα περιήγησης (τα περισσότερα από τα οποία χρησιμοποιούνται σε πολύ μικρή σήμερα και δεν πρέπει να σας απασχολεί), αλλά επειδή είναι πρόσθετο (προσθήκη στυλ στο περιεχόμενο, αντί να αφαιρέσει το περιεχόμενο) αυτοί οι αναγνώστες θα εξακολουθούν να μπορούν να διαβάσουν τον ιστότοπό σας, απλά δεν θα φαίνονται ιδανικοί στην παλιά τους συσκευή ή πρόγραμμα περιήγησης.