Alt Text: Alt Text: Τι είναι & πώς να το γράψετε

Εισαγωγή

Σε αυτόν τον οδηγό, θα μάθετε για το εναλλακτικό κείμενο (γνωστό ως alt text): τι είναι, γιατί είναι σημαντικό για το SEO της σελίδας, πώς να το χρησιμοποιείτε σωστά και πολλά άλλα.

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

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

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

Το εναλλακτικό κείμενο (ή αλλιώς alt text) - επίσης γνωστό ως χαρακτηριστικό alt ή ετικέτα alt (που δεν είναι τεχνικά σωστό, επειδή δεν είναι ετικέτα) - είναι ένα κομμάτι κειμένου που περιγράφει την εικόνα στον κώδικα HTML.

Ποιες είναι οι χρήσεις του κειμένου Alt;

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

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

• Για προσβασιμότητα: βοηθά τα άτομα με αναπηρίες (για παράδειγμα, που χρησιμοποιούν προγράμματα ανάγνωσης οθόνης) να κατανοήσουν το περιεχόμενο της εικόνας.

• Για SEO: Βοηθώντας τις μηχανές αναζήτησης να κατανοήσουν καλύτερα το περιεχόμενο της σελίδας.

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

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

Γιατί το Alt Text είναι σημαντικό για το SEO

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

Γιατί το κείμενο Alt είναι σημαντικό για την προσβασιμότητα

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

Παραδείγματα κειμένου Alt

Παραδείγματα καλών κειμένων Alt

Σκεφτείτε έναν οδηγό ελέγχου SEO που περιέχει στιγμιότυπα οθόνης από εργαλεία όπως το Google Search Console και το Screaming Frog. Τα καλά παραδείγματα alt κειμένου περιλαμβάνουν:

<img src="google-search-console-coverage-report.jpg" alt="Η αναφορά κάλυψης στην Google Search Console που δείχνει τον αριθμό των σελίδων που έχουν αναπροσαρμοστεί και αποκλειστεί"> <img src="google-search-console.jpg" alt="Εργαλείο Google Search Console από την Google"> <img src="screaming-frog-html-pages.jpg" alt="Λίστα σελίδων HTML στο Screaming Frog"> <img src="screaming-frog.jpg" alt="Screaming Frog crawl σε εξέλιξη">

Παραδείγματα κακού και/ή ανεπιθύμητου κειμένου Alt Text

Παραδείγματα κακού κειμένου alt περιλαμβάνουν την πληθώρα λέξεων-κλειδιών ή το spamming:

<img src="google-search-console-coverage-report.jpg" alt="seo audit free, seo audit cheap, seo audit specialist, seo audit, seo audits"> <img src="google-search-console.jpg" alt="google seo, seo google, google, seo, google search console seo"> <img src="screaming-frog-html-pages.jpg" alt="seo auditor, seo audit, seo audits"> <img src="screaming-frog.jpg" alt="seo audit">

Κοινά λάθη Alt Text

• Παράλειψη χρήσης alt κειμένου ή χρήση κενού alt κειμένου.

• Χρήση του ίδιου κειμένου alt για διαφορετικές εικόνες.

• Χρήση πολύ γενικού κειμένου alt που δεν περιγράφει την εικόνα.

• Αυτόματη χρήση του ονόματος του αρχείου ως κείμενο alt.

Συμβουλές συγγραφής κειμένου Alt

• Μην βάζετε λέξεις-κλειδιά στο κείμενο alt.

• Περιγράψτε λεπτομερώς την εικόνα, αλλά κρατήστε την σχετικά σύντομη.

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

• Μην χρησιμοποιείτε κείμενο σε εικόνες. Προσθέστε όλο το κείμενο στον κώδικα HTML.

• Μην γράφετε, "αυτή είναι μια εικόνα του". Απλά περιγράψτε το περιεχόμενο της εικόνας.

• Βεβαιωθείτε ότι μπορείτε να οπτικοποιήσετε το περιεχόμενο της εικόνας διαβάζοντας μόνο το alt κείμενό της.

Πώς να αντιμετωπίσετε προβλήματα στο κείμενο Alt της εικόνας

Επιθεώρηση στοιχείων

Επιθεωρήστε ένα στοιχείο (κάντε δεξί κλικ και επιλέξτε Επιθεώρηση όταν περνάτε το ποντίκι πάνω από μια εικόνα) για να ελέγξετε αν μια συγκεκριμένη εικόνα έχει κείμενο alt.

Ανάλυση όγκου

Για μαζική ανάλυση, χρησιμοποιήστε εργαλεία όπως το Screaming Frog ή το Sitebulb για να ανιχνεύσετε τον ιστότοπο και να ελέγξετε το κείμενο alt όλων των εικόνων του ιστότοπου.

Το Alt Text μπορεί να μην φαίνεται σαν προτεραιότητα, αλλά είναι σημαντικό

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

ΣΥΧΝΈΣ ΕΡΩΤΉΣΕΙΣ

Ποιος είναι ο σκοπός του κειμένου alt στην HTML;

Το κείμενο Alt παρέχει μια κειμενική περιγραφή μιας εικόνας, εάν δεν μπορεί να εμφανιστεί, βοηθώντας τους χρήστες να κατανοήσουν το περιεχόμενο της εικόνας και βοηθώντας τα bots των μηχανών αναζήτησης να κατανοήσουν το θέμα της εικόνας.

Μπορεί το alt text να βελτιώσει την προσβασιμότητα του ιστότοπου;

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

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