Γιατί η σημασιολογική HTML εξακολουθεί να μετράει
Από The AsasWeb team 1 λεπτά ανάγνωσης
Η χρήση του στοιχείου HTML που περιγράφει πραγματικά το περιεχόμενο σας χαρίζει προσβασιμότητα, SEO και συντηρησιμότητα δωρεάν. Ένα πραγματικό κουμπί δέχεται εστίαση, λειτουργεί με πληκτρολόγιο και ανακοινώνεται σωστά χωρίς JavaScript, ενώ οι αναγνώστες οθόνης και οι μηχανές αναζήτησης βασίζονται και οι δύο σε ορόσημα, στη σειρά των επικεφαλίδων και σε γνήσιες λίστες για να κατανοήσουν μια σελίδα. Αν ξαναχτίσετε αυτές τις συμπεριφορές από γενικά στιλιζαρισμένα κουτιά, πληρώνετε σε επιπλέον κώδικα και χαμένα κομμάτια.
Είναι δελεαστικό να χτίζετε τα πάντα από γενικά κουτιά και να τα διαμορφώνετε με στυλ. Η σημασιολογική HTML, η χρήση του στοιχείου που πραγματικά περιγράφει το περιεχόμενο, κάνει εκπληκτικά πολλή δουλειά δωρεάν, και το να την παραλείπετε δημιουργεί προβλήματα που μετά πληρώνετε για να λύσετε με επιπλέον κώδικα.
Οι περιηγητές σας δίνουν συμπεριφορά δωρεάν
Ένα πραγματικό κουμπί μπορεί να εστιαστεί, να πατηθεί, να λειτουργήσει με το πληκτρολόγιο, και ανακοινώνεται ως κουμπί, χωρίς JavaScript. Αν το ξαναχτίσετε από ένα διαμορφωμένο κουτί, πρέπει να προσθέσετε όλα αυτά πίσω με το χέρι, και οι περισσότερες ομάδες χάνουν κάποιο κομμάτι. Το ίδιο ισχύει για τους συνδέσμους, τα στοιχεία ελέγχου φόρμας, και τις επικεφαλίδες.
Η υποστηρικτική τεχνολογία βασίζεται σε αυτήν
Οι αναγνώστες οθόνης χτίζουν την κατανόησή τους για μια σελίδα από τη δομή της: ορόσημα όπως header, nav, main και footer, μια λογική σειρά επικεφαλίδων, λίστες που είναι πραγματικά λίστες. Κάντε σωστά τη δομή και η σελίδα είναι πλοηγήσιμη. Κάντε τη λάθος και γίνεται ένας τοίχος αδιαφοροποίητου κειμένου.
Οι μηχανές αναζήτησης διαβάζουν κι αυτές τη δομή
Η ίδια δομή που βοηθά την υποστηρικτική τεχνολογία βοηθά τις μηχανές αναζήτησης να καταλάβουν για τι πράγμα είναι η σελίδα σας. Οι σωστές επικεφαλίδες, το ουσιαστικό κείμενο συνδέσμων και η καθαρή σήμανση είναι διακριτικές νίκες SEO που δεν κοστίζουν τίποτα επιπλέον μόλις γίνουν συνήθεια.
Είναι ευκολότερη στη συντήρηση
Η σημασιολογική σήμανση είναι πιο σύντομη, πιο καθαρή, και ευκολότερη για τον επόμενο προγραμματιστή να κατανοήσει. Λιγότερος κώδικας, λιγότερα σφάλματα, χαμηλότερο κόστος με τον χρόνο.
Η χρήση του σωστού στοιχείου είναι μία από τις φθηνότερες αποφάσεις ποιότητας στην ανάπτυξη ιστού, και την αντιμετωπίζουμε ως προεπιλογή. Αν ο ιστότοπός σας είναι χτισμένος από γενικά κουτιά και φαίνεται, ξεκινήστε ένα έργο και θα του δώσουμε μια στέρεη δομή.