Το Alt Text (εναλλακτικό κείμενο) είναι το κείμενο που περιγράφει μία εικόνα σε μία Ιστοσελίδα. Χρησιμοποιείται για να εξηγήσει την εικόνα σε άτομα που δεν μπορούν να δουν, στα ρομπότ των μηχανών αναζήτησης και όταν η εικόνα δεν μπορεί να φορτωθεί. Το Alt text παίζει σημαντικό ρόλο στο voice search optimization, στο image SEO και στην προσβασιμότητα του site από ΑΜΕΑ.
Γιατί είναι απαραίτητο το alt text το 2024;
Το alt text είναι απαραίτητο για το SEO το 2024, σχεδόν υποχρεωτικό, γιατί χρησιμοποιείται για φωνητικές αναζητήσεις από τους virtual assistants Siri της Apple, Alexa της Amazon, Cortana της Microsoft και το Voice Search της Google.
Μέχρι το τέλος του 2024 οι φωνητικές αναζητήσεις μέσω digital voice assistant θα έχουν φτάσει τα 8.4 δισεκατομμύρια. [Στατιστικό από Google]
Παράδειγμα alt text
Ένα παράδειγμα alt text θα μπορούσε να είναι η παρακάτω εικόνα από τα Windows XP και το κείμενο που θα διάβαζαν οι μηχανές αναζήτησης να είναι "Ένας πράσινος λόφος με γρασσίδι και ο Ουρανός μπλέ με διάσπαρτα άσπρα σύννεφα".
8 Tips για να γράψεις τέλειο alt text
Για να γράψεις το τέλειο alt text διάβασε τα παρακάτω 8 tips. Μπορείς να τα εκλάβεις και ως οδηγίες, εφάρμοσέ τα και θα δεις θεαματικά αποτελέσματα στο image SEO στις εικόνες σου, στα GIF ακόμα και στα video.
- Χρησιμοποίησε περιγραφικό όνομα στο αρχείο
- Εφάρμοσε 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 ή το video pack του YouTube στo Google search.
Συχνές Ερωτήσεις για τα 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 ή μέσα από τις φωνητικές αναζητήσεις στους virtual assistants.
Πρέπει να χρησιμοποιώ το Alt Text παντού;
Ναί, πρέπει να χρησιμοποιείς το alt text παντού σε όλες τις εικόνες, GIF ή video για να έχεις καλύτερα αποτελέσματα στο SEO του Ιστότοπού σου.
Μπορώ να χρησιμοποιήσω σημεία στίξης στο alt text;
Ναί, μπορείς να χρησιμοποιήσεις σημεία στίξης σε ένα alt text, με μέτρο και όταν είναι απαραίτητα, αλλά όχι υπερβολικά. Εφάρμοσε τους κανόνες σύνταξης και γραμματικής ώστε να βελτιώσεις την κατανόηση του περιεχομένου της εικόνας.
