Συνθέτουμε το σωστό h1 και τη δομή των υποτίτλων. Επικεφαλίδες άρθρων H1, H2, H3 στο WordPress, καθώς και τρόποι εμφάνισης κατηγοριών (the_content, the_excerpt και άλλα) Πώς να μάθετε τον τίτλο της σελίδας στην ετικέτα h1 ή όχι

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

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

Το h1 είναι ο κύριος υπότιτλος του άρθρου, ο οποίος συνήθως τοποθετείται πάνω από το κείμενο.

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

Οι h2-h6 είναι μικρές υποκεφαλίδες που είναι ένθετες.

Σε τι χρησιμεύουν οι κεφαλίδες;

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

Και για να εμπεδώσουμε το υλικό λίγο πιο αδύναμο βίντεο:

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

Στον κώδικα, η ετικέτα μοιάζει με αυτό:

, όπου το γράμμα h προέρχεται από τη λέξη "header", που σημαίνει "κεφαλίδα" στη μετάφραση. Κάθε επίπεδο υποδεικνύεται από έναν αντίστοιχο αριθμό.

H-tags μέσα από τα μάτια των ανθρώπων

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

Οι ετικέτες h1, h2, h3, h4, h5, h6 σάς επιτρέπουν να δημιουργήσετε ένα είδος χάρτη για τον αναγνώστη, σύμφωνα με τον οποίο μπορεί να πλοηγηθεί γρήγορα στο κείμενο. Και αν αυτές οι εκκρίσεις κατάφεραν να τραβήξουν την προσοχή, τότε το άτομο θα μείνει στη σελίδα και πιθανότατα θα διαβάσει ολόκληρο το άρθρο. Μπορείτε να ελέγξετε το αποτέλεσμα από παράγοντες συμπεριφοράς. Εάν οι άνθρωποι παραμείνουν στη σελίδα, εκτελέσουν οποιεσδήποτε ενέργειες, τότε η εργασία στο SEO δεν έγινε μάταια.

H-tags μέσα από τα μάτια των μηχανών αναζήτησης

Τα ρομπότ αναζήτησης συλλέγουν πληροφορίες από αυτά για σημασιολογική ανάλυση. Ιδιαίτερη σημασία για τα bots έχουν οι επικεφαλίδες των επιπέδων h1, h2, h3. Η ασυνεπής ή εσφαλμένη χρήση τους μπορεί να επηρεάσει αρνητικά την κατάταξη της σελίδας. Εάν δεν υπάρχουν καθόλου ετικέτες h στον κώδικα HTML, τότε ο ιστότοπος θα δυσκολευτεί να προωθηθεί. Τα επίπεδα h4, h5, h6 είναι λιγότερο σημαντικά.

Ιεραρχία των ετικετών H

Ο κύριος κανόνας στη διάταξη των επικεφαλίδων είναι η ιεραρχία τους. Δεν είναι απαραίτητο οι ετικέτες να πηγαίνουν το ένα μετά το άλλο σε μέγεθος, αλλά είναι απαράδεκτο να χρησιμοποιείτε, για παράδειγμα, το h3 στο κείμενο εάν δεν έχετε το h2 meta πουθενά ή εάν χρησιμοποιείτε το h6 χωρίς το h5.

Έτσι φαίνεται η ιεραρχία με την κατάλληλη ένθεση:

Τι είναι η ετικέτα h1

Η ετικέτα h1 είναι ο πίνακας περιεχομένων του κειμένου (είναι σαν τον τίτλο ενός βιβλίου ή τον τίτλο ενός άρθρου σε μια εφημερίδα).

Κάθε σελίδα πρέπει να έχει μία και μόνο ετικέτα h1.

Όσον αφορά την ελκυστικότητα για τον χρήστη, είναι υψίστης σημασίας. Αλλά για την προώθηση SEO, .

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

Γιατί το h1 πρέπει να είναι διαφορετικό από τον τίτλο

