Επικεφαλίδα: δημιουργία, διαμόρφωση και σκοπός. Επικεφαλίδα HTML

Σήμερα θα εξετάσουμε πώς να δημιουργήσετε έναν ιστότοπο, ώστε να μην ντρέπεστε να στείλετε πελάτες σε αυτόν. Πιθανότατα, έχετε ήδη προετοιμάσει το σχέδιο. Το μόνο που μένει είναι να διαμορφώσετε τα domain και να δημοσιεύσετε το site!

Όνομα και περιγραφή τοποθεσίας

Μεταβείτε στις «Ρυθμίσεις» του ιστότοπου και εισαγάγετε κείμενο SEO (κείμενο για μηχανές αναζήτησης).

Τίτλος καρτέλας (ορατός στους επισκέπτες) = περιγραφή του ιστότοπου που εμφανίζεται στην καρτέλα του προγράμματος περιήγησης. Στον τίτλο, περιγράψτε τον τομέα δραστηριότητάς σας με λεπτομέρειες.
Παράδειγμα "Ιταλικές συρόμενες ντουλάπες με παράδοση στη Μόσχα"

Λέξεις-κλειδιά (μη ορατές στους επισκέπτες) = εισάγετε τις λέξεις-κλειδιά που χαρακτηρίζουν τον ιστότοπό σας.
ΣΗΜΑΝΤΙΚΟ: αυτές οι λέξεις-κλειδιά δεν συνδέονται σε καμία περίπτωση με το Yandex.Direct. Οι λέξεις μπορεί να είναι διαφορετικές.
Παράδειγμα "Ιταλία, κουζίνες, ντουλάπες, διαμερίσματα, Μόσχα, παράδοση"

Περιγραφή (δεν είναι ορατή στους επισκέπτες) = περιγραφή του ιστότοπού σας σε 200 χαρακτήρες. Περιγράψτε συνοπτικά τον ιστότοπό σας σε 1-2 προτάσεις.
Παράδειγμα "Η εταιρεία LLC δραστηριοποιείται σε απευθείας προμήθειες ιταλικών επίπλων με παράδοση στη Μόσχα. Παρέχουμε εγγύηση 10 ετών σε όλα τα εξαρτήματα. Περισσότερα από 100 μοντέλα σε απόθεμα και κατόπιν παραγγελίας."

Εισαγωγή στην ετικέτα Head και Εισαγωγή στην ετικέτα Body = προαιρετική. Χρησιμοποιείται από επαγγελματίες χρήστες για την εισαγωγή ειδικού κωδικού.

Σύνδεση τομέα

Κάθε ιστότοπος που δημιουργείται στην υπηρεσία μας λαμβάνει δωρεάν υποτομέα (site.lpmotortest.ru). Σε αυτή την ενότητα μπορείτε να το αλλάξετε.

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

DNS1: ns1.site
DNS2: ns2.site

Ειδοποιήσεις SMS και email

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

Γεια σας, αγαπητοί αναγνώστες του ιστολογίου! Συνεχίζουμε την ενότητα "Δημιουργία ιστότοπου από την αρχή", και συγκεκριμένα το θέμα των ετικετών... Και σήμερα θα εξετάσουμε τις ετικέτες που υπάρχουν σε οποιαδήποτε σελίδα Διαδικτύου -, και. Υπάρχει μια ακόμη ετικέτα που πρέπει να υπάρχει σε κάθε έγγραφο HTML και για την οποία έγραψα ήδη σε ένα από τα προηγούμενα άρθρα - επομένως δεν θα την αγγίξουμε.

Σε προηγούμενα άρθρα αυτής της ενότητας, έγραψα για τη δημιουργία ενός κενού αρχείου σε μορφή html. Μάλιστα χρησιμοποιήθηκε στο άρθρο για (εκεί εφαρμόστηκαν οι ετικέτες τίτλου). Τώρα θα επεξεργαστούμε απευθείας αυτό το αρχείο με πλήρεις περιγραφές.

