Το κόστος της προώθησης αναζήτησης και το αποτέλεσμά της εξαρτώνται από τον τρόπο προσαρμογής του ιστότοπου για κινητές συσκευές.

Σε σελιδοδείκτες

Ο Dmitry Mrachkovsky, βελτιστοποιητής από την Ashmanov & Partners, είπε πώς να επιλέξετε ανάμεσα σε έναν προσαρμοστικό και έναν ιστότοπο για κινητά και ποια μη προφανή προβλήματα θα αντιμετωπίσετε.

Πλεονεκτήματα των ιστοσελίδων Responsive και Mobile

Είναι δύσκολο να απαντήσουμε κατηγορηματικά στο ερώτημα ποια τεχνολογία προσαρμογής για smartphone και tablet είναι πιο αποτελεσματική από την άποψη του SEO. Ακόμη και μεταξύ των μεγάλων παικτών, δεν παρατήρησα πλεονέκτημα υπέρ κάποιας απόφασης. Τα M.Video, DNS, Wildberries, Aviasales χρησιμοποιούν προσαρμοστική διάταξη και τα Lamoda, 220 Volt, Ulmart, Yandex.Market χρησιμοποιούν ιστότοπους για κινητές συσκευές. Ας ρίξουμε όμως μια ματιά στα οφέλη που αποκομίζουν ο πρώτος και ο δεύτερος.

Προσαρμοστική διάταξη του ιστότοπου "M.Video" και έκδοση για κινητά του ιστότοπου "220 Volt"

Η αποκριτική διάταξη βοηθάει να το κάνετε χωρίς να αναπτύξετε ξεχωριστή έκδοση για κινητά. Αυτό έχει πλεονεκτήματα:

• Δεν χρειαζόμαστε ξεχωριστή δομή σελίδας για εμφάνιση κινητές συσκευές. Αρκεί να διορθώσετε την επιτραπέζια έκδοση του ιστότοπου με χρησιμοποιώντας CSS.
• Για επιτραπέζιους υπολογιστές και εκδόσεις για κινητά, χρησιμοποιείται μια ενιαία διεύθυνση URL. Επομένως, το περιεχόμενο του ιστότοπου δεν είναι διπλό, οι σελίδες δεν ανταγωνίζονται μεταξύ τους και η εργασία προώθησης επηρεάζει την κατάταξη στις αναζητήσεις επιτραπέζιων υπολογιστών και κινητών.

Η έκδοση για κινητά είναι μια πιο δαπανηρή και ευέλικτη λύση. Μπορεί να επεξεργαστεί χωρίς να επηρεαστεί ο κύριος ιστότοπος. Αυτό σας δίνει τα ακόλουθα οφέλη:

• Ένας ιστότοπος για κινητές συσκευές μπορεί να γίνει όσο το δυνατόν πιο εύκολος και γρήγορος στη φόρτωση, αφαιρώντας την περιττή λειτουργικότητα σε επίπεδο κώδικα.
• Η διεπαφή μπορεί να βελτιωθεί για χρήστες κινητών, προσθέτοντας λειτουργίες που δεν ήταν διαθέσιμες στην έκδοση για υπολογιστές του ιστότοπου.
• Ο χρήστης μπορεί πάντα να μεταβεί στην κύρια έκδοση του ιστότοπου σε κινητή συσκευή, αν θέλει.

Θέλω να αναφέρω μια ακόμη τεχνολογία - RESS. Εμφανίζει στον χρήστη ένα πρότυπο επιτραπέζιου υπολογιστή ή κινητού ανάλογα με τη συσκευή, αλλά η διεύθυνση URL της σελίδας δεν αλλάζει. Το RESS συνδυάζει τα πλεονεκτήματα της προσαρμοστικής έκδοσης και της έκδοσης για φορητές συσκευές που περιγράφονται παραπάνω. Έχει όμως και δύο μειονεκτήματα: περίπλοκη και δαπανηρή υλοποίηση και σφάλματα στον εντοπισμό σπάνιων και μη δημοφιλών μοντέλων τηλεφώνου.

Προβλήματα με την απόκριση διάταξη

Το Adaptive είναι μια οικονομική και βολική λύση, αλλά από την άποψη του προώθηση αναζήτησηςέχει αρκετές παγίδες.

Λανθασμένη ερμηνεία του προσαρμοστικού

Ορισμένοι εφαρμόζουν εσφαλμένα την προσαρμοστική διάταξη και εμφανίζουν δύο πρότυπα σε μια σελίδα στον κώδικα ταυτόχρονα - επιτραπέζιους υπολογιστές και κινητά. Ανάλογα με τη συσκευή του χρήστη, το επιθυμητό τμήμα του κώδικα παραμένει ορατό, ενώ το υπόλοιπο κρύβεται χρησιμοποιώντας την οθόνη: κανένα . Αυτό εγείρει τρία προβλήματα:

1. Όλα τα στοιχεία περιεχομένου φορτώνονται δύο φορές: κείμενα, εικόνες, επικεφαλίδες H1 και H6, φρυγανιές, σχετικά και επιλεγμένα προϊόντα και ούτω καθεξής. Και στις μηχανές αναζήτησης πραγματικά δεν αρέσουν τα διπλότυπα.
2. Τα μέρη περιεχομένου που δεν χρησιμοποιούνται είναι κρυμμένα με CSS. Η γνώμη των μηχανών αναζήτησης για αυτό το θέμα είναι διφορούμενη. Η Google δήλωσε ότι αγνοεί το περιεχόμενο των κρυφών μπλοκ και η Yandex - ότι λαμβάνει υπόψη ολόκληρο το περιεχόμενο της σελίδας. Οι περισσότεροι ειδικοί SEO συμφωνούν ότι ένα τέτοιο σχέδιο δημιουργεί τον κίνδυνο τιμωρίας.
3. Ο κώδικας είναι διπλότυπος και ο ιστότοπος φορτώνει πιο αργά.

Μια τέτοια υλοποίηση είναι η λάθος προσέγγιση στην τεχνολογία RESS.

Απόκρυψη περιττών στοιχείων

Για να φτιάξετε μια διεπαφή προσαρμοστική έκδοσηπιο βολικό, μερικοί απαλλάσσονται από μέρος της λειτουργικότητας: μπλοκ που αποσπούν την προσοχή, μεγάλα κείμενα σε κατηγορίες καταλόγων και ούτω καθεξής. Όλα τα περιττά κρύβονται χρησιμοποιώντας την οθόνη: κανένα . Αλλά το πρόβλημα είναι ότι όλος ο κώδικας χρησιμοποιείται για τη φόρτωση της σελίδας και ο ιστότοπος είναι αργός. Επιπλέον, όπως προαναφέρθηκε, οι μηχανές αναζήτησης έχουν μια αμφιλεγόμενη στάση απέναντι σε τέτοιο περιεχόμενο - υπάρχει κίνδυνος να πέσουν υπό κυρώσεις.

Λανθασμένη χρήση JavaScript

Ορισμένοι χρησιμοποιούν JS για να αποφύγουν την εμφάνιση περιττών μπλοκ σε κινητές συσκευές. Αλλά αυτή η μέθοδος δεν είναι καλύτερη από την εμφάνιση: καμία . Υπάρχει κίνδυνος οι μηχανές αναζήτησης να μην ευρετηριάσουν το περιεχόμενο που προορίζεται για αυτές ακόμη και στην έκδοση για υπολογιστές. Οι μηχανές αναζήτησης γενικά δεν αντιλαμβάνονται πάντα σωστά το περιεχόμενο AJAX, ειδικά εάν δεν πληρούνται ορισμένες προϋποθέσεις για σωστή ευρετηρίαση.

Γιατί οι άνθρωποι εξακολουθούν να χρησιμοποιούν σχεδιασμό με απόκριση;

Η επιλογή του προσαρμοστικού καθοδηγείται συνήθως από δύο βασικά πλεονεκτήματα: την ανάπτυξη μιας μόνο έκδοσης του ιστότοπου και την απουσία προβλημάτων με πολλαπλές διευθύνσεις URL.

