Πλήρης οδηγός:Πώς να Γράψετε alt text για SEO
Το ερώτημα “πως να γράψετε alt text για SEO” με απασχόλησε πρόσφατα μελετώντας διάφορες ιστοσελίδες και συγκρίνοντας τα αποτελέσματα. Διαπίστωσα ότι οι ιστοσελίδες που έχουν alt text τις έβλεπα πιο συχνά στην πρώτη σελίδα αποτελεσμάτων αναζήτησης της Google. Επίσης έβλεπα και τις φωτογραφίες αυτών των ιστοσελίδων ή προϊόντων πολύ συχνά στην πρώτη σελίδα.
Συμπέρασμα ότι η ιστοσελίδα δεν είναι απλώς ένα σύνολο σελίδων στο διαδίκτυο. Είναι ένας διαδραστικός χώρος όπου ο επισκέπτης αναζητά πληροφορίες, εμπειρίες και συναισθήματα. Και ενώ οι φωτογραφίες αποτελούν σημαντικό μέρος της αισθητικής μιας ιστοσελίδας, το εναλλακτικό κείμενο σε φωτογραφίες προσθέτει μια νέα εμπειρία στον χρήστη και την απήχησή της.
Σε αυτό το άρθρο, θα εξετάσουμε τη σημασία και τον ρόλο του εναλλακτικού κειμένου (alt text) σε φωτογραφίες που χρησιμοποιείτε στις ιστοσελίδες σας.
Η Ιστοσελίδα ως Οπτική Εμπειρία
Όταν κάποιος επισκέπτεται μια ιστοσελίδα, η πρώτη εντύπωση που δημιουργείται είναι οπτική. Βλέπει το κείμενο και τις φωτογραφίες ως αντικείμενα και το πως είναι τοποθετημένα στην ιστοσελίδα. Γι’ αυτό το λόγο οι εικόνες παίζουν καθοριστικό ρόλο στην αισθητική της ιστοσελίδας και στον τρόπο με τον οποίο την αντιλαμβάνεται ο επισκέπτης.
Ωστόσο, το εναλλακτικό κείμενο σε φωτογραφίες προσθέτει ένα επιπλέον επίπεδο πληροφορίας, προσφέροντας μια πιο πλήρη εικόνα του περιεχομένου και των σκοπών της ιστοσελίδας.
Με τη σωστή χρήση του εναλλακτικού κειμένου σε φωτογραφίες μπορεί κάποιος να βελτιώσει την κατανόηση της ιστοσελίδας και του περιεχομένου της σε ανθρώπους με δυσκολίες στην όραση.
Κι αυτό, γιατί το εναλλακτικό κείμενο δίνει περιγραφές των εικόνων, και επιτρέπει σε αυτές τις ομάδες των ανθρώπων την κατανόηση του περιεχομένου και το νόημα των εικόνων. Έτσι ενισχύει την εμπειρία τους στην ιστοσελίδα.
Επιπλέον, το εναλλακτικό κείμενο σε φωτογραφίες μπορεί να βοηθήσει στην βελτίωση του SEO (Search Engine Optimization) της ιστοσελίδας. Οι μηχανές αναζήτησης δεν αναγνωρίζουν την φωτογραφία, αλλά διαβάζουν το κείμενο που συνοδεύει αυτές τις φωτογραφίες.
Έτσι, το εναλλακτικό κείμενο βοηθάει τις μηχανές αναζήτησης και καταλαβαίνουν καλύτερα μια ιστοσελίδα και κατά συνέπεια βελτιώνουν την θέση της ιστοσελίδας στα αποτελέσματα αναζήτησης.
Συμπερασματικά διευκολύνετε τόσο τα ρομπότ μηχανών αναζήτησης όσο και τα άτομα που χρησιμοποιούν προγράμματα ανάγνωσης οθόνης να έχουν πρόσβαση στο περιεχόμενό σας.
Ακολουθεί ένας πρακτικός οδηγός που περιέχει συμβουλές και προτάσεις που κάποιος χρησιμοποιεί για να βελτιώσει το SEO και την προσβασιμότητα της εικόνας του ιστότοπού του.
Λίγη θεωρία για το εναλλακτικό κείμενο και γιατί χρειάζεται να Γράψετε alt text για SEO.
Το εναλλακτικό κείμενο (ή alternative text), γνωστό και ως το χαρακτηριστικό alt ή alt tag -το οποίο σημειωτέον δεν είναι τεχνικά σωστό επειδή δεν είναι ετικέτα-, είναι μια φράση ή μια πρόταση που περιγράφει τι ακριβώς δείχνει η εικόνα και ο κώδικα HTML το ενσωματώνει στην ιστοσελίδα.
Ποιες είναι οι χρήσεις του εναλλακτικού κειμένου (alt text);
Το εναλλακτικό κείμενο ξεκίνησε πριν πολλά χρόνια με σκοπό απλώς για να περιγράψει μια εικόνα που δεν μπορούσε να φορτωθεί.
Όταν το διαδίκτυο ήταν πολύ πιο αργό, το εναλλακτικό κείμενο βοηθούσε να γνωρίζετε το περιεχόμενο μιας εικόνας, η οποία ήταν πολύ βαριά για να φορτωθεί στο πρόγραμμα περιήγησής σας.
Σήμερα, με το γρηγορότερο internet, οι εικόνες σπάνια έχουν αποτυχία στο φόρτωμα, αλλά αν συμβεί αυτό, τότε θα δείτε στη θέση μιας εικόνας ένα μικρό κείμενο σε γκρί φόντο όπως παρακάτω.
Στη σημερινή εποχή, το εναλλακτικό κείμενο παίζει επίσης ρόλο για τα bots μηχανών αναζήτησης όσο και για τα άτομα που χρησιμοποιούν προγράμματα ανάγνωσης οθόνης:
- Το εναλλακτικό κείμενο βοηθά τα άτομα με πρόβλημα όρασης. Μπορούν για παράδειγμα, χρησιμοποιώντας προγράμματα ανάγνωσης οθόνης, να μάθουν για το περιεχόμενο της εικόνας.
- Το εναλλακτικό κείμενο βοηθά επίσης τα bots των μηχανών αναζήτησης να γίνεται καλύτερη κατανόηση στο περιεχόμενο της εικόνας.
- Επίσης παρέχει πληροφορίες στους χρήστες, ακόμα και αν η εικόνα έχει πρόβλημα στην φόρτωση για κάποιο λόγο.
- Φυσικά, όπως κάθε στοιχείο του SEO, συχνά γίνεται κακή χρήση ή, σε ορισμένες περιπτώσεις, ακόμη και κατάχρηση.
Ας ρίξουμε τώρα μια πιο προσεκτική ματιά στο γιατί το εναλλακτικό κείμενο είναι σημαντικό αλλά και Πώς να Γράψετε alt text για SEO
Γιατί είναι σημαντικό το εναλλακτικό κείμενο
Είναι σημαντικό για τους ανθρώπους: (ένας σημαντικός λόγος που πρέπει να μάθετε, Πώς να Γράψετε alt text για SEO)
Το διαδίκτυο και οι ιστοσελίδες αποτελούν μια οπτική εμπειρία. Είναι δύσκολο να βρεις μια ιστοσελίδα χωρίς εικόνες ή γραφικά στοιχεία.
Γι’ αυτό, το εναλλακτικό κείμενο είναι πολύ σημαντικό.
Το εναλλακτικό κείμενο βοηθά να μεταφραστεί το περιεχόμενο, το πλαίσιο και το νόημα της εικόνας σε λέξεις, κάνοντας έτσι την εικόνα προσβάσιμη σε ένα ευρύτερο κοινό, συμπεριλαμβανομένων των ατόμων με αναπηρία και των bot μηχανών αναζήτησης, που δεν είναι αρκετά έξυπνα ακόμη για να κατανοήσουν πλήρως κάθε εικόνα.
Η ορατότητα στην αναζήτηση εικόνων Google είναι πολύ σημαντική, αλλά υπάρχει ένα ακόμη πιο σημαντικό στοιχείο: η προσβασιμότητα.
Ευτυχώς, τα τελευταία χρόνια, έχει δοθεί μεγαλύτερη έμφαση στην προσβασιμότητα (δηλαδή, να γίνει ο Ιστός προσβάσιμος σε όλους, συμπεριλαμβανομένων των ατόμων με αναπηρία ή/και στη χρήση προγραμμάτων ανάγνωσης οθόνης).
Ας υποθέσουμε ότι το εναλλακτικό κείμενο των εικόνων σας, περιγράφει πραγματικά το περιεχόμενό τους αντί – για παράδειγμα – να περιέχει απλώς, λέξεις-κλειδιά. Σε αυτήν την περίπτωση, βοηθάτε άτομα που δεν μπορούν να δουν αυτήν την εικόνα να την κατανοήσουν καλύτερα, όπως και το περιεχόμενο ολόκληρης της ιστοσελίδας.
Ας υποθέσουμε ότι μία από τις ιστοσελίδες σας είναι ένας οδηγός για smartwatch.
Στο οδηγό αυτό πρέπει να βάλετε διάφορες φωτογραφίες από smartwatch από διαφορετικές όψεις.
Σε αυτή την περίπτωση θα ήταν καλύτερο να περιγράψετε το περιεχόμενο κάθε στιγμιότυπου οθόνης αντί να βάζετε το ίδιο εναλλακτικό κείμενο π.χ. «οδηγός smartwatch» σε κάθε εικόνα.
Είναι σημαντικό για το SEO (άλλος ένας λόγος που πρέπει να μάθετε, Πώς να Γράψετε alt text για SEO)
Το εναλλακτικό κείμενο των φωτογραφιών είναι ένα σημαντικό στοιχείο της βελτιστοποίησης SEO στη ιστοσελίδα.
Όταν γράφετε σωστά το εναλλακτικό κείμενο τότε έχετε περισσότερες πιθανότητες να κατατάξει η Google καλύτερα το site σας στην αναζήτηση εικόνων.
Ναι, και όπως καταλάβατε, το εναλλακτικό κείμενο είναι ένας παράγοντας κατάταξης για την αναζήτηση εικόνων Google.
Ανάλογα με τη θέση και την ιδιαιτερότητα του ιστότοπού σας, η επισκεψιμότητα αναζήτησης εικόνων Google μπορεί να διαδραματίσει τεράστιο ρόλο στη συνολική επιτυχία του ιστότοπού σας.
Για παράδειγμα, στην περίπτωση ιστότοπων ηλεκτρονικού εμπορίου, οι χρήστες πολύ συχνά ξεκινούν την αναζήτησή τους για προϊόντα με μια αναζήτηση εικόνων Google αντί να πληκτρολογούν το όνομα του προϊόντος στην τυπική αναζήτηση Google.
Η Google και άλλες μηχανές αναζήτησης πιθανόν να μην εμφανίσουν εικόνες των προϊόντων σας εάν δεν φροντίσετε να γράψετε σωστά το εναλλακτικό κείμενο τους.
Ετσι, μπορεί να χάσετε μεγάλη δυνητική επισκεψιμότητα και πελάτες.
Πώς να Γράψετε alt text για SEO. Αναλυτικά παραδείγματα.
Η εύρεση πολλών καλών και κακών παραδειγμάτων εναλλακτικού κειμένου δεν είναι δύσκολη. Επιτρέψτε μου να σας δείξω μερικά, επιμένοντας στο παραπάνω παράδειγμα με έναν οδηγό smartwatch.
Καλά παραδείγματα εναλλακτικού κειμένου
Έστω ότι στο παράδειγμά μας εξηγούμε φωτογραφίες από smartwatch όπως η παραπάνω φωτογραφία.
Μερικά καλά παραδείγματα εναλλακτικού κειμένου και Πώς να Γράψετε alt text για SEO μπορεί να περιλαμβάνουν:
- alt text (1)= Xiaomi Redmi Watch 3 Active Αδιάβροχο με Παλμογράφο (μπροστινή όψη)
- alt text (2)= Xiaomi Redmi Watch 3 Active Αδιάβροχο με Παλμογράφο ( πλάγια όψη)
- alt text (3)= Σύγκριση 4 smartwatch Android του 2024
Συμβουλή : Είναι επίσης καλή ιδέα να φροντίσετε το όνομα του αρχείου σας. Κατά τη γνώμη μου όλο το όνομα θα πρέπει να περιέχει ΜΟΝΟ αγγλικά, αριθμούς και παύλα. ΌΧΙ ελληνικούς χαρακτήρες η άλλα σύμβολα εκτός της παύλας.
Το να χρησιμοποιήσετε περιγραφικά ονόματα του προϊόντος στο αρχείο φωτογραφίας βοηθάει επίσης σε καλύτερη κατάταξη στα αποτελέσματα της Google.
Γενικές Συμβουλές Καλής Γραφής Εναλλακτικού Κειμένου. Πώς να Γράψετε alt text για SEO
Παρακάτω δίνω συμβουλές για το πώς κάποιος να γράψει σωστό εναλλακτικό κείμενο, ώστε να εκπληρώσει πραγματικά τον σκοπό του:
- Δεν τοποθετεί με το ζόρι, λέξεις-κλειδιά στο εναλλακτικό κείμενο. Δεν θα βοηθήσει στην κατάταξη της ιστοσελίδας σας με τεχνητό κείμενο και φτιαχτές λέξεις-κλειδιά.
- Περιγράφει την εικόνα λεπτομερώς, αλλά δεν απλώνετε με μεγάλα κείμενα. Αποφεύγει την προσθήκη πολλαπλών προτάσεων στο εναλλακτικό κείμενο.
- Χρησιμοποιεί τις λέξεις κλειδιά στόχους σας, αλλά με φυσικό τρόπο, ως μέρος της περιγραφής της εικόνας. Εάν η λέξη κλειδί στόχος σας δεν ταιριάζει στην περιγραφή της εικόνας, δεν τη χρησιμοποιεί.
- Δεν γράφει «αυτή είναι μια εικόνα που δείχνει… ». Η Google και οι χρήστες γνωρίζουν ότι αυτή είναι μια εικόνα. Απλώς περιγράφει το περιεχόμενό της
- Πλάθει στη φαντασία του την εικόνα, όταν διαβάζει το εναλλακτικό κείμενο της. Μπορεί να τη «δεί» με κλειστά μάτια;. Αυτή είναι η καλύτερη άσκηση για να βεβαιωθεί ότι το εναλλακτικό κείμενο είναι εντάξει.
Παραδείγματα κακού και/ή ανεπιθύμητου εναλλακτικού κειμένου
Έχω δει επίσης πολλά παραδείγματα κακής χρήσης εναλλακτικού κειμένου, συμπεριλαμβανομένης της προσθήκης λέξεων-κλειδιών ή των ανεπιθύμητων μηνυμάτων.
Δείτε πώς μπορείτε να μετατρέψετε τα παραπάνω καλά παραδείγματα σε κακά παραδείγματα:
alt text (1)= φτηνά smartwatch, ftina smartwatch. Έξυπνα ορολόγια
alt text (2)= ta kalitera eksipna pologia, odhgos smartwatch
alt text (3)= αρθρο για smartwatch
Όπως μπορείτε να δείτε, τα παραπάνω παραδείγματα δεν παρέχουν πραγματικά καμία πληροφορία για το τι δείχνουν στην πραγματικότητα αυτές οι εικόνες αλλά περιγράφουν πιο γενικά.
Μπορείτε επίσης να βρείτε παραδείγματα και ακόμη περισσότερες συμβουλές SEO εικόνων στο Google Search Central.
Συνήθη λάθη εναλλακτικού κειμένου
Η προσθήκη λέξεων-κλειδιών στο εναλλακτικό κείμενο δεν είναι το μόνο λάθος που μπορείτε να κάνετε.
Ακολουθούν μερικά παραδείγματα κοινών σφαλμάτων και κακού εναλλακτικού κειμένου:
- Αφήνετε κενό το εναλλακτικό κείμενο των φωτογραφιών.
- Γράφετε το ίδιο εναλλακτικό κείμενο για διαφορετικές εικόνες.
- Χρησιμοποιώντας πολύ γενικό εναλλακτικό κείμενο που στην πραγματικότητα δεν περιγράφει την εικόνα. Για παράδειγμα, αν η φωτογραφία δείχνει ένα σκύλο, και το εναλλακτικό κείμενο στη φωτογραφία είναι «σκύλος»,
Αντί αυτού μπορείτε να περιγράψετε τον σκύλο με περισσότερες λεπτομέρειες: το χρώμα του, τι κάνει, ποια ράτσα είναι κ.λπ.
- Αυτόματη χρήση του ονόματος του αρχείου ως εναλλακτικού κειμένου – το οποίο μπορεί να οδηγήσει σε μη φιλικό εναλλακτικό κείμενο, όπως “img2003” ή “ftina smartwatch” ή “photo2323”.
- Υπάρχουν μερικά plugins που μπορούν να βάλουν αυτόματα το εναλλακτικό κείμενο των φωτογραφιών το οποίο παίρνουν από τον τίτλο του άρθρου ή από τον τίτλο του προϊόντος. Αυτή η τακτική δεν είναι τόσο καλή. Είναι καλύτερο από μια άδεια περιγραφή αλλά είναι πολύ γενική σαν κείμενο.
π.χ. Στο υποτιθέμενο άρθρο των smartwatch οι φωτογραφίες θα έπαιρναν τα παρακάτω εναλλακτικά κείμενα: «πλήρης οδηγός για smartwatch 2024”, «πλήρης οδηγός για smartwatch 2024 (2)”, «πλήρης οδηγός για smartwatch 2024 (3)” κ.λ.π.
Πώς να ελέγξετε εάν μια σελίδα χρησιμοποιεί το εναλλακτικό κείμενο
Τώρα γνωρίζετε όλες τις βέλτιστες πρακτικές και πώς να γράψετε alt text για SEO αλλά και τα κοινά λάθη του εναλλακτικού κειμένου.
Αλλά πώς μπορείτε πραγματικά να ελέγξετε τι υπάρχει στο εναλλακτικό κείμενο των εικόνων ενός ιστότοπου;
Μπορείτε να ελέγξετε το εναλλακτικό κείμενο με τους εξής τρόπους:
Μεμονωμένη ιστοσελίδα:
Τοποθετώ τον δείκτη του ποντικιού πάνω στη φωτογραφία και κάνω δεξί κλικ. Επιλέγω Έλεγχος ή Επιθεώρηση.
Εμφανίζεται ένα κείμενο με μπλε χρώμα. Ψάξτε την έκφραση alt=”…..”.
Ωστόσο, εάν θέλετε να ελέγξετε μαζικά όλο το site, προτείνω μία από τις παρακάτω δύο μεθόδους.
Πολλαπλές ιστοσελίδες από ένα site:
1η Μέθοδος
Για το Google Chrome: Εγκαταστήστε την επέκταση Chrome Developer Web (https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?pli=1)
- Μετά την εγκατάσταση θα δείτε ένα νέο εικονίδιο σαν γρανάζι.
- Όταν το πατήσετε θα ανοίξει ένα παράθυρο από το οποίο θα επιλέξετε images
- Μετά επιλέγετε το Display Alt Attributes
Με αυτόν τον τρόπο, μπορείτε να δείτε το περιεχόμενο του εναλλακτικού κειμένου όλων των εικόνων σε μια ανοιχτή ιστοσελίδα.
2η Μέθοδος
Για να ελέγξετε το εναλλακτικό κείμενο των εικόνων ολόκληρου του ιστότοπου, μπορείτε να χρησιμοποιήσετε ένα online εργαλείο, όπως το https://www.seoptimer.com/alt-tag-checker
Συμπληρώστε στο πεδίο το site και πατήστε check. Θα σας εμφανίσει μια λίστα από τις φωτογραφίες που δεν έχουν εναλλακτικό κείμενο σε όλο το site.
Σύνοψη
Το εναλλακτικό κείμενο, γνωστό και ως alt text, είναι μια σύντομη περιγραφή το τι δείχνει μια εικόνα. Παίζει σημαντικό ρόλο γιατί:
- Προσβασιμότητα: Βοηθά άτομα με προβλήματα όρασης να κατανοήσουν το περιεχόμενο της εικόνας, με την χρήση προγραμμάτων ανάγνωσης οθόνης.
- SEO: Βοηθά τις μηχανές αναζήτησης να καταλάβουν το περιεχόμενο της εικόνας, και βελτιώνουν την κατάταξη της ιστοσελίδας στα αποτελέσματα αναζήτησης.
- Χρηστικότητα: Παρέχει πληροφορίες στους χρήστες, ακόμα και αν η εικόνα δεν μπορεί να φορτωθεί για κάποιο λόγο.
Καλές πρακτικές: Πώς να Γράψετε alt text για SEO.
- Περιγράψτε το περιεχόμενο της εικόνας με σαφήνεια αλλά περιληπτικά.
- Να χρησιμοποιείτε λέξεις-κλειδιά στόχους με φυσικό τρόπο και όχι με το ζόρι.
- Μην γράφετε περιττά κείμενα ή λεζάντες.
- Κάντε έλεγχο ότι όλες οι εικόνες έχουν εναλλακτικό κείμενο.
Κακές πρακτικές: Αποφύγετε.
- Αφήνετε το εναλλακτικό κείμενο κενό.
- Χρησιμοποιείτε το ίδιο εναλλακτικό κείμενο σε όλες τις εικόνες.
- Οι περιγραφές να έχουν σχέση με το περιεχόμενο των φωτογραφιών.
- Βάζετε λέξεις-κλειδιά άσχετα με το τι δείχνει η εικόνα.
Συμβουλές:
- Όταν περιγράφετε την εικόνα σε κάποιον που δεν μπορεί να την δει, μπορεί να την καταλάβει;
- Οι περιγραφές να είναι χρήσιμες και να έχουν πληροφορία.
- Να ελέγχετε τακτικά το εναλλακτικό κείμενο ότι είναι σωστό.
Συμπέρασμα:
Το εναλλακτικό κείμενο είναι ένα σημαντικό στοιχείο για την προσβασιμότητα, το SEO και την χρηστικότητα. Όταν διαβάζετε άρθρα για το “Πώς να Γράψετε alt text για SEO” μπορείτε να βελτιώσετε τον τρόπο που γράφετε εναλλακτικό κείμενο. Έτσι, μπορείτε να βελτιώσετε την εμπειρία των χρηστών, να αυξήσετε την επισκεψιμότητα της ιστοσελίδας σας και να βελτιώσετε την κατάταξη σας στις μηχανές αναζήτησης.
