Προσθέστε τίτλους εναλλακτικής εικόνας για βελτιωμένο σχεδιασμό ιστολογίων - ανδρείκελα

Ένας τίτλος εναλλακτικής εικόνας (εναλλακτικό χαρακτηριστικό ή τι HTML καλεί alt) παρέχει στους browsers έναν τρόπο να χειριστεί μια εικόνα ιστολογίου όταν μπορεί δεν εμφανίζεται για κάποιο λόγο. Στη θέση της εικόνας του ιστολογίου σας, το πρόγραμμα περιήγησης εμφανίζει το εναλλακτικό κείμενο εικόνας. Μια εικόνα ενδέχεται να μην εμφανίζεται στο πρόγραμμα περιήγησης ενός επισκέπτη για διάφορους λόγους, όπως αργή σύνδεση στο Internet ή αργό υπολογιστή.

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

Συμπερίληψη κατάλληλου άλλου κειμένου στο σχεδιασμό του ιστολογίου σας

Εδώ εμφανίζεται ο πίνακας WordPress για την επεξεργασία της εμφάνισης μιας εικόνας σε μια σελίδα. Το δείγμα δείχνει τη διάταξη του σε σχέση με κάποιο παρακείμενο κείμενο - όχι το πραγματικό κείμενο της σελίδας, αλλά μερικά λατινικά που χρησιμοποιεί το WordPress ως σύμβολο κράτησης θέσης. Στη μέση του πλαισίου βρίσκεται το πεδίο Εναλλακτικό κείμενο. Παρατηρήστε ότι είναι ξεχωριστό από το πεδίο Caption και το πεδίο Title.

Αν οι εικόνες αποτελούν μέρος του κύριου σχεδίου του blog σας ή μιας μόνο ανάρτησης στο blog, να συμπεριλάβετε σχετικές λέξεις-κλειδιά στα alt χαρακτηριστικά σας, ώστε οι μηχανές αναζήτησης να τις βρίσκουν ευκολότερες. Ένας χρήστης της μηχανής αναζήτησης μπορεί να πλοηγηθεί στο ιστολόγιό σας βάζοντας πρώτα μια εικόνα - για παράδειγμα, μια κροσέ κουβέρτα - και κάνοντας κλικ στην εικόνα για να διαβάσει την ανάρτηση που σχετίζεται με αυτήν, όπου μπορεί να βρει οδηγίες για να την crocheting.

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

Συμπεριλάβετε άλλα χαρακτηριστικά εικόνας στο σχεδιασμό του ιστολογίου σας

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

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

Εάν το θέμα του blog περιέχει χώρο για μια λεζάντα, τότε το περιεχόμενό του μπορεί να πληκτρολογηθεί στο πεδίο Caption. Αυτό είναι για το κείμενο που θέλετε ο αναγνώστης σας να δει χωρίς να χρειάζεται να το περάσετε πάνω του πρώτα.

Μια περιγραφή τίτλου είναι πολύ σημαντική αν οι αναγνώστες του blog σας χρησιμοποιούν το Pinterest. Όταν κάποιος συνδέει μια θέση με τη δική σας χρησιμοποιώντας ένα κινητό σελιδοδείκτη PinIt, αυτό το bookmarklet τραβάει την περιγραφή τίτλου από την εικόνα που συνοδεύει τη θέση. Το Pinterest χρησιμοποιεί στη συνέχεια τον τίτλο της εικόνας σας ως την περιγραφή του pin. Χωρίς την περιγραφή, το Pinterest τραβάει το όνομα αρχείου της εικόνας, το οποίο μπορεί να είναι λιγότερο περιγραφικό.

Κάτω γραμμή: Όταν χρησιμοποιείτε όλα τα εργαλεία που έχετε στη διάθεσή σας για να περιγράψετε τα θέματα του ιστολογίου σας, τόσο πιο πιθανό είναι ότι μια μηχανή αναζήτησης θα αποδεχτεί το ιστολόγιό σας ως έγκυρο για αυτά τα θέματα.