Διάταξη Cross-browser, «προσελκύει» τις μηχανές αναζήτησης

Όταν η ιστοσελίδα δημιουργήθηκε είναι σημαντική από την άποψη της αποτελεσματικότητάς τους αποτελεί διάταξη cross-browser. Τι είναι αυτό; Πώς μπορεί να γίνει; Τι παγίδες υπάρχουν;

Τι είναι η διάταξη cross-browser;

Html / css - είναι η βάση για τη δημιουργία ενός site. Πολλοί webmasters είναι κατάλληλα για το σκοπό αυτό, σύμφωνα με την αρχή: Αισθάνομαι καλά - και αυτό είναι αρκετό. Και πόσο απογοητευτικό είναι όταν έρχεστε από το web browser σας ή την κινητή συσκευή, και η ιστοσελίδα δεν εμφανίζεται σωστά. Σε τέτοιες περιπτώσεις, η ενίσχυση έρχεται προσαρμοστικός σχεδιασμός και η διαρρύθμιση cross-browser.

CSS και HTML σε αυτήν την περίπτωση, η σπονδυλική στήλη, μέσω του οποίου όλα εφαρμοστεί. Σε ορισμένες περιπτώσεις, για το σκοπό αυτό μπορούν να συμμετέχουν σε JavaScript. Όμως, ο απώτερος στόχος είναι ο ίδιος - για να βεβαιωθείτε ότι όλα λειτουργούσαν σε διαφορετικές εκδόσεις. Ως εκ τούτου, αν θέλετε να εξασφαλιστεί η συμβατότητα cross-browser, έτσι ώστε η τοποθεσία είναι καλά εμφανίζεται σε όλους τους browsers, είναι απαραίτητο να σκεφτούμε όλη την ώρα, από την πρώτη στιγμή των εργασιών στην περιοχή.

Περιγράφει σε γενικές γραμμές

Έτσι, ας δούμε πώς να κάνει τη διάταξη cross-browser. Αρχικά θα πρέπει να καθορίσει ποια προγράμματα θα λειτουργήσει το site. Παρακαλείστε να σημειώσετε ότι ο αριθμός των web browsers κοντά σε διακόσια, ώστε να προσπαθήσουμε να ικανοποιεί τους πάντες - είναι μια απίστευτη πολυπλοκότητα. Ως εκ τούτου, επιλέξτε έναν αριθμό από 3 έως 8. Για να αποφασίσει τι πρέπει να επικεντρωθεί, μπορείτε να χρησιμοποιήσετε και τις υπηρεσίες υποστήριξης, όπως Yandex Metrika και το Google Analytics. Μετά από αυτό θα πρέπει να μάθετε πώς το πρόβλημα θα πρέπει να λυθεί για να επιτευχθεί cross-browser.

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

Responsive design

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

Υπάρχουν ορισμένα προγράμματα περιήγησης, όπως Opera και Opera Mini. на мобильных телефонах. Πρώτα χρησιμοποιήθηκε σε επιτραπέζιους υπολογιστές, και το δεύτερο - σε κινητά τηλέφωνα. Σε γενικές γραμμές είναι παρόμοια, αλλά έχουν μια σειρά από χαρακτηριστικά. Σε τέτοιες περιπτώσεις, είναι σημαντικό να συνδέσετε τα μεμονωμένα αρχεία ή / και τη χρήση των ερωτήσεων των μέσων ενημέρωσης. Τι είναι αυτό; Στην πρώτη περίπτωση, δημιουργεί ένα ξεχωριστό αρχείο, το οποίο στοχεύει να λειτουργήσει συγκεκριμένο πρόγραμμα περιήγησης, και καταγράφει την πρόκληση τους. Στη δεύτερη περίπτωση, θα πρέπει να υποβάλλουν ερωτήματα των μέσων ενημέρωσης. Εάν το πρόγραμμά σας πληροί τις ειδικές απαιτήσεις του αρχείου φορτωθεί στην επιθυμητή διαμόρφωση.

Τι πρέπει να κάνω;

Αρχικά, θα πρέπει να θυμόμαστε ότι όταν εργάζονται με html, διάταξη cross-browser απαιτεί ιδιαίτερη προσοχή. Ως εκ τούτου, θα πρέπει να χρησιμοποιήσετε τη μέγιστη δυνατότητα επικαλυπτόμενων φύλλων στυλ για μεγαλύτερη αποτελεσματικότητα. Ταυτόχρονα, πρέπει επίσης να αλλάξουν κάποια τρόπους εργασίας. Έτσι, πολλοί άπειροι άνθρωποι όταν επισημαίνουν το μέγεθος του κάτι, pixels χρήση - px. Ας εξετάσουμε το παράδειγμα ενός μεγάλου επικεφαλίδα επιγραφή, η οποία κοσμεί την κορυφή της ιστοσελίδας.