Είναι επίσης μια βολική λύση για προώθηση σε πολλές περιοχές. Εστιάζουμε όλες μας τις προσπάθειές μας σε έναν τομέα και λαμβάνουμε αποτελέσματα σε αναζητήσεις σε υπολογιστές και κινητές συσκευές. Για να το κάνετε αυτό, πρέπει να συνδέσετε τις περιοχές ενδιαφέροντος με τον ιστότοπο στο Yandex.Directory.

Και για το Google, δημιουργήστε μια σελίδα με τις διευθύνσεις των υποκαταστημάτων, ώστε η μηχανή αναζήτησης να καταλάβει σε ποιες περιοχές εργάζεστε. Προσαρμοστική διάταξη με ενιαίος τομέαςχρησιμοποιεί το M.Video με μεγάλη επιτυχία. Το κατάστημα έχει υψηλές θέσεις στα αποτελέσματα για κινητά και επιτραπέζιους υπολογιστές για ερωτήματα προϊόντων, κατηγορίας και πληροφοριών.

Μπορείτε να πάτε αντίστροφα - χρησιμοποιήστε γεω-υποτομείς για να αυξήσετε τη συνάφεια κειμένου των σελίδων. Σε αυτήν την περίπτωση, σε υποτομείς όπως spb.site.ru, samara.site.ru, kazan.site.ru εκχωρούνται περιοχές μέσω του Yandex.Webmaster και, στη συνέχεια, οι τίτλοι και οι μετα-ετικέτες εκχωρούνται με το τοπωνύμιο. Ένα άλλο πλεονέκτημα είναι ότι είναι εύκολο να ρυθμίσετε ξεχωριστά αναλυτικά στοιχεία για γεωγραφικούς υποτομείς για την παρακολούθηση των αποτελεσμάτων ανά περιοχή. Αυτή η μέθοδος προώθησης εφαρμόζεται από την MediaMarkt.

Προβλήματα με εκδόσεις ιστοτόπων για κινητές συσκευές

Το σχετικά υψηλό κόστος ανάπτυξης δεν είναι το μόνο μειονέκτημα των τοποθεσιών για κινητές συσκευές. Ακολουθεί μια λίστα με λιγότερο προφανή προβλήματα που μπορεί να αντιμετωπίσετε κατά την επιλογή αυτής της τεχνολογίας.

Διπλή προωθητική εργασία

Ο ιστότοπος για κινητές συσκευές βελτιστοποιείται και προωθείται ξεχωριστά από τον κύριο ιστότοπο και αυτό απαιτεί περισσότερους πόρους από ό,τι στην περίπτωση του προσαρμοστικού. Η βελτιστοποίηση πρέπει να ξεκινήσει με έκδοση για κινητάείχε ευρετηριαστεί σωστά και δεν ανταγωνιζόταν την επιφάνεια εργασίας. Για να το κάνετε αυτό, συνδέστε τα στο Yandex.Webmaster και το Search Console, ορίστε τα σωστά χαρακτηριστικά rel="alternate", ρυθμίστε την ευρετηρίαση και τη δημιουργία χαρτών XML.

Χάος λόγω απόλυτων συνδέσμων στο περιεχόμενο

Επιτραπέζιος υπολογιστής και πρότυπα για κινητάστο 99% των περιπτώσεων, κατεβάζουν περιεχόμενο από μία βάση δεδομένων. Αν χρησιμοποιεί απόλυτους συνδέσμουςστην εσωτερική σελίδα του ιστότοπου για υπολογιστές, υποδεικνύοντας το πρωτόκολλο και τον τομέα, θα εμφανίζονται επίσης στη σελίδα για κινητά. Όταν κάνετε κλικ σε έναν σύνδεσμο, θα συμβεί ένα από τα δύο σενάρια:

• Εάν η έκδοση για υπολογιστές έχει πράκτορας χρήστη, ο χρήστης θα δει την έκδοση για κινητά της σελίδας.
• Σε άλλες περιπτώσεις, ο χρήστης θα δει μια σελίδα επιφάνειας εργασίας και η δουλειά για τη δημιουργία μιας έκδοσης για κινητά θα είναι μάταιη.

Σε αυτήν την περίπτωση, το βάρος του εσωτερικού συνδέσμου του ιστότοπου ενδέχεται να παραβιαστεί. Για να αποφύγετε πρόβλημα, χρησιμοποιήστε το στο περιεχόμενο σχετικοί σύνδεσμοι. Δηλαδή, για το χαρακτηριστικό href, καθορίστε /page/ αντί για https://site.ru/page/ .

Το περιεχόμενο και η δομή των ιστότοπων για υπολογιστές και για κινητές συσκευές ενδέχεται να διαφέρουν. Επομένως, είναι λογικό να ευρετηριάζετε το περιεχόμενο και των δύο στην αναζήτηση για να αποφύγετε σφάλματα. Η Google συνιστά στην έκδοση για κινητά να υποδεικνύεται ότι το περιεχόμενο του ιστότοπου για υπολογιστές είναι κανονικό. Από την άλλη, η μηχανή αναζήτησης λέει ότι το περιεχόμενο των μη κανονικών σελίδων δεν λαμβάνεται υπόψη.

Όλα είναι ξεκάθαρα με το Yandex από αυτή την άποψη - ευρετηριάζει ξεχωριστά το περιεχόμενο των σελίδων για κινητά και επιτραπέζιους υπολογιστές. Για να το κάνετε αυτό, απλώς ορίστε το χαρακτηριστικό rel="alternate" από την κύρια έκδοση στην έκδοση για κινητά και μπορείτε επίσης να ρυθμίσετε 301 ανακατευθύνσεις από την έκδοση για επιτραπέζιους υπολογιστές στην έκδοση για κινητά, λαμβάνοντας υπόψη τον παράγοντα χρήστη της συσκευής.

Ασαφείς απαιτήσεις του ευρετηρίου mobile-first

Για να προετοιμαστείτε για τη μετάβαση σε ευρετήριο για κινητά, είναι λογικό να επιλέξετε την έκδοση του ιστότοπου για κινητές συσκευές ως κανονική σελίδα. Είναι αλήθεια ότι υπάρχουν ορισμένες ασάφειες στις συστάσεις σχετικά με το mobile-first. Για παράδειγμα, οι οδηγίες της Google λένε ότι το περιεχόμενο της έκδοσης για φορητές συσκευές και επιτραπέζιους υπολογιστές θα πρέπει να είναι παρόμοιο, αλλά δεν αποκαλύπτει τον βαθμό "ομοιότητας".

Τι γίνεται όμως αν η κατάταξη στην αναζήτηση επιτραπέζιου υπολογιστή απαιτεί ένα συγκεκριμένο μπλοκ περιεχομένου, το οποίο στην έκδοση για κινητά θα είναι περιττό, αλλά η προτεραιότητα θα δοθεί στην έκδοση για κινητά;

Ένα απόσπασμα από τον οδηγό της Google για την ευρετηρίαση ιστότοπων για κινητές συσκευές

Απόσπασμα από την αναφορά της Google για την εφαρμογή του ευρετηρίου mobile-first

Αλόγιστη χρήση σελίδων turbo

Ορισμένοι καινοτομούν τις μηχανές αναζήτησης αδιακρίτως, με την προσδοκία να επηρεάσουν την κατάταξη. Για παράδειγμα, οι σελίδες turbo Yandex, οι οποίες δεν αντικαθιστούν τις πλήρεις σελίδες για κινητά στην αναζήτηση, περιλαμβάνουν ένα μικρό μέρος της λειτουργικότητας του χρήστη και είναι λιγότερο μετατροπές. Εάν διαθέτετε εμπορικό site και είστε σίγουροι για την ποιότητα της έκδοσης για κινητά, μην βιαστείτε να εφαρμόσετε το "turbo" - ακόμα και για σελίδες με άρθρα και κριτικές.

Μείωση της επίδρασης των εξωτερικών συνδέσμων

