Πώς να αυξήσετε την προσβασιμότητα του ιστότοπού σας + SEO

Η εύρεση του τόπου όπου η προσβασιμότητα και το SEO ευτυχώς συνυπάρχουν

Δεν είναι μύθος - υπάρχουν ορισμένοι τομείς όπου η SEO και η προσβασιμότητα μπορούν να διασταυρωθούν. Πίστωση: Unsplash

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

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

Ωστόσο, δεν είναι όλα κακά νέα, υπάρχουν μερικοί τομείς όπου οι δύο κόσμοι επικαλύπτονται. Εάν διαθέτετε περιορισμένο προϋπολογισμό ή / και χρονοδιάγραμμα για ένα έργο, η στόχευση αυτών των έξι περιοχών * μπορεί ταυτόχρονα να ενισχύσει τόσο την προσβασιμότητα SEO όσο και την ιστοσελίδα.

* Σημείωση: η εστίαση αυτού του άρθρου είναι στις περιοχές αλληλεπικάλυψης. Κάθε συγκεκριμένη εργασία σε καθένα από τα παρακάτω πεδία μπορεί να στοχεύει SEO περισσότερο, μερικές εργασίες μπορεί να στοχεύουν περισσότερο στην προσβασιμότητα.

Προειδοποίηση: Ο γενειοφόρος τύπος πίτσας hipster θα σας κυνηγά και θα σας αναγκάσει να πιείτε μια χειροποίητη παρασκευή που έκανε στην μπανιέρα του, αν υποτιμάτε τη σημασία του UI για SEO και την προσβασιμότητα στην ιστοσελίδα. Πίστωση: Unsplash

Δομή Θέματα

Μην υποτιμάτε τη δύναμη ενός καλού περιβάλλοντος χρήστη (UI). Οι ιστότοποι με καθαρούς, σαφείς και συνεπείς UIs είναι ιδιαίτερα καλοί για τα bots μηχανών αναζήτησης και τα άτομα που χρησιμοποιούν συσκευές βοηθητικής τεχνολογίας ή που χρησιμοποιούν μόνο πληκτρολόγιο. Σκεφτείτε το - εάν ένας χρήστης ή ένα bot δεν μπορούν να βρουν μια σελίδα, πώς μπορούν να διαβάζουν ή να αλληλεπιδρούν μαζί τους; Πρέπει να κάνετε τις σελίδες εύρεσης και την αλληλεπίδραση με τον ιστότοπο όσο το δυνατόν πιο εύκολη.

Βέλτιστες πρακτικές

  • Κατασκευάστε τη πλοήγηση και τη διάταξη της σελίδας με σαφή και συνεπή τρόπο και να έχετε πολλαπλούς τρόπους εύρεσης περιεχομένου (π.χ. αναζήτηση, sitemap, πίνακας περιεχομένων). Οι ρομποτικές μηχανές αναζήτησης, όπως η καλά οργανωμένη αρχιτεκτονική ιστοτόπων, που τους οδηγεί στην ευρετηρίαση του περιεχομένου σας με πιο ουσιαστικό τρόπο.
  • Εάν ο ιστότοπός σας είναι δύσκολο να πλοηγηθεί ή να χρησιμοποιήσει, μπορεί να επηρεάσει τα στατιστικά στατιστικά στοιχεία των χρηστών σας, συμπεριλαμβανομένης - του χρόνου σε έναν ιστότοπο, τις σελίδες που εμφανίζονται και το ποσοστό εγκατάλειψης. Αυτό μπορεί, με τη σειρά του, να βλάψει την κατάταξη SEO σας. Τουλάχιστον, θα ερεθίσει τους χρήστες σας.
  • Αποφύγετε τη χρήση CSS ή άλλου στυλιστικού σήματος για να μεταδώσετε νόημα. Δεν πρέπει ποτέ να "ψεύσετε" ένα στοιχείο που θα έπρεπε να χρησιμοποιεί HTML markup αντί.
  • Όταν είναι απαραίτητο, χρησιμοποιήστε προσπελάσιμα στοιχεία HTML 5 σελίδων, όπως
    ,
    ,
    ,
    . Αυτά τα στοιχεία είναι πιο περιγραφικά για τα bots των μηχανών αναζήτησης και τις συσκευές βοηθητικής τεχνολογίας, τότε απλά
    ή

    στοιχεία.