Είναι πολύ σημαντικό να κατανοήσουμε ότι το h1 και ο τίτλος είναι διαφορετικές επικεφαλίδες. Και πρέπει να συνδυάζονται επιδέξια ανάλογα. Εδώ είναι τα βασικά για αυτό το θέμα:

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

Απαίτηση μήκους H1

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

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

Κανόνες ικανής γραφής h1

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

Εφαρμογή κλειδιών

Οι κύριες φράσεις κλειδιά, πρώτα απ 'όλα, θα πρέπει να περιέχουν τον τίτλο. Θα πρέπει όμως να γράφονται και στο h1. Και εκεί, και εκεί είναι καλύτερα να το κάνουμε στην αρχή. Αλλά θα ήταν καλύτερα εάν οι λέξεις-κλειδιά δεν αντιγράφουν η μία την άλλη σε αυτές τις δύο ετικέτες. Πρέπει να χρησιμοποιήσετε διαφορετικές μορφές λέξης ή αραιές εμφανίσεις στο h1 και άμεσες εμφανίσεις στον τίτλο.

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

Ψυχολογικά κόλπα για τη σύνταξη ενός ελκυστικού τίτλου

Ο τίτλος πρέπει να είναι πιασάρικος. Ακολουθεί ένα βίντεο από τον Maxim Ilyakhov, ειδικό στα μέσα ενημέρωσης, πρύτανη της Σχολής Συντακτών και δημιουργό της υπηρεσίας Glavred:

Ακολουθούν μερικές ακόμη «τεχνικές» που χρησιμοποιούνται κατά τη σύνταξη τίτλων.

Λύση

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

Ένα παράδειγμα επιτυχημένου τίτλου: «Τα μαλλιά πέφτουν; Σταματήστε τις επιπτώσεις σε μια εβδομάδα».
Ένα παράδειγμα ανεπιτυχούς τίτλου: "Μπορεί να σταματήσει η τριχόπτωση;"

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

Ραδιουργία

Ένα παράδειγμα επιτυχημένου τίτλου: «Αποκαλύπτοντας το μυστικό της πιο αποτελεσματικής συνταγής για την τριχόπτωση».
Ένα παράδειγμα ανεπιτυχούς τίτλου: "Η καλύτερη συνταγή για την τριχόπτωση."

Υποδοχή "εξετάσεις"

Μια πρόταση με αυτή τη μορφή προκαλεί τον αναγνώστη να δοκιμάσει τον εαυτό του.

Ένα παράδειγμα επιτυχημένου τίτλου: "Είστε σίγουροι ότι καταπολεμάτε την τριχόπτωση με τον σωστό τρόπο;"
Ένα παράδειγμα ανεπιτυχούς τίτλου: «Ξέρεις τα πάντα για την τριχόπτωση».

Φυσικά, αυτές δεν είναι όλες οι μέθοδοι που βοηθούν να επηρεαστεί η αντίληψη ενός ατόμου και να προσελκύσουν το ενδιαφέρον του. Διαβάστε βιβλία μάρκετινγκ για να διαβάσετε περισσότερα αν σας ενδιαφέρει το θέμα. Παρεμπιπτόντως, ο τίτλος μπορεί να είναι και «δελεαστικός». Επιπλέον, πιθανότατα είναι αυτός που επισημαίνεται στα αποτελέσματα αναζήτησης. Μπορείτε να ελέγξετε την εμφάνισή του μετά την ευρετηρίαση της σελίδας.

Γιατί χρειάζονται οι υπότιτλοι h2-h6

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

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

h2 - εστιάζει την προσοχή των χρηστών και των μηχανών αναζήτησης στο κύριο περιεχόμενο του άρθρου. Δείχνει τα πιο σημαντικά στο κείμενο.

h3 - είναι ένα υποστοιχείο για τις πληροφορίες που περιέχονται στο H2, αποκαλύπτοντάς το ακόμη πιο βαθιά.