Οι σύνδεσμοι εξακολουθούν να είναι σημαντικοί για την κατάταξη, ειδικά στην αναζήτηση Google. Όταν έχουμε έναν υποτομέα για κινητά, ορισμένοι χρήστες αρχίζουν να αναφέρονται σε αυτόν στα κοινωνικά δίκτυα και τα φόρουμ. Και το άλλο μέρος χρησιμοποιεί συνδέσμους προς τη διεύθυνση του κύριου ιστότοπου. Ως αποτέλεσμα, οι σύνδεσμοι αποδίδουν λιγότερο σε αναζητήσεις για κινητές συσκευές και επιτραπέζιους υπολογιστές από ό,τι αν είχαμε έναν τομέα.

Χαρακτηριστικά της προώθησης στις περιοχές

Παραπάνω, μιλήσαμε για δύο τρόπους προώθησης του προσαρμοστικού τοπικά - χρησιμοποιώντας έναν ενιαίο τομέα και γεω-υποτομείς. Εξετάστε αυτές τις επιλογές για εκδόσεις για κινητά.

Στην πρώτη περίπτωση, προωθούμε τον κύριο τομέα και τον υποτομέα για κινητά m.site.ru. Κάθε ένα από αυτά πρέπει να ορίσει τις περιοχές μέσω του Yandex.Directory. Το πρόβλημα είναι ότι μερικές φορές είναι αδύνατο να συνδέσετε μόνοι σας την έκδοση για κινητά του ιστότοπου με το υποκατάστημα. Θα πρέπει να επικοινωνήσετε με την τεχνική υποστήριξη, αλλά αυτό δεν εγγυάται ένα αποτέλεσμα. Δεν μπορείτε να δημιουργήσετε ξεχωριστό οργανισμό για την έκδοση του ιστότοπου για κινητά. Επομένως, εάν υπάρχουν πολλά κλαδιά, το δέσιμο μπορεί να διαρκέσει πολύ.

Γενικά αποκλείουμε την επιλογή χρήσης υποτομέων όπως m.spb.site.ru ή spb.m.site.ru. Αν και το Kholodilnik.ru, για παράδειγμα, το χρησιμοποιεί. Ωστόσο, σε αυτήν την περίπτωση, πρέπει να ρυθμίσετε τη διεύθυνση μεταξύ όλων των περιοχών εκδόσεων για φορητές συσκευές και επιτραπέζιους υπολογιστές, να τις διατηρείτε ενημερωμένες, να παρακολουθείτε τις αλλαγές και να παρακολουθείτε υπηρεσίες για webmasters. Αυτή είναι μια τεράστια δουλειά που είναι απίθανο να αποδώσει.

Υποβολή για έλεγχο καταλληλότητας κινητού τηλεφώνου

Εάν δεν υποβάλετε μια βελτιστοποιημένη έκδοση του ιστότοπού σας στο Yandex.Webmaster για δοκιμή φιλικότητας προς κινητά, ενδέχεται να μην εμφανίζεται στα αποτελέσματα αναζήτησης για κινητά. Το πρόβλημα ισχύει και για την προσαρμογή. Αυτό δεν συμβαίνει πάντα, αλλά σας συνιστώ να ακολουθείτε τα μηνύματα στο Webmaster.

Ένα τμήμα επικοινωνίας με την τεχνική υποστήριξη της Yandex σχετικά με την εκχώρηση μιας περιοχής στην έκδοση για κινητά του ιστότοπου

Γιατί χρησιμοποιούνται οι εκδόσεις για κινητά;

Τα κύρια πλεονεκτήματα των εκδόσεων για κινητά είναι φυσικά η δυνατότητα δημιουργίας ξεχωριστού προτύπου και η υψηλή ταχύτητα λήψης. Επιπλέον, είναι πιο εύκολο για τους παλιούς ιστότοπους να δημιουργήσουν μια ξεχωριστή έκδοση για κινητά παρά να εφαρμόσουν μια προσαρμοστική.

Επίσης, πολλοί ειδικοί SEO παρατήρησαν αύξηση της επισκεψιμότητας αναζήτησης μετά την εισαγωγή ενός ιστότοπου για κινητά αντί ενός προσαρμοστικού. Αν και δεν αποκλείω ο λόγος της ανάπτυξης να ήταν ότι υπήρξαν λάθη στην προσαρμοστική τους διάταξη που επηρέασαν αρνητικά την κατάταξη.

Ποια επιλογή να διαλέξετε

Εάν αναπτύσσετε έναν ιστότοπο από την αρχή ή έχετε ένα μικρό έργο, ρίξτε μια πιο προσεκτική ματιά στην προσαρμοστική διάταξη. Αυτή είναι μια πιο οικονομική και πιο γρήγορη λύση. Αλλά είναι καλύτερο να προγραμματίσετε τη λειτουργικότητα αμέσως, ώστε να μην χρειάζεται να αποκρύψετε μέρος του ιστότοπου ώστε να μην εμφανίζεται σε κινητές συσκευές στο μέλλον.

Εάν δίνετε προτεραιότητα στην εμπειρία χρήστη, θα πρέπει να επιλέξετε την έκδοση για κινητά. Μπορεί να αλλάξει χωρίς συνέπειες για την επιφάνεια εργασίας. Αυτό είναι σημαντικό εάν ο ιστότοπος κατέχει ηγετική θέση στο θέμα της επιφάνειας εργασίας στο τμήμα του.

Μπορείτε επίσης να χρησιμοποιήσετε την τεχνολογία RESS, αλλά να θυμάστε ότι σε αυτήν την περίπτωση, η Google προτιμά την έκδοση για κινητά.

Ένα απόσπασμα από τον οδηγό της Google για την ευρετηρίαση ιστότοπων με χρήση RESS

Όποια τεχνολογία κι αν επιλέξετε, προσπαθήστε να βεβαιωθείτε ότι ο ιστότοπος και οι εκδόσεις του έχουν ευρετηριαστεί σωστά, φορτώνονται όσο το δυνατόν γρηγορότερα και εμφανίζονται σε όλες τις συσκευές χωρίς προβλήματα.

Ευχαριστώ ειδικούς SEO

Στο τρέχον άρθρο, θα μιλήσουμε για το πώς ελέγχεται η έκδοση για κινητά του ιστότοπου, η ευκολία, η αναγνωσιμότητα και η σωστή εμφάνιση.

Ο έλεγχος του ιστότοπού σας για ευκολία εμφάνισης σε κινητές συσκευές μπορεί να ελεγχθεί χρησιμοποιώντας διάφορες υπηρεσίες web. Συγκεκριμένα, αυτή η υπηρεσίααπό την Google σάς επιτρέπει να αξιολογείτε επαρκώς τον αλφαβητισμό της διάταξης του κινητού σας.

Πρόσφατα Googleδήλωσε ότι οι ιστότοποι που δεν πληρούν τις απαιτήσεις της διάταξης για κινητά θα απαισιοδοξούν σε αναζητήσεις που πραγματοποιούνται με χρήση φορητών συσκευών. Αυτός ο αλγόριθμος λειτουργεί ήδη και ορισμένοι ιστότοποι που δεν μπήκαν στον κόπο να εμφανιστούν κινητές πλατφόρμεςαχ, πράγματι, έχουν παραλειφθεί Αποτελέσματα αναζήτησηςγια φορητές συσκευές.

Εάν ο ιστότοπός σας είναι τρεις φορές βολικός για επιτραπέζιους υπολογιστές, πρέπει να ελέγξετε την ποιότητα της διάταξης για κινητά, διαφορετικά θα χάσετε ένα εντυπωσιακό μέρος της επισκεψιμότητας (το μερίδιο των πλατφορμών για κινητές συσκευές στην αναζήτηση αυξάνεται ραγδαία κάθε χρόνο), πράγμα που σημαίνει ότι θα χάσεις τους πελάτες σου. Επομένως, πρέπει να προσαρμόσετε τους ιστότοπούς σας για κινητές συσκευές και να ελέγξετε τη σωστή εμφάνιση των τοποθεσιών σε προγράμματα περιήγησης για κινητά.

Έλεγχος της ποιότητας της διάταξης για κινητά χρησιμοποιώντας το Google Chrome