Και θα ξεκινήσουμε το άρθρο επεξεργαζόμενοι το αρχείο που δημιουργήθηκε. Προσωπικά, το ονόμασα index.html, αλλά το όνομα μπορεί να είναι οτιδήποτε. Ανοίξτε το χρησιμοποιώντας οποιοδήποτε πρόγραμμα επεξεργασίας κειμένου (καλύτερα να χρησιμοποιήσετε το Notepad++, καθώς διαθέτει επισήμανση κώδικα και άλλα χρήσιμα gadget). Και θα προσθέσουμε αμέσως ετικέτες σε αυτό, και ακριβώς με τη σειρά με την οποία είναι γραμμένες. Μην ξεχάσετε να τα κλείσετε, όπως φαίνεται στο στιγμιότυπο οθόνης. Το έγγραφο θα μοιάζει με αυτό:

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

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

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

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

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

Δείτε τι θα δείτε όταν τοποθετείτε το δείκτη του ποντικιού πάνω από ένα έγγραφο με αυτό το περιεχόμενο:

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

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

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

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

Αυτή είναι μια μετα-ετικέτα που είναι υπεύθυνη για τον τύπο περιεχομένου της σελίδας (Content-Type). Σε αυτήν την περίπτωση, πρόκειται για κώδικα html σε κωδικοποίηση UTF-8 (content="text/html; charset=UTF-8"). Ακολουθεί η ετικέτα τίτλου που περιγράφεται παραπάνω. Στη συνέχεια, υπάρχουν γραμμές που ξεκινούν με την ετικέτα. Υποδεικνύει έναν σύνδεσμο προς ένα εξωτερικό έγγραφο. Για παράδειγμα, η γραμμή

υποδηλώνει ότι είναι συνδεδεμένο ένα αρχείο (rel="stylesheet") με (type="text/css"), το οποίο βρίσκεται σε αυτή και τη συγκεκριμένη διεύθυνση (για να μειώσω το μήκος της γραμμής, αντικατέστησα τη μισή διεύθυνση με τελείες) . Αφού το πρόγραμμα περιήγησης επεξεργαστεί αυτήν τη συμβολοσειρά, θα καθορίσει από πού θα ληφθούν τα επικαλυπτόμενα φύλλα στυλ.

Γενικά, το head tag περιέχει πολλές πληροφορίες για τις οποίες μπορείτε να μιλάτε ατελείωτα. Το τελευταίο πράγμα που αξίζει να σημειωθεί (συγκεκριμένα στην περίπτωση του ) είναι η παρουσία ετικετών περιγραφής, λέξεων-κλειδιών και κανονικών. Χρησιμοποιώ το πρόσθετο All in One SEO Pack, γι' αυτό υπάρχουν μέσα.

Οι μετα-ετικέτες στο html είναι μια ομάδα ειδικών ετικετών που βρίσκονται μεταξύ των ετικετών και. Από το όνομα είναι αμέσως ξεκάθαρο ότι βρίσκονται στην αρχή του κωδικού.

Οι ετικέτες επικεφαλίδων εξυπηρετούν δύο σημαντικούς σκοπούς:

• Αναφέρετε πληροφορίες σχετικά με τη σελίδα html στο πρόγραμμα περιήγησης.
• Παρέχετε πληροφορίες στις μηχανές αναζήτησης σχετικά με μια συγκεκριμένη σελίδα html.

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

Αυτές οι ετικέτες μπορούν να χωριστούν σε 4 ομάδες.

• Ετικέτα
• Ετικέτες
• Ετικέτες
• Ετικέτα

Ας δούμε κάθε ομάδα ξεχωριστά.

1. Ετικέτα

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

...Τίτλος σελίδας...

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

2. Ετικέτες

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

2.1. Μετα-Τύπος Περιεχομένου

Η σύνταξη για αυτό το χαρακτηριστικό είναι η εξής:

... ...

Αυτή η ετικέτα καθορίζει την κωδικοποίηση της σελίδας. Η συγκεκριμένη τιμή γράφεται μέσω του χαρακτηριστικού συνόλου χαρακτήρων. Σε αυτήν την περίπτωση, η κωδικοποίηση είναι windows-1251. Τις περισσότερες φορές, οι ιστότοποι χρησιμοποιούν κωδικοποίηση UTF-8.

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

2.2. Μετα περιγραφή......

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

2.3. Meta λέξεις-κλειδιά... ...

Αυτή η ετικέτα προκαλεί πολλές συζητήσεις σχετικά με το αν χρειάζεται καθόλου. Οι μηχανές αναζήτησης δεν ισχυρίζονται ότι αυτές οι λέξεις-κλειδιά έχουν κάποιο ρόλο στην κατάταξη ενός ιστότοπου.