h4, h5, h6 - ορίζονται ως ένθετες υπότιτλοι (αποκαλύπτουν λεπτομερώς την ουσία του H2 ή του H3) και χρησιμοποιούνται στο κείμενο ως επισήμανση μικρών παραγράφων και σημαντικών λέξεων, καθώς και στο μενού, στην πλαϊνή γραμμή και σε άλλα στοιχεία του ιστού έγγραφο.

Όλες οι ετικέτες h πρέπει να είναι εντός 50 χαρακτήρων.

Πώς να γράψετε σωστά τους υπότιτλους h2-h6

  • Είναι αδύνατο να υπάρχει η μικρότερη διάκριση χωρίς τη μεγαλύτερη. Δηλαδή, εάν το κείμενο περιέχει τη μετα-ετικέτα h4, τότε πρέπει να προηγούνται τα h2 και h3.
  • Όσο υψηλότερο είναι το επίπεδο επικεφαλίδας, τόσο μεγαλύτερη θα πρέπει να είναι η γραμματοσειρά. Στο WordPress, οι προεπιλεγμένες ρυθμίσεις συνήθως ορίζονται με τέτοιο τρόπο ώστε οι ετικέτες να μορφοποιούνται αυτόματα στη σωστή μορφή.
  • Όλες οι ετικέτες h πρέπει να αντιστοιχούν στο περιεχόμενο του περιεχομένου, να εμφανίζουν την ουσία των πληροφοριών.
  • Είναι απαράδεκτη η χρήση h1-h6 ως άγκυρες ή ενεργοί σύνδεσμοι.
  • Δεν μπορείτε να γράψετε άλλες ετικέτες μέσα στην ετικέτα h.
  • Μόνο κείμενο και σημεία στίξης επιτρέπονται στις ετικέτες h.
  • Οι υπότιτλοι δεν πρέπει να είναι ανεπιθύμητες λέξεις-κλειδιά. Οι λέξεις-κλειδιά χρησιμοποιούνται καλύτερα στον τίτλο, h1, h2, και σε μικρότερες, όπως h3, h5, h6, εστιάζουν στη λεπτομερή αποκάλυψη του θέματος.

Εάν η σήμανση σελίδας περιέχει τον τίτλο και την κύρια επικεφαλίδα H1, αλλά το ίδιο το κείμενο του άρθρου δεν είναι πολύ μεγάλο και δεν περιέχει υποτίτλους, αυτό δεν είναι λάθος. Υπάρχουν πολλές σελίδες στο TOP, όπου το περιεχόμενο είναι σχεδόν μια συνεχής λωρίδα, ίσως χωρισμένη σε παραγράφους. Είναι δυνατό να μπείτε στις ηγετικές θέσεις χωρίς «μαγεία» στη σήμανση του κειμένου, δίνοντας μεγαλύτερη έμφαση στο . Οι ιστότοποι WordPress είναι καλά ευρετηριασμένοι από τις μηχανές αναζήτησης. Ωστόσο, η χρήση αυτών των ετικετών όχι μόνο διευκολύνει την εργασία, αλλά κάνει και το περιεχόμενο ευκολότερο και πιο οπτικά ευχάριστο.

Πώς να συμπληρώσετε h-tags στο WordPress

Το h1 συνήθως συμπληρώνεται στο πεδίο πάνω από το κείμενο της ανάρτησης:

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

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

Στα περισσότερα θέματα του WordPress, οι προεπιλεγμένες επικεφαλίδες h1-h6 μέσα στα άρθρα είναι τόσο μεγάλες που καταστρέφουν ολόκληρη την εμφάνιση. Σε τέτοιες περιπτώσεις, καθίσταται απαραίτητο να μειωθεί το μέγεθος του τίτλου στο άρθρο του ιστολογίου. Και εδώ υπάρχει συχνά τέτοια σύγχυση που δεν καταλαβαίνουν όλοι καν περί τίνος πρόκειται. Ας το καταλάβουμε.

