Τι είναι το Alt Text και Πώς να το Γράφεις για τις Εικόνες του Eshop σου

Άμεση Απάντηση

Το alt text είναι μια σύντομη γραπτή περιγραφή μιας εικόνας, που γράφεται στο χαρακτηριστικό alt του HTML. Την διαβάζουν οι αναγνώστες οθόνης και οι μηχανές αναζήτησης, ώστε να καταλάβουν τι δείχνει η φωτογραφία. Σε ένα eshop, ένα καλό alt text περιγράφει το προϊόν με φυσική γλώσσα, βοηθά το SEO και κάνει το κατάστημα προσβάσιμο σε περισσότερους επισκέπτες.

Key Takeaways

• Το alt text περιγράφει το περιεχόμενο της εικόνας και όχι απλώς μια λίστα λέξεων-κλειδιών.
• Το Google χαρακτηρίζει το alt text το πιο σημαντικό χαρακτηριστικό για τα μεταδεδομένα μιας εικόνας.
• Οι φωτογραφίες προϊόντων χρειάζονται περιγραφή, ενώ οι διακοσμητικές εικόνες κενό alt.
• Τα περιγραφικά ονόματα αρχείων, όπως mavro-dermatino-portofoli.jpg, συμπληρώνουν το alt text.
• Το keyword stuffing βλάπτει την εμπειρία και δεν προσφέρει κανένα όφελος.

Τι ακριβώς είναι το alt text σε ένα eshop;

Ο όρος alt προέρχεται από τη λέξη «alternative». Πρόκειται για το εναλλακτικό κείμενο που εμφανίζεται όταν μια εικόνα δεν φορτώνει και που διαβάζεται φωναχτά από τους αναγνώστες οθόνης, τα προγράμματα που χρησιμοποιούν άτομα με προβλήματα όρασης. Στο HTML γράφεται ως alt="..." μέσα στο στοιχείο της εικόνας.

Για ένα eshop, το alt text έχει τρεις ρόλους. Πρώτον, κάνει τις φωτογραφίες προϊόντων κατανοητές σε όλους τους επισκέπτες. Δεύτερον, δίνει στη Google σαφή πληροφορία για το θέμα της εικόνας. Τρίτον, εμφανίζεται ως υποκατάστατο όταν η σύνδεση του χρήστη είναι αργή και η εικόνα δεν έχει φορτώσει.

Γιατί το alt text βοηθά το SEO;

Σύμφωνα με τις οδηγίες της Google, το alt text είναι «το πιο σημαντικό χαρακτηριστικό» όταν θέλεις να δώσεις περισσότερα μεταδεδομένα για μια εικόνα. Η Google συστήνει περιεχόμενο που είναι χρήσιμο, πλούσιο σε πληροφορία και χρησιμοποιεί τις λέξεις-κλειδιά με φυσικό τρόπο, χωρίς υπερβολές.

Αυτό σημαίνει ότι οι εικόνες των προϊόντων σου μπορούν να εμφανίζονται στην Αναζήτηση Εικόνων, ένα επιπλέον κανάλι επισκεψιμότητας. Για περισσότερες τεχνικές συμβουλές δες και τον οδηγό 9 συμβουλές SEO για το eshop σου.

Πώς να γράφεις καλό alt text βήμα προς βήμα;

1. Περίγραψε αυτό που βλέπεις. Σκέψου πώς θα περιέγραφες την εικόνα σε κάποιον στο τηλέφωνο.
2. Πρόσθεσε τα στοιχεία που μετράνε. Για προϊόντα, ανέφερε είδος, χρώμα, υλικό ή χαρακτηριστικό που ψάχνει ο πελάτης.
3. Κράτησέ το σύντομο. Μία φράση αρκεί, χωρίς «εικόνα του» ή «φωτογραφία του», αφού ο αναγνώστης οθόνης ήδη ανακοινώνει ότι πρόκειται για εικόνα.
4. Χρησιμοποίησε τη λέξη-κλειδί μόνο όταν ταιριάζει φυσικά.
5. Δώσε περιγραφικό όνομα αρχείου. Η Google προτείνει σύντομα αλλά περιγραφικά ονόματα, όπως my-new-black-kitten.jpg αντί για IMG00023.JPG.

Παραδείγματα για προϊόντα

Ποιες εικόνες δεν χρειάζονται alt text;

Ο οδηγός του W3C ξεχωρίζει τις εικόνες που μεταφέρουν νόημα από εκείνες που είναι διακοσμητικές. Οι πρώτες χρειάζονται σύντομη περιγραφή, όπως οι φωτογραφίες προϊόντων, τα γραφήματα και τα εικονίδια που λειτουργούν ως κουμπιά. Οι διακοσμητικές εικόνες, οι εικόνες που επαναλαμβάνουν κείμενο που ήδη υπάρχει δίπλα τους και τα καθαρά οπτικά εφέ πρέπει να έχουν κενό alt (alt=""), ώστε να προσπερνιούνται από τους αναγνώστες οθόνης.

Ποια είναι τα πιο συχνά λάθη;

• Κενό ή ξεχασμένο alt στις φωτογραφίες προϊόντων.
• Keyword stuffing, δηλαδή επανάληψη λέξεων-κλειδιών που κάνει το κείμενο ακατανόητο.
• Γενικά ονόματα αρχείων όπως image1.jpg.
• Ίδιο alt text σε όλες τις εικόνες ενός προϊόντος, χωρίς να ξεχωρίζει η κάθε γωνία λήψης.
• Κείμενο μέσα στην εικόνα χωρίς να υπάρχει το ίδιο κείμενο και ως πραγματικό κείμενο στη σελίδα.

Το alt text συνδέεται άμεσα και με την προσβασιμότητα. Αν θέλεις να δεις τη μεγαλύτερη εικόνα, διάβασε τον οδηγό Τι είναι η προσβασιμότητα ιστοσελίδων και γιατί αφορά το eshop σου.

Πώς βοηθά το SimplySites με τις εικόνες του eshop;

Το SimplySites είναι μια ελληνική AI-native πλατφόρμα e-commerce που καλύπτει vitrina, κατάλογο, checkout, πληρωμές, analytics και SEO. Για την οπτική πλευρά του καταστήματος, τα AI εργαλεία εικόνας του SimplySites βοηθούν στη βελτίωση των φωτογραφιών προϊόντων, ενώ το AI SEO υποστηρίζει την αυτοματοποιημένη βελτιστοποίηση τίτλων και περιγραφών. Για καλύτερες φωτογραφίες δες και τις συμβουλές για επαγγελματικές φωτογραφίες προϊόντων.

Summary

Το alt text είναι μια σύντομη, φυσική περιγραφή κάθε εικόνας που βοηθά και τους ανθρώπους και τη Google να καταλάβουν τι δείχνει. Περίγραψε αυτό που φαίνεται, πρόσθεσε τα βασικά χαρακτηριστικά του προϊόντος, απόφυγε το keyword stuffing, χρησιμοποίησε περιγραφικά ονόματα αρχείων και άφησε κενό alt μόνο στις διακοσμητικές εικόνες.

Ετοιμάζεις το eshop σου; Ξεκίνα δωρεάν στο simplysites.gr/xekina.