Ετικέτες, ετικέτες, ετικέτες παντού. Χειροποίητες ετικέτες συσκευασίας διαφόρων μεγεθών και χρωμάτων. Πίστωση: Unsplash

Η σωστή χρήση των ετικετών

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

). Η περιήγηση στις ετικέτες

και

μπορεί να δώσει σε ένα χρήστη ή σε μια μηχανή αναζήτησης μια επισκόπηση μιας σελίδας και πώς δομείται το περιεχόμενό της, ενώ οι ετικέτες

έως

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

Βέλτιστες πρακτικές

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

    ακολουθείται από ένα

    , ένα

    ακολουθείται από ένα

    ή

    και ούτω καθεξής.

  • Αποφύγετε την παράκαμψη των ετικετών τίτλου όταν πηγαίνετε κάτω σε σειρά σε μια ιστοσελίδα. Για παράδειγμα, μην παραλείπετε από

    σε

    . Σημείωση: είναι ευχάριστο να παρακάμψετε τις ετικέτες επικεφαλίδας όταν ανεβαίνετε σε σειρά (
    έως

    ), εάν ξεκινάτε μια νέα ενότητα σελίδας.

  • Είναι η καλύτερη πρακτική να έχετε μόνο ένα

    ανά σελίδα. Σκεφτείτε τις ετικέτες

    ως ουσιαστικά "ετικέτες τίτλου δεύτερης σελίδας" που στέλνουν σήμα σχετικότητας στις μηχανές αναζήτησης.

Η πρακτική είναι τέλεια. Ο αθλητής στηρίζει λευκά παπούτσια Adidas σε φράχτη αλυσίδας. Πίστωση: Unsplash

Τέλεια συνδέσεις σας

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

Βέλτιστες πρακτικές

  • Βεβαιωθείτε ότι δεν έχετε σπασμένους συνδέσμους. Αυτό μπορεί να θεωρηθεί ως ένα σημάδι μιας παραμελημένης ή εγκαταλελειμμένης ιστοσελίδας για SEO. Είναι επίσης μια κακή πρακτική προσβασιμότητας στον ιστότοπο που μπορεί να αποθαρρύνει / συγχέει τους χρήστες σας.
  • Χρησιμοποιήστε εσωτερικούς συνδέσμους τύπου-ετικέτας, αλλά μην το παρακάνετε. Σύμφωνα με το Yoast.com: "βελτιώνει το SEO σας συνδέοντας ένα κομμάτι του περιεχομένου με το άλλο, και πιο συγκεκριμένα μια ομάδα μηνυμάτων μεταξύ τους". Επιτρέπει επίσης στους χρήστες εύκολη πρόσβαση σε παρόμοιο περιεχόμενο με ένα κλικ.
  • Παρέχετε κείμενο περιγραφικού συνδέσμου. Αποφύγετε να χρησιμοποιήσετε φράσεις όπως κάντε κλικ εδώ και διαβάστε περισσότερα. Εάν προτιμάτε να χρησιμοποιήσετε αυτές τις φράσεις, μπορείτε να τις κρατήσετε * αν * προσθέσετε πρόσθετες πληροφορίες συνδέσμων χρησιμοποιώντας οπτικά κρυμμένες ή ARIA μεθόδους.
  • Παράλειψη προσθήκης χαρακτηριστικών τίτλου περιγραφής στις συνδέσεις σας (το κείμενο που εμφανίζεται όταν τοποθετείτε το δείκτη του ποντικιού πάνω από έναν σύνδεσμο). Δεν είναι αναγκαστικά λάθος να προσθέσετε τίτλους συνδέσμων, αλλά είναι αναμφισβήτητα όχι πολύ χρήσιμος είτε για SEO είτε για προσβασιμότητα στον ιστότοπο.
Χαμογελάστε! Γυναίκα σε ροζ floral πουκάμισο που κατέχουν ρετρό φωτογραφική μηχανή Nikon. Πίστωση: Unsplash

Βελτιστοποίηση εικόνας

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