Έχει πλάτος που ορίστηκε σε ποσοστό 800rh. Στην οθόνη στην 1600rh θα είναι αρκετά ελκυστική. Αλλά για 700rh θα φανεί γελοίο. Τι να κάνετε σε αυτή την περίπτωση; Δεν μπορείτε να καθορίσετε το μέγεθος σε pixels, και το ποσοστό! Και κρατήστε την επιγραφή δεν θα είναι ένα σταθερό μήκος, και το μισό πλάτος της οθόνης. Το ποσοστό μπορεί να ρυθμιστεί και η απόσταση που στον οποίο ένα συγκεκριμένο στοιχείο θα τοποθετηθεί στις άκρες της οθόνης. Αλλά εδώ είναι τι πρέπει να κάνετε αν η οθόνη είναι πολύ μικρή;

Ας υποθέσουμε ότι είναι 300 pixels; Σε αυτή την περίπτωση, θα βοηθήσουμε το ερώτημα μέσα μαζικής ενημέρωσης που χρειάζεται για τον καθορισμό πλάτους μητρώο. Και αν είναι ίσο με 700rh και λιγότερο, είναι δυνατόν να αποδειχθεί ότι το σημείο θα καταλαμβάνουν το 75% των εδρών. Και αν το πλάτος είναι ίσο με 300 pixels ή λιγότερο, είναι δυνατόν να εκθέσει και 100%. Το όλο θέμα είναι πολύ ενδιαφέρον και χρήσιμο, έτσι ώστε να μπορεί να μελετηθεί με μεγάλη λεπτομέρεια. Αλλά, δυστυχώς, δεν υπάρχουν πληροφορίες για το βιβλίο, και να θέσει τα πάντα στο άρθρο δεν θα λειτουργήσει.

Γιατί προσαρμοστική διάταξη cross-browser προσελκύει τις μηχανές αναζήτησης;

Και η απάντηση είναι πολύ απλή: γιατί δείχνει ότι οι προγραμματιστές ακολουθούν την ιστοσελίδα και να καταστεί όσο το δυνατόν πιο ευχάριστη για τους χρήστες του. Αυτό σημαίνει ότι αυτοί οι άνθρωποι μπορούν να ενθαρρυνθούν δίνοντάς τους υψηλότερες θέσεις στις μηχανές αναζήτησης. Φυσικά, το site σας δεν θα εμφανιστεί αμέσως στο top-1, αλλά σε συνδυασμό με άλλους παράγοντες, αυτό θα αυξηθεί σημαντικά. Θα πρέπει να σημειωθεί ότι αυτό δεν είναι μόνο άχρηστη απαίτηση, αλλά κάτι που άξιζε τόση προσοχή δίνεται.

Μετά από όλα, απλά σκεφτείτε: τι είναι ο χρήστης όταν παίρνει σε μια τοποθεσία η οποία δεν είναι πολύ ευχάριστο στην εμφάνιση; Αλλά μπορεί να έρθει να πιστεύουμε ότι η μηχανή αναζήτησης προσφέρει ένα περιεχόμενο χαμηλής ποιότητας! Ως εκ τούτου, είναι προσεκτικά επιλεγμένα ώστε περιοχές που θα πρέπει να προσφέρει. Εκτός από αυτό υπάρχει και οι webmasters όφελος επειδή παράγουν υψηλής ποιότητας περίβλημα για το περιεχόμενο, στην οποία οι άνθρωποι θα είναι σε θέση να λάβουν τις απαραίτητες πληροφορίες από οποιοδήποτε υλικό: υπολογιστή, φορητό υπολογιστή, το tablet, το smartphone ή το κινητό τηλέφωνο. Κατά συνέπεια, οι περισσότερο ικανοποιημένοι επισκέπτες, η πιο ταχέως αναπτυσσόμενη περιοχή και το επίπεδο του εισοδήματος.

συμπέρασμα

Είναι αδύνατο να μην σημειωθεί η μέτρια γεγονός ότι η δημιουργία του site cross-browser με ανταπόκριση σχεδιασμό - δεν είναι εύκολο, μια πολύ μακρά και επίπονη. Ως εκ τούτου, είναι απαραίτητο να είναι υπομονετικοί και να θυμάστε ότι η πειθαρχία - αυτό είναι ένα μεγάλο πράγμα! Ίσως κάτι θα πάει αρχικά λάθος, αλλά πρέπει να προσπαθήσουμε να ψάξουν για πληροφορίες, χρησιμοποιούν διαφορετικές προσεγγίσεις και να μην υποχωρήσει. Και τότε να είστε βέβαιος να πάρει κάνει μια ιστοσελίδα που θα είναι χαρά να δείξει στους επισκέπτες της.