Τύποι τίτλων που μπορούν να αλλάξουν

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

  • ο τίτλος του άρθρου είναι συνήθως Η1
  • επικεφαλίδα h2
  • επικεφαλίδα h3

Αυτό το άρθρο είναι για εκείνους που πρέπει να μειώσουν το μέγεθος των επικεφαλίδων h2-h6 - δηλαδή τις επικεφαλίδες μέσα στο άρθρο. Για το καλό, σε κάθε σελίδα του ιστότοπου θα πρέπει να υπάρχει μια επικεφαλίδα - η ετικέτα H1. Και αυτός είναι ο τίτλος του άρθρου. Γι' αυτό, όταν γράφουμε επικεφαλίδες ΜΕΣΑ στο άρθρο, ξεκινάμε με την ετικέτα h2, γιατί έχουμε ήδη h1.

Και συχνά ακόμη και αυτή η επικεφαλίδα h2 είναι πολύ μεγάλη, γεγονός που προκαλεί κάποια ταλαιπωρία στον webmaster και σταματά να τη χρησιμοποιεί, χρησιμοποιώντας h3 ή h4. Εάν αντιμετωπίσετε αυτό το πρόβλημα, τότε η αλλαγή του είναι αρκετά απλή.

Πώς να μειώσετε το μέγεθος της επικεφαλίδας σε ένα άρθρο

Για όσους ασχολούνται με το θέμα, σας λέω τη διαδρομή: public_html → τομέας σας → wp-content → θέματα → το θέμα σας → css → screen.css. Και για όσους δεν είναι σίγουροι ακόμα, προετοιμασμένοι αναλυτικό βίντεο.

Το βίντεο δείχνει ότι η τιμή του "em" αλλάζει. Εάν το μέγεθος εξακολουθεί να μην είναι ικανοποιητικό, δοκιμάστε να αντικαταστήσετε pixel αντί για την τιμή "em" (για παράδειγμα, αντί για 2em - 20px) - αυτό είναι πιο σωστό σε ορισμένα θέματα.

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

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

Πόσες επικεφαλίδες με ετικέτα H1 μπορούν να υπάρχουν σε μια σελίδα WordPress;

Το πρότυπο σελίδας είναι δομημένο χρησιμοποιώντας τις επικεφαλίδες H1 έως H6. Καθώς ο αριθμός αυξάνεται, το μέγεθος της γραμματοσειράς συνήθως μειώνεται και οι επικεφαλίδες "ενώνονται" 1 προς 1. Για ιστότοπους WordPress, η επικεφαλίδα H1 συνήθως δεσμεύεται για τον τίτλο της σελίδας, η H2 χρησιμοποιείται για τον πίνακα περιεχομένων. σημαντικά στοιχείασελίδες. Τα βαθύτερα επίπεδα - υπότιτλοι - βρίσκονται στο σώμα των άρθρων για να διαμορφώσουν τη δομή του κειμένου και την αναγνωσιμότητα.

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

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

  • Στο παράθυρο επεξεργασίας ανάρτησης ή σελίδας, υπάρχει ένα ειδικό πεδίο για τη σύνταξη του τίτλου (1). Εδώ βρίσκεται η επικεφαλίδα ανώτατου επιπέδου. Θα επισημανθεί με μια ετικέτα H1 απευθείας στη σελίδα ανάρτησης ή με μια ετικέτα H2 εάν υπάρχουν πολλές ανακοινώσεις ανάρτησης στην κύρια σελίδα. Στην τελευταία περίπτωση, ένας τέτοιος τίτλος είναι ένας σύνδεσμος προς μια σελίδα με το πλήρες περιεχόμενο της ανάρτησης.
  • Το παράθυρο του προγράμματος επεξεργασίας κειμένου περιλαμβάνει το σώμα του άρθρου (2), το οποίο επιτρέπει τη μορφοποίηση κειμένου χρησιμοποιώντας τη γραμμή εργαλείων (3). Η χρήση της επικεφαλίδας πρώτου επιπέδου δεν απαιτείται πλέον εδώ, χρησιμοποιήστε τα επίπεδα H2-H6 για τη δομή του άρθρου και την αποφυγή ανεπιθύμητων μηνυμάτων.