Βέλτιστες πρακτικές

  • Να είστε όσο το δυνατόν πιο συνεπείς και ακριβείς όταν ονομάζετε τις εικόνες σας. Για παράδειγμα, μην ονομάζετε το αρχείο σας brown-puppy.jpg για μια φωτογραφία μιας πορτοκαλιάς γάτας.
  • Αποφύγετε τη χρήση χαρακτήρων που δεν είναι άλφα (π.χ. 7,%, &, $) και χρησιμοποιήστε παύλες μεταξύ λέξεων, αντί να υπογραμμίζετε τα ονόματα των εικόνων σας ή το εναλλακτικό κείμενο. Για παράδειγμα, γράψτε orange-tabby-cat.jpg και όχι 0r @ nge_t @ 66y_c @ t! .Jpg
  • Διατηρήστε το εναλλακτικό σας κείμενο σε λιγότερους από 125 χαρακτήρες. Εάν χρειάζεστε περισσότερους χαρακτήρες, χρησιμοποιήστε κείμενο λεζάντας ή περιγράψτε περαιτέρω την εικόνα στην κύρια περιοχή κειμένου στη σελίδα.
  • Γράψτε εναλλακτικό κείμενο όπως ένας άνθρωπος και όχι ένα ρομπότ. Η συμπλήρωση λέξεων-κλειδιών δεν ωφελεί κανέναν - τα άτομα που χρησιμοποιούν αναγνώστη οθόνης θα ενοχλούνται και τα ρομπότ των μηχανών αναζήτησης θα σας τιμωρήσουν. Απλά μην το κάνετε.
Κάνετε τα μέσα σας να λειτουργούν για bot και ανθρώπους. Κοντινό πλάνο του περιστρεφόμενου παίκτη ρεκόρ. Πίστωση: Unsplash

Συμπληρώστε τα μέσα σας

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

Βέλτιστες πρακτικές

  • Λιγότερο είναι περισσότερο. Περιορίστε τη χρήση σύνθετων στοιχείων μέσων (π.χ. προβολές διαφανειών, βίντεο) στο σχεδιασμό σας όποτε είναι δυνατόν. Δεν υπάρχει φόβος ... υπάρχουν εναλλακτικές επιλογές διάταξης.
  • Προσθέστε σαφείς, πλήρεις και περιεκτικές περιγραφές κειμένου και σήμανση στα βασικά μέσα. Σκεφθείτε δύο φορές για τη διατήρηση μη βασικών μέσων.
  • Όλα τα βίντεο και τα slideshows θα πρέπει να έχουν ένα κουμπί αναπαραγωγής / παύσης αν προχωρούν αυτόματα - αλλά παρακαλώ ποτέ να μην ξεκινήσετε αυτόματα. Στην ιδανική περίπτωση, όλοι οι έλεγχοι των μέσων ενημέρωσης πρέπει να είναι προσβάσιμοι.
  • Παρέχετε εναλλακτικούς τρόπους πρόσβασης στα μέσα σας. Για παράδειγμα, έχετε μεταγραφές ή / και λεζάντες για βίντεο. δημιουργήστε μια μεταγραφή για ένα αρχείο μόνο για ήχο. προσθέστε ένα μορφοποιημένο αρχείο braille στα μέσα σας. Υπάρχουν πολλοί διαφορετικοί τύποι εναλλακτικών μορφών που διατίθενται για τη χρήση σας.
Το περιεχόμενο είναι βασιλιάς. Δοχείο τυπογραφικών πινακίδων διαφόρων μεγεθών και γραμματοσειρών. Πίστωση: Unsplash

Απορρίψτε το περιεχόμενό σας

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

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

Βέλτιστες πρακτικές

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

❤ Εάν σας άρεσε αυτό το άρθρο, δείξτε την υποστήριξή σας κάνοντας κλικ στο εικονοσκόπιο (όσες φορές θέλετε), μοιραστείτε την ιστορία με τα κοινωνικά μέσα και με ακολουθήστε στο Medium ή στο Twitter! Σας ευχαριστώ και ευχαριστώ

Αυτή η ιστορία δημοσιεύεται στην μεγαλύτερη εκδοχή επιχειρηματικού πνεύματος The Startup, Medium, ακολουθούμενη από 273.971+ ανθρώπους.

Εγγραφείτε για να λάβετε τις κορυφαίες ιστορίες μας εδώ.