Γιατί ο πελάτης Joe δεν ενδιαφέρεται για τα πρότυπα
Τα πρότυπα του διαδικτύου πρέπει να αποτελούν κινητήρια δύναμη πίσω από το έργο οποιουδήποτε σχεδιαστή ή προγραμματιστή. Παρέχουν μια κλίμακα κατά την οποία να μετράται η ποιότητα, η δομή, η σύνταξη και η μεθοδολογία της εργασίας σχεδιασμού.
Για να εξηγήσετε τα οφέλη των προτύπων διαδικτύου, Έχω συγκρίνει στο blog μου το τοπίο του web σήμερα με αυτό του 10 έως 15 χρόνια πριν.
Οι ερωτήσεις σχετικά με τη συμμόρφωση με το πρόγραμμα περιήγησης και την ανάγκη εκτεταμένης δοκιμής πριν την εκτόξευση εξακολουθούν να παραμένουν, αλλά η τυποποίηση των DOM, (X) HTML, CSS και άλλων τεχνολογιών έχει κάνει τον ψηφιακό κόσμο πολύ πιο προβλέψιμο.
Όταν κωδικοποιούμε έναν ιστότοπο που συμμορφώνεται με τα πρότυπα, μπορούμε να είμαστε αρκετά σίγουροι ότι θα αποδώσει το ίδιο στο Firefox, στο Safari, στο Chrome, στο Opera και ακόμα στον Internet Explorer (φυσικά από την έκδοση 7 επάνω). Υπάρχουν ασυνέπειες, αλλά όποιος βρίσκεται σε κάθε πλευρά της τελευταίας δεκαετίας του σχεδιασμού και της ανάπτυξης ιστού θα αναγνωρίσει σίγουρα την αξία των προτύπων.
Ως κοινότητα, αγκαλιάζουμε τα πρότυπα και ενθαρρύνουμε τους άλλους να κάνουν το ίδιο. Γράφουμε σημασιολογικό κώδικα, επικυρώνουμε και περιστασιακά φτάνουμε στο βαθμό που έχουμε σε βάθος συζητήσεις για το πώς θα έπρεπε (ή δεν έπρεπε) να μορφοποιήσουμε το CSS και το HTML.
Αλλά η άσχημη αλήθεια είναι ότι ο μέσος πελάτης Joe απλά δεν ενδιαφέρεται. Ο Joe δεν αναζητά έναν συμμορφούμενο ιστότοπο, αλλά έναν αποτελεσματικό ιστότοπο.
Υπάρχουν εξαιρέσεις, βέβαια. Ίσως να είσαστε αρκετά τυχεροί για να κερδίσετε έναν πελάτη που γνωρίζει ότι απαιτεί συμμόρφωση με τα πρότυπα επειδή έχουν ακούσει έναν φίλο βοηθού ενός συναδέλφου CEO λέγοντας ότι είναι σημαντικό.
Για το μεγαλύτερο μέρος, όμως, ο Joe δεν θέλει να μισθώσει έναν σχεδιαστή με βάση την ικανότητά του να πληροί όλα τα πρότυπα που συνιστά το W3C. Πιθανότατα δεν γνωρίζει καν τι είναι το W3C.
Αντίθετα, ο Joe αναζητά έναν σχεδιαστή ο οποίος μπορεί να δημιουργήσει έναν ιστότοπο ο οποίος τον βοηθά να επιτύχει τον στόχο του. Αν ο στόχος είναι να πουλήσετε περισσότερα προϊόντα, να μοιραστείτε πληροφορίες σχετικά με την εταιρεία του ή να φέρετε μαζί τους ανθρώπους κοινού ενδιαφέροντος, σίγουρα θα ασχοληθούν περισσότερο με την επίτευξή του παρά με την ύπαρξη ιστότοπου που μπορεί να ελεγχθεί ως συμβατό με τα πρότυπα.
Έτσι, εγκαταλείπουμε τα πρότυπα για να δώσουμε στον Joe αυτό που θέλει; Καθόλου. Τα πρότυπα, όπως συζητήσαμε, είναι κρίσιμα και πρέπει να συμπεριληφθούν σε μεγάλο βαθμό στο έργο που κάνουμε για τους πελάτες μας, ακόμη και αν δεν είναι σημείο πώλησης από μόνοι τους.
Έχω δει πολλά χαρτοφυλάκια στα οποία οι σχεδιαστές ισχυρίζονται περήφανα ότι οι ιστοτόποι τους χτίστηκαν με έγκυρα πρότυπα-συμβατά HTML, CSS και ούτω καθεξής. Ενώ αυτό είναι σίγουρα καλό, πρέπει να αναρωτηθούμε τι σημαίνει αυτό για τον Τζο. Τις περισσότερες φορές, ο Joe θα υποθέσει ότι εννοείτε απλώς ότι τα σχέδιά σας είναι υψηλής ποιότητας ή ίσως να επιταχύνετε τις τελευταίες τεχνολογικές τάσεις (όπως το συχνά-παρεξηγημένο Web 2.0 ).
Τα πρότυπα είναι πολύ περισσότερα από αυτά. Αλλά δεν μπορούμε να αφήσουμε τον Joe να συνδέσει τις κουκίδες όταν δεν καταλαβαίνει πλήρως τα πρότυπα. Αντί να τονίσουμε τα ίδια τα πρότυπα, πρέπει να επικεντρωθούμε στην εξήγηση των οφελών τους.
Προσιτότητα
Η προσβασιμότητα αφορά τη δημιουργία ιστότοπων που μπορούν να χρησιμοποιηθούν και να πλοηγηθούν από χρήστες με ειδικές ανάγκες. Η πιο συχνά αναφερόμενη υλοποίηση είναι να καταστήσει το περιεχόμενο αναγνωρίσιμο σε λογισμικό ανάγνωσης οθόνης και σε υλικό τύπου Braille.
Αυτό θα μπορούσε να αποτελέσει μεγάλο όφελος για τους πελάτες. Οι περισσότεροι πελάτες πιθανώς δεν καταλαβαίνουν ότι αυτές οι βοηθητικές τεχνολογίες βασικά αναλύουν το έγγραφο HTML και επιστρέφουν το περιεχόμενο σε μορφή που μπορεί να γίνει κατανοητή από τον χρήστη. Ο κώδικας που συμμορφώνεται με τα πρότυπα συμβάλλει στη δημιουργία της δομής εγγράφων που απαιτείται για τη σωστή λειτουργία αυτών των συσκευών, καθιστώντας έτσι πιο εύκολη την πρόσβαση στον ιστότοπο.
Ο διαχωρισμός του περιεχομένου (HTML) από την παρουσίαση (CSS) καθιστά επίσης πιο προσιτές τις σελίδες όταν δεν είναι διαθέσιμα ορισμένα στοιχεία του στυλισμού (είτε επειδή ο διακομιστής δεν τις προσκόμισε ή οι προσαρμοσμένες ρυθμίσεις του χρήστη υπερισχύουν).
Χωρίς τις πληροφορίες στυλ, ένας καλά κατασκευασμένος ιστότοπος απλώς επανέρχεται στις προεπιλογές του προγράμματος περιήγησης, πράγμα που σημαίνει ότι το περιεχόμενο είναι ακόμα προσβάσιμο ακόμη και αν δεν υπάρχουν τα στυλιστικά στοιχεία. Οι ιστότοποι που δεν συμμορφώνονται με τα πρότυπα γενικά δεν αποσύρονται με αυτόν τον τρόπο.
Μελλοντική αποτύπωση
Ενώ το τοπίο του διαδικτύου μεταβάλλεται διαρκώς, οι πελάτες συνήθως δεν θέλουν να πληρώσουν για ένα εντελώς νέο δικτυακό τόπο μετά από λίγα χρόνια εξαιτίας του ξεπερασμένου κώδικα.
Ενώ οι μεγάλοι κατασκευαστές περιηγητών κάνουν το καλύτερό τους για να κάνουν τις μηχανές απόδοσης συμβατές προς τα πίσω (και το ίδιο το HTML5 ενσωματώνει αυτή την έννοια), τα οφέλη από τα πρότυπα του διαδικτύου για την προστασία του μέλλοντος μπορεί να προσελκύσουν τους πελάτες.
Ακριβώς επειδή ένας ιστότοπος που δεν συμμορφώνεται με τις τρέχουσες εκδόσεις του προγράμματος περιήγησης δεν σημαίνει ότι πρόκειται για μελλοντικές εκδόσεις, ειδικά καθώς οι φυλλομετρητές εξακολουθούν να εξαλείφουν ορισμένες ιδιαιτερότητες υπέρ της ευρύτερης τυποποίησης. Ως εκ τούτου, ένα απλό επιχείρημα που θα μπορούσατε να κάνετε είναι ότι οι συμμορφούμενες ιστοσελίδες είναι καλύτερα εξοπλισμένες για να αντέξουν τη δοκιμασία του χρόνου, επειδή είναι κατασκευασμένες σύμφωνα με το σχέδιο που καθοδηγεί την ανάπτυξη του ιστού.
Βελτιωμένη απόδοση
Ακόμη και ο πιο άτυπος πελάτης θα αναγνώριζε πόσο βλαβερή θα ήταν μια υποτονική ιστοσελίδα για την επιχείρησή τους. Τα πρότυπα του διαδικτύου μπορούν επίσης να βοηθήσουν πολύ σε αυτό.
Η κατευθυντήρια γραμμή για το διαχωρισμό του περιεχομένου και της παρουσίασης δεν καθορίστηκε από τους καθαρολόγους από τη σημασιολογική σνομπ. Είναι πραγματικά ο καλύτερος τρόπος για να δημιουργήσετε έναν ιστότοπο. Η ενσωμάτωση της ένδειξης στυλ σε κάθε σελίδα θα μπορούσε να δημιουργήσει πολλά επίπεδα και να αυξήσει τα μεγέθη των σελίδων (και το ποσό των πληροφοριών που θα χρειαστεί να μεταφορτώσουν οι χρήστες).
Με τη μετακίνηση του κώδικα στυλ σε ένα αρχείο CSS με δυνατότητα προσωρινής αποθήκευσης και την κατάργηση των πινάκων διαμόρφωσης και άλλων άχρηστων περιθωρίων κέρδους, θα καταστήσετε τον ιστότοπο πιο φιλικό προς το χρήστη και φιλικό προς το χρήστη. Ο Τζο θα το εκτιμούσε σίγουρα.
Η βελτιωμένη απόδοση μειώνει επίσης την κατανάλωση εύρους ζώνης και το σχετικό κόστος (παρόλο που τα περισσότερα πακέτα φιλοξενίας έρχονται με περισσότερο εύρος ζώνης από ό, τι θα χρειαζόταν ποτέ ένας ιστότοπος).
Απλούστερη συντήρηση
Από τα πολλά οφέλη που προκύπτουν από την ύπαρξη ιστότοπου που συμμορφώνεται με τα πρότυπα, ίσως το πιο ελκυστικό είναι ότι απαιτεί γενικά λιγότερη συντήρηση από έναν μη συμβατό ιστότοπο ή τουλάχιστον η συντήρηση μπορεί να γίνει πολύ πιο γρήγορα και οικονομικά. Μερικές τροποποιήσεις σε ένα φύλλο στυλ θα ενεργοποιήσουν αλλαγές σε ολόκληρη την ιστοσελίδα.
Συγκρίνετε αυτό με έναν ιστότοπο που συνδυάζει στυλ και περιεχόμενο. Κάνοντας μια απλή αλλαγή θα μπορούσε να χρειαστεί να σκάβετε μέσα από πολλά αρχεία προτύπων ή, χειρότερα, ένα σύνολο στατικών εγγράφων HTML. Θυμάμαι να το κάνω αυτό τον εαυτό μου, τον προ-διαφωτισμό, βυθίζοντας μέσα από μια σειρά άσχημων font ετικέτες διάσπαρτες σε όλες τις σελίδες. Οποιαδήποτε τυπογραφική αλλαγή θα χρειαζόταν ώρες, και έμεινα ανέπαφη μία ή δύο κάπου.
Τα πρότυπα βοηθούν τους πελάτες να αποφύγουν αυτούς τους πονοκεφάλους και αντ 'αυτού να επωφεληθούν από πολύ απλούστερη, φθηνότερη και αποδοτικότερη συντήρηση.
Επειδή είναι σημασιολογική και ακολουθεί τις καθιερωμένες δομές εγγράφων, ένας συμβατός ιστότοπος είναι επίσης ευκολότερος για άλλους σχεδιαστές και προγραμματιστές να διαβάζουν και να κατανοούν. Έτσι, αν ο πελάτης καταλήξει να χρειαστεί κάποιος άλλος για να διατηρήσει την ιστοσελίδα του, αυτό το άτομο δεν θα πρέπει να περάσουν ώρες προσπαθώντας να τυλίξουν το κεφάλι τους γύρω από τον κώδικα.
SEO
Ενώ υπάρχει καμία πραγματική συναίνεση σχετικά με την επίδραση των προτύπων ιστού στη βελτιστοποίηση μηχανών αναζήτησης, ένα πράγμα είναι σαφές: τα πρότυπα δεν βλάπτουν. Στην πραγματικότητα, είναι πολύ πιθανό να αποφέρουν πολλά οφέλη για την κατάταξη αναζήτησης ιστότοπου. Απλά κοιτάξτε τις συμβουλές που προτείνει ο Aaron Walter στο " Ευχρηστία / SEO εξαπατήσει Φύλλο: Οδηγός για τα πρότυπα Web SEO , "Όλα τα οποία συμμορφώνονται με τα πρότυπα ιστού. Ακολουθούν μερικές από τις απαιτήσεις που προτείνει:
- Η προσαύξησή σας δεν θα πρέπει να περιέχει σφάλματα που θα καθιστούσαν δύσκολη τη σελίδα για μια μηχανή αναζήτησης για ευρετηρίαση. Επικυρώστε την προσαύξησή σας με το Το εργαλείο επικύρωσης του W3C .
- Γράψτε σημασιολογικά σημαντική προσαύξηση. Αυτό σημαίνει τη χρήση ετικετών όπως προορίζονται για χρήση και με τρόπο που να αντικατοπτρίζει το περιεχόμενο, αντί σύμφωνα με το προεπιλεγμένο στυλ τους. Χρήση Εκτυπωτής σημασιολογίας του W3C για να ελέγξετε την εργασία σας και να προβάλετε τον ιστότοπό σας χωρίς CSS για να διασφαλίσετε ότι η ιεραρχία πληροφοριών υποστηρίζει το μήνυμά σας.
- Γράψτε κατανοητό
titleετικέτες, αρχίζοντας με το όνομα της σελίδας, τότε το όνομα του ιστότοπου, στη συνέχεια μια σύντομη φράση που περιγράφει τον ιστότοπο. - Χρησιμοποιήστε ετικέτες τίτλου με σχετικές λέξεις-κλειδιά για να προσδιορίσετε τα βασικά τμήματα των σελίδων σας. Βάλτε τις ετικέτες των επικεφαλίδων κατά σειρά σπουδαιότητας, αρχίζοντας από
h1(για τον ιστότοπο ή το όνομα του οργανισμού).
Είναι λογικό ότι η συμμόρφωση με τα πρότυπα θα βοηθούσε την SEO σε έναν ιστότοπο για τους ίδιους λόγους που θα το καθιστούσαν αδιάβροχο. Καθώς οι αλγόριθμοι αναζήτησης βελτιώνονται, οι συμβατές ιστοσελίδες θα παραμείνουν φυσικά οι πιο ευανάγνωστες και ανιχνεύσιμες, κάνοντάς τους να κατατάσσονται καλά.
Βεβαιωθείτε ότι οι πελάτες καταλαβαίνουν ότι η SEO δεν πρέπει να γίνεται σε βάρος των προτύπων. Οτιδήποτε σπάει τα πρότυπα είναι κάτι περισσότερο από μια γρήγορη λύση για τα φευγαλέα αποτελέσματα, όχι μια λύση που να σκεφτόμαστε για να διατηρήσουμε την ορατότητα.
συμπέρασμα
Ενώ ο Joe δεν ενδιαφέρεται για την τήρηση των προτύπων από μόνος του, θα είναι δεκτικός στα πολλά συγκεκριμένα οφέλη που θα αποφέρει στην επιχείρησή του. Αλλά εσείς είστε αυτός που πρέπει να εξηγήσει αυτά τα οφέλη σε αυτόν.
Πρέπει να εξηγήσετε πώς η τήρηση των προτύπων του διαδικτύου θα καταστήσει την ιστοσελίδα του ταχύτερη, πιο προσιτή, ευκολότερη στη συντήρησή του, πιο ανθεκτική στο μέλλον και κατά πάσα πιθανότητα πιο εύληπτη. Εάν μπορείτε να τον βοηθήσετε να καταλάβει όλα αυτά, θα μπορούσε να γίνει ακόμη πιο ενθουσιασμένος με τα πρότυπα από ό, τι είσαι!
Γράφτηκε αποκλειστικά για το Webdesigner Depot από τον Matt Ward. Ο Matt είναι ένας σεβαστός σχεδιαστής και συγγραφέας που είναι ελεύθερος κάτω από το μανικιούρ Echo Enduring Media . Σήμερα ενεργεί ως δημιουργικός διευθυντής στο Highland Marketing . Θα πρέπει να ακολουθήσετε το Matt Κελάδημα .
Πώς προσεγγίζετε πρότυπα ιστού; Πώς εξηγείτε τα οφέλη τους στους πελάτες; Μοιραστείτε την άποψή σας παρακάτω.