Σημασιολογική σήμανση. Εξάσκηση στη χρήση σημασιολογικής σήμανσης. Πού χρησιμοποιείται η σημασιολογική σήμανση;

23.02.2019

Ο πίνακας περιέχει συμβολοσειρές - στοιχεία λίστας. Στην ίδια τη σελίδα HTML υπάρχει μια ετικέτα

δημιουργήστε προγραμματικά ένα στοιχείο< li >;
προσθήκη στο δημιουργημένο στοιχείο HTML- κωδικός περιεχομένου.
προσθέστε ένα στοιχείο στη λίστα.

Προγραμματικά θα μοιάζει με αυτό:

var list = document.getElementById("list"); για (var i = 0; i< items.length; i++) { var listItem = document.createElement("li"); listItem.innerHTML = items[i]; list.appendChild(listItem); }

Έτσι, όταν καλείται η συνάρτηση, θα δημιουργηθούν τα περιεχόμενα της λίστας με id="list".

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

var links = ; σύνδεσμοι = (όνομα: "first", href: "document1.html"); σύνδεσμοι = (όνομα: "second", href: "document2.html"); σύνδεσμοι = (όνομα: "τρίτο", href: "document3.html"); σύνδεσμοι = (όνομα: "τέταρτο", href: "document4.html");

Ένα κοντέινερ ορίζεται στη σελίδα HTML

. Η σειρά προσθήκης ενός συνδέσμου σε ένα κοντέινερ μοιάζει με αυτό:

προγραμματική δημιουργία ενός στοιχείου ;

Καθορισμός κειμένου συνδέσμου.

ορίζοντας την τιμή του χαρακτηριστικού href;

προσθέτοντας έναν σύνδεσμο στο κοντέινερ.

Ο παρακάτω κώδικας δείχνει υλοποίηση λογισμικούη καθορισμένη σειρά ενεργειών:

var nav = document.getElementById("πλοήγηση"); for(var j = 0; j

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

Σημασιολογική σήμανση

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

Η σημασιολογία, ως επιστημονικός κλάδος, μελετά την έννοια των γλωσσικών ενοτήτων. Στην πληροφορική, η σημασιολογία αναφέρεται στην επισημοποίηση των δομών της γλώσσας προγραμματισμού.

Ας προσπαθήσουμε να καταλάβουμε τι σημαίνει αυτό στο πλαίσιο της HTML και της ανάπτυξης Ιστού.

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

Η HTML5 παρέχει έναν αριθμό ετικετών που σας επιτρέπουν να υποδείξετε ρητά ότι αυτό ή εκείνο το περιεχόμενο σχετίζεται με ένα συγκεκριμένο τμήμα της ιστοσελίδας ή να υποδείξετε ποιο είναι το περιεχόμενο (προσφορά, ώρα και ημερομηνία, κ.λπ.).

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

Εκτός από όσα έχουν ήδη ειπωθεί, μπορούν να επισημανθούν τα ακόλουθα πλεονεκτήματα της σημασιολογικής σήμανσης:

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

Έτσι, οι ετικέτες HTML μπορούν να χωριστούν σε σημασιολογικές και ετικέτες παρουσίασης.

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

Πίνακας 14.1.

Ετικέτα	Περιγραφή
ένα	σχεδιασμένο για τη δημιουργία συνδέσμου ή άγκυρας
συντομ	υποδηλώνει ότι το περιεχόμενο της ετικέτας είναι συντομογραφία
αρκτικόλεξο	υποδηλώνει ότι το περιεχόμενο της ετικέτας είναι ακρωνύμιο (ένας τύπος συντομογραφίας που προφέρεται όχι με γράμματα, αλλά ως μία λέξη)
διεύθυνση	περιέχει πληροφορίες για τον συγγραφέα
περιοχή	εφαρμόζεται μέσα στο δοχείο< χάρτης >για να δημιουργήσετε έναν χάρτη εικόνας. Καθορίζει τις παραμέτρους των ενεργών ζωνών συνδέσμων στο χάρτη
βάση	καθορίζει την πλήρη διεύθυνση βάσης του εγγράφου. Χρησιμοποιείται για τη σύνθεση σχετικών διευθύνσεων και για την ένδειξη του παραθύρου προορισμού όλων των συνδέσμων σελίδων
bdo	ορίζει την κατεύθυνση εξόδου κειμένου (δεξιά προς τα αριστερά, από αριστερά προς τα δεξιά)
μπλοκ	επισημαίνει ένα απόσπασμα (συνήθως μεγάλο). Εμφανίζεται με αυξημένη εσοχή
σώμα	καθορίζει τα όρια του σώματος του εγγράφου. Μέσα στην ετικέτα υπάρχουν όλα τα στοιχεία που είναι υπεύθυνα για το περιεχόμενο της σελίδας HTML.
κουμπί	δημιουργεί ένα κουμπί στη φόρμα
λεζάντα	δημιουργεί μια κεφαλίδα πίνακα. Εμφανίζεται πάνω από το τραπέζι έξω από το πλαίσιο. Στοιχείο πίνακα
αναφέρω	χρησιμοποιείται για να υποδείξει την πηγή ενός αποσπάσματος ή τον συγγραφέα του. Συνήθως γράφεται με πλάγιους χαρακτήρες
κώδικας
διάσελο	σας επιτρέπει να ορίσετε γενικές ιδιότητες για ολόκληρη τη στήλη του πίνακα ταυτόχρονα
colgroup	σας επιτρέπει να ορίσετε γενικές ιδιότητες για πολλές στήλες πίνακα ταυτόχρονα
δδ	Και . Ορίζει έναν όρο
del	ορίζει κείμενο ως διαγραμμένο. Μπορεί να εμφανίζεται ως ενσωματωμένο ή μπλοκ στοιχείο ανάλογα με το περιβάλλον
dfn	επισημαίνει έναν όρο στο κείμενο
div	εκχωρεί ένα λογικό μπλοκ. Ένα από τα κύρια στοιχεία της διάταξης μπλοκ
δλ	χρησιμοποιείται κατά τη δημιουργία μιας λίστας ορισμών μαζί με Και
dt	χρησιμοποιείται κατά τη δημιουργία μιας λίστας ορισμών μαζί με Και
em	χρησιμοποιείται για να τονίσει την προσοχή
σύνολο πεδίων	προορίζεται για ομαδοποίηση στοιχείων φόρμας
μορφή	δημιουργεί μια φόρμα στη σελίδα. Η φόρμα χρησιμοποιείται για την ανταλλαγή δεδομένων μεταξύ των χρηστών και του διακομιστή
h1, h2, h3, h4, h5, h6	χρησιμοποιείται για τη δημιουργία τίτλων
κεφάλι	τίτλος εγγράφου, περιέχει πληροφορίες για το τρέχον έγγραφο
html	μια ετικέτα κοντέινερ που περιέχει όλο το περιεχόμενο μιας σελίδας εκτός από δόγμα, το οποίο πρέπει να τοποθετηθεί πριν από την ετικέτα
img	προσθέτει μια εικόνα στη σελίδα
εισαγωγή	σας επιτρέπει να δημιουργήσετε στοιχεία διεπαφής: κουμπιά, πεδία κειμένου, κουμπιά επιλογής και πλαίσια ελέγχου. Η κύρια μέθοδος λήψης πληροφοριών από τον χρήστη (αναγνώστη) βασίζεται σε αυτήν την ετικέτα
ins	υποδεικνύει κείμενο που προστέθηκε σε μια νέα έκδοση του εγγράφου. Μπορεί να εμφανίζεται ως ενσωματωμένο ή μπλοκ στοιχείο ανάλογα με το περιβάλλον
kbd	υποδηλώνει κείμενο που πληκτρολογείται στο πληκτρολόγιο ή στις συντομεύσεις πληκτρολογίου
επιγραφή	σας επιτρέπει να συσχετίσετε ένα στοιχείο διεπαφής στη φόρμα με μια ετικέτα κειμένου και να ορίσετε πλήκτρα πρόσβασης
θρύλος	ορίζει έναν τίτλο για στοιχεία φόρμας που ομαδοποιούνται σε ένα κοντέινερ ετικετών
li	δημιουργεί ένα στοιχείο λίστας
Σύνδεσμος	δημιουργεί μια σύνδεση με εξωτερικά έγγραφα, πιο συχνά με φύλλα στυλ
χάρτης	ετικέτα κοντέινερ για τη δημιουργία χαρτών εικόνων
μετα	περιέχει μεταδεδομένα - μια τεχνική περιγραφή του εγγράφου με τη μορφή ζευγών ονόματος-τιμής. Χρησιμοποιείται για τον προσδιορισμό των ιδιοτήτων του εγγράφου (για παράδειγμα, συγγραφέα, ημερομηνία λήξης, λίστα λέξεων-κλειδιών, κ.λπ.) και ορίζει τις τιμές αυτών των ιδιοτήτων
noscript	περιέχει κείμενο που εξάγεται από το πρόγραμμα περιήγησης
αντικείμενο	χρησιμοποιείται για την ενσωμάτωση διαφόρων αντικειμένων (συνήθως αρχείων πολυμέσων) στη σελίδα
ol	δημιουργεί μια αριθμημένη λίστα
optgroup	δοχείο ετικετών για ετικέτες
επιλογή	καθορίζει μια ξεχωριστή γραμμή λίστας σε μια ετικέτα
Π	σχεδιασμένο για τη δημιουργία παραγράφων
προ	ορίζει ένα προδιαμορφωμένο κομμάτι κειμένου. Έξοδος που σέβεται όλους τους χώρους και τις νέες γραμμές
q	επισημαίνει ένα απόσπασμα στο κείμενο
βρασμένος αραβόσιτος	σημαίνει κείμενο, όπως κώδικας προγράμματος ή τύπος
γραφή	προσθέτει ένα σενάριο στη σελίδα
επιλέγω	δημιουργεί έναν επιλογέα τιμής
σπιθαμή	χρησιμοποιείται κυρίως για τη μορφοποίηση και/ή την εκχώρηση ενός μοναδικού αναγνωριστικού (id) σε ένα συγκεκριμένο κομμάτι κειμένου
ισχυρός	αναδεικνύει και ενισχύει λογικά το κείμενο.
στυλ	καθορίζει ένα φύλλο στυλ
τραπέζι	ορίζει έναν πίνακα
το σώμα	χρησιμοποιείται για την ομαδοποίηση συμβολοσειρών για την παροχή κοινής μορφοποίησης
td	καθορίζει ένα κελί πίνακα
textarea	ορίζει ένα πεδίο εισαγωγής πολλών γραμμών.
tπόδι	χρησιμοποιείται για τον ορισμό της σειράς που θα εμφανίζεται στο κάτω μέρος του πίνακα
ου	ορίζει το κελί κεφαλίδας πίνακα
το κεφάλι	χρησιμοποιείται για τον καθορισμό της σειράς/γραμμών που θα εμφανίζονται στην κορυφή του πίνακα
τίτλος	ορίζει τον τίτλο του εγγράφου
tr	ορίζει μια σειρά πίνακα
ul	δημιουργεί μια λίστα με κουκκίδες
var	υποδηλώνει το όνομα της μεταβλητής

Έχουμε παράσχει ελλιπή

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

Τι είναι η σημασιολογική σήμανση και γιατί χρειάζεται;

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

Χρησιμοποιώντας αυτήν τη σήμανση, μεταδίδονται πληροφορίες σε ρομπότ αναζήτησης σχετικά με το περιεχόμενο της σελίδας.

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

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

Επιπλέον, η προσθήκη σημασιολογικής σήμανσης σάς επιτρέπει να προσελκύετε περισσότερους επισκέπτες στον ιστότοπό σας, οι οποίοι στο μέλλον μπορούν να γίνουν πιθανοί πελάτες σας.

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

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

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

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

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

Φυσικά, εάν το συνθέσετε σωστά, προσθέτοντας ένα συγκεκριμένο ποσό σε αυτό, το σύστημα θα τα επισημάνει με έντονη γραφή, γεγονός που θα τραβήξει την προσοχή των χρηστών.

Εάν το απόσπασμα δεν δημιουργηθεί, θα επιλέξει την περιγραφή ως περιγραφή του πόρου. Στο Yandex, η περιγραφή μπορεί να αγνοηθεί εντελώς, επομένως η σωστή σύνθεση του αποσπάσματος είναι πολύ σημαντική.

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

Ποιες μέθοδοι δημιουργίας micromarkup χρησιμοποιούνται;

Για να δημιουργήσετε όχι μόνο σημασιολογική σήμανση, αλλά και για να την προσθέσετε σωστά, πρέπει να μελετήσετε προσεκτικά το Schema.org, καθώς και να μάθετε πώς να προσθέτετε κώδικα στον ιστότοπο. Το Shema.org είναι μια κοινή ανάπτυξη πολλών μηχανών αναζήτησης, που αντιπροσωπεύουν ένα ενιαίο πρότυπο για το σχηματισμό μικροδεδομένων.

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

Χρήση ειδικές ιδιότητεςσε κώδικα HTML. Είναι περίπουσχετικά με τις ιδιότητες αντικειμένου αντικειμένου, τύπου στοιχείου και στοιχείου.
Υπάρχει επίσης μια πιο απλοποιημένη επιλογή που δεν απαιτεί ΕΙΔΙΚΕΣ ΓΝΩΣΕΙΣ. Αυτό αναφέρεται στο ειδικό εργαλείο Marker της Google. Αυτό ειδική εφαρμογή, στο οποίο μπορείτε να επιλέξετε ορισμένα δεδομένα με τον κέρσορα, υποδεικνύοντας τον τύπο τους.

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

Yandex

Επαφές:

Ζούκοβα, 4

23678

Ιρκούτσκ,

Τηλέφωνο: +3 952 456 XXX XX,

Συσκευή φαξ: +3 952 643 XXX XX,

ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ: [email προστατευμένο]

Όσον αφορά τη δεύτερη μέθοδο, χρησιμοποιώντας το παραπάνω εργαλείο, μπορείτε να αναφέρετε περιεχόμενο στον ιστότοπο όπως Εκδηλώσεις, Εφαρμογές, Τηλεοπτικές σειρές, Βιβλία, Ταινίες, Εστιατόρια, Προϊόντα, Τοπικοί Οργανισμοί " κ.λπ.

Πώς να ελέγξετε εάν η σημασιολογική σήμανση ενός ιστότοπου γίνεται σωστά;

Σήμερα, οι πιο δημοφιλείς μηχανές αναζήτησης είναι η Yandex και η Google. Δεν αποτελεί έκπληξη το γεγονός ότι καθένα από αυτά προσφέρει τα δικά του ειδικά εργαλεία με τα οποία μπορείτε να εργαστείτε στο Διαδίκτυο.

Συγκεκριμένα, καθένα από αυτά έχει τη δική του μέθοδο επαλήθευσης ότι η σημασιολογική σήμανση στον ιστότοπο είναι σωστή. Για το Yandex αυτό είναι το MicroMarkup Validator και για την Google είναι το Google Structured Data Testing Tool. Ας εξετάσουμε και τις δύο μεθόδους ελέγχου της μικροσήμανσης.

Επαλήθευση στο Yandex

Πρώτα απ 'όλα, πρέπει να μεταβείτε στην ίδια την εφαρμογή Validator. Στην κατάλληλη γραμμή, πληκτρολογήστε οποιονδήποτε σύνδεσμο προς το άρθρο που σας ενδιαφέρει. Στη συνέχεια, κάντε κλικ στο κουμπί "Έλεγχος".

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

Έλεγχος Google

Κατ 'αρχήν, δεν υπάρχουν ιδιαίτερες διαφορές στην επαλήθευση εδώ, επειδή είναι και τα δύο αυτοματοποιημένα. Πρέπει επίσης να εισαγάγετε την εφαρμογή - https://search.google.com/structured-data/testing-tool, μετά την οποία πρέπει να εισαγάγετε τον σύνδεσμό μας στη γραμμή. Στη συνέχεια, κάντε κλικ στην επιλογή "Εκτέλεση δοκιμής". Μετά τον έλεγχο, ο αριθμός των σφαλμάτων θα υποδειχθεί στα δεξιά, εάν εξακολουθούν να υπάρχουν στη σήμανση.

συμπέρασμα

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

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

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

Αυτός είναι ο λόγος για τον οποίο προέκυψε η σήμανση σημασιολογικών δεδομένων, βοηθώντας στη δομή των πληροφοριών για ρομπότ αναζήτησης. Αρχικά, υπήρχαν πολλές μορφές σημασιολογικής σήμανσης και όλες ανταγωνίζονταν μεταξύ τους. Ήταν κυρίως οι webmasters που υπέφεραν από αυτήν την κατάσταση πραγμάτων, που έπρεπε να επιλέξουν μεταξύ ανταγωνιστικών μορφών. Ωστόσο, από το 2011, όλα έχουν αλλάξει, αφού οι μεγαλύτερες μηχανές αναζήτησης (Google, η μηχανή αναζήτησης Bing της Microsoft και το Yahoo!) επέλεξαν ένα ενιαίο πρότυπο Schema.org.

Πρακτικά οφέλη του Schema.org και χαρακτηριστικά της εργασίας

Το Schema.org απαιτείται εάν θέλετε το απόσπασμα του ιστότοπού σας (βασικές πληροφορίες σχετικά με έναν πόρο ιστού που εμφανίζεται στα αποτελέσματα αναζήτησης) να προσελκύει την προσοχή στοχευμένο κοινό. Προκαθορισμένο ρομπότ αναζήτησηςδομεί ανεξάρτητα τα δεδομένα, αλλά η ποιότητα των πληροφοριών στο απόσπασμα αφήνει πολλά να είναι επιθυμητά. Για παράδειγμα, αντί για κανονικό κείμενο για αυτό που τον ενδιαφέρει, ο χρήστης θα δει συνηθισμένα σκουπίδια πληροφοριών που δεν μιλούν για το περιεχόμενο του ιστότοπου ή το θέμα του. Από την άλλη πλευρά, εάν στην επόμενη γραμμή των αποτελεσμάτων αναζήτησης υπάρχει ένας ιστότοπος που χρησιμοποιεί το Schema.org, τότε ο χρήστης είναι εγγυημένο ότι θα μεταβεί εκεί, επειδή το απόσπασμα του ιστότοπου θα περιέχει χρήσιμες και ευανάγνωστες πληροφορίες.

Με μια λέξη, η σήμανση Schema.org θα αυξήσει αναμφίβολα τη συνάφεια του ιστότοπου, όπως και μια επαρκή περιγραφή του πόρου Ιστού στα αποτελέσματα αναζήτησης. Μπορείτε να επισημάνετε σχεδόν οτιδήποτε, αλλά είναι σημαντικό να θυμάστε ότι οι μηχανές αναζήτησης δεν χρησιμοποιούν όλη τη σήμανση. Ωστόσο, ό,τι δεν είχε ληφθεί υπόψη στο παρελθόν μπορεί να αρχίσει να λαμβάνεται υπόψη στο μέλλον, επομένως δεν μπορούν να υπάρχουν μικροπράγματα εδώ. Η συντριπτική πλειοψηφία των webmasters επισημαίνει κυρίως κριτικές, διάφορες αξιολογήσεις, προϊόντα, άτομα, εταιρείες, βίντεο, εκδηλώσεις, συνταγές κ.λπ. Φυσικά, κάθε συγκεκριμένη περίπτωση έχει το δικό της σύστημα σήμανσης, επομένως κάθε ιστότοπος απαιτεί ατομική προσέγγιση.

Θα πρέπει επίσης να δώσετε προσοχή στην ιεραρχία των τύπων για να μεταφέρετε στο χρήστη το μέγιστο σημαντικές πληροφορίεςΣχετικά με τον ιστότοπο. Μπορείτε να τα δείτε στον επίσημο ιστότοπο στην ενότητα http://schema.org/docs/schemas.html (απαιτούνται γνώσεις Στα Αγγλικά). Η επιλογή της τεχνικής σήμανσης εξαρτάται πρωτίστως από το θέμα του ιστότοπου και, φυσικά, από τις επιθυμίες του ίδιου του webmaster. Για παράδειγμα, αν έχετε πληροφοριακό πόρομε μια ποικιλία διαφορετικών θεμάτων, μπορείτε να επιλέξετε τη σήμανση άρθρου. Άρθρα που δημοσιεύτηκαν στις προσωπικό ιστολόγιο, επισημαίνονται με χρήση BlogPosting και τεχνικού υλικού – TechArticle, κ.λπ. Σε οποιοδήποτε από αυτά τα σχήματα μπορεί να υπάρχει οποιοσδήποτε αριθμός άλλων σχημάτων, απλά πρέπει να διατηρήσετε τη σωστή ιεραρχία.

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

Για όσους θέλουν να αυξήσουν τη μετατροπή και τη δημοτικότητα του ιστότοπου χρησιμοποιώντας το Schema.org, υπάρχουν επίσης συστάσεις. Για παράδειγμα, εάν μια σελίδα έχει πολύ αριθμό αλληλεπίδρασης (διάφορες αναδημοσιεύσεις, likes, tweets και πολλά άλλα), καθώς και σχόλια, το ρομπότ αναζήτησης ορίζει αυτόματα έναν τέτοιο ιστότοπο ως υψηλότερη προτεραιότητα και πιο σημαντικό σε σύγκριση με άλλους (για παράδειγμα, Το Yandex έχει κάτι σαν " κλίμακα ευτυχίας"). Φυσικά, αυτό επηρεάζει σοβαρά την κυκλοφορία στον πόρο, επομένως αυτή η ευκαιρία δεν πρέπει να παραμεληθεί. Για παράδειγμα, μπορείτε να επισημάνετε κάθε σχόλιο με ένα σχήμα (ονομασία σχολίων χρήστη) σε ένα μεμονωμένο σχήμα ενός άρθρου που έχει ήδη αναρτηθεί στον πόρο (TechArticle). Η μέθοδος είναι πολύ κοινή και, κυρίως, λειτουργεί πραγματικά. Εάν υπάρχουν πολλά σχόλια και άλλα σημάδια δραστηριότητας χρήστη σε έναν πόρο Ιστού, η μηχανή αναζήτησης θα τον εμφανίσει ως χρήσιμο και σημαντικό.

Οι webmasters που έχουν συνηθίσει να χρησιμοποιούν μικρομορφές, μικροδεδομένα και συστήματα RDF θα μπορούν επίσης να συνεργάζονται με το Schema.org. Απολύτως όλα όσα θα μπορούσαν να γίνουν με αυτές τις μορφές μπορούν να γίνουν στο Schema.org.

Αρχές σήμανσης και σχεδίασης κώδικα

Για να εισαγάγετε τη σημασιολογική σήμανση σε μια συγκεκριμένη σελίδα του ιστότοπου, πρέπει πρώτα να τοποθετήσετε την περιγραφή σε ξεχωριστό κοντέινερ, το οποίο υποδεικνύει το επιλεγμένο σχήμα σήμανσης (για παράδειγμα,

…

). Αυτό είναι το πρώτο βήμα. Το δεύτερο είναι να επισημάνετε μεμονωμένες ιδιότητες σχήματος (για παράδειγμα,

Συντάκτης του κειμένου: Ιβάνοφ Ιβάν Ιβάνοβιτς

) που βοηθούν τη μηχανή αναζήτησης να κατανοήσει το περιεχόμενο των πληροφοριών και να το εμφανίσει σωστά στο απόσπασμα του ιστότοπου. Μπορείτε να μάθετε περισσότερα για το σύστημα σήμανσης στον επίσημο ιστότοπο Schema.org. Εάν θέλετε να ξεκινήσετε αμέσως τη μελέτη της σήμανσης, τότε όλες οι πληροφορίες μπορείτε να βρείτε εδώ: http://schema.org/docs/full.html.

Εργαλεία για εργασία

U δημοφιλείς μηχανές αναζήτησηςΈχουμε τα δικά μας εργαλεία για εργασία με σημασιολογική σήμανση. Για παράδειγμα, το Yandex προσφέρει το δικό του εργαλείο επικύρωσης σήμανσης (βρίσκεται στην υπηρεσία Webmaster). Επιπλέον, υπάρχουν ειδικά πρόσθετα σχεδιασμένα για χρήση με συστήματα διαχείρισης πόρων ιστού. Έχουν σχεδιαστεί για να το κάνουν πιο εύκολο δραστηριότητες ρουτίνας webmaster και αυτοματοποιεί πολλές διαδικασίες, γι' αυτό θα ήταν καλή ιδέα να εξοικειωθείτε με αυτές. Ιδιαίτερη προσοχήαξίζει μια υπηρεσία όπως το http://schema-creator.org/, που βοηθά στην εφαρμογή σήμανσης στον κώδικα του ιστότοπου πολύ πιο γρήγορα.

Φυσικά, αυτά δεν είναι όλα τα εργαλεία που μπορούν να βοηθήσουν έναν webmaster. Λίστα χρήσιμα πρόσθετακαι οι υπηρεσίες ενημερώνονται συνεχώς καθώς το Schema.org αναπτύσσεται και γίνεται δημοφιλές, γι' αυτό καλό είναι να είστε πάντα ενήμεροι για τις τάσεις και να τις εφαρμόζετε στην εργασία σας.

Εγγραφείτε στο ενημερωτικό μας δελτίο

Η σήμανση μπορεί να κάνει τον ιστότοπό σας πιο ορατό στην Αναζήτηση Yandex και έτσι να προσελκύσει περισσότερους επισκέπτες από το κοινό-στόχο σας. Ωστόσο, η σημασιολογική σήμανση δεν επηρεάζει άμεσα την κατάταξη.

Διάβασα για το πρότυπο Schema.org. Πώς να το εγκαταστήσετε στον ιστότοπό σας;

Ελέγξτε τις ενότητες βοήθειας και χρησιμοποιήστε εργαλεία σήμανσης. Αν τυπικές μεθόδουςοι υλοποιήσεις δεν είναι κατάλληλες για εσάς (για παράδειγμα, λόγω πολύπλοκης διάταξης), γράψτε στο Search Club.Πιθανότατα, θα χρειαστείτε τη βοήθεια ενός προγραμματιστή.

Το Schema.org περιγράφει πολλούς διαφορετικούς τύπους δεδομένων, υποστηρίζονται όλοι από το Yandex;

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

Το εγκατέστησα στον ιστότοπό μου Schema.org. Πώς να βεβαιωθείτε ότι όλα λειτουργούν;

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

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

Γιατί δεν εμφανίζονται τα αποσπάσματα παρόλο που η σήμανση μου αναγνωρίζεται επιτυχώς από το πρόγραμμα επικύρωσής σας;

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

Πριν εμφανιστούν σε αποσπάσματα, τα δεδομένα πρέπει να είναι:

σωστά σημειωμένο?

ευρετηριασμένο?

μετριάζεται.

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

Τι είναι καλύτερο να χρησιμοποιήσετε - microformats ή Schema.org; Πώς θα επεξεργαστεί το ρομπότ τον ιστότοπο εάν χρησιμοποιήσω και τα δύο;

Οι αλγόριθμοί μας δεν ευνοούν κανένα είδος σήμανσης. Αυτό σημαίνει ότι μπορείτε να χρησιμοποιήσετε τη μορφή που θεωρείτε πιο βολική. Ωστόσο, συνιστούμε να χρησιμοποιήσετε το Schema.org ως ένα πιο σύγχρονο, πλήρες και ενεργά εξελισσόμενο πρότυπο.

ΣΕ ΠρόσφαταΣτον κόσμο του SEO, η χρήση του micro-markup (semantic markup) για διάφορους σκοπούς γίνεται ολοένα και πιο δημοφιλής. Αν και το micro markup άρχισε να χρησιμοποιείται πριν από αρκετά χρόνια, τώρα το βλέπουμε ενεργητική ανάπτυξητόσο στο Yandex όσο και στο Google. Αυτό επιβεβαιώνεται από τις πιο πρόσφατες δημοσιεύσεις στο ιστολόγιο Yandex για webmasters: «Micro markup for large sites» και «Product snippets for a online store».

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

Ο σκοπός της σημασιολογικής σήμανσης

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

Κάθε micromarkup έχει το δικό της λεξικό (μια συγκεκριμένη βάση δεδομένων διάφορες ομάδες, κλάσεις, υποκλάσεις) που κατανοεί και μπορεί να επεξεργαστεί σωστά. Τα λεξικά είναι αρκετά εκτεταμένα, αλλά ολόκληρη η βιβλιοθήκη μπορεί να βρεθεί σε εξειδικευμένους ιστότοπους (το άρθρο παρέχει συνδέσμους προς βιβλιοθήκες για τις πιο δημοφιλείς).

(Στοιχεία για το 2014)

Ας δούμε τους κύριους τύπους σημασιολογικής σήμανσης:

1. Ανοίξτε το γράφημα
2. Λεξιλόγιο δεδομένων
3. Schema.org
4. UTF χαρακτήρες

1. Ανοίξτε το γράφημα

Το Open Graph χρησιμοποιείται για τη δημιουργία ενός ενημερωτικού συνδέσμου για μετάδοση στα κοινωνικά δίκτυα. Δηλαδη ειναι δυνατον να μπεις απαιτούμενο κείμενοκαι μια εικόνα ώστε οι χρήστες, κάνοντας κλικ στο «μου αρέσει», να διανέμουν το περιεχόμενό σας με την πιο εμφανίσιμη μορφή.

Αρχικά, το Open Graf δημιουργήθηκε ειδικά για το Facebook, αλλά τώρα αυτό το micro-markup υποστηρίζεται από πολλά κοινωνικά δίκτυα.

Χρησιμοποιώντας το Schema org.

4. UTF χαρακτήρες

Οι χαρακτήρες UTF (★ ☒) δεν είναι σήμανση από μόνοι τους, αλλά σε γενικούς όρους Προβολή SEOέχουν τον ίδιο στόχο με τη σημασιολογική σήμανση - να αυξήσουν το CTR των συνδέσμων στις αναζητήσεις. Ως εκ τούτου, αξίζει να εξεταστεί αυτό σε αυτή τη δημοσίευση.

Η λογική είναι απλή: χρησιμοποιούμε σύντομες περιγραφές (κατά προτίμηση όχι περισσότερους από 160 χαρακτήρες) και προσθέτουμε σε αυτές τυχόν χαρακτήρες UTF που θα βελτιώσουν την ελκυστικότητα του συνδέσμου. Σήμερα υπάρχουν περισσότερα από 100 διαφορετικά σύμβολα.

Σύμφωνα με την έρευνά μου, η Google επεξεργάζεται αυτούς τους χαρακτήρες το 85% του χρόνου. Το Yandex το κάνει πολύ σπάνια, αλλά αν καταφέρετε να αποκτήσετε ένα τόσο ελκυστικό απόσπασμα, τότε το CTR αρχίζει να αυξάνεται σημαντικά, ειδικά για την 1η σελίδα αναζήτησης. Αυτό είναι ένα τεράστιο μπόνους σε σύγκριση με τους ανταγωνιστές.

Για παράδειγμα, για το ερώτημα "LED chandeliers" όλοι οι ιστότοποι από το TOP-3 στο Google χρησιμοποιούν χαρακτήρες UTF:

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

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