Τα Headings H1-H6 προσφέρουν στους επισκέπτες της ιστοσελίδας σας, αλλά κυρίως στις μηχανές αναζήτησης, σημαντικές πληροφορίες σχετικά με την ιεραρχία και τη συνάφεια του περιεχομένου.
Υπάρχουν έξι επίπεδα στα Headings, από την πιο σημαντική επικεφαλίδα που είναι το H1 έως τη λιγότερο σημαντική, την H6.
Τι είναι τα Headings;
Τα HTML Headings H2-H6, είναι τίτλοι ή υπότιτλοι που πρέπει να εμφανίζονται σε μια ιστοσελίδα. Η σωστή χρήση τους σε μια ιστοσελίδα, προσδίδει ιεραρχία και περίληψη περιεχομένου ενώ παράλληλα βοηθά στην γρήγορη κατανόηση του τι περιέχει μία ιστοσελίδα, πριν ξεκινήσουμε να διαβάζουμε.
Βοηθούν επίσης τους επισκέπτες της ιστοσελίδας να την σκανάρουν γρήγορα, με μια ματιά και βοηθούν τις μηχανές αναζήτησης να κατανοήσουν γρήγορα τη δομή της και ποιο είναι το θέμα της.
Υπάρχουν 6 επίπεδα: H1 έως H6, εκ των οποίων τα H1, H2 και H3 χρησιμοποιούνται συχνότερα. Τα headings ορίζονται στον HTML πηγαίο κώδικα μιας ιστοσελίδας.
Το Heading H1 αναφέρεται ως η “κύρια επικεφαλίδα”, ενώ οι H2 έως H6 αναφέρονται ως “υποεπικεφαλίδες” ή subheadings.
Τι συμβαίνει με τα Headings;
Τα Headings H1-H6, συνήθως θα τα συναντήσετε ως heading tags. Για να μπερδευτούμε, ας πάρουμε ένα παράδειγμα να δούμε το Heading H1, όπως ακριβώς συντάσσεται στον HTML source κώδικα:
<h1>: ετικέτα ανοίγματος για την H1 επικεφαλίδα
Heading 1: το κείμενο που εμφανίζεται στην οθόνη ενός επισκέπτη ως Heading H1
</h1>: ετικέτα κλεισίματος για την την H1 επικεφαλίδα
Γιατί χρησιμοποιούμε Headings H1-H6;
Τα headings είναι χρήσιμα τόσο για τους επισκέπτες σας όσο και για τις μηχανές αναζήτησης:
- Οι χρήστες διαβάζουν τα headings για να σκανάρουν πιο γρήγορα μια σελίδα και να δουν αν τους ενδιαφέρει το περιεχόμενό της ή όχι. Οι επισκέπτες με προβλήματα όρασης, χρησιμοποιούν προγράμματα ανάγνωσης οθόνης για να περιηγηθούν στο web. Και αυτά τα προγράμματα ανάγνωσης οθόνης, βασίζονται στα headings για να «κατανοήσουν» τις ιστοσελίδες και να βοηθήσουν τους χρήστες τους να πλοηγηθούν σε αυτές.
- Οι μηχανές αναζήτησης χρησιμοποιούν headings για να κατανοήσουν τη δομή μιας ιστοσελίδας και τα θέματα στα οποία αναφέρεται. Η συμπερίληψη λέξεων-κλειδιών στα headings και ειδικά στο heading H1, συμβάλλει στη βελτιστοποίηση SEO μιας ιστοσελίδας. Τα headings, συμβάλλουν κατά έναν μικρό παράγοντα κατάταξης στις αναζητήσεις. Να θυμάστε ότι όλα όσα κάνετε για να βελτιώσετε την εμπειρία χρήστη – UX, συμβάλλουν σε μια καλύτερη απόδοση SEO.
Headings και featured snippets (προτεινόμενα αποσπάσματα)
Οι μηχανές αναζήτησης μερικές φορές εμφανίζουν στις αναζητήσεις προτεινόμενα αποσπάσματα (featured snippets), δηλαδή ειδικά αποσπάσματα που περιέχουν συγκεκριμένο περιεχόμενο από μια σελίδα.
Για να γίνει αυτό σωστά, πρέπει να μπορούν να κατανοήσουν πολύ καλά το περιεχόμενο μιας σελίδας, ώστε να επιλέγουν τα αποσπάσματα εκείνα που βασίζονται σε σχετικά headings.
Άρα, η έξυπνη και σωστή χρήση των headings H1-H6, σας βοηθά να εμφανίζεστε με προτεινόμενα αποσπάσματα σε στοχευμένες αναζητήσεις, γεγονός που με τη σειρά του αυξάνει την προβολή σας στα SERPs και οδηγεί περισσότερη οργανική επισκεψιμότητα στην ιστοσελίδα σας.
Δείτε ένα παράδειγμα ενός προτεινόμενου αποσπάσματος:
Η ιεραρχία των headings H1-H6
Τα Headings θα πρέπει να είναι λογικά δομημένα σε μια σελίδα. Μια σελίδα ξεκινά με το Heading H1, ακολουθούμενη από ένα H2 και — μόνο αν χρειάζεστε μια ακόμη υποενότητα — μπορεί να ακολουθήσει ένα Heading H3.
Εάν χρειάζεστε περισσότερες υποενότητες, μπορείτε να προσθέσετε subheadings H4-H6.
Δείτε στην παρακάτω εικόνα την ιεραρχία των Headings τριών επιπέδων:
Μην παραλείψετε επίπεδο στην ιεραρχία των headings. Για παράδειγμα, μην πάτε από ένα heading H1 σε ένα H3. Θα πρέπει να υπάρχει ένα heading H2 ενδιάμεσα.
Ακολουθεί ένα παράδειγμα σωστής χρήσης των headings H1-H6:
Αν το περιεχόμενό σας είναι μεγάλο και χωρίζεται σε πολλές υποενότητες και πρέπει να διακρίνονται, μπορείτε να χρησιμοποιήσετε μόνο headings. Μια δομή headings τέτοιας μορφής, είναι η παρακάτω:
Και ένα παράδειγμα δομής headings που πρέπει να αποφεύγετε:
Τα μεγέθη των Headings H1-H6
Όσο πιο πολύ προχωράμε με τα headings και χρησιμοποιούμε περισσότερα, τόσο μικρότερο θα είναι το μέγεθος της γραμματοσειράς τους.
Το heading H1 πρέπει να είναι η μεγαλύτερη επικεφαλίδα σε μέγεθος μέσα σε μία σελίδα.
Το heading H2 είναι λίγο μικρότερο σε μέγεθος από το H1 και με τη σειρά του το H3 είναι μικρότερη από το H2 κοκ.
Η σειρά των Headings H1-H6 στον HTML source code
Δεν έχει σημασία με ποια σειρά εμφανίζονται οι επικεφαλίδες στον HTML κώδικα. Σημασία έχει, η σειρά με την οποία παρουσιάζονται οι επικεφαλίδες στην οθόνη του browser ενός χρήστη όταν επισκέπτεται μια online σελίδα.
Heading H1
Το Heading H1 περιγράφει το κυρίως θέμα μιας σελίδας. Θα πρέπει λοιπόν να έχει άμεση σχέση με το περιεχόμενο της σελίδας σας, να είναι μοναδικό σε ολόκληρη την ιστοσελίδα σας και μια σελίδα θα πρέπει να περιέχει μόνο ένα Heading H1.
Μην τοποθετείτε το Heading H1 σε μια εικόνα, γιατί οι μηχανές αναζήτησης δεν μπορούν να κατανοήσουν τις εικόνες τόσο καλά, όσο το κείμενο.
Και τι σημαίνει αυτό;
Το Heading H1 μπορεί να ταιριάζει με τον τίτλο της σελίδας σας, αλλά δεν χρειάζεται. Οι επισκέπτες σας είναι πολύ πιο πιθανό να παρατηρήσουν το H1 που έχετε τοποθετήσει στη σελίδα, παρά τον τίτλο της, οπότε δίνετε πάντα προτεραιότητα στο Heading H1 και διασφαλίστε ότι έχει έχει κάποιο νόημα για τους επισκέπτες σας.
Το μήκος του Heading H1
Το Heading H1 δεν θα πρέπει να είναι πολύ μεγάλο σε μήκος. Υπάρχει μεγάλη πιθανότητα το H1 να μην είναι ευανάγνωστο για τους επισκέπτες σας και αυτό βλάπτει την εμπειρία χρήστη – UX. Μέγιστο μήκος H1, 60 χαρακτήρες, παρόμοιο με το title. Όσον αφορά το ελάχιστο μήκος, πρέπει να είναι τόσο, όσο να βγάζει νόημα.
Πρώτα από όλα, βεβαιωθείτε ότι το H1 που χρησιμοποιείτε βγάζει νόημα για τους επισκέπτες σας.
H2-H6 Subheadings
Τα subheadings H2-H6, χρησιμοποιούνται για την περαιτέρω δομή του περιεχομένου σας. Οι περισσότερες σελίδες χρησιμοποιούν τουλάχιστον ένα subheading, το Heading H2. Αν όντως δεν υπάρχει επιτακτική ανάγκη για κάτι περισσότερο, είναι οκ. Γενικά όμως, χρησιμοποιήστε subheading H2 έως και H6, όπου αυτό χρειάζεται και βγάζει νόημα και να θυμάστε να μην παραλείπετε τα επίπεδα των Headings και την ιεραρχία.
Συχνές Ερωτήσεις για τα Headings
Η χρήση των Headings βελτιώνει πραγματικά την κατάταξη της ιστοσελίδας μου στις αναζητήσεις;
Ναι, η κατάταξη της ιστοσελίδας βελτιώνεται σημαντικά στα αποτελέσματα των μηχανών αναζήτησης. Ακόμα και σήμερα, τα Headings εξακολουθούν να παίζουν τον σημαντικότερο ρόλο όσον αφορά την συνάφεια των λέξεων-κλειδιών για τις μηχανές αναζήτησης.
Παρόλο που με την πάροδο των χρόνων, ο ρόλος των headings στους αλγόριθμους των μηχανών αναζήτησης έχει μειωθεί, εξακολουθούν να στέλνουν ένα σαφές μήνυμα στις μηχανές αναζήτησης σχετικά με το θέμα μιας σελίδας.
Μπορεί ο τίτλος της σελίδας και το Heading 1 να είναι ίδια;
Ναι, φυσικά και μπορεί. Αλλά να θυμάστε να επιλέγετε πάντα ένα H1 που έχει το καλύτερο και ευρύτερο νόημα για τους επισκέπτες σας.
Μπορώ να έχω πολλαπλά H1 σε μία σελίδα;
Συνιστάται αυστηρά η χρήση μόνο ενός Heading 1 ανά σελίδα. Τα πολλαπλά H1 ανά σελίδα, εισήχθησαν με την HTML5, αλλά τα προγράμματα περιήγησης δεν υιοθέτησαν αυτή την πρακτική. Από την HTML5.1 και πλέον, δεν υπάρχει η πρακτική για χρήση πολλαπλών headings 1 σε μία σελίδα.