Alt text
Το alt text (εναλλακτικό κείμενο) είναι μια γραπτή περιγραφή που προστίθεται στον κώδικα HTML μιας εικόνας και περιγράφει το περιεχόμενο και τη λειτουργία της εικόνας για αναγνώστες οθόνης και μηχανές αναζήτησης.
Το alt text εξυπηρετεί δύο κρίσιμους σκοπούς: την προσβασιμότητα στον ιστό και το SEO. Για χρήστες με προβλήματα όρασης που βασίζονται σε αναγνώστες οθόνης, το alt text παρέχει μια λεκτική περιγραφή των εικόνων που δεν μπορούν να δουν. Για τις μηχανές αναζήτησης που επίσης δεν μπορούν να «δουν» εικόνες, το alt text εξηγεί τι απεικονίζει μια εικόνα, βοηθώντας την να εμφανιστεί στα αποτελέσματα αναζήτησης εικόνων. Η σύνταξη καλού alt text είναι και τέχνη και επιστήμη. Πρέπει να είναι περιγραφικό αλλά συνοπτικό (συνήθως 125 χαρακτήρες ή λιγότερο), να περιλαμβάνει σχετικές λέξεις-κλειδιά με φυσικό τρόπο (χωρίς υπερφόρτωση) και να περιγράφει με ακρίβεια τι δείχνει η εικόνα.
Οι διακοσμητικές εικόνες που δεν μεταφέρουν πληροφορία μπορούν να έχουν κενά alt attributes (alt="") ώστε οι αναγνώστες οθόνης να τις παραλείπουν. Το alt text είναι επίσης αυτό που εμφανίζεται όταν μια εικόνα δεν φορτώνει, δίνοντας στους χρήστες το πλαίσιο για το τι χάνουν. Αυτή η εφεδρική λειτουργία το καθιστά σημαντικό για την εμπειρία χρήστη ακόμη και πέρα από την προσβασιμότητα και το SEO. Για ηλεκτρονικά καταστήματα, το alt text των εικόνων προϊόντων είναι ιδιαίτερα πολύτιμο, βοηθά τις εικόνες προϊόντων να εμφανίζονται στην Αναζήτηση Εικόνων της Google, που φέρνει σημαντική επισκεψιμότητα αγορών.
Στην πράξη
- Ένα ιστολόγιο φαγητού πρόσθεσε περιγραφικό alt text σε 500 φωτογραφίες συνταγών και είδε την επισκεψιμότητα από το Google Images να αυξάνεται κατά 40% μέσα σε δύο μήνες
- Ένα ηλεκτρονικό κατάστημα έγραψε μοναδικό alt text για 2.000 εικόνες προϊόντων αντί να χρησιμοποιήσει ονόματα αρχείων, οδηγώντας σε αύξηση 15% στις οργανικές επισκέψεις σελίδων προϊόντων
- Ένα μεσιτικό γραφείο περιέγραψε κάθε φωτογραφία ακινήτου με τοποθεσία, χαρακτηριστικά και τύπο δωματίου, καταγράφοντας αναζητήσεις όπως «μοντέρνα κουζίνα στο Austin TX»
- Ένας μη κερδοσκοπικός οργανισμός βελτίωσε τη βαθμολογία συμμόρφωσης WCAG του ιστότοπού του από 62% σε 94% απλώς προσθέτοντας σωστό alt text σε όλες τις εικόνες
Δεν είστε σίγουροι πώς εφαρμόζεται σε εσάς;
Ένας έμπειρος μηχανικός εξετάζει τον ιστότοπό σας, την παρουσία σας στις αναζητήσεις και τον τρόπο που σας φτάνουν τα αιτήματα, και μετά καταγράφει τα τρία πράγματα που αξίζει να διορθωθούν πρώτα. Κρατάτε το έγγραφο είτε έτσι είτε αλλιώς.