Με την επερχόμενη μετάβαση της Google στην πρώτη ευρετηρίαση για κινητά από τα μέσα του χρόνου, ήρθε η ώρα να ενισχύσετε την επιχείρησή σας με τη δημιουργία ενός ιστότοπου φιλικού προς κινητά. Εξετάστε τις ακόλουθες τέσσερις συμβουλές για τη βελτιστοποίηση του ιστοτόπου σας σε οποιαδήποτε συσκευή εγκαίρως για τη μετακίνηση προς κινητά πρώτα.
Κατανοήστε τη μετάβαση σε ένα πρώτο ευρετήριο κινητών
Η Google χρησιμοποιεί το περιεχόμενο της επιφάνειας εργασίας σας για να καθορίσει την κατάταξη του ιστότοπού σας τόσο για επιτραπέζιους υπολογιστές όσο και για κινητά, πράγμα που σημαίνει ότι η κατάταξή σας εξαρτάται πλέον από τον τρόπο εμφάνισης του περιεχομένου σας σε έναν υπολογιστή γραφείου και όχι σε κινητές συσκευές. Αλλά δεδομένου ότι όλο και περισσότεροι άνθρωποι έχουν πρόσβαση στο Διαδίκτυο με τις κινητές τους συσκευές παρά από μια επιφάνεια εργασίας, η Google έχει επίσημα αποφασίσει να ταξινομήσει ιστοσελίδες με βάση το περιεχόμενο για κινητά. Αν ο ιστότοπός σας δεν έχει προσαρμοσμένη διάταξη, έχει αργή ταχύτητα φόρτωσης ή κακή σχεδίαση πλοήγησης και περιεχομένου, η κατάταξη σας ενδέχεται να μειωθεί αν δεν βελτιστοποιήσετε τον ιστότοπό σας για κινητά πριν από τη μετατόπιση.
$config[code] not foundΔοκιμή και επιτάχυνση ταχύτητας φόρτωσης
Πρόσφατες μελέτες δείχνουν ότι το 47% των καταναλωτών θέλει μια σελίδα να φορτωθεί σε δύο δευτερόλεπτα ή λιγότερο και το 40% των θεατών εγκαταλείπουν έναν ιστότοπο εάν η διαδικασία φόρτωσης διαρκεί τρία δευτερόλεπτα ή και περισσότερο. Αυτά τα στατιστικά στοιχεία, μαζί με την ανακοίνωση της Google ότι η ταχύτητα φόρτωσης κινητής σελίδας θα είναι καθοριστικός παράγοντας για τον προσδιορισμό της κατάταξης μετά από τη μετάβαση, θα πρέπει να αρκεί για να κάνει ο κάθε ιδιοκτήτης επιχείρησης να ελέγξει ξανά τον χρόνο φόρτωσης του κινητού του ιστότοπου. Προσδιορίστε την ταχύτητα φόρτωσης κάθε σελίδας του ιστότοπού σας με τη χρήση του Χρήστη του Google Chrome και του Insight Speed.
Εάν πρέπει να επιταχύνετε την ταχύτητα φόρτωσης, οι ακόλουθες μέθοδοι είναι από τις πιο συνιστώμενες:
- AMP: Το πρόγραμμα επιταχυνόμενων κινητών σελίδων - Το AMP είναι μια επιχείρηση ανοιχτού κώδικα που χρησιμοποιεί απλό κώδικα HTML για να φορτώσει τις σελίδες του ιστότοπού σας ταχύτερα από το πρότυπο κώδικα HTML. Αυτό, σε συνδυασμό με την αποθήκευση του περιεχομένου σας από το Google στο αποθηκευτικό χώρο αποθήκευσης του, συμβάλλει στη βελτίωση του χρόνου φόρτωσης του ιστότοπού σας.
- Προοδευτικές Εφαρμογές Web - Οι PWA είναι επιλογές για όσους δεν θέλουν να μεταβούν στο έργο AMP. Οι PWA αντιδρούν γρήγορα στις επικοινωνίες των χρηστών και φορτώνουν γρήγορα, καθιστώντας τους μια βιώσιμη εναλλακτική λύση έναντι του AMP.
- Το PWAMP - PWAMP είναι ένα μείγμα PWA που αναπτύχθηκε σε AMP, JS, CSS και HTML, αλλά οι ιστότοποι που χρησιμοποιούν το PWAMP ενδέχεται να μην πιστοποιούν τόσο γρήγορα όσο κάνουν οι σελίδες AMP. Ωστόσο, οι σελίδες PWAMP εξακολουθούν να είναι γρήγορες και προσφέρουν τα ίδια πλεονεκτήματα με τα PWA.
Βάλτε το Spotlight στην εμπειρία του χρήστη
Ένα τυπικό σφάλμα που οι επιχειρήσεις τείνουν να κάνουν είναι να προσαρμόσουν τους ιστότοπους των επιτραπέζιων υπολογιστών τους στο κινητό ενώ εξακολουθούν να συμπεριφέρονται σαν να είναι απλά μια προσθήκη στον ιστότοπο της επιφάνειας εργασίας. Προκειμένου να επιτύχουν υψηλές βαθμολογίες μετά από το μετασχηματισμό, οι εταιρείες πρέπει να δώσουν προτεραιότητα στο κινητό, πραγματοποιώντας προσαρμογές που βασίζονται κυρίως στην εμπειρία των χρηστών κινητής τηλεφωνίας. Ρωτήστε τον εαυτό σας τις ακόλουθες ερωτήσεις σχετικά με τους χρήστες των ιστότοπων για κινητά:
- Πλοήγηση - Πώς μοιάζει και πόσο εύκολο είναι να κάνετε ελιγμούς; Είναι αρκετά απλό για τους χρήστες να πλοηγηθούν πίσω στο σημείο που έχουν μόλις βρεθεί;
- Σαφήνεια - Πόσο εύκολο είναι να βρείτε σημαντικές πληροφορίες; Είναι σαφείς οι σελίδες τίτλου μου; Είναι εύκολα προσβάσιμες οι πληροφορίες επικοινωνίας μου;
- Εξετάστε τα αναδυόμενα παράθυρα - Είναι εύκολο να κλείσετε τα αναδυόμενα παράθυρα; Πρέπει να μειώσω τα pop-up εντελώς;
- Γραμματοσειρά - Πόσο μεγάλο είναι το μέγεθος της γραμματοσειράς μου; Πόσο μεγάλο πρέπει να είναι;
Με αυτές τις σκέψεις, είστε έτοιμοι να προχωρήσετε στο τελικό βήμα της προετοιμασίας του ιστότοπού σας για κινητά.
Βελτιστοποιήστε το σχέδιο και το περιεχόμενό σας
Αφού αναλύσετε προσεκτικά τον ιστότοπό σας με βάση τις παραπάνω ερωτήσεις, βελτιστοποιήστε και σχεδιάστε το περιεχόμενό σας για κινητά, με έμφαση στη δημιουργία της καλύτερης δυνατότητας χρήσης του κινητού χρήστη. Υπάρχουν πολλά πράγματα που μπορεί να θέλετε να αναδιοργανώσετε για το σχεδιασμό και το περιεχόμενό σας, αλλά εδώ είναι μερικές από τις πιο βασικές αλλαγές που πρέπει να γίνουν:
- Ανταποκρινόμενος σχεδιασμός ιστοσελίδων - η Google συνιστά τον ανταποκρινόμενο σχεδιασμό ιστού, ο οποίος είναι σχεδιαστική προσέγγιση με στόχο τη βελτιστοποίηση της εμφάνισης και της λειτουργικότητας ενός ιστότοπου σε μια ποικιλία διαφορετικών συσκευών και μεγεθών οθόνης.
- Χρησιμοποιήστε αναπτυσσόμενα μενού - η Google δήλωσε ότι δεν θα τιμωρήσει τους ιστότοπους για την προστασία του περιεχομένου τους από τα αναπτυσσόμενα μενού αν το περιεχόμενο φορτώνεται ταυτόχρονα με τη σελίδα, επομένως μπορείτε να ενσωματώσετε εύλογα τα αναπτυσσόμενα μενού κατά την κατασκευή του ιστότοπού σας για κινητά.
- Μην χρησιμοποιείτε το Flash - Οι περισσότεροι χρήστες κινητών συσκευών δεν μπορούν να δουν περιεχόμενο Flash, γι 'αυτό αποφύγετε να το χρησιμοποιήσετε και να χρησιμοποιήσετε το Java ή το HTML αντί για να προσθέσετε αυτά τα στοιχεία εμπλοκής στον ιστότοπό σας.
- Βεβαιωθείτε ότι το περιεχόμενο είναι εύκολο να το διαβάσετε - Κάνετε το περιεχόμενό σας ευανάγνωστο σε μικρές οθόνες. παρέχουν μερικές συνδέσεις σε μεγαλύτερα τμήματα κειμένου, έτσι ώστε οι χρήστες να μπορούν εύκολα να φτάσουν εκεί που θέλουν να πάνε και να χρησιμοποιήσουν τις κεφαλίδες για να χωρίσουν το περιεχόμενό σας και να κάνουν τις σελίδες σας πιο αδιάκοπη.
- Κάντε εύκολο να κάνετε κλικ στο μέγεθος του μεγέθους κειμένου και τις δυνατότητες οθόνης αφής - Βεβαιωθείτε ότι ο ιστότοπός σας είναι "φιλικός στη σύνδεση" κάνοντας τα σημεία βρύσης σας το σωστό μέγεθος και αφήνοντας άφθονο χώρο ανάμεσα στα στοιχεία με δυνατότητα κλικ
Φωτογραφία μέσω Shutterstock
1 Σχόλιο ▼