Κοινόχρηστη φιλοξενία ιστότοπου για δημοφιλές CMS:

Πώς να ελέγξετε εάν τα H1 είναι διπλότυπα σε ένα πρότυπο WordPress

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

. Λάβετε υπόψη ότι αυτή η ετικέτα είναι ζευγαρωμένη, είναι κλειστή από την κατασκευή

. Όλα στο ενδιάμεσο είναι τίτλος πρώτου επιπέδου.

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

  • Ενώ βρίσκεστε στην επιθυμητή σελίδα του ιστότοπου, πατήστε το συνδυασμό πλήκτρων CTRL + U. Θα ανοίξει ο κώδικας στον οποίο πρέπει να βρείτε όλες τις ετικέτες H1. Για να διευκολύνετε την αναζήτησή σας, χρησιμοποιήστε Συνδυασμός CTRL+F.
  • Κάντε δεξί κλικ οπουδήποτε στη σελίδα και επιλέξτε Προβολή κώδικα σελίδας. Στη συνέχεια, αναζητήστε ετικέτες H1.
  • Τοποθετήστε το δείκτη του ποντικιού πάνω από την επικεφαλίδα που θέλετε, κάντε δεξί κλικ και επιλέξτε Inspect Element. Στο παράθυρο που ανοίγει, θα τονιστεί ο κώδικας για το καθορισμένο στοιχείο σελίδας.

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

Εάν υπάρχουν πολλές κεφαλίδες, πρέπει να αλλάξετε μερικές από αυτές

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

Πώς να διορθώσετε διπλότυπες επικεφαλίδες σε ένα θέμα WordPress

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

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


Κωδικός για την τοποθέτηση του λογότυπου στην κεντρική σελίδα



Κωδικός για την τοποθέτηση του λογότυπου σε άλλες σελίδες

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

Για να αλλάξετε το μέγεθος της κεφαλίδας, πρέπει να ορίσετε το μέγεθος σε στυλ css

Πολλά σύγχρονα θέματα WordPress σάς επιτρέπουν να αλλάξετε το μέγεθος των κύριων στοιχείων κειμένου στις ρυθμίσεις προτύπου. Αρκεί να μεταβείτε στον πίνακα διαχείρισης στην ενότητα " Εμφάνιση" - "Θέματα" - "Προσαρμογή" για το τρέχον πρότυπο και αλλάξτε το επιθυμητό μέγεθος επικεφαλίδων, κειμένων. Εάν αυτό δεν είναι δυνατό, θα πρέπει να βρείτε τον κωδικό μεγέθους γραμματοσειράς που σχετίζεται με την επικεφαλίδα h1 στο αρχείο style.css και να ορίσετε το επιθυμητό μέγεθος.

Σήμερα σε ένα από τα σχόλια υπήρχε μια ερώτηση: Πώς να αλλάξετε το μέγεθος ενός τίτλου άρθρου

WordPress? Μπορεί να υπάρχουν πολλές απαντήσεις σε αυτό το ερώτημα. Για να μην μπαίνουμε στις λεπτομέρειες της σύνταξης κώδικα html και να μην μιλάμε για css, καθώς και στη σύνδεση αρχείων με στυλ για ομοιόμορφη μορφοποίηση σελίδας, θα σας πω το πιο σημαντικό και βασικό πράγμα που πρέπει να γνωρίζετε και τι θα χρησιμοποιήσουμε για αλλαγή μεγέθους τίτλου άρθρου WordPress :

