Περιεχόμενο
Πώς να κάνω σωστή χρήση alt text στις εικόνες;
Το alt text (εναλλακτικό κείμενο) είναι μια σύντομη περιγραφή που αποδίδεται σε κάθε εικόνα. Ο ρόλος του είναι τριπλός: βελτιώνει την προσβασιμότητα, βοηθά τις μηχανές αναζήτησης να καταλάβουν το περιεχόμενο της εικόνας και εμφανίζεται όταν η εικόνα δεν φορτώνει σωστά.
Τι είναι το alt text
Το alt text ουσιαστικά εξηγεί με λέξεις τι δείχνει η εικόνα. Είναι σημαντικό για τα άτομα που χρησιμοποιούν screen readers, αλλά και για το SEO, καθώς η Google χρησιμοποιεί την πληροφορία αυτή για να κατατάξει εικόνες και σελίδες.
Κανόνες σωστής χρήσης
Πρώτον, το alt πρέπει να περιγράφει με σαφήνεια και ακρίβεια τι δείχνει η εικόνα. Αν η εικόνα είναι προϊόν, η περιγραφή πρέπει να περιλαμβάνει μάρκα, τύπο ή βασικά χαρακτηριστικά. Δεύτερον, είναι καλό να χρησιμοποιούνται σχετικές λέξεις-κλειδιά, αλλά πάντα με φυσικό τρόπο. Τρίτον, η περιγραφή πρέπει να είναι σύντομη – ιδανικά μέσα σε μία φράση 5 έως 12 λέξεων. Τέταρτον, το alt πρέπει να ταιριάζει με το περιεχόμενο της σελίδας στην οποία βρίσκεται. Τέλος, αν μια εικόνα είναι διακοσμητική και δεν προσθέτει πληροφορία, μπορεί να έχει κενό alt (alt="") ώστε να μην αποσπά τον αναγνώστη με screen reader.
Παραδείγματα
Για μια φωτογραφία με μαύρα αθλητικά παπούτσια Nike Air Max, σωστό alt είναι «Μαύρα αθλητικά παπούτσια Nike Air Max», ενώ λάθος θα ήταν απλά «παπούτσια». Για ένα κόκκινο καλοκαιρινό φόρεμα με λουλουδάτο μοτίβο, σωστό alt είναι «Κόκκινο καλοκαιρινό φόρεμα με λουλουδάτο μοτίβο», ενώ λάθος απλώς «φόρεμα».
Συμπέρασμα
Η σωστή χρήση του alt text είναι κρίσιμη για την εμπειρία χρήστη και το SEO. Περιέγραψε με σαφήνεια, κράτα το κείμενο σύντομο, χρησιμοποίησε σχετικές λέξεις-κλειδιά και απόφυγε περιττές φράσεις. Έτσι ενισχύεις την προσβασιμότητα και βελτιώνεις τις πιθανότητες να εμφανιστεί το site σου στα αποτελέσματα αναζήτησης εικόνων.
Ακολουθήστε μας στη σελίδα μας στο Facebook
Πατήστε εδώ για να δείτε τις Δουλειές μας που αποτελούνται από, σύγχρονες και λειτουργικές ιστοσελίδες που κάνουν τη διαφορά.