Το χαρακτηριστικό content παραθέτει τις λέξεις-κλειδιά. Είναι απίθανο αυτό να επηρεάσει ριζικά την προώθηση του ιστότοπου, αλλά σε περίπτωση ορισμένων αμφιλεγόμενων ζητημάτων μπορεί να επηρεάσει υπέρ σας. Οι λέξεις-κλειδιά πρέπει να γράφονται χωρισμένες με κόμμα. Μην γράφετε λέξεις-κλειδιά που δεν υπάρχουν στη σελίδα. Μπορείτε να διαβάσετε περισσότερα για τις Λέξεις-κλειδιά.

2.4. Meta refresh ......

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

2.5. Meta viewport ... ... 3.3. Σύνδεσμος rel=Εναλλακτικός ... ... 4. ετικέτα ‹script›

- σύνδεση αρχείων java με σενάρια.

... ...

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

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

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

Σκοπός ετικέτας

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

Τι περιέχεται σε

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

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

Σε ποια στοιχεία μπορεί να υπάρχουν

Τα ακόλουθα στοιχεία μπορούν να εμφανιστούν μέσα σε αυτήν την ετικέτα: (αυτό το στοιχείο απαιτείται για ένα έγγραφο HTML), , , , , .

Στην ετικέτα μπορείτε:

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

Σύνταξη και ιδιότητες

Ετικέτα - ζεύγη. Τι σημαίνει; Οι πληροφορίες σε αυτό γράφονται μεταξύ των ετικετών ανοίγματος και κλεισίματος ως . Τι πρέπει να έχουν τα περισσότερα έγγραφα HTML; Αυτή είναι μια ετικέτα στο . Η μόνη εξαίρεση είναι εάν το έγγραφο είναι srcdoc ή οι πληροφορίες που πρέπει να περικλείονται στην κεφαλίδα βρίσκονται ήδη στο πρωτόκολλο υψηλότερου επιπέδου. Ένα παράδειγμα είναι η μορφή email HTML. Τα χαρακτηριστικά μπορούν να προστεθούν σε ένα στοιχείο HTML για να παρέχουν περισσότερες πληροφορίες σχετικά με την εμφάνιση ή τη συμπεριφορά του στοιχείου. Η ετικέτα δέχεται το χαρακτηριστικό προφίλ, το οποίο περιέχει τη διεύθυνση προφίλ μεταδεδομένων και άλλα καθολικά χαρακτηριστικά. Δεν είναι όμως υποχρεωτικά.

Η ετικέτα και τα χαρακτηριστικά της

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

Εμφανίζει το όνομα του ιστότοπου.

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

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

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

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

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

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

Μεταδεδομένα σε

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

Άλλες σημαντικές ετικέτες

Η ετικέτα μπορεί επίσης να περιέχει άλλα στοιχεία. Για παράδειγμα, χρησιμοποιείται για την προσθήκη εσωτερικών στυλ και την αλλαγή της σχεδίασης ενός εγγράφου. Ωστόσο, συνιστάται να συμπεριλάβετε εξωτερικά στυλ - αυτό είναι πολύ καλύτερο για να διαχωρίσετε το περιεχόμενο από το σχεδιασμό του. Αυτό μπορεί να γίνει χρησιμοποιώντας την ετικέτα. Μπορείτε να προσθέσετε ένα εξωτερικό φύλλο στυλ χρησιμοποιώντας τον ακόλουθο κώδικα: . Αυτή η ετικέτα απαιτεί ένα χαρακτηριστικό href, το οποίο καθορίζει έναν σύνδεσμο προς ένα αρχείο με στυλ CSS, καθώς και ένα rel, το οποίο δηλώνει ότι πρόκειται για στυλ. Υπάρχουν και άλλες επιλογές για τη χρήση της ετικέτας, για παράδειγμα, για τη δημιουργία ενός favicon - ένα εικονίδιο για μια ιστοσελίδα που εμφανίζεται στα αποτελέσματα αναζήτησης. Το χαρακτηριστικό rel χρησιμοποιείται επίσης με διαφορετικούς τρόπους και χρησιμοποιείται συχνά κατά τη δημιουργία εφαρμογών για κινητές συσκευές.

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