Για τους προγραμματιστές, η Google διαθέτει ένα εξαιρετικό εργαλείο προσομοίωσης για κινητά. Αυτό το εργαλείο είναι ενσωματωμένο Google πρόγραμμα περιήγησηςΧρώμιο. Για πρόσβαση, πατήστε F12στο πρόγραμμα περιήγησης (μετάβαση σε λειτουργία προγραμματιστή) και κάντε κλικ στο εικονίδιο του smartphone:

Η σελίδα μετατρέπεται σε λειτουργία εναλλαγής συσκευών, όπου μπορείτε να επιλέξετε μία από τις δημοφιλείς κινητές συσκευές, τύπο δικτύου (GPRS, 2G, 3G, 4G, κ.λπ.), να καθορίσετε αυστηρές ρυθμίσεις οθόνης. Αυτό σας επιτρέπει να προσομοιώσετε τη λειτουργία του ιστότοπου σε συγκεκριμένες κινητές συσκευές. Οι διαθέσιμες συσκευές περιλαμβάνουν διάφορες εκδόσεις iPad, ipad mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxyκαι κάποιες άλλες δημοφιλείς συσκευές.

Επιλέγοντας μια συγκεκριμένη συσκευή, μπορείτε να ελέγξετε τον ιστότοπο σε μια κινητή συσκευή. Για παράδειγμα, εμφάνιση της κύριας σελίδας του ιστότοπου "Nubex" στο iPad 3:

Και στο Samsung Galaxy S4:

Εδώ μπορείτε όχι μόνο να δείτε την εμφάνιση του ιστότοπου σε μια συγκεκριμένη συσκευή, αλλά και να εργαστείτε πλήρως με τον ιστότοπο, σαν να έχετε το σωστό gadget μπροστά σας. Αναμφίβολα, αυτό το εργαλείο είναι απλά απαραίτητο κατά την ανάπτυξη μιας έκδοσης του ιστότοπου για κινητά, αλλά ο τρόπος με τον οποίο θα εμφανίζεται ο ιστότοπός σας σε πραγματικές συσκευές πρέπει να ελέγχεται σε πραγματικές συσκευές. Αυτό είναι ιδιαίτερα σημαντικό εάν πρέπει να ελέγξετε την εμφάνιση του ιστότοπου σε "εγγενή" προγράμματα περιήγησης (Safari - για iPad / iPhone, IE - για Τηλέφωνο με Windowsκαι τα λοιπά.).

Το κόστος ανάπτυξης μιας έκδοσης για κινητά του ιστότοπου - από 15.000 ρούβλια

Με την έλευση των κινητών συσκευών στη ζωή μας, πολλά έχουν αλλάξει - ειδικότερα, οι δυνατότητες πρόσβασης έκτακτης ανάγκης στο Διαδίκτυο έχουν διευρυνθεί σημαντικά. Τώρα δεν είναι απολύτως απαραίτητο να έχετε μαζί σας φορητό υπολογιστή ή προσωπικό υπολογιστή για να δείτε την περίληψη. τελευταία νέαή μεταβείτε στον ιστότοπο της εταιρείας που σας ενδιαφέρει. Για να γίνει αυτό, αρκεί να έχετε ένα smartphone στο χέρι.

Έτσι, υπάρχει μια τάση αύξησης του mobile κοινού του Διαδικτύου, που σημαίνει ότι η ιστοσελίδα σας, δηλαδή η εκπροσώπηση της εταιρείας σας στο World Wide Web, χρειάζεται τροποποίηση.

Ποια είναι η έκδοση για κινητά του ιστότοπου

Οι περισσότεροι σύγχρονοι ιστότοποι εμφανίζονται εσφαλμένα στις οθόνες κινητών συσκευών και tablet.Η φυσική οθόνη του gadget που χρησιμοποιείται είναι παραδοσιακά μικρή σε μέγεθος, επομένως ο ιστότοπος που βρίσκεται στην οθόνη προσωπικός υπολογιστήςφαίνεται τέλειο, αποδεικνύεται εντελώς ακατάλληλο για προβολή σε οθόνη smartphone.

Πράγματι, ανάπτυξη έκδοσης για κινητάείναι ένα ξεχωριστό έργο, που περιλαμβάνει τη δημιουργία ειδικό σχέδιο, ανάπτυξη χρηστικότητας, διάταξη και βελτιστοποίηση περιεχομένου. Το κύριο καθήκον του σχεδιαστή είναι να μεταφέρει τις κύριες ιδέες της εταιρείας όσο το δυνατόν ακριβέστερα και ταυτόχρονα να τις χωρέσει σε μια μικρή οθόνη.

Σε ορισμένες περιπτώσεις, το περιεχόμενο του ιστότοπου μειώνεται, αφήνοντας μόνο τα πιο σημαντικά. Η δομή και η λειτουργικότητα αλλάζουν επίσης, μόνο ο στυλιστικός σχεδιασμός, ορισμένα στοιχεία και το περιεχόμενο παραμένουν αμετάβλητα.

Κινητή έκδοση του ιστότοπου είναι μια ευκαιρία για ολοκληρωμένη λύση των επαγγελματικών σας ζητημάτων.Σε αυτήν την έκδοση, για παράδειγμα, μπορούν να υλοποιηθούν λειτουργίες για συγκεκριμένες συσκευές που δεν είναι διαθέσιμες στους χρήστες Η/Υ. Όλα αυτά συμβάλλουν στην αύξηση της επισκεψιμότητας αυξάνοντας την ελκυστικότητα του ιστότοπού σας για χρήστες κινητών.

Πώς το κοινό του Διαδικτύου προτιμούσε τα smartphone από τους προσωπικούς υπολογιστές

Ταμπλόιντ με αξιοζήλευτη κανονικότητα βγάζουν τίτλους από την κατηγορία "Οι χρήστες του Διαδικτύου μεταναστεύουν μαζικά σε smartphone", "Οι Ρώσοι χρήστες πηγαίνουν στο Διαδίκτυο για κινητά". Περιττό να πούμε ότι υπάρχουν πολλοί λόγοι για τέτοιες δηλώσεις.

Σύμφωνα με την ερευνητική εταιρεία Mediascope, Μέχρι το 2017, το κοινό των χρηστών κινητού Διαδικτύου στη Ρωσία έφτασε τα 66 εκατομμύρια άτομα, που είναι το 54% του πληθυσμού.Επιπλέον, το 16% χρησιμοποιεί αποκλειστικά κινητό Διαδίκτυο.

Σημειώνεται επίσης ότι το κοινό του Διαδικτύου στα smartphone αυξάνεται πολύ γρήγορα, ενώ η πλοήγηση στο διαδίκτυο συνεχίζει να χάνει σταθερά έδαφος. Ανά Πέρυσιο αριθμός των Ρώσων που χρησιμοποιούν επιτραπέζιους υπολογιστές για πρόσβαση στο δίκτυο μειώθηκε κατά 4%.

Όπως μπορείτε να δείτε, η εποχή κινητό internet, και εάν ο ιστότοπός σας εξακολουθεί να μην πληροί τις προϋποθέσεις βολική θέασηαπό φορητές συσκευές, αυτό είναι μια πολύ σοβαρή παράλειψη.

Γιατί ο ιστότοπος για κινητά είναι σημαντικός για την προώθηση της επιχείρησής σας

Ο ιστότοπός σας εξακολουθεί να μην είναι φιλικός προς κινητά; Ένας απλός χρήστης του Διαδικτύου που θέλει να λάβει άμεσα τις απαραίτητες πληροφορίες είναι πιθανό να τον εγκαταλείψει, ανίκανος να αντέξει μια τέτοια ταλαιπωρία. Τι θα συμβεί μετά? Θα ανοίξει αμέσως το site του άμεσου ανταγωνιστή σας, ο οποίος έχει φροντίσει για τα ενδιαφέροντα του κινητού κοινού.

Για τις περισσότερες εταιρείες διαθεσιμότητα μιας έκδοσης του ιστότοπου για κινητά - καθόλου τάση του σήμερα, αλλά επιτακτική ανάγκη, η οποία εκφράζεται ως εξής:

• Αποτελεσματικότητα προώθησης ιστότοπου.Σύμφωνα με εκπροσώπους της Google, οι ιστότοποι που δεν διαθέτουν έκδοση για κινητά θα κατατάσσονται εκ των προτέρων χαμηλότερα σε σύγκριση με πόρους ιστού που είναι προσαρμοσμένοι στις οθόνες smartphone. Έτσι, η έκδοση για κινητά του ιστότοπου σήμερα δεν είναι μόνο μια ευκαιρία προσέλκυσης περισσότερης επισκεψιμότητας, αλλά και προϋπόθεση για την επιτυχημένη προώθηση του ιστότοπου στο Διαδίκτυο.
• Ευκολία για τους χρήστες.Το 40% των χρηστών του Διαδικτύου παραδέχονται ειλικρινά ότι θα μεταβούν σε άλλο ιστότοπο εάν ο ιστότοπος που τους ενδιαφέρει δεν έχει έκδοση για κινητά. Από επιχειρηματική άποψη, χάνετε ένα τεράστιο ποσό. πιθανούς πελάτεςεάν ο ιστότοπος της εταιρείας σας δεν είναι προσαρμοσμένος κινητά τηλέφωνακαι ταμπλέτες.
• Λαμπρή φήμη.Η εσφαλμένη εμφάνιση του ιστότοπού σας στην οθόνη ενός σύγχρονου gadget είναι ένα σημαντικό μειονέκτημα και μια εγγυημένη μομφή του χρήστη του Διαδικτύου. Από την άλλη, η παρουσία μιας έκδοσης για κινητά είναι ένα είδος «συν για κάρμα» και διατήρηση της σωστής εικόνας της εταιρείας.
• Ανταγωνιστικό πλεονέκτημα.Ανακαλύψατε ότι ο ιστότοπος των ανταγωνιστών σας δεν έχει έκδοση για κινητά; Ήρθε η ώρα να επωφεληθείτε από αυτήν την αστοχία και να εξασφαλίσετε ένα ισχυρό ανταγωνιστικό πλεονέκτημα, δηλαδή, να αποκτήσετε πελάτες που εγκαταλείπουν τους μη ανταποκρινόμενους ιστότοπους των αντιπάλων της επιχείρησής σας.

Πώς να "κάνετε φίλους" έναν ιστότοπο με κινητές συσκευές

Υπάρχουν δύο τρόποι για να λύσετε το πρόβλημα της σωστής εμφάνισης του ιστότοπού σας σε smartphone:

1. Δημιουργήστε μια ξεχωριστή έκδοση του ιστότοπου που θα υπάρχει ως εναλλακτική στην αρχική έκδοση.
2. Δημιουργώ προσαρμοστικός σχεδιασμός, με δυνατότητα αυτόματης προσαρμογής σε οποιοδήποτε μέγεθος οθόνης.

Εάν ο ιστότοπος της εταιρείας σας υπάρχει ήδη και δεν επιθυμείτε να επανασχεδιάσετε, αλλά ταυτόχρονα θέλετε να αυξήσετε την αφοσίωση του ιστότοπου στις κινητές συσκευές, είναι πιο κερδοφόρο να παραγγείλετε ανάπτυξη έκδοσης για κινητά. Σε αυτήν την περίπτωση, είναι δυνατή η αποθήκευση μόνο του περιεχομένου που θα είναι χρήσιμο για τους κατόχους smartphone.

Εάν ο ιστότοπος μόλις δημιουργείται και θέλετε να φροντίσετε αμέσως τα ενδιαφέροντα του κοινού του Διαδικτύου, θα πρέπει να προτιμήσετε τον προσαρμοστικό σχεδιασμό. Στην περίπτωση ενός έτοιμου ιστότοπου, η δημιουργία ενός προσαρμοστικού σχεδίου συνεπάγεται υψηλή ένταση εργασίας της διαδικασίας και, κατά συνέπεια, υψηλότερο κόστος.

Έκδοση για κινητά του ιστότοπου από το στούντιο web "Aspect": το κόστος ανάπτυξης

Μέχρι σήμερα, μόνο ένα μέρος των τοποθεσιών είναι προσαρμοσμένο για να λειτουργεί με κινητές συσκευές, πράγμα που σημαίνει ότι έχετε ακόμα την ευκαιρία να κερδίσετε ξανά το μερίδιό σας στην επισκεψιμότητα. Η ανάπτυξη μιας έκδοσης για κινητά του ιστότοπου σας προσφέρεται από το στούντιο web Aspect.

Το κόστος αυτής της υπηρεσίας είναι από 15 000 ρούβλια. Δημιουργούμε μια έκδοση για κινητά με βάση τον υπάρχοντα ιστότοπο και εμπλέκουμε μόνο τους καλύτερους ειδικούς σε αυτήν την εργασία.

Το κόστος της εργασίας περιλαμβάνει:

• Δημιουργία πρωτοτύπων νέων σελίδων.
• Ανάπτυξη σχεδίου για κινητά.
• Διάταξη.
• Προγραμματισμός της έκδοσης για φορητές συσκευές του ιστότοπου και σύνδεσή της με την κύρια.

Πόσος χρόνος χρειάζεται για τη δημιουργία μιας έκδοσης για κινητά;

Κατά μέσο όρο, χρειάζεται η ανάπτυξη μιας έκδοσης για κινητά του ιστότοπου από 10 εργάσιμες ημέρες. Οι συγκεκριμένοι όροι εξαρτώνται από τον όγκο της εργασίας, δηλαδή από τον αριθμό των σελίδων στον ιστότοπο, τον τύπο των πληροφοριών που παρουσιάζονται σε αυτές.

Μπορείτε να μειώσετε τις προθεσμίες μειώνοντας τον αριθμό των σελίδων που πρέπει να "μεταφερθούν" σε οθόνες smartphone - αυτές μπορεί να είναι σελίδες που παρέχουν δευτερεύουσες πληροφορίες που δεν έχουν αξία για τους χρήστες κινητού Διαδικτύου.

Πώς είναι η ανάπτυξη της έκδοσης για κινητά στο web studio μας

Ο αλγόριθμος της εργασίας μας μπορεί να αναπαρασταθεί ως εξής:

1. Η εφαρμογή σας για την ανάπτυξη έκδοσης για κινητά (μέσω τηλεφώνου, e-mail).
2. Συνάντηση και συζήτηση του έργου με τον διευθυντή.
3. Αξιολόγηση του αντικειμένου εργασιών και υπολογισμός του ακριβούς κόστους της υπηρεσίας.
4. Σύνταξη και υπογραφή της σύμβασης.
5. Πληρωμή και έναρξη εργασιών.
6. Ανάπτυξη του σχεδιασμού της έκδοσης για κινητά του ιστότοπου.
7. Συντονισμός και υπογραφή της πράξης αποδοχής της σχεδίασης.
8. Διάταξη έκδοσης για κινητά.
9. Μεταφορά περιεχομένου.
10. Παράδοση του έργου.

Είστε πεπεισμένοι για την ανάγκη για μια έκδοση για κινητά και θέλετε να παραγγείλετε την ανάπτυξή της; Το Web Studio "Aspect" εστιάζει πάντα στις τελευταίες τάσεις και είναι έτοιμο να σας παρέχει επαγγελματική βοήθεια στην "κινητοποίηση" του site σας.

Με την έλευση της έκρηξης των κινητών συσκευών, οι προγραμματιστές βρέθηκαν αντιμέτωποι με μια επιλογή: θα έπρεπε να διατηρήσουν τις εκδόσεις των ιστοτόπων τους για κινητές συσκευές μαζί με τις «πλήρεις» ή θα έπρεπε οι ιστότοποι να ανταποκρίνονται και να προσαρμοστούν σε διαφορετικά μεγέθη οθόνης;

Προς το παρόν, κατά τη δημιουργία εκδόσεων ιστοτόπων για κινητές συσκευές, υπάρχουν 3 κύριοι τρόποι δημιουργίας τους:

• Προσαρμοστικός σχεδιασμός;
• Ξεχωριστή έκδοση για κινητά του ιστότοπου.
• RESS (Responsive Design + Server Side).

Κάθε μία από τις μεθόδους έχει τα πλεονεκτήματα και τα μειονεκτήματά της, τα οποία θα προσπαθήσω να περιγράψω λεπτομερώς.

