Χαιρετίσματα σε όλους. Το Διαδίκτυο αναπτύσσεται με τεράστιο ρυθμό και σήμερα βλέπουμε επισκέψεις στον ιστότοπο από κινητές συσκευέςκαι το tablet δεν είναι πλέον περιέργεια, όπως ήταν πριν. Αγορά κινητό internet ανεβάζοντας πολύ γρήγορο ρυθμόκαι ως εκ τούτου, οι κατασκευαστές ιστοτόπων πρέπει να προσαρμόσουν τους ιστότοπούς τους σε αυτές τις συσκευές. Αν κοιτάξεις τελευταία νέαΗ βιομηχανία του Διαδικτύου, μπορείτε να δείτε ότι όλα οδηγούν στο γεγονός ότι οι κινητές συσκευές στα επόμενα 5-10 χρόνια θα πάρουν το μεγαλύτερο μέρος της αγοράς για τον εαυτό τους.
Σε τι οδηγώ;Και στο γεγονός ότι είναι απαραίτητο να προσαρμόσετε τους ιστότοπούς σας και να τους κάνετε βολικούς για προβολή σε gadget για κινητά.
Η Google ανακοίνωσε πρόσφατα ότι θα προσθέσει ετικέτες σε ιστότοπους που είναι φιλικοί προς smartphone και tablet. Πολλοί ειδικοί λένε ότι οι ιστότοποι που δεν πληρούν αυτά τα κριτήρια θα είναι ελαφρώς χαμηλότεροι στην έκδοση και χειρότεροι. Υπάρχουν επίσης προτάσεις ότι η Google μπορεί να δημιουργήσει ξεχωριστό ζήτημα για ιστότοπους για κινητές συσκευές.
Το γεγονός ότι οι ιστότοποι θα φέρουν ετικέτες σε πληροφορίες είναι 100%, οι υπόλοιπες πληροφορίες είναι απλώς εικασίες.
Η γνώμη μου είναι ότι είναι απαραίτητο να ακολουθείτε όλα τα πρότυπα και να κάνετε τον ιστότοπο φιλικό σε κάθε είδους gadget για κινητά. Έχουμε σχεδόν ολοκληρώσει την προσαρμογή του ιστότοπού μας, απομένουν μερικές ακόμη πινελιές και όλα θα είναι έτοιμα. Αν και αν κοιτάξετε τώρα, μπορείτε να δείτε ότι ο ιστότοπος εμφανίζεται καλά σε smartphone και tablet. Όσο έκανα αυτή τη δουλειά, διάλεξα για τον εαυτό μου μερικά διαδικτυακές υπηρεσίεςμε το οποίο μπορείτε τοποθεσία δοκιμής σε κινητές συσκευές. Θέλω να τα μοιραστώ μαζί σας.
5 δωρεάν διαδικτυακές υπηρεσίες για να ελέγξετε τον ιστότοπο σε κινητές συσκευές.
Ας απαριθμήσουμε τα πάντα δωρεάν υπηρεσίεςκαι μετά εξετάστε το καθένα με τη σειρά:
- Εργαλεία για Webmasters Google ()
Παραπάνω, έχω παραθέσει 5 δωρεάν διαδικτυακές υπηρεσίες που ο ίδιος χρησιμοποιώ και σας προτείνω. Η λειτουργικότητά τους είναι απολύτως αρκετή για να επιλύσει τυχόν εργασίες που έχουν ανατεθεί. Ας ρίξουμε μια ματιά σε καθένα από αυτά με τη σειρά.
1. Google Webmaster Tools (Δοκιμή φιλικής προς κινητά).Πλέον καλύτερη εξυπηρέτησηγιατί είναι σχεδιασμένο Google. Είναι καλό γιατί μπορείτε να δείτε όχι μόνο πώς εμφανίζεται ο ιστότοπος στην οθόνη, αλλά και να λάβετε όλες τις απαραίτητες συστάσεις για την εξάλειψη σφαλμάτων και τη σωστή εμφάνιση. Για να δείτε όλα τα σφάλματα που πρέπει να μεταβείτε Εργαλεία για Webmasters Google, στην ενότητα "Αναζήτηση επισκεψιμότητας", επιλέξτε "Δυνατότητα προβολής σε κινητές συσκευές". Αφού μεταβείτε στη σελίδα, μπορείτε να δείτε προβλήματα με την ευκολία προβολής.
Φιλικό προς κινητά - Google Webmaster Αφού δείτε τα σφάλματα, μπορείτε να προχωρήσετε στη δοκιμή του ίδιου του ιστότοπου. Πάμε στο τεστ, μπαίνουμε και πάρουμε όλες τις συστάσεις που πρέπει να γίνουν. Για να δείτε όλες τις συστάσεις, στα δεξιά, κάντε κλικ στο κουμπί " Περαιτέρω"στο βήμα "Πώς να κάνετε μια σελίδα φιλική προς κινητά".
2. Τώρα ας περάσουμε σε άλλες υπηρεσίες.με το οποίο μπορείτε να ελέγξετε τον ιστότοπο σε κινητές συσκευές.
Όλα είναι αρκετά εύχρηστα, απλώς εισαγάγετε τη διεύθυνση του ιστότοπου στη γραμμή και δείτε όλα τα αποτελέσματα του ιστότοπου διάφορες συσκευές. Ας πάρουμε ως παράδειγμα την υπηρεσία Responsinator. Προχωρήστε και πληκτρολογήστε τη διεύθυνση και κάντε κλικ στο " ΠΗΓΑΙΝΩ", Μπαίνω loleknbolek. Τα αποτελέσματα είναι μέσα.
Κάνοντας κύλιση προς τα κάτω μπορείτε να δείτε τον ιστότοπο σε διαφορετικές αναλύσεις, κάτι που είναι πολύ καλό. Όλες οι άλλες υπηρεσίες που αναφέρονται παραπάνω λειτουργούν με τον ίδιο τρόπο. Χρησιμοποιώ πολλές υπηρεσίες αργότερα, κάτι που δεν είναι πάντα δυνατό να έχω το σωστό αποτέλεσμα σε μία. Όταν χρησιμοποιείτε μερικά, το ποσοστό σφάλματος πέφτει στο μηδέν.
Χρησιμοποιήστε υπηρεσίες για να ελέγξετε τον ιστότοπο σε κινητές συσκευές- για την υγεία. Μπορώ να πω μόνο ένα πράγμα - προσαρμόστε τους ιστότοπους για κινητά, αυτή η αγορά αναπτύσσεται πολύ γρήγορα, προτού προλάβετε να κοιτάξετε πίσω, οι ανταγωνιστές σας χρησιμοποιούν ήδη εκδόσεις για κινητά και συγκεντρώνουν μεγάλο κοινό.
Καλό απόγευμα φίλοι. Σήμερα θα απομακρυνθώ λίγο από τα διαφημιστικά εργαλεία και θα ξεκινήσω μια νέα ενότητα στο blog. Ονομάζεται "Webmastering" και θα περιλαμβάνει χρήσιμα υλικάσχετικά με το θέμα της βελτίωσης της απόδοσης και της ποιότητας του ιστότοπου, ιστοσελίδες προορισμού. Και θα ξεκινήσω με μια ανασκόπηση ενός δροσερού εργαλείου για τον έλεγχο μιας τοποθεσίας για κινητικότητα.
Ελέγξτε την ταχύτητα του ιστότοπου με την Google
Για να γίνει αυτό, η Google προσφέρει 2 εργαλεία.
#1 Στοιχεία ταχύτητας σελίδας
Νομίζω ότι τον ξέρεις καλά. Εισαγάγετε έναν σύνδεσμο προς τον ιστότοπό σας, κάντε κλικ στο κουμπί "Ανάλυση" και λάβετε το αποτέλεσμα με τη μορφή δύο καρτελών.
Η καρτέλα "Κινητό" περιλαμβάνει μια αναφορά για την ταχύτητα φόρτωσης του ιστότοπου για κινητές συσκευές και - σημαντικό! — βαθμολογία ευκολίαςιστότοπος για smartphone. Η καρτέλα "Για υπολογιστές", αντίστοιχα, είναι η ίδια ανάλυση για την επιφάνεια εργασίας.
Το καλύτερο μέρος είναι ότι η υπηρεσία σας επιτρέπει να κάνετε λήψη βελτιστοποιημένηεικόνες, css και σενάρια για χρήση στον ιστότοπό σας. Σαν αυτό δωρεάν βοήθειααπό την Google.
Όπως μπορείτε να δείτε από το στιγμιότυπο οθόνης, έχω σοβαρά προβλήματα με την έκδοση για κινητά. Και πώς πάνε τα πράγματα μαζί σου;
#2 Testmysite.Withgoogle
Στην πραγματικότητα, αυτό είναι το ίδιο εργαλείο, απλά έχει ένα όμορφο περιτύλιγμα. Ανακάλυψα αυτήν την υπηρεσία τις προάλλες και δωροδοκήθηκα από το έντυπο αναφοράς.
Όταν εισάγετε έναν σύνδεσμο προς τον ιστότοπο και κάνετε κλικ στο "Έλεγχος", η υπηρεσία θα προσφέρει το αποτέλεσμα με τη μορφή μιας πλήρους δυναμικής σελίδας προορισμού, στην οποία θα λέει συνοπτικά και πειστικά πώς πάνε τα πράγματα με τον ιστότοπο και θα προσφέρει για να κατεβάσετε την πλήρη αναφορά.
Φυσικά, ζήτησα πλήρη αναφορά και λίγα λεπτά αργότερα το έλαβα με ταχυδρομείο. Φαίνεται λογικό, πολλές οθόνες χρήσιμες οδηγίεςμε συνδέσμους σε συγκεκριμένα υλικά:
Αξίζει να σημειωθεί ότι αν αναλύσετε τον ίδιο ιστότοπο, τότε οι αριθμοί για αυτά τα εργαλεία θα διαφέρουν ελαφρώς. Ωστόσο, δουλεύουν στην ίδια τεχνολογία.
Με αυτόν τον τρόπο, μέσα σε λίγα δευτερόλεπτα, μπορείτε όχι μόνο να ελέγξετε τον ιστότοπο για κινητικότητα και να ελέγξετε την ταχύτητα λήψης - αλλά και να κατεβάσετε μια πλήρη αναφορά με βελτιστοποιημένο περιεχόμενο. Ειναι δωρεάν. Από την Google
Λοιπόν, πώς τα πάτε με την κινητικότητα;
σχόλια που υποστηρίζονται από ΥπερΣχόλιαΟι εκδόσεις ιστότοπου δεν είναι μόνο μια πιθανή ιδιοτροπία των προγραμματιστών, ένα πρόσθετο στοιχείο εξόδων (ή κέρδη, αν μιλάμε για εργολάβους) και μια εκδήλωση ανησυχίας για τους επισκέπτες των πόρων. Σύμφωνα με την τελευταία ανακοίνωση της Google, οι ιστότοποι που δεν πληρούν τις απαιτήσεις σχεδιασμού με απόκριση θα απαισιοδοξούν στις αναζητήσεις για κινητά. Η εγχώρια μηχανή αναζήτησης Yandex εξέδωσε επίσης συστάσεις "Η σημασία της κινητικότητας" και διαβεβαίωσε ότι, ενεργώντας για τη διευκόλυνση των χρηστών κινητών συσκευών, θα επισημαίνει τις εκδόσεις για κινητά στα αποτελέσματα αναζήτησης και θα δίνει προτίμηση στις προσαρμοστικές σελίδες.
Έτσι, οι προγραμματιστές πρέπει απαραίτητα να προσαρμόσουν τους ιστότοπους για smartphone και να ελέγξουν την ορθότητα της εμφάνισης του πόρου. Διαφορετικά, σύντομα μπορούμε να περιμένουμε απώλεια σημαντικού μέρους της κίνησης και ως εκ τούτου πιθανούς πελάτες, επειδή οι νέοι αλγόριθμοι εργασίας από την Google και την Yandex είναι ήδη σε ισχύ. Μπορείτε να ελέγξετε την έκδοση του ιστότοπου για κινητά διαφορετικοί τρόποι: Αλλαγή του προγράμματος περιήγησης κατά τη μετάβαση σε λειτουργία προγραμματιστή, χρησιμοποιώντας εξομοιωτές φορητών συσκευών ή υπηρεσίες web.
Φιλικότητα ιστότοπου για κινητές συσκευές
Η προσαρμοστικότητα σε κινητές συσκευές αξιολογείται σύμφωνα με διάφορες παραμέτρους. Είναι σημαντικό να ελέγξετε την έκδοση για κινητά του ιστότοπου όχι μόνο από την άποψη της σωστής εμφάνισης, αλλά αξίζει να λάβετε υπόψη και άλλους παράγοντες:
- έλλειψη κινουμένων σχεδίων, "βαρύ" σχέδιο και εικόνες.
- ταχύτητα φόρτωσης πόρων (πρέπει να είναι ελάχιστη).
- δεν χρειάζεται οριζόντια κύλιση.
- έλλειψη προσθηκών Silverlight και μικροεφαρμογών Java.
- απλή πλοήγηση στον ιστότοπο.
- Η μετα-ετικέτα της θύρας προβολής είναι γραμμένη στον κώδικα.
Εάν πληρούνται αυτές οι προϋποθέσεις, οι αλγόριθμοι των πιο κοινών μηχανών αναζήτησης αναγνωρίζουν την ιστοσελίδα ως κατάλληλη για κινητές συσκευές και αυξάνουν τη θέση του ιστότοπου στα αποτελέσματα αναζήτησης σε σχέση με πόρους που δεν είναι προσαρμοσμένοι.
Πραγματική δοκιμή σε κινητές συσκευές
Είναι πιο βολικό να δοκιμάσετε την έκδοση για φορητές συσκευές του ιστότοπου σε πραγματικά smartphone. Αυτή η μέθοδος θα επιτρέψει τη δοκιμή σε πραγματικές συνθήκες. Στην ιδανική περίπτωση, είναι καλύτερο να ελέγξετε έναν πόρο Ιστού σε πολλές συσκευές, αλλά εάν ο προϋπολογισμός του έργου δεν περιλαμβάνει το κόστος αγοράς πολλών smartphone από τα πιο δημοφιλή μοντέλα, μια συσκευή σε Βασισμένο στο Androidή Apple.
Αλλαγή μεγέθους του παραθύρου του προγράμματος περιήγησης
Το απλούστερο, αλλά όχι βέλτιστο από άποψη επαλήθευσης, είναι η αλλαγή μεγέθους του παραθύρου του προγράμματος περιήγησης. Εάν η σελίδα είναι κατασκευασμένη με χρήση τεχνολογίας, μπορείτε να ελέγξετε την έκδοση για κινητά του ιστότοπου με αυτόν τον τρόπο. Αλλά σε περιπτώσεις όπου εφαρμόζεται ξεχωριστή σχεδίαση, ο πόρος χρειάζεται μια σαφή ένδειξη ότι ο χρήστης προέρχεται από smartphone, tablet ή άλλη φορητή συσκευή. Ετσι, με αυτόν τον τρόποσας επιτρέπει να ελέγξετε τη διαθεσιμότητα έκδοση για κινητάιστοσελίδα. Αλλά η ορθότητα της οθόνης (σε τεχνικοί όροι) είναι απίθανο να αξιολογηθεί.
Μετάβαση σε λειτουργία προγραμματιστή στο πρόγραμμα περιήγησης
Ένας καλύτερος τρόπος για να ελέγξετε την έκδοση για κινητά του ιστότοπου (Google ή Yandex, καθώς και άλλες μηχανές αναζήτησηςεπισημάνετε την προσαρμοστικότητα στη λίστα με τους πιο σημαντικούς παράγοντες που επηρεάζουν την κατάταξη) είναι να μεταβείτε στη λειτουργία προγραμματιστή στο πρόγραμμα περιήγησης. Η μέθοδος λειτουργεί παρόμοια με πολλά προγράμματα περιήγησης:
- Mozilla: μπορείτε να μεταβείτε στη λειτουργία προγραμματιστή επιλέγοντας την επιλογή "Responsive design" στο μενού "Develop". πατώντας το συνδυασμό Ctrl + Shift + M. κάνοντας κλικ στο κουμπί "Responsive Design Mode" στη γραμμή εργαλείων προγραμματιστών ιστού.
- Chrome: η μετάβαση σε λειτουργία κινητής τηλεφωνίας γίνεται πατώντας το F12 και, στη συνέχεια, θα πρέπει να επιλέξετε το εικονίδιο της έκδοσης για κινητά (smartphone στα αριστερά πάνω γωνίαπαράθυρο που εμφανίζεται).
Στην Opera, η μετάβαση στη λειτουργία προγραμματιστή για να ελέγξετε την έκδοση για κινητά γίνεται πατώντας τον συνδυασμό Ctrl + Shift + i, αλλά υπάρχει άλλος τρόπος. Ειδική έκδοσηπρόγραμμα περιήγησης - Opera Mobile Classic Emulator - σας επιτρέπει να αξιολογήσετε πλήρως σχεδιασμός κινητού. Υπάρχουν εκδόσεις του προγράμματος για μεγάλα λειτουργικά συστήματα.
Εξομοιωτές φορητών συσκευών: Android Studio και Apple Xcode
Μπορείτε να ελέγξετε την έκδοση του ιστότοπου για κινητά ("Yandex" και Google) χρησιμοποιώντας εξομοιωτές φορητών συσκευών, οι οποίοι για Android και Apple είναι αντίστοιχα android studioή Apple Xcode.
Τέτοια εργαλεία αναπαράγουν με μεγάλη ακρίβεια τον ιστότοπο όπως θα φαίνεται σε κινητές συσκευές: οι πιο συνηθισμένες εκδόσεις προγραμμάτων περιήγησης για κινητές συσκευές είναι προεγκατεστημένες στα προγράμματα. Ωστόσο, οι εξομοιωτές δεν λαμβάνουν υπόψη την ταχύτητα λήψης και ορισμένες άλλες αποχρώσεις που μπορούν να παρατηρηθούν σε πραγματικές συνθήκες.
Για έλεγχο, απλώς εγκαταστήστε ένα από τα παραπάνω προγράμματα στον υπολογιστή σας και ανοίξτε τον ιστότοπο από τον εξομοιωτή.
Υπηρεσίες Ιστού επικύρωσης σχεδίασης για κινητά
Υπάρχουν περισσότερα απλούς τρόπουςελέγξτε την έκδοση για κινητά του ιστότοπου. Για παράδειγμα, η ηλεκτρονική υπηρεσία Responsinator σάς επιτρέπει να αξιολογήσετε την ορθότητα της εμφάνισης ενός πόρου σε κινητές συσκευές και την ευκολία χρήσης του ιστότοπου από τον χρήστη. Ο πόρος εμφανίζει τον ιστότοπο όπως θα φαινόταν σε έξι διαφορετικές συσκευές Android ή Apple και σε πολλαπλούς προσανατολισμούς.
Έλεγχος βελτιστοποίησης ιστοσελίδων για κινητές συσκευές
Άλλοι πόροι που σας επιτρέπουν να ελέγχετε την έκδοση για κινητές συσκευές του ιστότοπου αξιολογούν επιπλέον την προσαρμοστικότητα και όχι μόνο δείχνουν πώς θα φαίνεται ο ιστότοπος σε διάφορες συσκευές. Οι πιο έγκυρες υπηρεσίες: Google Mobile Friendly και "Yandex Webmaster" (έλεγχος ιστοσελίδων). Το Bing checker ή, για παράδειγμα, το Mobile Checker από το W3C αξιολογούν επίσης τη βελτιστοποίηση του ιστότοπου για κινητές συσκευές.
Το μόνο που απαιτείται από τον webmaster κατά την αξιολόγηση της έκδοσης του ιστότοπου για κινητές συσκευές που χρησιμοποιούν διαδικτυακές υπηρεσίες είναι να εισαγάγετε τη διεύθυνση του πόρου και να περιμένετε να ολοκληρωθεί η ανάλυση. Οι περισσότερες από τις παραπάνω υπηρεσίες ελέγχουν τη βελτιστοποίηση σε σχέση με τις παραμέτρους φιλικότητας για κινητά που αναφέρονται παραπάνω.
Έτσι, υπάρχουν διάφοροι τρόποι αξιολόγησης της προσαρμοστικότητας ενός πόρου Ιστού: ξεκινώντας από τη δοκιμή σε πραγματικά smartphone, tablet ή άλλες κινητές συσκευές ή αλλαγή μεγέθους του παραθύρου του προγράμματος περιήγησης ιστού, έλεγχος σε εξομοιωτές ή σε λειτουργία προγραμματιστή προγράμματος περιήγησης ιστού και τελειώνοντας με τη χρήση υπηρεσιών από την Yandex και την Google. Είναι πολύ εύκολο να ελέγξετε την έκδοση του ιστότοπου για κινητά και αυτό θα σας επιτρέψει να κάνετε τις απαραίτητες αλλαγές και να βελτιώσετε τη θέση του ιστότοπου στα αποτελέσματα αναζήτησης.
Σήμερα δεν χρειάζεται να πείσουμε κανέναν για την ανάγκη μιας έκδοσης του ιστότοπου για κινητά. Εξάλλου, καθημερινά υπάρχουν όλο και περισσότεροι επισκέπτες από smartphone και tablet. Τη στιγμή που γράφω αυτό το άρθρο, περίπου το 20% των επισκεπτών του ιστολογίου μου χρησιμοποιούν κινητές συσκευές για περιήγηση. Δηλαδή, κάθε πέμπτη επισκέπτεται τον ιστότοπό μου από τηλέφωνο ή tablet.
Πριν από μερικά χρόνια, δεν σκεφτόμουν καν τέτοιους επισκέπτες, αλλά όταν ο αριθμός τους ξεπέρασε το 10% του συνολικός αριθμόςΆρχισα να χρησιμοποιώ αποκριτική διάταξη. Αυτό κατέστησε δυνατή τη σωστή εμφάνιση περιεχομένου σε κινητές συσκευές και την αύξηση της αφοσίωσης τόσο των επισκεπτών όσο και των μηχανών αναζήτησης στον ιστότοπο.
Κινητή έκδοση του ιστότοπου και προσαρμοστικός σχεδιασμός- δεν είναι το ίδιο πράγμα. Αυτό το άρθρο αφορά τη δοκιμή. προσαρμοστική διάταξηόταν ο σχεδιασμός του ιστότοπου αλλάζει ανάλογα με την ανάλυση οθόνης της συσκευής του επισκέπτη.
Για να βεβαιωθείτε ότι ο ιστότοπός σας εμφανίζεται σωστά σε κινητές συσκευές, πρέπει να ελέγξετε και για αυτό υπάρχουν αρκετές χρήσιμες υπηρεσίεςκαι εργαλεία.
Γρήγορος έλεγχος προσαρμοστικής διάταξης
Δημοφιλές πρόγραμμα περιήγησης στο Διαδίκτυο (πρόγραμμα περιήγησης) Mozilla Firefoxείναι εξοπλισμένο με ένα ενσωματωμένο εργαλείο για τον έλεγχο του σχεδιασμού του ιστότοπου για καταλληλότητα για προβολή σε κινητές συσκευές. Για να το χρησιμοποιήσετε, μεταβείτε στο "Μενού" - "Ανάπτυξη" - "Προσαρμοστικός σχεδιασμός". Ή απλώς πατήστε τρία πλήκτρα στο πληκτρολόγιο ταυτόχρονα ++[M]
Θα πρέπει να δείτε κάτι σαν αυτό:
Αλλάζοντας την ανάλυση και τον προσανατολισμό της οθόνης, μπορείτε να ελέγξετε πώς θα εμφανίζεται ο ιστότοπός σας στους επισκέπτες από κινητές συσκευές.
Google Browser Χρώμιοέχει επίσης ενσωματωμένη υποστήριξη για τον έλεγχο της προσαρμοστικότητας του σχεδιασμού του ιστότοπου. Για να το κάνετε αυτό, μεταβείτε στο μενού, επιλέξτε το στοιχείο "Πρόσθετα εργαλεία" και στη συνέχεια "εργαλεία προγραμματιστή" (ή πατήστε το πλήκτρο ).
Μετά από αυτό, πατήστε το εικονίδιο σχεδίασης με απόκριση (ή πατήστε ταυτόχρονα στο πληκτρολόγιο ++[M]):
Στη μέση της οθόνης θα δείτε πώς θα εμφανίζεται ο ιστότοπός σας στις οθόνες των κινητών συσκευών:
Δοκιμή SEO σχεδίασης κινητών
Όπως γνωρίζετε, οι δύο παγκόσμιοι ηγέτες της αναζήτησης Google και Yandex έχουν τη δική τους άσεμνη γνώμη για το πώς πρέπει να φαίνεται ο ιστότοπος στις οθόνες των κινητών συσκευών. Και αν ο ιστότοπος αναγνωριστεί ως άβολος για επισκέπτες από κινητές συσκευές, τότε μειώνεται στα αποτελέσματα αναζήτησης. Έτσι, από την άποψη του SEO, εάν δεν θέλετε να χάσετε επισκέπτες από κινητές συσκευές, τότε όχι μόνο θα πρέπει να έχετε μια ανταποκρινόμενη σχεδίαση, αλλά οι μηχανές αναζήτησης θα πρέπει να τη θεωρούν responsive, δηλαδή φιλική προς κινητά.
Για να ελέγξετε την προσαρμοστικότητα με υπηρεσία Googleμεταβείτε στην ακόλουθη διεύθυνση και οδηγήστε στο όνομα του ιστότοπού σας: https://www.google.com/webmasters/tools/mobile-friendly/.
Αυτό είναι το αποτέλεσμα του ελέγχου του ιστολογίου μου:
Με το Yandex, είναι λίγο πιο περίπλοκο· για να το ελέγξετε, πρέπει να εγγραφείτε στην υπηρεσία Yandex.Webmaster και να χρησιμοποιήσετε την έκδοση beta της διεπαφής:
Διαδικτυακές υπηρεσίες για έλεγχο προσαρμοστικότητας
Το κύριο καθήκον αυτών των υπηρεσιών είναι να παρουσιάσουν (δείξουν) πώς θα φαίνεται ο ιστότοπός σας σε μια φορητή συσκευή. Υπάρχουν πολλοί ιστότοποι με τέτοια λειτουργικότητα. Θα αναφέρω μόνο μερικά από αυτά. Στις περισσότερες περιπτώσεις, αντιγράφουν την ενσωματωμένη λειτουργικότητα του FireFox και του Chrome.
Google resizer
Θα ξεκινήσω ξανά με την Google, η οποία έχει τη δική της υπηρεσία επίδειξης προσαρμοστικότητας: http://design.google.com/resizer/#
Quirktools screenfly
Η δεύτερη ωραία υπηρεσία είναι η http://quirktools.com/screenfly/ . Θα δείξει πώς μπορεί να φαίνεται ο ιστότοπός σας ακόμα και στην τηλεόραση!
Symby.ru προσαρμοστικό
Λοιπόν, για να μην προσβάλλουμε εγχώριος κατασκευαστής» Θα δώσω ένα παράδειγμα άλλου ιστότοπου: http://symby.ru/adaptest/. Σε μία σελίδα, θα δείτε πολλές προβολές με διαφορετικές αναλύσεις οθόνης ταυτόχρονα.
Η ταχύτητα της έκδοσης για κινητά του ιστότοπου
Αφού βεβαιωθείτε ότι ο ιστότοπός σας αποκρίνεται και εμφανίζεται σωστά στις οθόνες των περισσότερων συσκευών, θα πρέπει να ελέγξετε την ταχύτητα της εργασίας του. Και πάλι σε σχέση με τους μετακινούμενους επισκέπτες.
PageSpeed Insights
Η Google είναι πάντα μπροστά από την καμπύλη: https://developers.google.com/speed/pagespeed/insights/ . Αυτή η υπηρεσία θα δείξει πώς φαίνεται ο ιστότοπος στην οθόνη του τηλεφώνου και θα δώσει συστάσεις για το πώς να βελτιστοποιήσετε τον κώδικα για να αυξήσετε την ταχύτητα λήψης σε κινητές συσκευές.
WebPageTest
Και εν κατακλείδι, θα δώσω ένα παράδειγμα υπηρεσίας που όχι μόνο θα δείχνει πώς φαίνεται ο ιστότοπος σε μια φορητή συσκευή, αλλά θα δείχνει επίσης την ταχύτητα της δουλειάς του: http://www.webpagetest.org/
συμπεράσματα
Κατά τη γνώμη μου, στην καθημερινή εργασία, όταν κάνετε αλλαγές στη σχεδίαση του ιστότοπου, είναι πιο εύκολο να χρησιμοποιήσετε τις ενσωματωμένες λειτουργίες Προγράμματα περιήγησης Firefoxκαι Chrome. Μετά από αυτό, φυσικά, πρέπει να ελέγξετε την πιστότητα των μηχανών αναζήτησης στο σχέδιό σας. Και μόνο τότε, για να ηρεμήσετε την ψυχή ή να καυχηθείτε, μπορείτε να χρησιμοποιήσετε διαδικτυακές υπηρεσίες.
Γεια σας φίλοι! Στο άρθρο, θα εξετάσουμε το ερώτημα πώς να ελέγξετε τον ιστότοπο για κινητικότητα. Η δυνατότητα του ιστότοπου να εμφανίζεται σωστά σε όλους τους τύπους κινητών συσκευών επηρεάζει πλέον την προώθηση και τη συμμετοχή του και, ως εκ τούτου, τα κέρδη μέσω του Διαδικτύου.
Γιατί είναι σημαντικό να ελέγξετε τον ιστότοπο για κινητικότητα
Δεν είναι μυστικό ότι το μερίδιο της επισκεψιμότητας από κινητές συσκευές αυξάνεται κάθε μήνα και αν κοιτάξετε τα τελευταία δύο χρόνια, έχει αυξηθεί αρκετές φορές. Και αυτό είναι κατανοητό - οι χρήστες έχουν smartphone, iPhone, tablet και ούτω καθεξής. Η κίνηση που προέρχεται από κινητές συσκευές ονομάζεται κίνηση κινητής τηλεφωνίας. Άτομα με κίνηση κινητής τηλεφωνίαςόχι μόνο περιηγηθείτε στις σελίδες των τοποθεσιών, αλλά και πραγματοποιήστε αγορές.
Εξ ου και το ενδιαφέρον των μηχανών αναζήτησης για την επισκεψιμότητα από κινητά, επειδή τα κέρδη της Yandex και της Google εξαρτώνται άμεσα από τον αριθμό των αγοραστών. Κρίνετε μόνοι σας, στο ιστολόγιό μου το μερίδιο της επισκεψιμότητας αναζήτησης για κινητά είναι 15-20%, αλλά υπάρχουν ιστότοποι και ιστολόγια όπου η επισκεψιμότητα αναζήτησης είναι ακόμη μεγαλύτερη. Παρακάτω μπορείτε να δείτε ένα στιγμιότυπο οθόνης που δείχνει το μερίδιο της επισκεψιμότητας από κινητά στο ιστολόγιό μου. Παρεμπιπτόντως, το μερίδιο της κίνησης κινητής τηλεφωνίας από την Άπω Ανατολή είναι ακόμη υψηλότερο.
Για το λόγο αυτό, οι μηχανές αναζήτησης Yandex και Google αποφάσισαν να αναγκάσουν τους ιδιοκτήτες ιστότοπων και ιστολογίων να προσαρμόσουν τους ιστότοπούς τους ώστε να προβάλλονται σε κινητές συσκευές. Οι ιστότοποι και τα ιστολόγια που δεν εμφανίζονται σωστά σε διάφορες κινητές συσκευές μειώνονται στα αποτελέσματα αναζήτησης και η επισκεψιμότητα αναζήτησης μειώνεται.
Αυτό είναι σοβαρό, ποιος ενδιαφέρεται για το blogging, γράφοντας άρθρα ακριβώς έτσι χωρίς κανονική προσέλευση; Ταυτόχρονα, πολλοί ιστότοποι και ιστολόγια έχουν ήδη μια ενσωματωμένη έκδοση για κινητά, αλλά δεν υπάρχει καμία εγγύηση ότι όλα λειτουργούν σωστά εκεί. Επομένως, είναι σημαντικό για κάθε ιδιοκτήτη να ελέγχει τον ιστότοπο για κινητικότητα. Αυτό το άρθρο θα δείξει πώς ελέγχεται η έκδοση για κινητά του ιστότοπου στο Yandex και στο Google.
Από τον Φεβρουάριο του 2016, η Yandex ακολούθησε το παράδειγμα του μεγαλύτερου αδελφού της Google και παρουσίασε επίσης νέος αλγόριθμοςΒλαδιβοστόκ, το οποίο μειώνει πραγματικά τους ιστότοπους στα αποτελέσματα αναζήτησης εάν δεν εμφανίζονται σωστά σε κινητές συσκευές. Λοιπόν, ας προχωρήσουμε στην εξάσκηση και ας αρχίσουμε να ελέγχουμε τους ιστότοπούς μας για κινητικότητα.
Έλεγχος της έκδοσης του ιστότοπου για κινητάGoogle
Η Google ήταν η πρώτη που έλαβε υπόψη της την κινητικότητα του ιστότοπου, ο νέος αλγόριθμός της λειτουργούσε το 2015. Πρέπει να πω ότι με την εισαγωγή του νέου αλγορίθμου, οι ιστότοποι που δεν είχαν έκδοση για κινητά άρχισαν να πέφτουν σοβαρά. Πρέπει να πω ότι η Google είχε αμέσως ένα εργαλείο που σας επέτρεψε να ελέγξετε την έκδοση για κινητά του ιστότοπου στο Google - Google Developers, αυτό το εργαλείο λειτουργεί τώρα, θα επιστρέψουμε σε αυτό αργότερα.
Έλεγχος της έκδοσης του ιστότοπου για κινητά Google στο διαδίκτυοέδειξε τα υπάρχοντα προβλήματα, τα οποία κατέστησαν δυνατή την πραγματοποίηση διορθώσεων, τον επανέλεγχο του ιστότοπου για κινητικότητα και τη συνέχιση της ειρήνης. Σήμερα, υπάρχουν άλλες υπηρεσίες που σας επιτρέπουν να ελέγξετε τον ιστότοπο για κινητικότητα.
Ας εξετάσουμε, λοιπόν, τον πρακτικό έλεγχο του ιστότοπου για κινητικότητα στο Google, ο έλεγχος διαρκεί περίπου ένα λεπτό χρονικά. Για να ξεκινήσετε τον έλεγχο, πρέπει να μεταβείτε σε αυτόν τον σύνδεσμο και στο πεδίο εισάγετε Ονομα τομέατον ιστότοπό σας (ιστολόγιο) και κάντε κλικ στο κουμπί "Ανάλυση" (δείτε στιγμιότυπο οθόνης). Σε ένα λεπτό θα σας δοθεί το αποτέλεσμα. Ο έλεγχος της κινητικότητας του ιστότοπου στο Google φαίνεται επίσης στο παρακάτω βίντεο.
Σε αυτή τη σελίδα μπορείτε επίσης να διαβάσετε ενδιαφέρουσες πληροφορίες για αυτό το θέμα. Ο έλεγχος του ιστότοπού σας για κινητά στο Google είναι πολύ σημαντικός. Έτσι, για παράδειγμα, στις αρχές του 2015, ο ιστότοπός μου δεν ήταν προσαρμοσμένος σε κινητές συσκευές και η επισκεψιμότητα αναζήτησης από την Google ήταν μόνο το 5% της επισκεψιμότητας από το Yandex. Τον Μάιο του 2015, εγκαταστάθηκε η προσθήκη WPtouch, η οποία προσάρμοσε το ιστολόγιό μου και το μερίδιο της επισκεψιμότητας αναζήτησης από την Google αυξήθηκε στο 30% ή περισσότερο.
Έλεγχος της έκδοσης για κινητά του ιστότοπου στον αλγόριθμο Yandex, Vladivostok
Η Yandex αρέσκεται να ονομάζει τους αλγόριθμους της σύμφωνα με τις ρωσικές πόλεις, αυτή τη φορά το Βλαδιβοστόκ. Δεν είναι περίεργο που τον ονόμασαν αλγόριθμο Βλαδιβοστόκ, το γεγονός είναι ότι στο Βλαδιβοστόκ είναι το υψηλότερο ποσοστό κίνησης από κινητά. Όπως αναφέρθηκε ήδη, η Yandex έχει εισαγάγει ελέγχους κινητικότητας ιστότοπου στη Ρωσία από τον Φεβρουάριο του 2016 και στο εγγύς μέλλον αυτή η απαίτηση θα ισχύει για τις χώρες της ΚΑΚ και την Τουρκία.
Ο νέος αλγόριθμος του Yandex Vladivostok μειώνει πραγματικά τους ιστότοπους στα αποτελέσματα αναζήτησης, το έλεγξα στο δικό μου δέρμα. Έτυχε ότι τον Φεβρουάριο του 2016, οι εργασίες ανάθεσης ήταν σε πλήρη εξέλιξη στο ιστολόγιό μου (αυτό γράφτηκε στο άρθρο). Μια έκδοση για κινητά εγκαταστάθηκε αμέσως στο ιστολόγιο, αλλά δεν ήταν δυνατό να αντιμετωπίσετε τα βέλη "Επάνω" και "Κάτω", αυτό οδήγησε στην εμφάνιση οριζόντιας κύλισης και αυτό αποτελεί παραβίαση των απαιτήσεων του αλγορίθμου του Βλαδιβοστόκ. Ως αποτέλεσμα, το μερίδιο της επισκεψιμότητας αναζήτησης από το Yandex έχει μειωθεί στο μισό και δεν θέλει να ανακάμψει ακόμα.
Ο έλεγχος της έκδοσης για κινητά του ιστότοπου στο Yandex είναι αρκετά απλός, γράφτηκε σε ένα από τα άρθρα μου, αλλά και πάλι, θα το δείξω ξανά. Ο έλεγχος του ιστότοπου για κινητικότητα στο Yandex θα βοηθήσει νέο Yandex webmaster, γράφτηκε γι 'αυτόν σε άρθρα:
Πηγαίνουμε στη σελίδα του νέου webmaster Yandex, κάνουμε κλικ στο "Εργαλεία" και επιλέγουμε "Έλεγχος σελίδες για κινητά”, τώρα πρέπει να εισαγάγετε τη διεύθυνση του ιστότοπού σας στο πεδίο και να κάνετε κλικ στο κουμπί «Έλεγχος». Σε λιγότερο από ένα λεπτό θα εκδοθεί το αποτέλεσμα.
Όπως μπορείτε να δείτε από την οθόνη που παρουσιάζεται, και οι 6 ενδείξεις θα πρέπει να εμφανίζονται με πράσινο χρώμα. Εάν τουλάχιστον ένας δείκτης δεν ταιριάζει, τότε πρέπει να αναζητήσετε την αιτία και να την εξαλείψετε (γράφτηκε παραπάνω πώς επηρέασε η παρουσία οριζόντιας κύλισης Αποτελέσματα αναζήτησηςτο blog μου).
συμπέρασμα
Έτσι, σε αυτό το άρθρο εξετάσαμε το ερώτημα πώς να ελέγξετε τον ιστότοπο για κινητικότητα στο Yandex και στο Google, πώς επηρεάζει προώθηση αναζήτησηςιστοσελίδες και ιστολόγια, έμαθα τι αλγόριθμος αναζήτησηςΒλαδιβοστόκ. Το μόνο που μένει είναι να μάθουμε αν υπάρχουν παραβάσεις ή όχι και να τις εξαλείψουμε.
Εάν ο ιστότοπός σας δεν είναι προσαρμοσμένος για κινητές συσκευές, τότε έχετε δύο επιλογές:
- εγκαταστήστε ένα πρόσθετο που προσαρμόζει τον ιστότοπό σας.
- παραγγελία ανεξάρτητης προσαρμογής του ιστότοπού σας.
Τα πρόσθετα για προσαρμογή είναι διαφορετικά, μπορείτε να τα επιλέξετε. Για περισσότερες πληροφορίες σχετικά με την εγκατάσταση της προσθήκης WPtouch, μια επισκόπηση άλλων προσθηκών, μπορείτε να δείτε στην ανάρτηση του ιστολογίου μου. Παρεμπιπτόντως, μετά την εγκατάσταση της προσθήκης, θα χρειαστεί να ελέγξετε ξανά τον ιστότοπο για κινητικότητα. Για όσους αισθάνονται πιο άνετα να παρακολουθήσουν το βίντεο, παρουσιάζεται παρακάτω:
Θα χαρείτε να προσαρμόσετε τον ιστότοπο στην έκδοση για κινητά, αλλά το κόστος αυτής της εργασίας είναι αρκετά υψηλό - 40-70 $ ή ακόμα πιο ακριβό, εξαρτάται από εσάς. Ίσως θα είναι πιο εύκολο να παραγγείλετε έναν νέο ιστότοπο, αν υπάρχουν κάποιες άλλες αλλαγές και ιδέες, μπορεί να κοστίσει λιγότερο συνολικά. Πώς και πού να παραγγείλετε την ανάπτυξη ιστοτόπων εμφανίζεται στην πρόσφατη ανάρτησή μου στο ιστολόγιο.
Νομίζω ότι τώρα έχετε απαντήσεις σε όλες τις βασικές ερωτήσεις που σχετίζονται με τον έλεγχο της έκδοσης για κινητά του ιστότοπου. Ελέγξτε, διορθώστε και μην χάσετε την επισκεψιμότητα αναζήτησης. Καλή σου τύχη!
Με εκτίμηση, Ivan Kunpan.
ΥΣΤΕΡΟΓΡΑΦΟ.Για να δημιουργήσετε το δικό σας blog, θα χρειαστείτε τον χάρτη μυαλού που ανέπτυξα», μπορείτε να τον κατεβάσετε και να κάνετε τις γνώσεις σας στην πράξη, η τριετής μου εμπειρία έχει επενδυθεί στην ανάπτυξή του. Όταν γράφετε blog, είναι σημαντικό να γράφετε και να βελτιστοποιείτε σωστά τα άρθρα, οι μηχανές αναζήτησης εκτιμούν ιδιαίτερα τέτοια άρθρα. Μπορείτε να κατεβάσετε τον χάρτη μυαλού "" ή ένα βιβλίο επί πληρωμή ".
Λάβετε νέα άρθρα ιστολογίου απευθείας στα εισερχόμενά σας. Συμπληρώστε τη φόρμα, κάντε κλικ στο κουμπί "Εγγραφή".