Aveți la dispoziție 6 etichete diferite pentru a insera antete - H1, H2, H3, H4, H5, H6 (h abreviat de la rubrica engleză -. Antet). Fiecare dintre ele are o anumită greutate (importanță): H1 - are cea mai mare importanță, h6 - cel mai mic. Și aici este cum să folosească în mod corespunzător aceste antete - una dintre cele mai controversate subiecte. Să încercăm să sapi un pic mai adânc în subiect și să răspundă la următoarele întrebări:
- de ce aveți nevoie de utilizarea competentă a fișierelor antet?
- Care este ierarhia corectă a pozițiilor în HTML?
- cât de multe și care titluri ar trebui să fie pe o pagină?
- și în cazul în care imaginea din titlu?
- dacă este necesar antet din titlu?
De ce avem nevoie de utilizarea corectă a fișierelor antet?
În primul rând, vă permite să navigați rapid la pagina pe care este adesea o mare de informații. E ca într-un articol de revistă, care rulează rapid ochii peste titluri, doar ia act de ceea ce este necesar să se oprească. Utilizarea adecvată a tag-uri antet va permite nu naviga numai vizual pe pagina (acest lucru poate fi realizat cu ajutorul unor etichete în legătură cu foi de stil), dar va oferi o oportunitate de fel de multă încredere pentru a găsi persoanele potrivite cu dizabilități care utilizează browsere de voce și un dispozitiv braille de citire. În plus, nu uitați că nu toate dispozitivele sunt bine susținute de foi de stil în cascadă (de exemplu, dispozitive mobile). Și există dispozitive și plug-in-uri care vă permit să naviga rapid prin document - de exemplu, prin titlu la operă.
În al doilea rând, păianjeni motor de căutare va fi mai ușor de a lucra cu pagina, este mai ușor de a identifica principale și secundare, ceea ce înseamnă mai multe șanse de a ajunge la partea de sus.
În al treilea rând, o structură logică clară a unui document - acesta este un pas de a îmbunătăți calitatea, claritatea, accesibilitatea informației, acesta este un pas la un nou nivel de informații - web-ului semantic.
Care este corect (recomandat) ierarhia titlurilor?
Specificații după cum urmează:
Titlurile de pe pagina ar trebui să aibă o ierarhie clară a nivelurilor, adică h2 ar trebui să urmeze după H1, h3 după h2, etc. Sar peste nivelurile din antetul de secvență poate crea impresia că structura documentului nu a fost gândit în mod corespunzător sau că anumite rubrici au fost alese pentru performanța lor vizual, nu valoarea lor.
Google spune practic același lucru:
Nu răspândit titluri. Utilizați titluri numai în cazul în care acestea sunt într-adevăr necesare. Prea multe titluri de pe pagina utilizatorului și încurcă complică înțelegerea în cazul în care se termină un subiect și începe o alta.
- pagina de gunoi cu antete inutile,
- utilizați anteturi numai pentru stilul de text, fără a defini structura paginii.
După studierea caietului de sarcini, recomandări, motoare de căutare, precum și apărătorii cei mai înfocați ai HTML semantic, puteți rezuma:
- folosi antete numai în cazul în care într-adevăr anteturi
- să respecte o ierarhie clară a pozițiilor (h2, h1 urmează. h2 h3 după etc.). Este de dorit să nu se perturbe niveluri clare de secvență
- este de dorit ca primul titlu (codul) de pe pagina a fost H1
- Nu ar trebui să fie comuta în mod aleatoriu din antetul de o dimensiune la alta
respectă ierarhia strictă a antetelor imbricate
Câte și ce fel de antete trebuie să fie o pagină HTML?
Ștergeți orice reguli în caietul de sarcini sau recomandările din motoarele de căutare nu este. Unii guru ai recomanda să adere la următoarea schemă:
Acest ordin este logic: H1 - aceasta este tema paginii (articol), astfel încât nu ar trebui să fie una (acest lucru este deosebit de important în optimizarea motorului de căutare). În articol pot exista mai multe sub-teme, de obicei, într-o singură temă acestea sunt puține, deoarece titlurile de nivelul doi pe pagina un pic. Și așa mai departe cu ceilalți.
Problema poate apărea: ce să facă cu paginile de anunțuri de știri (articole), în cazul în care ierarhia trebuie să fie o mulțime de titluri de-al doilea nivel? În astfel de cazuri, utilizarea titlurilor rămâne la latitudinea coder: a face o mulțime de titluri de al doilea nivel sau sări peste una sau două niveluri. Trebuie să respecte ierarhia priorităților, așa că voi avea o mulțime de titluri de nivel secund.
Luați în considerare câteva exemple de titluri de pe paginile web:
Folosind titlul de pe pagina descrierea articolului,
Pe pagina principală titlul principal este considerat a fi numele companiei sau a site-ului. Prin urmare, puteți găsi de multe ori site-uri în cazul în care logo-ul este prima pagină de start poziție nivel:
Dacă imaginea din titlu
Uneori designerii folosesc titluri frumoase fonturi (non-standard). În cazul în care sa decis să facă poze lor, apoi folosind CSS pentru a ascunde fundalul imaginii. Text antet text duplicat (pentru dispozitive care nu acceptă CSS, browsere vocale, și într-o anumită măsură, pentru motoarele de căutare) și ascunde (textul). Aceeași tehnică este utilizată pentru logo-ul, în principal:
Mai multe informații despre tehnica descrisă în articolul „Substituirea imaginii de text.“
Am nevoie de un titlu atribut titlu?
Atributul titlu este utilizat pentru a oferi utilizatorului informații suplimentare (extins) despre obiect. Este logic să se utilizeze acest atribut pentru antetele, atunci când într-adevăr ceva pentru a suplimenta titlul și să ofere informații suplimentare utile pentru utilizator. Această utilizare a atributului din titlu se va face site-ul mai ușor de utilizat și ușor de înțeles, și să acorde o atenție la acest lucru și antenele motoarelor de căutare. Pe de altă parte, utilizarea pe scară largă a atributului din titlu, care nu poartă informații utile suplimentare ar putea afecta negativ confortul și pozițiile în rezultatele motorului de căutare. Imaginați-vă că utilizați un browser de voce pe care ai citit titlul. Te-ai gândit că nu a fost suficient, și vi se cere să citească și titlul. Ce părere aveți despre dezvoltatorii site-ului, în cazul în care conținutul titlului va fi identic cu textul titlului? Prin urmare, utilizați titlul atribut (așa cum o face orice alt element dacă atributul) necesită o analiză atentă.
De exemplu, să ia o pagină cu descrierea produsului, care a fost utilizat mai sus:
instrumente adecvate de utilizare HTML - un fel de artă. Cap nu este o excepție. Dacă doriți codul a fost mai bun decât concurența, astfel încât site-ul dvs. a fost în poziții mai înalte în rezultatele de căutare, acordând mai multă atenție titluri.