Το Alt Text (εναλλακτικό κείμενο) είναι το κείμενο που περιγράφει μία εικόνα σε μία Ιστοσελίδα. Χρησιμοποιείται για να εξηγήσει την εικόνα σε άτομα που δεν μπορούν να δουν, στα ρομπότ των μηχανών αναζήτησης και όταν η εικόνα δεν μπορεί να φορτωθεί. Το Alt text παίζει σημαντικό ρόλο στο voice search optimization, στο image SEO και στην προσβασιμότητα του site από ΑΜΕΑ.
Όλοι μας έχουμε χρησιμοποιήσει έστω και μια φορά την Siri της Apple, την Alexa της Amazon την Cortana της Microsoft ή το Voice Search της Google. Πλέον όσο εξελίσσονται οι φωνητικές αναζητήσεις και οι virtual assistant το alt text είναι πιο επίκαιρο από ποτέ.
Που χρησιμοποιείται το alt text;
Το alt text χρησιμοποιείται σε εικόνες, σε Βίντεο αλλά και σε οποιοδήποτε άλλο οπτικό υλικό όπως π.χ. GIFs. Ο σκοπός του είναι να μπορούν οι screen readers όπως π.χ. ο VoiceOver της Apple να διαβάζουν, αυτό που εσύ βλέπεις.
Παράδειγμα alt text
Γιατί είναι σημαντικό το alt text;
Το alt text είναι σημαντικό για το Image SEO στις εικόνες της Google και το πετυχαίνει αυτό με τους παρακάτω τρόπους.
- Παρέχει πληροφορίες για μία εικόνα σε άτομα με αναπηρία, μειωμένη όραση ή δυσκολίες μάθησης.
- Παρέχει πληροφορίες για μία εικόνα όταν δεν μπορεί να εμφανιστεί σωστά π.χ. σε ένα e-mail.
- Παρέχει πληροφορίες για μία εικόνα στους crawlers των μηχανών αναζήτησης ώστε να εμφανίζεσαι στα image packs αλλά και να συνδυάζει το alt text σημασιολογικά με το περιεχόμενο της εικόνας.
8 Tips για να γράψεις τέλειο alt text
Για να γράψεις το τέλειο alt text διάβασε τα παρακάτω 8 tips. Μπορείς να τα εκλάβεις και ως οδηγίες, εφάρμοσέ τα και θα δεις θεαματικά αποτελέσματα στο image SEO.
- Χρησιμοποίησε περιγραφικό όνομα στο αρχείο της Εικόνας
- Εφάρμοσε CSS για τις διακοσμητικές εικόνες και όχι HTML tag <img>: Διακοσμητικές είναι οι εικόνες που δεν δίνουν κάποια αξία στο κείμενο
- Περιέγραψε το περιεχόμενο της εικόνας με σαφήνεια
- Γράψε σχετικές λέξεις-κλειδιά με την εικόνα
- Απέφυγε το keyword stuffing (να αναφέρεις πολλές φορές την ίδια λέξη)
- Για πολύπλοκες εικόνες (π.χ. χάρτες, διαγράμματα) ακολούθησε τις οδηγίες από το W3C Web Accessibility Initiative
- Εικόνες που χρησιμεύουν σαν κουμπιά πρέπει να έχουν alt text που να εξηγεί την λειτουργία τους
- Απέφυγε κοινότυπες φράσεις εκτός και αν πρέπει να περιγράψετε ένα screenshot ή κάτι που χρίζει περιγραφής. Ένα παράδειγμα κοινότυπης φράσης είναι το «Εδώ βλέπετε μια εικόνα...»
Πως προσθέτω alt text σε μια εικόνα;
Για να προσθέσεις το alt text σε μια εικόνα πρέπει να εντοπίσεις την Semantic HTML ετικέτα <img> μέσα στον κώδικα της Ιστοσελίδας σου. Μέσα στο <img> υπάρχει ένα πεδίο που ονομάζεται alt, εκεί γράφεις την περιγραφή της εικόνας.
Πως προσθέτω alt text σε εικόνα στο WordPress;
Για να προσθέσεις alt text σε μια εικόνα στο WordPress πηγαίνεις media (στο menu στα αριστερά). Βρίσκεις την εικόνα που θες, πατάς πάνω της και στα δεξιά σου γράφει alternative text. Με παρόμοιο τρόπο εύκολα ενσωματώνεται το alt text και στα υπόλοιπα CMS (Shopify, Wix, Drupal, Magento, κτλ.).
Social media και Alt text
Τα alt text στα social media παίζουν τεράστιο ρόλο για να αυξήσεις την ορατότητα αλλά και τα impression που θα πάρουν τα post σου. Ο λόγος είναι ότι το περιεχόμενο ειδικά σε Instagram και TikTok, είναι εικόνες και video. Και τα alt text είναι ο τρόπος να πεις στα ρομπότ των κοινωνικών δικτύων τι βλέπει ο άνθρωπος.
Ποιό είναι το ιδανικό μέγεθος Alt text στο Instagram;
Κράτα το μέγεθος του alt text στο Instagram μέχρι 100 χαρακτήρες και περιέγραψε αυτό που βλέπεις ξεκάθαρα.
Ποιό είναι το ιδανικό μέγεθος Alt text σε Facebook & Twitter;
Στην περίπτωση του Facebook και του Twitter το μέγεθος του alt text προσπάθησε να είναι μέχρι 125 χαρακτήρες και κάθε φορά μοναδικό.
Στην Cosmolink εξειδικευόμαστε 10+ χρόνια στο SEO και σας λέμε με σιγουριά ότι τα alt text είναι από τους σημαντικότερους παράγοντες κατάταξης στο Image SEO.
Ο λόγος είναι απλός, αν και η Google έχει εξελιχθεί στην αναγνώριση εικόνων (μπορείς να το διαπιστώσεις με το AI στο CloudVision API) διασταυρώνει το alt text με την Semantic κατανόηση που έχει για την εικόνα για να δώσει αποτέλεσμα.
Το αποτέλεσμα ξέρεις πιο είναι, να βγαίνεις πρώτος στο image pack της Google.
Συχνές Ερωτήσεις για τα alt text
Πάμε να απαντήσουμε τις συχνότερες ερωτήσεις γύρω από τα alt text.
Το alt text που γράφω φαίνεται στους χρήστες;
Όχι, το alt text που γράφεις δεν φαίνεται στους χρήστες της Σελίδας ή της εφαρμογής σου. Υπάρχει βέβαια και η περίπτωση να έχεις πρόσβαση στον HTML κώδικα μέσω inspect. Αν έχεις πρόσβαση τότε ναί, μπορείς να δεις το alt text.
Ποιό είναι το ιδανικό μέγεθος για τα alt text;
Δεν υπάρχει επίσημα από την Google ιδανικό μέγεθος για τα alt text. Επαφίεται στην κοινή λογική να χρησιμοποιήσεις όσες σχετικές λέξεις χρειάζεται ώστε να την περιγράψεις. Καλό είναι να κρατήσεις το alt text σε ένα λογικό νούμερο, για παράδειγμα μέχρι 125 χαρακτήρες.
Πως αλλάζω μαζικά (αυτοματοποιημένα) το alt text;
Για να αλλάξεις μαζικά (αυτοματοποιημένα) το alt text αν χρησιμοποιείς WordPress πρέπει να προσθέσεις ένα plugin (όπως το WordPress Media Library Helper) για μαζική επεξεργασία. Δεύτερος τρόπος είναι να χρησιμοποιήσεις AI και δίνοντάς του κατάλληλες εντολές να αυτοματοποιήσεις τη διαδικασία.
Ποιός είναι ο ρόλος του alt text στην προσβασιμότητα;
Ο ρόλος του alt text είναι να βοηθάει τους συνανθρώπους μας στην ίση πρόσβαση στην πληροφορία, μέσω text-to-speech software. Χρησιμοποιείται από AMEA αλλά και για φωνιτικές αναζητήσεις στην Google.
Πρέπει να χρησιμοποιώ το Alt Text σε όλες τις εικόνες;
Ναί, πρέπει να χρησιμοποιείς το alt text σε όλες τις εικόνες για να έχεις καλύτερα αποτελέσματα στο SEO του Ιστότοπού σου.
Μπορώ να χρησιμοποιήσω σημεία στίξης στο alt text;
Ναί, μπορείς να χρησιμοποιήσεις σημεία στίξης σε ένα alt text, με μέτρο και όταν είναι απαραίτητα ώστε να βελτιώσεις την κατανόηση του περιεχομένου της εικόνας, αλλά όχι υπερβολικά.
