Structura ierarhică a conținutului cu etichete de antet Hx

Publicat: 2018-01-30

Cuprins

    Utilizarea titlurilor de conținut pe site-uri web este un subiect destul de popular, care a adus numeroase mituri care persistă și astăzi. Atunci, ce sunt etichetele de titlu, de ce sunt folosite și cum se implementează o structură optimă a etichetelor de titlu pe un site web?

    • 1 Ce sunt titlurile?
    • 2 Utilizați conținut important în etichetele de titlu Hx
    • 3 Ce ​​spune Google despre etichetele de antet Hx?
    • 4 Alte informații esențiale despre titlurile de conținut

    Ce sunt titlurile?

    Etichetele de titlu sunt folosite pentru a prezenta structura conținutului utilizatorilor (de asemenea, crawlerele browserului web). Există șase dimensiuni de titlu – de la H1 la H6 , deși prima dintre ele are cea mai mare relevanță (este cea mai importantă rubrică), în timp ce H5 și H6 sunt utilizate rar.

    Deoarece etichetele de antet Hx conțin text care este (ar trebui să fie) semnificativ mai mare decât restul conținutului , este un indiciu vizual pentru utilizatori, care le permite să înțeleagă ce descriu paragrafele de mai jos. Utilizarea titlurilor de diferite dimensiuni pentru a reprezenta structura ierarhică facilitează digerarea conținutului pentru utilizatori.

    În sintaxa HTML, folosim etichete între paranteze <>:

     <h1>Titlul 1</h1>
<h2>Titlul 2</h2>
<h3>Titlul 3</h3>
<h4>Titlul 4</h4>
<h5>Titlul 5</h5>
<h6>Titlul 6</h6>

    dar pe un site web vor arăta, de exemplu, așa (evident, în funcție de o foaie de stil):

    Exemple de utilizări pot fi găsite aici: https://www.w3schools.com/html/html_headings.asp.

    Utilizați conținut important în etichetele de titlu Hx

    Când aproape în fiecare zi aduce noi postări de blog, știri, ghiduri sau articole de experți, merită să atragi utilizatorul nu doar cu o poză drăguță sau un titlu captivant, ci și cu conținut structurat.

    Privind un articol anume pe un dispozitiv mobil, cititorii acordă adesea atenție în principal titlurilor. În afară de aspectele pur estetice, o structură adecvată a titlurilor facilitează interpretarea și digerarea conținutului, astfel că există șansa ca un utilizator să rămână mai mult timp pe un anumit site web.

    Nu numai utilizatorii pot beneficia de un site web bine structurat, ci și crawlerele pot face acest lucru, deoarece textul titlului contează și pentru ei. De aceea, este atât de important ca etichetele de titlu să includă cuvinte cheie care vor fi legate de conținutul paginii din punct de vedere al subiectului. Dacă vizam o anumită pagină cu anumite cuvinte cheie, este de dorit să le punem (chiar și într-o formă diferită) în titluri; ele pot fi în mod natural plasate în text, dar într-un motiv.

    O structură trebuie să fie clar definită, iar titlurile ar trebui să difere ca mărime una de alta. Ar fi o greșeală să le stilăm la fel ca textul corpului sau să nu le distingem după importanță.

    Titluri Hx în articole

    În timp ce scriem postări pe blog, putem folosi în mod creativ titlurile. Ar trebui să definiți structura articolului înainte de a-l începe. Titlurile pot fi titluri încrucișate care împart paragrafe individuale (ca chiar în acest articol), iar cel mai important dintre ele <h1> poate fi folosit pentru a descrie subiectul. Este adesea definit automat într-un șablon de site web, așa că dacă nu este cazul, merită să faceți o modificare discutată cu un expert SEO și un dezvoltator web.

    O structură bine concepută a unui articol îl poate face să pară mai atrăgător. Conținutul interesant pus în titluri va informa în mod clar cititorii (și crawlerii) la ce ar trebui să se aștepte de la un articol dat.

    Ce etichete de antet să puneți pe pagina de pornire a site-ului?

    Paginile de pornire (sau orice alte pagini, de exemplu paginile de servicii) ar trebui să aibă, de asemenea, o structură ierarhică a titlurilor. În secțiunea <head>, este recomandabil să plasați H1, sub H2, H3 și așa mai departe, deși nu există un număr maxim de etichete de antet. Chiar și în cazul H1 nu trebuie să vă limitați la un singur titlu (după cum este explicat mai jos).

    Cu toate acestea, trebuie să rețineți că secțiuni precum „Despre noi” sau „Aflați mai multe” puse în titluri nu adaugă prea mult în ceea ce privește conținutul. De asemenea, utilizarea titlurilor de importanță mai mică, de exemplu H5–H6, este aproape inutilă (cu excepția aspectului aspectului unui articol).

    Site-uri web de o pagină = o etichetă de titlu H1?

    În cazul site-urilor web de o pagină, nu este la fel de evident ca în cazul articolelor de blog. În specificațiile HTML5 (https://www.w3.org/TR/2014/REC-html5-20141028/sections.html), puteți găsi eticheta <section> responsabilă cu definirea secțiunilor individuale într-un document HTML. O secțiune include de obicei un titlu, astfel încât fiecare secțiune poate avea o structură ierarhică diferită, de exemplu:

     <section id="despre">
 <h1>Despre mine</h1>
 <p>Ceva text despre mine:)</p>
 <h2>Numele meu este Dawid...</h2>
 <p>Al doilea paragraf despre mine. lol :)</p>