Προσαρμοστικός σχεδιασμός

Τα ερωτήματα πολυμέσων CSS3 χρησιμοποιούνται συνήθως για την υλοποίηση αποκριτικού σχεδιασμού. Ανάλογα με το μέγεθος της οθόνης, ο χρήστης θα δει μια διαφορετική εικόνα:

Οθόνη @media και (μέγ. πλάτος: 1600 εικονοστοιχεία) ( div.για παράδειγμα (πλάτος: 1500 εικονοστοιχεία;) ) οθόνη @μέσα και (μέγ. πλάτος: 1280 εικονοστοιχεία) ( div.για παράδειγμα (πλάτος: 1100 px;) ) @media οθόνη και (μέγιστο πλάτος: 1024 εικονοστοιχεία) ( div.για παράδειγμα (πλάτος: 980 px;) )

Πλεονεκτήματα του Responsive Design

• Ευκολία ανάπτυξης -με προσαρμοστική διάταξη, ολόκληρη η δομή του ιστότοπου προσαρμόζεται αυτόματα σε διαφορετικά πλάτη οθόνης. Για να αποκτήσετε ένα λειτουργικό προϊόν, δεν χρειάζεται να γράψετε τα πάντα από την αρχή - απλώς τροποποιήστε το CSS και το HTML... Δεδομένης της διαθεσιμότητας πλαισίων όπως το Bootstrap, μια τέτοια ανάπτυξη δεν είναι πολύ δύσκολη με μια τυπική υλοποίηση. Επιπλέον, η υποστήριξη ενός τέτοιου προϊόντος θα ήταν μια σχετικά απλή εργασία.
• Μία διεύθυνση URL -μας γλιτώνει από περιττές ανακατευθύνσεις και την ανάγκη να θυμάται ο χρήστης τη διεύθυνση της έκδοσης για κινητά (ακόμα και αν είναι μόνο το πρόθεμα m.). Επίσης, η παρουσία μιας ενιαίας διεύθυνσης θα επηρεάσει θετικά την προώθηση του ιστότοπου, καθώς θα είναι «πιο βολικό» για τις μηχανές αναζήτησης να λειτουργούν.

Μειονεκτήματα του Responsive Design

• Διάφορες εργασίες -Οι τυπικές εργασίες των "κινητών" χρηστών μεγάλων τοποθεσιών συνήθως διαφέρουν από αυτές των χρηστών Η/Υ. Εάν είστε πελάτης τράπεζας, τότε, πιθανότατα, στην έκδοση για κινητά του ιστότοπου θα σας ενδιαφέρει ένα πολύ περιορισμένο εύρος πληροφοριών - διευθύνσεις των πλησιέστερων καταστημάτων, ΑΤΜ κ.λπ.
  Γενικά, με την προσαρμοστική διάταξη, η πιο κοινή προσέγγιση είναι να δημιουργήσετε ένα αντίγραφο ενός κανονικού ιστότοπου, να εφαρμόσετε τις ανάγκες όλων των ομάδων στη διάταξη για τηλέφωνα στοχευμένο κοινό. Αλλά τότε μπορείτε να ξεχάσετε τη χρηστικότητα. Τα δευτερεύοντα τμήματα που είναι απαραίτητα για το πέντε τοις εκατό των επισκεπτών θα δημιουργήσουν ταλαιπωρία για το μεγαλύτερο μέρος των πελατών.
Το «βάρος» των ιστότοπων παραμένει σοβαρό εμπόδιο για τους χρήστες κινητών τηλεφώνων. Αυτό σημαίνει ότι ορισμένα από τα ενεργά στοιχεία τυπικά για επιτραπέζιους ιστότοπους, συμπεριλαμβανομένων των ενσωματωμένων χαρτών, βίντεο, αριθμομηχανών δανείων και κινούμενων μενού σε ιστότοπους για κινητές συσκευές, θα πρέπει να αντικατασταθούν με πιο ελαφριές εναλλακτικές λύσεις. Μπορεί το responsive design να μας δώσει αυτή τη δυνατότητα; Σε μια δημοφιλή υλοποίηση, ένας χρήστης με μικρή οθόνη πρέπει να φορτώσει ολόκληρη τη σελίδα για να δει μόνο ένα μέρος της. Για παράδειγμα, εάν η έκδοση επιτραπέζιου υπολογιστή της κύριας διάταξης ζυγίζει 200 ​​Kb και η έκδοση για κινητά άλλα 50 Kb, θα πρέπει να κάνετε λήψη 250 Kb για να την προβάλετε. Φυσικά, μπορείτε να χρησιμοποιήσετε συμπίεση κώδικα σελίδας, αλλά επιπλέον αιτήματαθα συνεχίσει να πηγαίνει στον διακομιστή.
• απελπισία -Ενας από αναμφισβήτητα πλεονεκτήματαέκδοση για κινητά: αν δεν σας αρέσει, μπορείτε να το απενεργοποιήσετε, να μεταβείτε σε έναν κανονικό τομέα. Οι ιστότοποι με ανταπόκριση σχεδιασμού δεν παρέχουν αυτή την απλή αλλά σημαντική επιλογή. Εάν η προσαρμοσμένη διάταξη είναι άβολη, με λάθη ή αν κρύβει ένα σημαντικό στοιχείο πλοήγησης, αφήστε το ήσυχο: δεν μπορείτε να κάνετε τίποτα για να το δείτε ξανά. Θα πρέπει να τρέξετε για να αναζητήσετε έναν ιστότοπο υπολογιστή ή ανταγωνιστή. Μπορείτε να βρείτε "πατερίτσες" για να παρακάμψετε αυτόν τον περιορισμό (χρησιμοποιήστε cookies και συμπεριλάβετε διαφορετικά φύλλα στυλ). Αλλά αυτή η προσέγγιση περιπλέκει την ανάπτυξη.

Σε γενικές γραμμές, η ιδέα της ανάπτυξης μιας έκδοσης για φορητές συσκευές σε προσαρμοστικό σχεδιασμό είναι αρκετά δημοφιλής, παρά τα παραπάνω μειονεκτήματα. Συγκεκριμένα, αυτή η ιδέα υποστηρίζεται πλήρως από τέτοιους γίγαντες όπως, για παράδειγμα, η Google.

Ξεχωριστή έκδοση για κινητά του ιστότοπου

Για να κάνουν τον ιστότοπο βολικό για χρήστες κινητών, συχνά δημιουργούν επίσης ξεχωριστές εκδόσεις ιστότοπων - ειδικά προσανατολισμένες στον χρήστη με smartphone / tablet. Η πιο συνηθισμένη πρακτική είναι η ανακατεύθυνση των χρηστών κινητών σε έναν ειδικό υποτομέα (m.example.com, mobile.example.com, κ.λπ.). Πιθανώς, στο 99% των περιπτώσεων, η έκδοση για κινητά είναι μια απογυμνωμένη κύρια έκδοση - μόνο με τη λειτουργικότητα που, σύμφωνα με τους προγραμματιστές, θα είναι απαραίτητη και χρήσιμη για χρήστες κινητών συσκευών και tablet.

Πλεονεκτήματα της έκδοσης για κινητά

• Ευκολία αλλαγήςΔεδομένου ότι ο ιστότοπος υπάρχει, de facto, χωριστά από την κύρια έκδοση, είναι πολύ πιο εύκολο να κάνετε αλλαγές σε αυτόν που σχετίζονται μόνο με την έκδοση για κινητά, καθώς η έκδοση για κινητά τις περισσότερες φορές δεν παρέχει περιττή, περιττή λειτουργικότητα.
• Φιλικότητα προς τον χρήστη -η έκδοση για κινητά είναι συνήθως πολύ απλοποιημένη σε σύγκριση με την έκδοση για επιτραπέζιους υπολογιστές, επομένως ο χρήστης δεν χρειάζεται να πάει μακριά για τις πληροφορίες που χρειάζεται.
• Ταχύτητα -λόγω της ίδιας απλοποίησης του ιστότοπου, η έκδοση για κινητά φορτώνει πιο γρήγορα. Αυτό είναι απαραίτητο για χρήστες που εξακολουθούν να χρησιμοποιούν GPRS ή αδύναμο 3G.
• Επιλογή-πιο συχνά, στην έκδοση για κινητά είναι δυνατή η μετάβαση στην κύρια έκδοση του ιστότοπου.

