Κείμενο Alt

Τι είναι το Alt Text;

Το Alt text (εναλλακτικό κείμενο) - επίσης γνωστό ως "alt description" ή "alt attribute" - είναι η γραπτή περιγραφή των εικόνων στις σελίδες HTML. Πρωταρχικός σκοπός του είναι η βελτίωση της προσβασιμότητας για άτομα που δεν μπορούν να δουν εικόνες.

Συχνά θα ακούσετε τους ανθρώπους να το αναφέρουν ως "alt tag", αλλά αυτό είναι τεχνικά λανθασμένο. Το κείμενο Alt είναι ένα χαρακτηριστικό που περιέχεται στην ετικέτα HTML.

Πώς εφαρμόζεται το κείμενο Alt

Το χαρακτηριστικό alt ξεκινά με alt= ακολουθούμενο από το κείμενο alt σε εισαγωγικά. Συνήθως μοιάζει ως εξής:

<img src="image.jpg" alt="Image alt text" title="Image Title"/>

Γιατί είναι σημαντικό το κείμενο Alt;

Προσβασιμότητα

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

Οφέλη SEO

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

Επιπλέον, το alt text μπορεί να βελτιώσει τις πιθανότητες κατάταξής σας στις εικόνες της Google, παρέχοντας μια πρόσθετη πηγή επισκεψιμότητας για τον ιστότοπό σας. Όταν οι εικόνες χρησιμοποιούνται ως σύνδεσμοι, το κείμενο alt χρησιμεύει ως κείμενο άγκυρας, βοηθώντας τη Google να κατανοήσει το περιεχόμενο της συνδεδεμένης σελίδας.

Βέλτιστες πρακτικές για το κείμενο Alt

Η προσθήκη κειμένου alt στις εικόνες είναι ένας εύκολος τρόπος για να κάνετε τις σελίδες σας πιο προσβάσιμες και να υποστηρίξετε τις προσπάθειές σας για SEO. Ακολουθούν ορισμένες βέλτιστες πρακτικές που πρέπει να έχετε κατά νου:

1. Ελέγξτε τον ιστότοπό σας για ελλείποντα κείμενα Alt

Ξεκινήστε με τον έλεγχο για ελλείποντα κείμενα alt. Χρησιμοποιήστε ένα διαδικτυακό εργαλείο που μπορεί να ανιχνεύσει τον ιστότοπό σας για να βρείτε εικόνες με ελλιπή ή κενά κείμενα alt. Εργαλεία όπως το Google Search Console και διάφορα εργαλεία ελέγχου SEO μπορούν να σας βοηθήσουν σε αυτό το έργο.

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

2. Αποφύγετε το Keyword Stuffing

Ενώ το alt κείμενο μπορεί να περιλαμβάνει σχετικές λέξεις-κλειδιά για τη βελτίωση του SEO, είναι ζωτικής σημασίας να χρησιμοποιείτε πληροφοριακό και πολύτιμο κείμενο που να ευθυγραμμίζεται με το περιεχόμενο της σελίδας. Αποφύγετε το γέμισμα λέξεων-κλειδιών, καθώς η πρακτική αυτή αποθαρρύνεται από τη Google και μπορεί να θεωρηθεί ανήθικη και αναποτελεσματική.

Χρησιμοποιήστε λέξεις-κλειδιά με φειδώ και μόνο όπου ταιριάζουν φυσικά στην περιγραφή.

3. Κρατήστε το κάτω από 100 χαρακτήρες

Το κείμενο Alt αποτελείται συνήθως από μία μόνο λέξη ή μία σύντομη φράση. Ο Αξιολογητής Προσβασιμότητας Λειτουργικότητας προτείνει τα κείμενα alt να μην ξεπερνούν τους 100 χαρακτήρες. Αυτό σας δίνει αρκετό περιθώριο για να βελτιστοποιήσετε το alt κείμενό σας, αλλά διασφαλίζει ότι δεν γράφετε μακροσκελείς περιγραφές που θα μπορούσαν να αποκοπούν από τα εργαλεία ανάγνωσης οθόνης.

Παράδειγμα

Ακολουθεί ένα παράδειγμα ενός καλογραμμένου κειμένου alt για μια εικόνα ενός γκόλντεν ριτρίβερ που παίζει φέσι σε ένα πάρκο:

<img src="golden-retriever.jpg" alt="Χρυσό ριτρίβερ που παίζει φέσι σε ένα ηλιόλουστο πάρκο" title="Golden Retriever"/>

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

Για περισσότερες πληροφορίες σχετικά με την προσβασιμότητα στον ιστό και τις βέλτιστες πρακτικές SEO, ανατρέξτε σε έγκυρες πηγές όπως οι Οδηγίες προσβασιμότητας περιεχομένου ιστού (WCAG) και ο Οδηγός εκκίνησης SEO της Google.