</section>

<section id="portfolio">
 <h1>Portofoliul meu</h1>
 <p>Ultimele mele proiecte...</p>
</section>

<secțiune>
 <h1>Mărturii</h1>
 <p>Opiniile clienților mulțumiți...</p>
 <h2>Ultimele tweet-uri</h2>
 <p>Tweet 1</p>
 <p>Tweet 2</p>
</section>

<secțiune>
 <h1>Contact</h1>
</section>

    După cum puteți vedea mai sus, fiecare secțiune are un titlu H1 diferit, apoi un titlu H2... Deși puteți decide să aveți una sau mai multe etichete de antet H1 și, ulterior, H2, H3 etc.

    Ce spune Google despre eticheta Hx?

    Angajații Google au spus multe despre etichetele de titlu, dar merită să cităm ultimele lor opinii. Acum un an, John Meuller a scris următoarele pe Forumul Google pentru webmasteri: https://productforums.google.com/forum/#!msg/webmasters/BmyI8YX_25A/81hZNQFJDQA

    „Nu tratăm HTML5 diferit și a avea mai multe etichete H1 pe o pagină este bine. Fii rezonabil atunci când le folosești, folosește-le acolo unde au sens. Cu siguranță nu există nicio penalizare pentru utilizarea H1-urilor.”

    Puțin mai târziu, în aprilie 2017, John a răspuns destul de scurt pe Twitter (https://twitter.com/JohnMu/status/852131231928135680) la o întrebare câte titluri H1 pot fi folosite pe o singură pagină.

    În cele din urmă, ca parte a seriei YouTube „Fragmente SEO” de pe canalul Google Webmaster, a fost încărcat un scurt ghid despre această problemă:

    Încercați Senuto Începeți încercarea gratuită

    Alte informații esențiale despre titlurile de conținut

    Chiar dacă angajații Google sugerează (cel puțin în declarațiile lor oficiale) o abordare flexibilă a etichetelor de titlu, există câteva reguli care merită urmate:

    • Nu abuzați de titlurile unei pagini
    • Folosiți titlurile acolo unde are sens și când reflectă textul de sub ele pentru a ajuta utilizatorii să determine unde începe și unde se termină un anumit paragraf
    • Nu puneți paragrafe întregi (tot conținutul) într-un titlu
    • Nu folosiți numai cuvinte cheie, mai ales într-o formă nenaturală
    • Nu ascundeți titlurile din corpul textului utilizând aceeași dimensiune de font atât pentru titlu, cât și pentru corpul textului
    • Păstrați ierarhia structurii ordonată
    • Poate folosiți uneori eticheta <strong> în loc de eticheta de titlu ????.

    Când creați conținut, nu optimizați prea mult, nici suboptimizați; în schimb, străduiește-te pentru un echilibru și concentrează-te pe sentimentele utilizatorilor care digeră conținut de pe site-ul tău web, inclusiv articole, ghiduri sau alte postări de blog. La urma urmei, titlurile sunt determinanți pentru clasamentul motorului de căutare Google și de aceea nu trebuie să le neglijezi.

    Încercați Senuto Începeți încercarea gratuită