Κάθε ιστοσελίδα δημιουργείται με χρήση σήμανσης - κώδικα που είναι γραμμένος σε μια ειδικά παρεχόμενη γλώσσα (τις περισσότερες φορές HTML). Το πρόγραμμα περιήγησης του χρήστη, με τη σειρά του, μπορεί να διαβάσει αυτόν τον κώδικα για να εμφανίσει σωστά όλες τις πληροφορίες που ήθελαν να μας μεταφέρουν οι δημιουργοί του πόρου. Αποδεικνύεται ότι όλα τα στοιχεία που βλέπουμε σε μια ιστοσελίδα παρέχονται από τον πηγαίο κώδικα του ιστότοπου που επισκεπτόμαστε.
Βελτιστοποίηση κώδικα
Όπως μπορείτε να μαντέψετε, κάθε γράμμα αυτού του κώδικα, κάθε σύμβολο έχει ένα νόημα. Επίσης, είναι ενδιαφέρον ότι συμβαίνει οπτικά ο ιστότοπος να μην περιέχει εκείνα τα στοιχεία που είναι εξαιρετικά σημαντικά για τη βελτιστοποίησή του (δηλαδή τη σωστή ρύθμιση του πόρου για τις μηχανές αναζήτησης). Το χαρακτηριστικό ALT μπορεί να αποδοθεί στον αριθμό τέτοιων ελάχιστα αξιοσημείωτων, για παράδειγμα. Βρίσκεται στις σελίδες πολλών πόρων και πολύ συχνά απλά δεν το παρατηρούμε.
Σε αυτό το άρθρο, θα θέλαμε να δώσουμε προσοχή σε αυτό ακριβώς το στοιχείο του σχεδιασμού ιστοσελίδων. Εδώ θα σας πούμε γιατί είναι τόσο σημαντικό για τη σωστή κατάταξη του ιστότοπου, την αύξηση της επισκεψιμότητάς του και την ευκολία του χρήστη στην εργασία μαζί του.
Τι είναι το χαρακτηριστικό ALT;
Ας πάρουμε τα πράγματα από την αρχή: θα περιγράψουμε τι αφορά αυτό το άρθροομιλία και γιατί χρειαζόμαστε καθόλου αυτό το χαρακτηριστικό.
Έτσι, για να κατανοήσετε αυτό το κείμενο, πρέπει πρώτα να κατανοήσετε τη γλώσσα σήμανσης HTML. Αυτός είναι ο κώδικας στον οποίο είναι γραμμένες οι βασικές ιστοσελίδες, ο οποίος, όπως ήδη αναφέρθηκε, έχει την ιδιότητα να εμφανίζεται στο πρόγραμμα περιήγησης. Ολόκληρη η γλώσσα αποτελείται από ειδικά χαρακτηριστικά (όπως IMG, ALT, FONT και ούτω καθεξής). Κάθε ένα από αυτά είναι υπεύθυνο για την εργασία με ένα ή άλλο στοιχείο σχεδιασμού. Στην πράξη, το χαρακτηριστικό "Εικόνα" που αναφέρεται παραπάνω χρησιμοποιείται για εικόνες που μπορούν να βρεθούν σε σελίδες ιστότοπου. Πιο συγκεκριμένα, με τη βοήθειά του δημιουργείται μια περιγραφή για τις εικόνες, σύμφωνα με την οποία ο χρήστης (επισκέπτης του ιστότοπου) μπορεί εύκολα να καταλάβει τι εμφανίζεται σε αυτές. Σίγουρα και εσείς οι ίδιοι έχετε συναντήσει τέτοιες περιγραφές - εμφανίζονται όταν τοποθετείτε το ποντίκι πάνω από την εικόνα.
Πρακτική αξία
Φυσικά, αυτά τα χαρακτηριστικά εφαρμόζονται στην πράξη για κάποιο λόγο. Οι webmasters χρειάζονται περιγραφές για τις εικόνες τους όσο και οι επισκέπτες του ιστότοπου (πιθανώς περισσότερες). Εξάλλου, εάν όλες οι εικόνες δεν διαθέτουν το χαρακτηριστικό ALT, ένα άτομο μπορεί να μην το παρατηρήσει καν εάν προστεθούν επεξηγηματικά κείμενα στις εικόνες στη σελίδα. Από την άλλη πλευρά, τα ρομπότ αναζήτησης (με κενό ALT) ενδέχεται να μην κατατάσσουν τον ιστότοπο αρκετά ψηλά, να μειώνουν τη θέση του στα αποτελέσματα αναζήτησης και, επομένως, να μην προσελκύουν επαρκή αριθμό επισκεπτών. Επομένως, μπορούμε να πούμε με σιγουριά ότι οι περιγραφές για τις εικόνες στον ιστότοπο διαδραματίζουν επίσης σημαντικό ρόλο για τους ίδιους τους webmasters, επομένως δεν μπορούνπαραμέληση.
Μπόντους από τις μηχανές αναζήτησης
Για να κατανοήσετε καλύτερα τα οφέλη από τις σωστά συμπληρωμένες ετικέτες περιγραφής για τις εικόνες, ας δώσουμε ένα μικρό παράδειγμα. Ας υποθέσουμε ότι υπάρχει ένας ιστότοπος με εικόνες που φιλοξενούνται σε αυτόν. Εάν δεν έχει οριστεί το χαρακτηριστικό ALT, ο χρήστης δεν θα υποφέρει, γιατί σε κάθε περίπτωση θα δει τι φαίνεται σε μια συγκεκριμένη φωτογραφία. Ένα εντελώς διαφορετικό αποτέλεσμα περιμένει τον κάτοχο του πόρου, ο οποίος θα παραμελήσει την παραπάνω ετικέτα, εξαιτίας της οποίας θα χάσει κάποιο μερίδιο της επισκεψιμότητας από τους καταλόγους εικόνων, για παράδειγμα.
Πώς να γράψετε το χαρακτηριστικό ALT;
Τεχνικά, δεν είναι δύσκολο να συμπληρώσετε μια περιγραφή κάτω από αυτήν ή εκείνη την εικόνα. Αυτό είναι προφανές: πρέπει να μεταβείτε στο πρόγραμμα επεξεργασίας HTML στον ιστότοπό σας και να βρείτε τον κώδικα εικόνας (αρχίζει με IMG και τελειώνει με τον ίδιο). Μέσα σε αυτό το μπλοκ κώδικα, υπάρχει κώδικας. Αυτό εννοούν όταν λένε ότι πρέπει να γράψετε το χαρακτηριστικό ALT. Αυτό γίνεται ως εξής: " alt=""περιγραφή".
Εάν δεν εργάζεστε με καθαρό κώδικα, αλλά χρησιμοποιείτε κάποια ξεχωριστή "μηχανή" για τον ιστότοπο (για παράδειγμα, Wordpress ή Joomla), ενσωματώνει έναν ειδικό μηχανισμό για την προσθήκη " alts" μέσω του οποίου θα απομνημονεύεται ο ιστότοπός μας από τις μηχανές αναζήτησης. Εάν συμπληρώσετε ένα νέο ALT, η ενημέρωση βρίσκεται στη σελίδα σας.
Τι γράφουν στο χαρακτηριστικό;
Φυσικά, όταν έχετε το καθήκον να γράψετε το χαρακτηριστικό ALT, δεν σκέφτεστε τα τεχνικάπλευρά. Τις περισσότερες φορές, αυτή η ερώτηση τίθεται εάν ο webmaster δεν γνωρίζει ποιες πληροφορίες πρέπει να παρέχει σχετικά με μια συγκεκριμένη εικόνα. Αυτό καθιστά δύσκολο να πούμε ποιες πληροφορίες θα ωφελήσουν τον ιστότοπο από την άποψη των μηχανών αναζήτησης.
Στην πράξη, υπάρχουν πολλές προσεγγίσεις για την επίλυση του προβλήματος περιγραφής. Κάποιος εργάζεται με τυπικά πρότυπα, σύμφωνα με τα οποία η ετικέτα συμπληρώνεται απλώς με λέξεις-κλειδιά για τις οποίες δημιουργείται η σελίδα. Ίσως αυτή είναι η πιο κοινή πρακτική που μπορεί να βρεθεί συχνά. Μερικές φορές, αντί να ψάχνει πώς να γράψει το χαρακτηριστικό ALT, ο χρήστης απλώς αφήνει αυτό το διάστημα κενό. Θα πρέπει να διευκρινιστεί εδώ ότι ο καθένας παίρνει τις αποφάσεις του για το ποια περιγραφή θα υποδείξει.
Απαιτήσεις
Ταυτόχρονα, υπάρχουν αρκετοί βασικοί κανόνες (ή, αν θέλετε, απαιτήσεις) σύμφωνα με τους οποίους ο καθένας μπορεί να προσθέσει το ιδανικό χαρακτηριστικό για τις φωτογραφίες του. Αποτελούνται από ένα μικρό αριθμό αντικειμένων, καθένα από τα οποία αναφέρεται στις περιγραφές φωτογραφιών και εικόνων στον ιστότοπο.
Για παράδειγμα, η πρώτη τέτοια απαίτηση είναι το μήκος ολόκληρου του κειμένου. Αν ψάχνετε πώς να γράψετε σωστά το χαρακτηριστικό ALT, η λύση είναι στοιχειώδης: χρησιμοποιήστε όχι περισσότερες από 2-3 λέξεις. Κείμενο αυτού του μεγέθους, πρώτον, θα διαβαστεί ιδανικά από ένα ρομπότ αναζήτησης (και θα κάνει τον ιστότοπό σας πιο σχετικό). Δεύτερον, μια τέτοια περιγραφή είναι πιο κατανοητή στους ίδιους τους χρήστες. Συμφωνώ, διαβάστε ολόκληρη την πρόταση, αν θέλετε απλώς να μάθετε τι φαίνεται στην εικόνα, κανείς δεν θα το κάνει. Αρκεί να είμαστε σύντομοι και ακριβείς.μια περιγραφή που θα είναι χρήσιμη τόσο για εσάς όσο και για τους πελάτες σας.
Μην ξεχνάτε το νόημα. Αν δημοσιεύσετε μια φωτογραφία ενός ελέφαντα, φροντίστε να περιγράψετε τη φυλή ή την ιστορία του. διευκρινίστε γιατί απεικονίζεται σε αυτή τη φωτογραφία, τι θα θέλατε να πείτε με αυτό. Θα ήταν χρήσιμο για τον επισκέπτη να γνωρίζει τις σκέψεις σας για αυτόν τον ελέφαντα.
Ένα άλλο σημαντικό σημείο (το οποίο διαπιστώθηκε κατά τη διάρκεια πολλών πρακτικών δοκιμών) είναι η μοναδικότητα. Αν ψάχνετε πώς να προσθέσετε το χαρακτηριστικό "Εικόνα" σε μια εικόνα, να θυμάστε ότι πρέπει να είναι μοναδικό για καθεμία από τις φωτογραφίες που αναφέρονται στον ιστότοπο. Για παράδειγμα, η δημοσίευση τριών εικόνων στη σειρά με τη λεζάντα "ο ελέφαντας μου" θα είναι λάθος - αυτό θα βλάψει μόνο τον πόρο σας στα αποτελέσματα αναζήτησης. Είναι καλύτερα να ονομάσετε τις εικόνες "ελέφαντας 1" και "ελέφαντας 2", κάτι που θα τις κάνει πιο μοναδικές.
Τέλος, λάβετε υπόψη τις παραμέτρους των ίδιων των εικόνων που αναζητάτε πώς να προσθέσετε το χαρακτηριστικό ALT. Για τις εικόνες, είναι σημαντικό να πληρούνται ορισμένα κριτήρια - να μην είναι πολύ μικρές, να φαίνονται ρεαλιστικές. Δηλαδή, αν καθορίσετε μια περιγραφή, τότε κάντε το για πιο σοβαρές εικόνες που λαμβάνονται υπόψη πιο βαριά. Μην πληροίτε τις προϋποθέσεις για το χαρακτηριστικό "Image" για ορισμένα μικρά emoticon ή κάτι τέτοιο.
Αναζήτηση ALT
Τέλος, μιλήσαμε για τα βασικά ενός χαρακτηριστικού, μερικούς από τους κανόνες για τη σύνταξή του και τις απαιτήσεις και των δύο μερών (τόσο των χρηστών όσο και των ρομπότ αναζήτησης) προς αυτά. Τώρα ας σκεφτούμε: πώς να αναζητήσετε λέξεις-κλειδιά και φράσεις,που θα συνταγογραφήσουμε στον ιστότοπό μας; Όπως σημειώθηκε παραπάνω, η αναζήτηση θα πρέπει να κατευθύνεται σε έτοιμες βάσεις δεδομένων λέξεων-κλειδιών που αρχίζουν πραγματικά να προσελκύουν πελάτες στον ιστότοπό σας. Φυσικά, αυτό δεν μπορεί να επιτευχθεί εάν εξακολουθείτε να μην έχετε το χαρακτηριστικό ALT. Πάρτε έτοιμες λέξεις-κλειδιά και φράσεις που χρησιμοποιείτε στο περιεχόμενό σας και επικολλήστε τις σε εικόνες.
Αν δεν έχετε τέτοιες πληροφορίες και δεν έχετε σκεφτεί καθόλου να αρχίσετε να προωθείτε σταδιακά τον πόρο σας, προτείνουμε να αρχίσετε να αναζητάτε βάσεις δεδομένων τέτοιων «λέξεων-κλειδιών» με τις οποίες μπορείτε εύκολα να δημιουργήσετε νέους ιστότοπους. Για αυτό, υπηρεσίες όπως το Google Keyword Extract Tool ή το Yandex. Wordstat είναι τέλειες, οι οποίες εμφανίζουν στατιστικά στοιχεία αναζήτησης για ορισμένες φράσεις. «Παίζοντας» με αυτές τις ρυθμίσεις, μπορείτε να αυξήσετε σημαντικά το μερίδιο της επισκεψιμότητας αναζήτησης στους ιστότοπούς σας και έτσι να αρχίσετε να αποκομίζετε νέα οφέλη. Το κύριο πράγμα είναι να αποφύγετε μια κατάσταση στην οποία όλες οι ορατές εικόνες δεν διαθέτουν το χαρακτηριστικό ALT.
Συμπεράσματα
Λοιπόν, τι μπορούμε να πούμε για το χαρακτηριστικό που περιγράφεται σε αυτό το άρθρο; Είναι μέρος της γλώσσας στην οποία δημιουργούνται οι απλούστεροι ιστότοποι - HTML. Είναι πολύ εύκολο να γίνει αυτό, αφού περιγράφει μια στοιχειώδη, βασική γλώσσα. Για να συνεχίσετε να καταχωρείτε την ετικέτα σε εικόνες, πρέπει να την εκδώσετε ανεξάρτητα μέσω του πηγαίου κώδικα. Εναλλακτικά, χρησιμοποιώντας τις νέες οδηγίες, ξεκινήστε πάλι να ξεχωρίζετε. Όπως και να έχει, η προσθήκη ετικέτας "Εικόνα" είναι η τέλεια περίπτωση αμοιβαίου οφέλους όταν τόσο ο επισκέπτης όσο και ο ιδιοκτήτης του πόρου είναι ικανοποιημένοι.
Η ένδειξη μιας ετικέτας μπορεί να οδηγήσει σε νέαεπισκέπτες - αυτό το φαινόμενο παρατηρείται ιδιαίτερα συχνά σε υπηρεσίες όπως το Google και το Yandex Images. Όταν κάνετε κλικ σε μια εικόνα, ο ιστότοπος καθορίζει ανεξάρτητα την πηγή από την οποία λήφθηκε η εικόνα και ανακατευθύνει τον επισκέπτη. Και αυτό, όπως καταλαβαίνετε, είναι πολύ σημαντικό να μπορείτε να το κάνετε στο μέλλον.