Μειονεκτήματα της έκδοσης για κινητά

• Πολλαπλές διευθύνσεις -
• Ενόχληση χρήστη -διαφορετικές διευθύνσεις για επιτραπέζιους υπολογιστές και εκδόσεις για φορητές συσκευές. Για κάποιους, αυτό μπορεί να αποδειχθεί ένα πλεονέκτημα, για άλλους μπορεί να είναι ένας εξαιρετικά ενοχλητικός παράγοντας όταν, για να δείτε εύκολα τον ιστότοπο, πρέπει να θυμάστε μια ακόμη διεύθυνση. Υπάρχουν επίσης προβλήματα με τις μηχανές αναζήτησης: για να αποφευχθεί το διπλό περιεχόμενο, οι SEO πρέπει να χρησιμοποιούν τις μετα-ετικέτες rel="alternative" και rel="canonical". Επιπλέον, όταν ένας χρήστης κινητής τηλεφωνίας αναζήτηση Googleκάνοντας κλικ στον σύνδεσμο στα αποτελέσματα, θα μεταφερθεί στην έκδοση για υπολογιστές ή θα ανακατευθυνθεί στην έκδοση για κινητά. Αλλά εάν η έκδοση για κινητά αυτής της σελίδας δεν υπάρχει, θα εμφανιστεί ένα σφάλμα.
• Περιορισμός -Η δημιουργία ενός ξεχωριστού ιστότοπου για κινητά σημαίνει να απαλλαγείτε από μέρος του περιεχομένου και της λειτουργικότητας. Επιπλέον, ενδέχεται να έχετε δύο διαφορετικά σύνολα περιεχομένου που μπορεί να επηρεάσουν αρνητικά τη συνολική εικόνα πληροφοριών.

Γενικά, η δημιουργία εκδόσεων ιστότοπων για κινητές συσκευές δικαιολογείται αρκετά καλά, ιδίως για μεγάλα έργα. Για παράδειγμα, η Amazon χρησιμοποιεί μια ειδική έκδοση του ιστότοπου για κινητά.

ΑΠΕ

Η ίδια η Google, αν και υποστηρίζει τη χρήση responsive design από webmasters, χρησιμοποιεί διαφορετικό σύστημα στα προϊόντα της. Αν επισκεφθείτε, για παράδειγμα, αρχική σελίδακάτω από διαφορετικούς User-Agents, μπορείτε να δείτε διαφορετικό HTML για διάφορες συσκευές. RESS - Responsive Design + Server Side. Παράδειγμα εφαρμογής, σκιαγραφημένο "στο γόνατο":

$DS = DIRECTORY_SEPARATOR; require_once(dirname(__FILE__) . $DS . "libraries" . $DS . "browser.php"); $συσκευή = Browser::detectDevice(); if($device == DEVICE_TYPE_MPHONE)( $tmpl = "template.m.php"; ) other if($device == DEVICE_TYPE_TABLET)( $tmpl = "template.t.php";) else($tmpl = "template .php"; ) include(dirname(__FILE__) . $DS . "templates" . $DS . $tmpl);

Πλεονεκτήματα των ΑΠΕ

Στην πραγματικότητα, η μέθοδος μπορεί να περιλαμβάνει τα πλεονεκτήματα τόσο μιας ξεχωριστής έκδοσης ιστοτόπων για κινητά όσο και μιας αποκριτικής έκδοσης, ανάλογα με την υλοποίηση. Από ότι νέο θα υπάρξει:

• Ελαχιστοποίηση κυκλοφορίας -Το περιττό JavaScript μπορεί να αφαιρεθεί από το HTML, το οποίο ελευθερώνει CPU, μνήμη και προσωρινή μνήμη στην κινητή συσκευή. Μπορεί επίσης να βελτιστοποιηθεί ειδικά για html και css.
• Είναι δυνατή η χρήση στόχευσης -για παράδειγμα, για συσκευές Android, προσφέρετε τη λήψη της εφαρμογής από το GooglePlay και για την Apple - από το iTunes. Για κάθε συσκευή, μπορείτε να κάνετε τη διάταξή σας.

Μειονεκτήματα

• Δυσκολία στην ανάπτυξημια τέτοια μέθοδος θα απαιτήσει την κατάλληλη διαμόρφωση διακομιστή και την εργασία περισσότερων προγραμματιστών. Θα χρειαστεί επίσης να κάνετε πολλές διαφορετικές επιλογές διάταξης.
• Μηχανισμός ανίχνευσης συσκευής -Δυστυχώς, ακόμη και στην εποχή μας δεν έχει ακόμη τελειοποιηθεί. Ιστορίες σχετικά με το πώς το σπάνιο τηλέφωνο κάποιου δεν ορίζεται ως φορητή συσκευή εμφανίζονται αρκετά συχνά.

Γενικά, το RESS είναι η καλύτερη από τις τρεις προτεινόμενες επιλογές, ωστόσο, απαιτεί πολύ περισσότερη προσπάθεια κατά την ανάπτυξη.

Περίληψη

Κατά την προσωπική μου άποψη, δεν υπάρχει ιδανική επιλογή που πρέπει να χρησιμοποιήσει ο καθένας. Η καλύτερη επιλογή για μένα είναι το RESS. Ωστόσο, αυτή είναι μια από τις σπάνιες επιλογές γιατί απαιτεί μεγάλη προσπάθεια για να εφαρμοστεί. Σε γενικές γραμμές, και οι 3 επιλογές έχουν τα θετικά και τα αρνητικά τους, ανάλογα με την ουσία και την κατεύθυνση του ιστότοπου.

Κυκλοφόρησε ένα νέο βιβλίο, "Μάρκετινγκ περιεχομένου στα μέσα κοινωνικής δικτύωσης: Πώς να μπείτε στο κεφάλι των συνδρομητών και να τους κάνετε να ερωτευτούν την επωνυμία σας".

Η έκδοση για κινητά του ιστότοπου είναι μια διπλότυπη έκδοση του κύριου ιστότοπου, για τον οποίο χρησιμοποιείται μια ειδική διάταξη, η οποία σας επιτρέπει να προβάλλετε και να περιηγηθείτε εύκολα στις σελίδες του πόρου από κινητά τηλέφωνα και tablet.

Περισσότερα βίντεο στο κανάλι μας - μάθετε το διαδικτυακό μάρκετινγκ με τη SEMANTICA

Το κινητό έχει γίνει α ο καλύτερος φίλοςγια τους περισσότερους ανθρώπους στον πλανήτη. Τα σύγχρονα gadget για κινητά έχουν αναλάβει σχεδόν πλήρως τον ρόλο επιτραπέζιους υπολογιστέςκαι άλλαξε ριζικά τη συμπεριφορά των χρηστών στο Διαδίκτυο. Αποτελούν ταυτόχρονα πηγή πληροφοριών και μέσο υλοποίησης πολλών εργασιών. Η δυναμική της ζωής απαιτεί την πιο αποτελεσματική χρήση του χρόνου, γι' αυτό εδώ και καιρό μελετάμε, αγοράζουμε και κάνουμε κράτηση εν κινήσει.

Κάθε έργο στο Διαδίκτυο έχει τη δική του κύρια τοποθεσία, αλλά η ανάλυση οθόνης των κινητών συσκευών είναι διαφορετική από τους υπολογιστές και τους φορητούς υπολογιστές. Ως αποτέλεσμα, είναι σχεδόν αδύνατο να χρησιμοποιήσετε τον ιστότοπο από τηλέφωνο, καθώς η εμφάνιση του είναι πολύ άβολη. Γι' αυτό χρειαζόταν μια βελτιστοποιημένη έκδοση του ιστότοπου που θα ήταν ευανάγνωστη για gadget τσέπης.

Γιατί χρειάζεστε μια έκδοση του ιστότοπου για κινητά