Πρώτη επιλογή. Επικεφαλίδες άρθρουπρέπει να προσδιορίζεται με την ετικέτα H1 ή H2 ή ... H6.

  • Πού μπορεί ένας απλός χρήστης να βρει αυτές τις ετικέτες;
  • Πώς να τα χρησιμοποιήσετε;
  • Πού να εισάγετε αυτά τα H1 ή H2 ή ... H6 μέσα WordPress?

Όλα είναι πολύ απλά. Αυτές οι ετικέτες τίτλου βρίσκονται στη λίστα Μορφήστον πίνακα πρόσθετων κουμπιών (για όσους δεν έχουν αυτό το πλαίσιο, πατήστε το συνδυασμό πλήκτρων Alt + Shift + Z).

Επιλογή κάθε προβολής από Μορφή - Επικεφαλίδα 1, Επικεφαλίδα 2 κ.λπ. μπορείτε να επιλέξετε τον τύπο της επικεφαλίδας που σας ταιριάζει. Θα κάνω αμέσως κράτηση ότι όσο μικρότερος είναι ο αριθμός επικεφαλίδας, τόσο μικρότερο είναι το «μέγεθος» του κειμένου.

ΠΡΟΣΟΧΗ: το κείμενο πρέπει να έχει μία επικεφαλίδα για να διευκολύνει τις μηχανές αναζήτησης να βελτιστοποιήσουν τη σελίδα.

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

Δεύτερη επιλογή.Μπορείτε να χρησιμοποιήσετε την ετικέτα< font >. Αυτή η ετικέτα έχει πολλά χαρακτηριστικά. Αυτός που μας ενδιαφέρει λέγεται Μέγεθος.Αυτό το χαρακτηριστικό μπορεί να πάρει τιμές από 1 έως 7. Για παράδειγμα, Μέγεθος γραμματοσειράς 2

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

Οήρθε το κουβούκλιο

Γραμματοσειρά κειμένου 1 Γραμματοσειρά κειμένου 1
Γραμματοσειρά κειμένου 2 Γραμματοσειρά κειμένου 2
Γραμματοσειρά κειμένου 3 Γραμματοσειρά κειμένου 3
Γραμματοσειρά κειμένου 4 Γραμματοσειρά κειμένου 4
Γραμματοσειρά κειμένου 5 Γραμματοσειρά κειμένου 5
Γραμματοσειρά κειμένου 6 Γραμματοσειρά κειμένου 6
Γραμματοσειρά κειμένου 7 Γραμματοσειρά κειμένου 7

Πως να το χρησιμοποιήσεις?

  1. Ανοίγετε ένα άρθρο στο PUA με έναν ιστότοπο.
  2. Γράψτε το κείμενο ως συνήθως.
  3. Μεταβείτε στην προβολή κώδικα html.
  4. Βρείτε τις λέξεις που θέλετε να αλλάξετε τη γραμματοσειρά.
  5. Πλαισιώστε αυτές τις λέξεις με μια ετικέτα ( λέξη) όπως φαίνεται παραπάνω.

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

Όπως μπορείτε να δείτε από το παράδειγμα, η τιμή χρώματος μπορεί να γραφτεί

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

Η ετικέτα έχει επίσης το χαρακτηριστικό FACE. Μπορείτε να καθορίσετε μια γραμματοσειρά με το όνομα (Arial, Tahoma, Verdana) ή να πληκτρολογήσετε (για παράδειγμα, monospace).

Για παράδειγμα,

Χρυσό φθινόπωρο

ΠΡΟΣΟΧΗ: μην συγχέετε τον τίτλο του άρθρου με την έννοια του κειμένου της επικεφαλίδας (ετικέτες H1 ή H2 ή ... H6) και το μέγεθος γραμματοσειράς (ετικέτα ). Εάν βελτιστοποιείτε ένα άρθρο, χρησιμοποιήστε την ετικέτα επικεφαλίδας H1 ή H2 ή ... H6, εάν θέλετε να επισημάνετε κάτι στο άρθρο, χρησιμοποιήστε την ετικέτα .

Συνοψίζω:

  • Οι επικεφαλίδες χρησιμοποιούν H1 ή H2 ή ... ετικέτες H6.
  • Η ετικέτα χρησιμοποιείται για την αλλαγή της γραμματοσειράς με το χαρακτηριστικό μέγεθος.

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

Βασικά στοιχεία μιας ιστοσελίδας

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

Τίτλοι άρθρων

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

Δομή άρθρου WordPress – Ετικέτα H1

Το δεύτερο πιο σημαντικό στοιχείο μιας ιστοσελίδαςείναι ο τίτλος της σελίδας, πλαισιωμένος στην ετικέτα h1. Αυτή είναι μια απαιτούμενη ετικέτα ιστοσελίδας. Επιπλέον, είναι σημαντικό να σημειωθεί ότι αυτή η ετικέτα πρέπει να είναι η μόνη εντός της ανοιχτής ιστοσελίδας (όχι ολόκληρου του ιστολογίου). Αρκετές ετικέτες h1 «νευρώνουν» τις μηχανές αναζήτησης και αργά ή γρήγορα θα πετάξουν αυτή τη σελίδα από την αναζήτηση.

Ετικέτες H2-H6

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

Δομή άρθρου WordPress: Πώς να δημιουργήσετε

Η δομή ενός άρθρου WordPress μπορεί να κατασκευαστεί με δύο τρόπους.

  • Ο πρώτος. Γράφοντας ένα άρθρο σε HTML, που απαιτεί όχι μόνο γνώση της γλώσσας, αλλά και σοβαρή εξάσκηση.
  • Δεύτερη επιλογή, πιο απλό. Διαμορφώστε τη δομή των άρθρων του WP στον οπτικό επεξεργαστή του. Θα σας δείξω πώς γίνεται.
  1. Μπαίνουμε στην Κονσόλα → Εγγραφές → Προσθήκη εγγραφής.
  2. Κάθε οπτικός επεξεργαστής που είναι εγκατεστημένος στο ιστολόγιό σας στο WordPress έχει ένα κουμπί : Παράγραφος.
  3. Αυτό το κουμπί σχηματίζει τη δομή του άρθρου του WordPress, «ευχάριστο» στις μηχανές αναζήτησης.

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

Τι μπορεί να φταίει με τα πρότυπα WordPress σε σχέση με τον τίτλο και τις ετικέτες h1. Ας το αναλύσουμε αυτό με περισσότερες λεπτομέρειες.

τίτλος και ετικέτες h1 σε πρότυπα WordPress

Πολλά πρότυπα wordpress δεν χρησιμοποιούν καθόλου την ετικέτα h1.

Παρεμπιπτόντως:Μπορείτε να ελέγξετε αν οι τίτλοι των άρθρων σας πλαισιώνονται με ετικέτες h1 ως εξής. Ανοίξτε οποιαδήποτε από τις αναρτήσεις ιστολογίου σας στο WP. Κάντε δεξί κλικκάντε κλικ στο ποντίκι στη σελίδα και ανοίξτε τον "Κωδικό σελίδας". Στο ανοιχτή πηγή, πατήστε Ctrl + F (αυτή είναι μια αναζήτηση σελίδας) και αναζητήστε h1. Ανάλογα με το αν υπάρχει μια ετικέτα h1 που σχετίζεται ειδικά με το περιεχόμενο της ανάρτησης ή όχι, θα εξαρτηθούν τα επόμενα βήματά σας.