Η αφθονία των πανομοιότυπων διαδικτυακών πόρων, τόσο ενημερωτικών όσο και πωλητικών, προκαλεί έλλειψη αφοσίωσης από την πλευρά των επισκεπτών. Οι χρήστες του Διαδικτύου έχουν μια επιλογή, οπότε όταν ένας επισκέπτης σκοντάφτει, για παράδειγμα, σε μια άβολη πλοήγηση πόρων, προτιμά να μην σπαταλήσει τον χρόνο του, αλλά να εγκαταλείψει τον ιστότοπο και να πάει σε έναν ανταγωνιστή. Αυτή η κατάσταση αναγκάζει τους διαχειριστές να δημιουργήσουν τις πιο άνετες συνθήκες για να προσελκύσουν όχι μόνο επισκέπτες, αλλά και να τους παρακινήσουν να μείνουν.

Η μέγιστη κάλυψη του κοινού-στόχου και η δημιουργία άνετων συνθηκών για αυτό - γι' αυτό προορίζεται η έκδοση για κινητά του ιστότοπου.

Μια ξεχωριστή έκδοση του ιστότοπου για κινητά είναι η εφαρμογή άνετης πρόσβασης στον ιστότοπο από κινητές συσκευές, η οποία χρησιμοποιείται εδώ και πολύ καιρό. Στα smartphone, ο ιστότοπος εμφανίζεται σε μία στήλη, επομένως, πριν δημιουργήσει μια έκδοση για φορητές συσκευές, ο προγραμματιστής πρέπει να σκεφτεί προσεκτικά τη σχεδίαση - τοποθετήστε τα πάντα έτσι ώστε να μην περικόψει με κανέναν τρόπο τον επισκέπτη σε λειτουργικότητα και, Ταυτόχρονα, κάντε την αλληλεπίδραση με τον πόρο όσο το δυνατόν πιο βολική.

Πως δουλεύει

Η αρχή με την οποία λαμβάνεται η απόφαση ποια έκδοση θα εμφανιστεί στον επισκέπτη είναι ότι όταν ο χρήστης εισέρχεται στον ιστότοπο, αυτόματη ανίχνευσηοθόνη της συσκευής. Εάν το πλάτος της οθόνης προσδιορίζεται ως gadget για κινητά, τότε ενεργοποιείται μια ανακατεύθυνση στην έκδοση του πόρου για κινητά, η οποία βρίσκεται σε ξεχωριστό υποτομέα. Για να αποτρέψετε τις μηχανές αναζήτησης να αντιμετωπίζουν αυτήν την έκδοση ως ξεχωριστό πόρο στο μέλλον, είναι καλύτερο να τοποθετήσετε έναν υποτομέα στον ίδιο τομέα με τον κύριο ιστότοπο, διαφορετικά η προώθηση της έκδοσης για κινητά του ιστότοπου θα είναι αντιπαραγωγική.

Πώς να μεταφράσετε τον ιστότοπο σε έκδοση για κινητά

Υπάρχουν ορισμένες αρχές και η εφαρμογή τους θα απαιτήσει δεξιότητες προγραμματισμού και διάταξης.

Σε όχλο. έκδοση, πρέπει να διατηρήσετε τη γενική ιδέα με την έκδοση για επιτραπέζιους υπολογιστές, αλλά ταυτόχρονα, να αναπτύξετε ξεχωριστές λύσεις σχεδιασμού, καθώς και τη διεπαφή που είναι πιο βολική για χρηστικότητα. Τα στοιχεία πόρων στην οθόνη του επισκέπτη θα πρέπει να είναι τοποθετημένα σε κατάλληλη απόσταση και να εμφανίζονται αρκετά μεγάλα για εύκολο πάτημα του δακτύλου. Μετά από αυτό, ακολουθεί η δοκιμή και η τελική εκκίνηση.

Έκδοση για κινητά έναντι προσαρμοστικής διάταξης

Παράλληλα με μια ξεχωριστή έκδοση για κινητά του ιστότοπου, υπάρχει μια άλλη ερμηνευμένη παραλλαγή - προσαρμοστικός σχεδιασμός.

Ας προσπαθήσουμε να καταλάβουμε πώς διαφέρει η έκδοση για κινητές συσκευές του ιστότοπου από την προσαρμοστική.
Ένας αποκριτικός ιστότοπος δεν είναι μια ξεχωριστή έκδοση του πόρου, είναι ο κύριος ιστότοπος και προσαρμόζεται αυτόματα στην ανάλυση της συσκευής από την οποία συνδέεστε.

Τα πλεονεκτήματα της αποκριτικής διάταξης περιλαμβάνουν το γεγονός ότι έχει την ίδια διεύθυνση με τον κύριο ιστότοπο, επομένως δεν απαιτείται ανακατεύθυνση. Και αυτό ενισχύει σημαντικά τη θέση του ιστότοπου κατά την κατάταξη. μηχανές αναζήτησης. Κατά το άνοιγμα εμφανίζεται απολύτως το ίδιο περιεχόμενο του ιστότοπου και η λειτουργικότητά του, αλλά η εμφάνισή του προσαρμόζεται στο μέγεθος του παραθύρου. Επιπλέον, υπάρχει η δυνατότητα βελτιστοποίησης του πόρου.

Όμως, η ανάπτυξη μιας προσαρμοστικής έκδοσης είναι μια πιο χρονοβόρα διαδικασία· κατά συνέπεια, το δαπανηρό μέρος της εκδήλωσης θα είναι επίσης μεγαλύτερο.

Ο αποκριτικός σχεδιασμός είναι σχετικός με πόρους που δεν έχουν μεγάλο κύκλο εργασιών επισκεπτών - ηλεκτρονικά καταστήματα, ιστολόγια, επαγγελματικές κάρτες, καθώς και ιστότοποι, το κύριο καθήκον τους είναι να παρέχουν περιεχόμενο.

Πλεονεκτήματα και μειονεκτήματα της έκδοσης για κινητά

Η έκδοση για κινητά έχει περισσότερα υψηλή ταχύτηταλήψεις και ευκολία πλοήγησης. Δεδομένου ότι ο επισκέπτης βλέπει ελάχιστες πληροφορίες που αποσπούν την προσοχή, η πιθανότητα μιας θετικής ενέργειας από την πλευρά του είναι μεγαλύτερη. Επιπλέον, μια ξεχωριστή έκδοση για κινητά είναι εντελώς ανεξάρτητη από την επιτραπέζια έκδοση. Αυτό καθιστά δυνατή τη συνεργασία μαζί τους ξεχωριστά.

Τα μειονεκτήματα μιας τέτοιας έννοιας περιλαμβάνουν ορισμένες δυσκολίες στον τομέα του Προώθηση SEO. Εφόσον η τοποθέτηση του ίδιου περιεχομένου γίνεται αντιληπτή, αυτό απαιτεί ξεχωριστά μέτρα για την εξάλειψη των αρνητικών επιπτώσεων στη διαδικασία προώθησης του ιστότοπου. Δεδομένου ότι η έκδοση για κινητά δεν είναι καθολική, απαιτεί ξεχωριστό στοιχείο εξόδων εκτός από το περιεχόμενο του κύριου ιστότοπου.

Αυτή η έκδοση του ιστότοπου είναι κατάλληλη για μεγάλα έργα που έχουν ήδη υψηλή επισκεψιμότητα στον κύριο ιστότοπο, αλλά θέλουν να αυξήσουν την αφοσίωση στις κινητές συσκευές χωρίς επανασχεδιασμό. Στις περισσότερες περιπτώσεις, μια ξεχωριστή έκδοση για κινητά είναι σχετική για πόρους όπου η ταχύτητα λήψης είναι σημαντική - κοινωνικά δίκτυα, υπηρεσίες ταχυδρομείου, πύλες ειδήσεων.

Συνοψίζοντας, μπορούμε μόνο να πούμε ότι σήμερα μια λογική ανάγκη για οποιοδήποτε έργο Διαδικτύου είναι η δυνατότητα σωστής εμφάνισης του ιστότοπου σε κινητές συσκευές. Ο τρόπος υλοποίησης εξαρτάται από τους στόχους και τους στόχους του ιστότοπου, τον προϋπολογισμό και τις δυνατότητες.