Και εδώ είναι μια ακόμη σημείωση. Γνωρίζω πολλά ιστολόγια WP που λειτουργούν χωρίς ετικέτες h1 στα πρότυπά τους. Ταυτόχρονα, έχουν εξαιρετικά αποτελέσματα αναζήτησης. Ένα μόνο θα πω σε αυτό. Οι μηχανές αναζήτησης αγαπούν την ετικέτα h1. Είναι η βάση της σήμανσης όλων των άρθρων. Και αυτό φυσικά έχει θετική επίδραση στην κατάταξη του ιστολογίου WP. Επομένως, εναπόκειται σε εσάς να αποφασίσετε εάν θα χρησιμοποιήσετε το h1 στο ιστολόγιο WP ή όχι. Ένα πράγμα είναι σημαντικό εδώ. Μην το παρακάνετε με τις ετικέτες h1. Θα πρέπει να υπάρχει μία ετικέτα h1 ανά σελίδα.

Πώς να εισαγάγετε την ετικέτα H1 στο πρότυπο ιστολογίου του WordPress

Πριν εξηγήσω πώς να εισαγάγετε μια ετικέτα h1 σε ένα πρότυπο ιστολογίου WordPress, θα επικεντρωθώ στα αρχεία θεμάτων WP. συντάσσονται για κάθε θέμα ξεχωριστά.

Μπορείτε να επεξεργαστείτε τα αρχεία προτύπων απευθείας στον διακομιστή στον κατάλογο WP συνδέοντάς τον μέσω FTP. Ή ευκολότερα, μεταβείτε στο και, στη συνέχεια, Κονσόλα → Εμφάνιση → Επεξεργαστής. Στα δεξιά στο παράθυρο που ανοίγει, όλα τα αρχεία προτύπων του θέματος WP θα είναι ορατά.

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

Σε αυτό το άρθρο, μας ενδιαφέρουν δύο αρχεία για επεξεργασία:

  1. Αρχείο αρχική σελίδα. Ίσως index.php ή loop.php
  2. Ξεχωριστά ανοιγμένο αρχείο άρθρου: Ίσως single.php ή loop-single.php.

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

Διόρθωση της ετικέτας h1 σε ένα μόνο αρχείο ανάρτησης

Για να επεξεργαστείτε αρχεία χρησιμοποιήστε επεξεργαστής κειμένουόπως το Notepad++. Διαθέτουμε επίσης αντίγραφο του ιστότοπου, σε περίπτωση μοιραίων σφαλμάτων.

Μεταβείτε στην Κονσόλα → Εμφάνιση → Επεξεργαστής → Αρχείο άρθρου χωριστά. Αναζητούμε τον κωδικό που είναι υπεύθυνος για την εμφάνιση της κεφαλίδας. Κομμάτι προτύπου:

/* Μέρος του προτύπου loop-single

>

Και αλλάξτε τις ετικέτες h2 σε αυτό σε ετικέτες h1:

Αυτό που μένει είναι ο καθαρός κώδικας της επικεφαλίδας που πλαισιώνεται από ετικέτες h1.

  • Ψάχνω:ή όνομα ιστότοπου ή τίτλος ιστότοπου.
  • Εάν η ετικέτα h1 βρίσκεται μέσα σε ένα div, τότε απλά την αφαιρούμε.
  • Εάν ετικέτες h1>

Εισαγωγή ετικέτας h1 στην κύρια σελίδα ενός ιστολογίου WP

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

  1. Για να το κάνετε αυτό, ανοίξτε το αρχείο στον επεξεργαστή: index.php ή loop.php;
  2. Αναζητούμε έναν κώδικα που εμφανίζει τον τίτλο των άρθρων στην κύρια σελίδα.
  3. Και αλλάζουμε την ετικέτα h1 στην ετικέτα h2. Μην ξεχάσετε να αποθηκεύσετε.
>

" rel="bookmark">

"alignleft")); ?>
/* Αρχική σελίδα, Πρότυπο: index.php ή loop.php

" rel="bookmark">

/* αλλάζω σε

" rel="bookmark">

Ολοι. Η δομή του άρθρου του WordPress είναι χτισμένη και δεν χρησιμοποιήθηκε ούτε ένα πρόσθετο. Ωστόσο, με την ενημέρωση του προτύπου, όλα θα πρέπει να επαναληφθούν ξανά.