Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Fier
  • Anatomia titlurilor H1-H6 pentru proiectarea și structurarea conținutului. Realizarea structurii h1 și a subtiturilor corecte

Anatomia titlurilor H1-H6 pentru proiectarea și structurarea conținutului. Realizarea structurii h1 și a subtiturilor corecte

Bună prieteni! Suntem bucuroși să vă urăm bun venit pe blogul lui Andrey și Dasha – Thebizfromscratch. A trecut ceva timp de când am scris ceva despre SEO, iar în acest articol vrem să ajungem din urmă, pentru că subiectul de astăzi este Impactul titlurilor H1, H2 – H6 asupra promovării site-urilor. Vă vom spune ce reguli și principii folosim pentru a scrie titluri pe blogul nostru și sperăm că experiența noastră vă va fi de folos.

Cum să plasați corect metaetichetele H1, H2…H6

Deci, atunci când creăm o publicație, scriem metaetichete în următoarea ordine:

Este cel mai semnificativ titlu, prin urmare se obișnuiește să se includă în etichetele h1 cheia principală de căutare, de preferință diluată cu cuvinte neutre, adică titlu diluat.

Următorul titlu cel mai important este cel folosit pentru a evidenția interogarea de joasă frecvență potrivită cu interogarea principală.

  1. H3, H4, H5, H6

De fapt, ele nu au prea multă influență asupra promovării. Cu toate acestea, includerea cuvintelor cheie în ele poate duce la supraoptimizare, ceea ce va provoca doar un răspuns negativ din partea roboților de căutare. Prin urmare, folosim aceste meta tag-uri doar pentru structurarea frumoasă a articolului. Pentru ca vizitatorii să citească și să înțeleagă imediat unde se termină un gând și unde începe altul. Mai mult, nu uita că toate postările sunt scrise exclusiv pentru cititori și nu trebuie să te lași dus de repetarea frecventă a acelorași cuvinte/expresii.

Și pentru ca informațiile menționate mai sus să fie înțelese corect, să ne uităm la un exemplu! Să presupunem că ai scris un articol pentru interogarea de căutare - „Cum să faci un site web”. Această frază trebuie introdusă în câmpul Titlu și repetată de cel puțin 2 ori fără modificări în textul în sine. Sau, așa cum fac mulți oameni, repetă interogarea de căutare o dată la 1000 de caractere.

Dacă mai trebuie să evidențiați structura, atunci nu ezitați să utilizați H2 care conține o interogare de joasă frecvență. Din nou, în cadrul exemplului - „Cum să faci un site web de înaltă calitate folosind motorul WordPress”. Scrieți restul etichetelor meta fără cuvinte cheie.

  1. Nu includeți linkuri către alte pagini promovate în titlurile dvs. Codul link-ului va fi considerat de motoarele de căutare drept cuvinte cheie și va afecta doar clasarea dvs.
  2. Nu plasați titluri de ordine inferioară deasupra celor mai importante. H1 ar trebui să vină mai întâi, apoi H2 și apoi în ordine crescătoare. Ar trebui să apară o structură de arbore.
  3. Se recomandă utilizarea H1 o dată, H2 de cel mult 3 ori și H3-H6 de câte ori este necesar (numai fără chei și numai dacă este necesar).

Poate că acestea au fost principiile și regulile de bază pe care le folosim atunci când pregătim articole. Sperăm că subiectul - influența titlurilor H1, H2 - H6 asupra promovării site-ului - a fost tratat și ați găsit informații utile pentru dvs. Dacă aveți întrebări, asigurați-vă că le puneți în comentarii, vom încerca să vă ajutăm.


Absolut toată lumea știe ce este un titlu. Acesta este un titlu încăpător, atrăgător, care, în ciuda conciziei sale, conține esența unei întregi publicații, articol etc. Însă titlul de pe pagina site-ului nu este tocmai ceea ce suntem obișnuiți să vedem în ziare, reviste sau cărți. De ce? Să încercăm să ne dăm seama.

Ce este H1?

H1 este titlul principal din articol, titlul de primul nivel. Fiecare pagină de pe Internet are propria sa structură. Titlurile H1-H6 vă permit să structurați corect materialele, atât pentru motoarele de căutare, cât și pentru utilizatori. H1 este titlul principal, H2-H6 sunt subtitluri secundare, imbricate. În cod, anteturile arată astfel:

titlul în sine

, numărul indică doar nivelul antetului.

Titlurile de pe Internet servesc nu numai pentru a indica structura și esența a ceea ce este descris, ci și pentru a optimiza site-ul. Pentru a vă aduce site-ul în poziții vizibile în rezultatele căutării, scrieți titlurile corecte, respectând 2 condiții simple:

Condiția 1. Cuvinte cheie din titluri

Pentru a face acest lucru, trebuie să fi dezvoltat un nucleu semantic de înaltă calitate - tratați-l extrem de responsabil și amintiți-vă că nu puteți introduce aceeași cheie pe toate paginile site-ului. Relevanța este totul: trebuie să satisfaceți așteptările clienților și ale motoarelor de căutare. În anteturile paginii principale puteți prelua interogări cu frecvență medie și înaltă. Iar pe paginile de produse (cardul produsului), titlurile cu taste de joasă frecvență sunt destul de acceptabile. Cheia ar trebui să conducă la o anumită poziție sau unitate, să fie precisă și nu generalizată.

Când plasați cuvinte cheie, faceți acest lucru cu atenție: nu folosiți în exces cuvintele cheie și nu creați titluri spam (de exemplu, cumpărați un apartament în Moscova, cumpărați o geantă de frigider, cumpărați o motocicletă în Krasnoyarsk, preț, al meu este al tău, nu înțeleg etc.). Păstrați expresia frumoasă și logică. În marea și puternica limbă rusă, cuvintele sunt conjugate și flexate, dar roboții înțeleg acum sensul și înțeleg limba nu mai rău decât tine și mine! Și nu fiți prea frecvent - spam-ul este evident pentru toată lumea, iar Baden-Baden este la doar o aruncătură de băț și nu uitați de Panda de la Google.

Un exemplu în care numărul de taste este depășit, exagerat.

Din titlul principal este clar despre ce produs vorbim. Desigur, nu te poți descurca fără o cheie în primul paragraf, dar fă-o discret și nu atât de deschis și agresiv.

Ei bine, sper că nimănui nu i se va trece niciodată prin cap să înghesuie toate cuvintele cheie destinate unei pagini în titlu. În mod clar, nimic bun nu va ieși din asta. =)

Amintiți-vă că textul este creat nu numai pentru motoarele de căutare, ci și pentru oameni. Și, în general, roboților le plac textele umane, simple și ușor de înțeles. Dacă în titlu cuvintele cheie apar organic la începutul propoziției, va funcționa puțin mai bine. Acestea. din punctul de vedere al optimizării paginii pentru cuvântul cheie „Hoteluri Moscova”, titlul „Hoteluri Moscova - site-uri oficiale, recenzii, fotografii” va funcționa mai bine decât „Recenzii, fotografii și site-uri oficiale ale hotelurilor din Moscova”.

Condiția 2. Etichete

-

Când postați texte pe site, nu uitați să plasați corect etichetele. Etichetele pentru titlurile de text sunt definite de următorul cod HTML:

-

. Conform observațiilor noastre, două etichete sunt destul de suficiente -

-

. În zilele noastre, oamenii nu citesc texte mari și chiar și pe baza logicii lucrurilor, imbricarea atât de multe titluri nu este necesară. O excepție pot fi paginile cu o mulțime de videoclipuri, imagini, elemente interactive etc. Dar aceasta este încă excepția, nu regula.

Motoarele de căutare iau în considerare și dimensiunea și semnificația etichetelor

-

. Când proiectați, ar trebui să acordați atenție, astfel încât titlurile să iasă în evidență vizual din textul general.

Link-urile din titluri nu trebuie folosite, mai ales în

: Acest lucru va conduce persoana în afara paginii către alt material sau, dacă vă conectați la aceeași pagină, veți crea un link circular care nu face niciun folos.

Este acceptabil să faceți linkuri de la titlurile de nivel

si mai jos, dar si daca este justificat si logic.

Crawlerele motoarelor de căutare acordă o mare importanță titlurilor, deoarece sunt folosite pentru a indica informații importante. Acest lucru va face mai ușor pentru mașini să citească textul și să înțeleagă structura și logica acestuia; vezi ce este cel mai important. Nu încercați să înșelați și să folosiți etichete

-

pentru tot textul de pe pagină, pentru că nu va ajuta la nimic. Roboții nu sunt proști și, în general, sunt foarte vulnerabili - se pot răzbuna pentru asta făcând ceva neplăcut pentru site-ul tău. Prin urmare, gândiți-vă de șapte ori înainte, consecințele sunt teribile. Când scrieți titluri în text, respectați următoarele reguli:

    Să punem lucrurile în ordine. Etichete

    -

    dispuse după principiul ierarhiei: tag

    mai important decât eticheta

    . In realitate arata asa:

    Motoarele de căutare sunt perfecționiste: le place succesiunea corectă, astfel încât totul să fie la locul lui, pe rafturile lui. Prin urmare, urmăm logica: fiul cel mic nu se poate naște înaintea celui mai mare. Acest lucru nu este acceptabil - iată un exemplu cu o ierarhie ruptă:

    În plus, eticheta

    joacă un rol important în formarea de link-uri rapide în rezultatele căutării Yandex.

    Dacă totul merge bine, efectul unei astfel de lucrări aparent nesemnificative și ușoare nu va întârzia să apară.

    Iar dacă întâmpinați dificultăți, contactați specialiștii noștri, suntem pregătiți să verificăm dacă titlurile de pe site-ul dvs. sunt scrise corect, să le scrieți corect în caz de erori și să răspundem la orice întrebări. Întocmirea titlurilor pentru 1 pagină (+ selecția a 3 chei relevante) - de la 450 de ruble.

Bună ziua, dragi cititori ai site-ului blogului. Astăzi vom începe să vorbim despre etichete în limbajul Html, și anume despre titlurile H1, H2, H3, H4, H5, H6, despre paragrafele P și rupturile de linie Br, precum și despre eticheta de linie orizontală Hr, folosind un exemplu din care ne vom uita la utilizarea atributelor și haideți să vedem unde puteți afla toate atributele posibile pentru fiecare element și să ne uităm la sintaxa valorilor pentru ele.

Principala diferență dintre etichetele inline și bloc este că primele se pot urma una pe cealaltă în lățime până când epuizează spațiul, apoi se înfășoară la următoarea linie.

Blocați elementele, în mod implicit, încercați ocupă tot spațiul disponibil în lățimeși prin urmare următorul element de bloc va fi în mod necesar situat pe o linie diferită.

Să începem acum un studiu sistematic al tuturor etichetelor posibile în Html și, în același timp, vom acorda o atenție deosebită tipului de care aparțin pentru a înțelege clar posibilitățile de utilizare corectă (validă) a acestora. O structură simplificată de etichetă arată astfel:

Există și atribute pentru ele (fiecare are propriul set), care vă permit să adăugați anumite proprietăți acestui element, dar vom vorbi despre asta folosind exemple specifice.

Să începem să privim conceptul de titluri, care sunt formate folosind etichete pereche H1, H2, H3, H4, H5, H6 (numele provine de la prima literă a cuvântului „Header”, adică „titl”). Sunt concepute pentru a separa diferite fragmente de text unele de altele și pentru a le marca importanța în funcție de nivel. În versiunea modernă a limbajului HTML, toate etichetele și toate atributele permise pentru acestea sunt prespecificate și descrise.

Drept urmare, titlurile pot avea doar șase niveluri și, în plus, elemente H1-H6 sunt blocate, adică depuneți eforturi pentru a ocupa tot spațiul disponibil pe lățimea paginii. Dar au o particularitate - numai elementele inline pot fi conținute în etichetele de antet, în ciuda faptului că, de exemplu, același Div vă permite să includeți alte etichete de bloc în el.

Acea. browserul nu vă va permite, de exemplu, să includeți anteturi de alt nivel în interiorul antetelor unui nivel, deoarece, repet, sunt elemente bloc, dar pot conține doar litere mici. Oh, cum.

Titluri de diferite niveluri H1-H6 vor fi desenate în browsere cu fonturi de diferite dimensiuni (deși, folosind CSS, le puteți seta absolut orice dimensiune, culoare și tip de font pentru afișare în browser, dar în Html pur acestea sunt regulile) :

Dacă luăm în considerare aspectul site-ului din punctul de vedere al confortului promovării sale ulterioare (), atunci merită menționat că ar trebui să existe doar un titlu de nivel H1 pe pagină. Probabil că puteți folosi două H1, dar mai mult decât atât va provoca cel mai probabil o reacție negativă din partea motoarele de căutare atunci când vă caută documentul. Acțiunile tale pot fi considerate ca spam sau sporind relevanța.

De asemenea, nu este recomandat să săriți peste nivelurile de titlu, de exemplu. După H1, ar trebui să utilizați H2 pentru a evidenția fragmente de text mai puțin importante etc. Este puțin probabil ca acest lucru să implice sancțiuni serioase din partea motoarele de căutare, dar este totuși mai bine să urmați logica în crearea nivelurilor de titlu în codul HTML.

Motoarele de căutare acordă mai multă importanță cuvintelor conținute în aceste etichete decât cuvintelor doar din text. Concluzia care urmează este că atunci când scrieți articole, ar trebui să aveți grijă să adăugați titluri celor pe care le folosiți.

Ei bine, însăși utilizarea titlurilor în textul articolului îl face mai vizual și îi ajută pe cititori să navigheze rapid în setul de informații. Cred că pentru prima dată vor fi suficiente informații și este timpul să trecem mai departe.

Paragraf, ruptură de linie și linie orizontală HR în cod HTML

Eticheta P este derivată din cuvântul „paragraf”, dar mai des este încă numită paragraf. Sunt folosite pentru a evidenția semantic o anumită bucată de text, incluzând de obicei mai multe propoziții. Intre paragrafele formate din P elemente pe verticala apare spatiu gol, ceea ce permite bucăți logice separate de text vizual unul de celălalt.

Chestia este că este destul de dificil pentru o persoană să citească un monolit de text dacă nu este împărțit în fragmente mici separate. De exemplu, în general, nici măcar nu încep să citesc articole care nu sunt împărțite în paragrafe în codul HTML, pentru că este foarte enervant.

Rupând textul ești foarte reduce pragul de oboseală vizitatorii resursei dvs. și îmbunătățesc factorii de utilizare (timpul petrecut de utilizator pe site-ul dvs. și), care, la rândul lor, au un efect pozitiv asupra promovării.

În aceleași scopuri (reținerea atenției utilizatorilor și reducerea oboselii la citirea unui articol), textului se adaugă diverse și, uneori, poate.

Apropo, eticheta de paragraf P, așa cum probabil ați observat deja, este o pereche, dar conform specificației HyperText Markup Language 4.01, elementul de închidere al acesteia este complet nu este necesar. În acest caz, browserul va trebui să-și dea seama unde trebuie plasat.

Deoarece P este un element bloc și numai elementele cu litere mici pot apărea în interiorul acestuia. În consecință, browserul, după ce a detectat eticheta de paragraf de deschidere, parsează codul în continuare și de îndată ce întâlnește următorul element de bloc (cel mai probabil va fi următorul P de deschidere), inserează imediat eticheta de paragraf de închidere în fața acestuia. În standardul Html 5, astfel de libertăți, cel mai probabil, nu vor mai exista și sunt necesare imediat obișnuiește-te să închizi toate eticheteleși scrieți-le numai cu litere mici.

Un paragraf este un element de bloc, astfel încât textul din interiorul paragrafelor va tinde să ocupe tot spațiul disponibil. Adică, dacă ați scris un catren în codul HTML al documentului așa cum ar trebui să fie (fiecare linie separat) și ați încadrat întreg acest cătren în etichetele de paragraf P, atunci în browser veți vedea că toate cele patru linii se vor îmbina în unul și va ocupa întreaga lățime a spațiului disponibil pentru text.

Am discutat deja în detaliu de ce se întâmplă acest lucru în articolul despre. Datorită acestei proprietăți a limbajului de marcare hipertext (că orice număr de spații albe din codul sursă va fi înlocuit cu un singur spațiu atunci când este afișat în browser), vă puteți formata codul în orice mod convenabil, fără teama de a perturba afișarea acestuia pe pagina web.

Ei bine, dacă într-adevăr trebuie să scrieți un cătran în forma general acceptată, puteți utiliza HTML suplimentar în acest scop

etichete de întrerupere de linie numite BR

(din cuvântul „pauză”):

BR este un element inline și, de asemenea, „gol”, adică. singur (nu are element de inchidere). Întreaga funcție a BR este că provoacă o întrerupere de linie la afișarea textului în browser (similar cu tasta Enter din orice editor de text).

Scrierea etichetelor BR (line break) în cod nu este reglementată în niciun fel. Puteți scrie întregul text împreună și puneți BR în loc de spații în locurile potrivite sau puteți sparge imediat textul în rânduri din cod pentru claritate și puneți BR fie la sfârșitul rândurilor, fie la început. Asta nu schimbă esența.

HR(o abreviere pentru cuvintele „regula orizontală”, adică linie orizontală) este o etichetă HTML foarte simplă care desenează o linie orizontală (dungă) pe toată lățimea și grosimea ecranului, în funcție de browserul în care este vizualizată (în esență este un marker vizual, care, prin analogie cu etichetele de titlu, vă permite să împărțiți textul în bucăți logice pentru o asimilare mai ușoară).

Este „gol” (singur), adică nu are o pereche (etichetă de închidere). In afara de asta, HR este un element de bloc, adică ocupă în mod implicit toată lățimea paginii disponibilă.

Conceptul de atribute și regulile de scriere a acestora în etichete HTML

Să ne uităm la conceptul de atribut folosind acest element simplu. Faptul este că putem adăuga atribute la etichete care sunt valide și descrise în validatorul WC3 pentru ele, dând astfel conținutului proprietatea de care avem nevoie.

De exemplu, dacă aveți mai multe paragrafe (paragrafe) într-un rând închise în etichetele P corespunzătoare, atunci pentru a schimba aspectul unuia dintre ele trebuie doar să adăugați atributele necesare la elementul P de deschidere al acestui paragraf. În cazul etichetelor unice (vide), nu există opțiuni pentru a adăuga atributul necesar.

Deci, prima regulă este atributele sunt plasate numai în eticheta de deschidere(cel de închidere nu conține niciodată nimic). Un element poate conține mai multe atribute, care sunt separate între ele și între numele etichetei printr-un spațiu (condiție obligatorie). Permiteți-mi să dau imediat un exemplu de utilizare a acestora pentru linia orizontală HR:

Deci, mai întâi, să trecem peste sintaxa atributelor. Ele sunt introduse în eticheta de deschidere, scrise separate printr-un spațiu (inclusiv un spațiu după numele elementului) și sunt o construcție care include numele, semnul egal și scrise între ghilimele (de obicei este obișnuit să se pună duble perechi). , dar standardul permite și valori ghilimele simple pereche. Ordinea atributelor din codul etichetei HTML nu este importantă.

Acolo am oferit un link către lista tuturor etichetelor HTML valide. Dacă în această listă dați clic pe numele elementului care vă interesează (în cazul nostru este HR), veți fi dus la o pagină cu o specificație detaliată a acestuia:

Toate atributele oricărei etichete pot fi împărțiți în trei grupe:

  1. General - pot apărea în marea majoritate a elementelor din limbajul HTML. În imaginea de mai sus, sunt în partea de jos și înconjurate de un cadru roșu. De fapt, există puține atribute comune (doar șase), și chiar și atunci, este puțin probabil să le folosiți pe toate în practica dumneavoastră. Cel mai probabil există doar patru - , titlu și stil.
  2. Atributele evenimentului - sunt necesare pentru a declanșa o acțiune ca răspuns la o acțiune a utilizatorului sau la un eveniment de sistem. Ele sunt mai mult legate de JavaScreet și în figura de mai sus sunt în partea de jos (încercuite într-un cadru întunecat).
  3. Unic - Fiecare etichetă are de obicei propriul set de atribute, dintre care unele pot să nu se găsească deloc pe alte elemente. Dacă luăm în considerare linia orizontală HR, aceasta are doar patru atribute unice (align, nosshade, dimensiune și lățime). Toate celelalte specificate în eticheta HR (cu excepția celor două grupuri descrise mai sus) vor fi ignorate de browser.

Exemple de atribute din eticheta de linie orizontală HR

Valorile diferitelor atribute pot fi fie numere arbitrare (etc.) fie valori dintr-un set prestabilit, de exemplu, ca în cazul alinierii pentru HR - stânga|centru|dreapta (puteți folosi una dintre cele trei alinieri). Opțiuni).

În general, informațiile despre ele în validatorul WC3 pot fi obținute nu numai în lista de etichete Html, ci și în lista de atribute, pe care o veți găsi la link-ul furnizat.

Această listă conține toate opțiunile posibile pentru toate etichetele disponibile în limbajul HTML. Coloana „Elemente înrudite” de lângă opțiunea care vă interesează va lista elementele în care acest atribut poate fi utilizat. Coloana „Tip” indică tipul de date care pot fi folosite ca valoare.

De exemplu, în linia subliniată în figură pentru atributul align, pentru eticheta HR, este permisă utilizarea doar a trei valori fixe, care sunt enumerate acolo (stânga | centru | dreapta).

O altă rubrică foarte importantă este „Depr”. Dacă atributul care vă interesează din această coloană are litera D lângă el, atunci acesta utilizarea nu este recomandată, dar ar trebui să utilizați stilurile CSS adecvate pentru a-l înlocui. Când am vizualizat specificația etichetei, am văzut, de asemenea, că lângă numele tuturor celor patru atribute pentru HR a fost scris cuvântul „Deprecat” (nu este recomandat pentru utilizare).

Să vedem ce atribute sunt folosite cu elementele pe care le-am tratat deja în acest articol (P, rubricile H1-H6 și HR). Pentru toți poți folosi „align”, deoarece toate aceste elemente sunt elemente bloc. Pentru elementele inline, atributul „align” nu are sens.

De exemplu, dacă adăugați „aliniere” la o etichetă de titlu (cum ar fi un H1), puteți seta alinierea textului titlului. Acestea. Elementul bloc va ocupa tot spațiul disponibil în lățime, dar conținutul acestui antet (textul său) poate fi aliniat fie la stânga (implicit), la dreapta, fie în centru, fie în lățime (justificare - distanța dintre cuvinte se modifică, ca în coloanele din ziare).

Același lucru, de altfel, va fi valabil și pentru eticheta Html a paragrafului P și pentru containerul Div, dacă te uiți cu atenție la captura de ecran dată.

Pentru o linie HR orizontală, atributul „align” va indica alinierea liniei orizontale în sine formată de acel element. Dar eticheta HR este un element de bloc și tinde să ocupe tot spațiul disponibil în lățime. Prin urmare, are sens să folosești „alinierea” în el doar dacă, împreună cu el, și tu setați valoarea pentru atributul „lățime”.(lățimea) mai mică decât lățimea paginii.

Valoarea pentru „lățime” poate fi pur și simplu numere (acest lucru va seta lățimea în pixeli) sau puteți utiliza un procent din lățimea totală disponibilă pentru linia HR orizontală. Valoarea atributului „dimensiune” pentru aceeași etichetă este specificată în numere care indică înălțimea liniei orizontale în pixeli. Să ne uităm la asta cu un exemplu:


Eticheta HR din standardul HTML 4.01 mai are una un atribut numit single, deoarece nu poate lua nicio valoare (înseamnă doar o acțiune) - este o „numbră” care împiedică o linie orizontală să arunce o umbră:


Este clar că nu voi putea lua în considerare toate atributele posibile pentru toate etichetele posibile în Html, iar acest lucru nu este necesar, deoarece totul se poate face prin analogie - principalul lucru este să înțelegem sintaxa și ideea în sine. În plus, multe dintre ele au devenit deja nerecomandate pentru utilizare, deoarece... Acum funcția lor este îndeplinită de stilurile CSS, despre care vom începe și noi să vorbim în detaliu foarte curând.

Multă baftă! Ne vedem curând pe paginile site-ului blogului

Puteți viziona mai multe videoclipuri accesând
");">

S-ar putea să fiți interesat

Tabele în HTML - etichete Table, Tr și Td, precum și Colspan, Cellpadding, Cellspacing și Rowspan pentru a le crea
Iframe și Frame - ce sunt acestea și cum să folosiți cel mai bine cadrele în Html
Embed and object - Etichete HTML pentru afișarea conținutului media (video, flash, audio) pe paginile web
Directivele de comentariu și Doctype în codul HTML, precum și conceptul de elemente bloc și inline (etichete)
Cum să inserați un link și o imagine (foto) în etichetele HTML - IMG și A

Salutare dragi cititori. Astăzi vreau să acord o atenție deosebită subiectului titlurilor din etichetele h1 h2 - h6, pentru că... În viitorul apropiat plănuiesc (după cum am promis) mai multe articole practice despre editarea titlurilor în șabloane. Dar înainte de a stăpâni ceva în practică, cred că trebuie să înțelegi teoria, chiar dacă nu să o cunoști. Să definim conceptele de la bun început, ce este un titlu în documentele HTML, un titlu pe un site web, o pagină.

Tu și cu toții știm limba rusă și, în ceea ce privește conceptul general acceptat titlu– nu ar trebui să existe întrebări. Un titlu este un cuvânt sau o expresie care rezumă întregul sens al unui text sau al unei informații care urmează.

Așa cum orice carte începe cu un titlu, la fel orice document de pe Internet are propriul său titlu.

Dar dacă, la deschiderea unei cărți, înțelegem că această frază este un titlu pentru că are un font mai mare sau mai îndrăzneț, atunci paginile de internet au reguli puțin diferite. Pe Internet, cuvântul titlu are mai multe sensuri și este folosit în scopuri diferite. Prin urmare, trebuie să știți și să înțelegeți despre ce fel de rubrică vorbim și de ce anume aveți nevoie.

Primul și cel mai important lucru pe care trebuie să-l înțelegem este că există trei concepte diferite de antet într-un document HTML.

Orice document include trei etichete HTML principale:



Aici puteți găsi informații tehnice despre documentul +
titlul paginii în etichete
</b> Titlul paginii <b>


Iată conținutul principal al site-ului, articole care au titluri în etichete:

Titlul site-ului sau articolului


Titlul articolului


Subtitlul articolului


Alte blocuri de informații


Alte blocuri de informații

Alte blocuri de informații


Deci, din codul de mai sus, vedem că documentul HTML are propriul său titlu , care conține informații tehnice, metaetichete și una dintre cele mai importante etichete din SEO - , care contine <b>titlul paginii</b>. Acesta este titlul pe care fiecare utilizator îl vede în fila browserului său. Acest antet nu este direct legat de anteturile care se află în corp <body>document, dar există o relație strânsă între ele.</p> <p>A doua cea mai importantă etichetă în SEO este eticheta de titlu. <h>.</p> <p>Deci, orice motor de căutare acordă o mare importanță acestei etichete. După cum am dat un exemplu cu o carte, el este (împreună cu titlul) cel care comunică subiectul paginii, despre ce este vorba și rezumă sensul articolului. Acesta este titlul care vă spune despre ce va fi articolul meu pe care îl citiți. Vedem că astfel de titluri diferă întotdeauna ca aspect de conținutul principal al paginii. În acest scop, au fost inventate etichete speciale, care sunt responsabile pentru a se asigura că informațiile din ele sunt întotdeauna evidențiate.</p> <p>Pe de o parte, eticheta pare să fie una <h>, dar pe de altă parte, sunt șase și toate sunt numerotate în ordinea semnificației lor, iar ceea ce este foarte important nu este doar semnificația, ci și ierarhia. Din acest moment începe cel mai confuz și de neînțeles - cum să determinați semnificația, ce este mai semnificativ și ce nu?</p> <p>Să gândim doar logic. Aici este pagina noastră principală de pe site. De regulă, pagina principală reflectă întreaga temă a site-ului în ansamblu. Și în mod ideal, numele site-ului ar trebui să reflecte și întreaga temă a site-ului. Aceasta înseamnă că numele site-ului ar trebui să fie un titlu, iar cel mai important titlu, adică. in eticheta:</p> <blockquote><p><h1>Numele site-ului</h1>.</p> </blockquote> <p>În plus, nu este necesar, dar, de regulă, pe pagina principală ar trebui să existe un fel de atracție pentru vizitator, iar într-o situație ideală, acest apel ar trebui să includă un titlu, care, la rândul său, ar trebui să conțină tema site-ului. (cuvânt cheie care reflectă site-ul tematic). Deci, acest titlu ar trebui să fie în etichetă:</p> <blockquote><p><h2>Titlul articolului este un apel către vizitator</h2>.</p> </blockquote> <p>Mai mult, în acest articol-apel se poate (și insist că <b>trebuie sa</b>) să fie un subtitlu care dezvăluie în continuare toate aspectele subiectului site-ului. Include și câteva cuvinte cheie care pot fi sau ar trebui să fie apropiate de numele site-ului sau de titlul articolului. Acest subtitrare ar trebui să fie în eticheta:</p> <blockquote><p><h3>Subtitlul articolului</h3>.</p> </blockquote> <p>Să ne imaginăm o astfel de pagină.</p> <p>Acesta este modul în care distribuim etichetele de titlu. Este demn de remarcat faptul că, dacă utilizați o imagine banner în loc de titlu, atunci nu trebuie să o formatați în eticheta de titlu.</p> <p>Rămân două întrebări importante:</p> <p>Cum să utilizați alte etichete – 4, 5, 6</p> <p>Și este necesar/posibil să folosiți etichete de titlu în meniu/bara laterală?</p> <p>Răspunsul la prima întrebare este că nu este necesar să folosiți toate etichetele de titlu.</p> <p>Nu există un răspuns clar la a doua întrebare. Dar sunt de părere că dacă bara laterală are un astfel de bloc de informații care conține informații despre site, informații care reflectă tematica site-ului, atunci este necesar să se proiecteze astfel de blocuri cu etichete de titlu.</p> <p>De exemplu, acesta ar putea fi un bloc: <i> </i>. Titlul unui astfel de bloc conține un cuvânt cheie care reflectă tema întregului proiect. Prin urmare, un astfel de bloc ar trebui inclus în titlu <h4>.</p> <p>Aici poate apărea următoarea întrebare: De ce să nu o puneți într-o etichetă de rang superior? De asemenea, puteți încerca să obțineți răspunsul într-un mod logic.</p> <p>De regulă (subliniez, de regulă), un aspect modern al site-ului web are următoarea structură:</p> <p>Titlul Site-ului <br> ↓<br>Conținutul paginii principale <br> ↓<br>Bara laterală <br> ↓<br>Subsolul paginii/subsolul paginii</p> <p>Acestea. Aceasta este ordinea în care robotul de căutare vede toate informațiile de pe pagină.</p> <p><b>Al doilea</b>, ceea ce trebuie să știm este că toate etichetele de titlu au propria lor ierarhie (am scris despre asta mai sus) și nu este acceptabil ca o etichetă de ordinul trei să fie mai mare decât o etichetă de ordinul doi.</p> <p>S-ar părea că toate întrebările au primit răspuns, iar subiectul ar trebui epuizat, dar nu totul este atât de simplu. Cert este că, de regulă, paginile interne diferă de cea principală și, de asemenea, este important ca acestea să fie și bine optimizate, astfel încât să primim trafic de la ele de la motoarele de căutare. Prin urmare, este foarte recomandabil ca aceștia să folosească propria lor ierarhie de titluri.</p> <p>Din poza mea din exemplu, dacă site-ul are articole separate despre <i>Promovare în motoarele de căutare</i>Și <i>Promovare pe rețelele de socializare</i>, atunci, pentru structura internă a antetelor ar trebui să fie astfel:</p> <p><img src='https://i1.wp.com/lh5.ggpht.com/_G92voTj-yF0/TS3-kbdapZI/AAAAAAAABEI/r7T-C94lU5I/s800/seo-zagolovka-statey%5B4%5D.gif' width="100%" loading=lazy loading=lazy></p> <p>Acestea. titlul site-ului nu este la fel de important ca titlul articolului (poate exemplul meu nu este cel mai evident, pentru că cuvântul „promovare” este prezent peste tot). Această aranjare a titlurilor îmbunătățește semnificativ clasarea paginilor în motoarele de căutare, crescând astfel traficul utilizatorilor de la acestea.</p> <p>Am scris mai sus că asta este <b>preferabil</b>, dar nu vă loviți cu capul de perete dacă este imposibil de făcut. Platformele, șabloanele și cunoștințele fiecăruia sunt diferite și, dacă nu funcționează, atunci este mai bine să vă concentrați pe altceva, să vă direcționați acțiunile pentru a îmbunătăți ceea ce puteți face mai bine. La urma urmei, promovarea de succes în motoarele de căutare depinde de o combinație a mai multor factori. Cu cât acordăm mai multă atenție optimizării interne, cu atât mai puțin avem nevoie de optimizare externă. Dacă optimizarea internă s-a epuizat deja, atunci trebuie să treceți la optimizarea externă.</p> <p>Acest articol vizează în primul rând înțelegerea subiectului și a teoriei. În era CMS, realizarea corectă a anteturilor nu este dificilă, dar, din păcate, pentru aceasta trebuie să aveți cunoștințe mai aprofundate despre crearea și programarea site-urilor web. Și dacă pentru marea majoritate a cititorilor mei acest articol are mai mult scop informativ, atunci pentru cei care vor comanda într-o zi crearea de site-uri web în Cheboksary sau în orice alt oraș din lume, întocmește specificații tehnice pentru un designer de layout, programator, sau își creează propriul site web, ei vor putea fie să explice, fie să aplice aceste cunoștințe în practică.</p><p>De exemplu, plănuiesc să experimentez cu șablonul de mult timp și să o fac exact așa cum am descris în articol, deoarece cred că aceasta este cea mai bună opțiune. Dar nu sunt încă atât de puternic în XML (pentru Blogger) și PHP (pentru WordPress) pentru a-mi da seama imediat cum să creez diferite titluri pentru diferite pagini. Dar după acest articol, voi avea mai mult stimulent să-mi pun ideile în practică și cu siguranță vă voi spune cum am făcut-o. Desigur, nu vă voi spune doar, ci și vă voi împărtăși.</p><p><b>Articole despre asta sunt gata.</b></p> <p>Dacă nu am răspuns suficient la nicio întrebare, întrebați în comentarii și le voi adăuga. Scriu aceste cuvinte pentru că... Simt că mai rămâne ceva nespus în capul meu, dar pur și simplu nu-mi amintesc ce. Așa că întreabă.</p> <p>Te-ai gândit vreodată să începi un blog de grup sau măcar să găsești un al doilea autor pentru blogul tău? Dacă îți vin astfel de gânduri, atunci ar trebui să fii atent la articolul Dezavantajele mai multor autori de blog. Acolo, pe blog, găsiți un articol despre avantaje.</p> <p>Vă doresc mult succes în dezvoltarea blogurilor dvs.</p> <p>Selecția și plasarea cu competență a titlurilor H1 și H2 la optimizarea textelor pe paginile site-ului web promovate este o etapă importantă a activității SEO. În acest material, vom vorbi despre ce sunt titlurile H1 și H2, ce rol joacă ele și, de asemenea, vă vom învăța cum să le folosiți corect pentru a obține cel mai bun rezultat.</p><h2>Ce sunt titlurile H1 și H2?</h2><p>Titlurile sunt cuvinte, fraze sau expresii care rezumă semnificația informațiilor care le urmează. Nu trebuie neapărat să recitim întregul text al unui articol dintr-o revistă sau un ziar pentru a înțelege despre ce va fi vorba. Aruncăm o privire la titlurile și subtitlurile și decidem dacă acest material este interesant pentru noi și dacă merită citit. Dacă deschidem un manual sau o instrucțiune, atunci cu ajutorul titlurilor ne este ușor să găsim exact informațiile de care avem nevoie. Pe scurt, titlurile nu numai că atrag cititorii, ci le servesc și confortului.</p><p>Textele de pe site-uri web ar trebui să aibă, de asemenea, titluri. Există cel puțin 2 motive pentru aceasta:</p><p><b>1. </b> Titlurile structurează textul și îl fac mai ușor de citit. Textul continuu (numit adesea „foaie”) este greu de înțeles; nu doriți să îl citiți. Și din moment ce factorii comportamentali (totalitatea acțiunilor vizitatorilor pe site) sunt luați în considerare astăzi de motoarele de căutare, sunteți interesat ca utilizatorul să citească textul de pe resursa dvs. și să nu închidă pagina, temându-se de „foaie”.</p><p><b>2. </b> Titlurile arată clar pentru motoarele de căutare ce informații sunt conținute într-o anumită parte a textului. Pe baza titlurilor, motoarele de căutare evaluează cât de bine răspund aceste informații așteptările utilizatorilor. Acesta este motivul pentru care sunt atât de importante atunci când optimizați textele.</p><p>Acum înțelegeți că nu trebuie să neglijați utilizarea titlurilor în textele de pe paginile site-ului? Atunci hai să mergem mai departe!</p><p>Ce înseamnă termenii H1 și H2? Va trebui să atingem puțin problemele legate de aspectul html. H1 și H2 (sau, mai precis, <h1>Și <h2>) - etichete html care arată importanța textului care le urmează. Se mai numesc și etichete de accent. În documentul html arată astfel:</p><p>Pe o pagină web, aceste anteturi au formatare diferită în mod implicit:</p><p><img src='https://i2.wp.com/tanix.by/upload/blog/header-h1-h2/lorem-on-page.png' width="100%" loading=lazy loading=lazy></p><p>De fapt, există 6 niveluri de titluri: de la H1 la H6. În consecință, titlul H1 are cea mai mare pondere, titlul H2 este secundar, iar titlul de nivelul șase H6 este cel mai puțin semnificativ. Cu toate acestea, pentru promovarea SEO, cele mai importante rubrici sunt H1 și H2. Vom vorbi despre regulile de utilizare a acestora pentru optimizarea textelor.</p><p><img src='https://i0.wp.com/tanix.by/upload/blog/header-h1-h2/h1-h2-for-seo.png' width="100%" loading=lazy loading=lazy></p><h2>Ce trebuie să știți pentru a plasa corect titlurile H1 și H2?</h2><p>Titlul H1 joacă un rol important nu numai în optimizarea textului, ci și în optimizarea întregii pagini. El este cel care spune motorului de căutare cât de mult corespunde conținutul prezentat pe pagină titlului paginii (Titlu) și, prin urmare, satisface așteptările utilizatorilor.</p><p>Ai venit cu un titlu creativ, neobișnuit, atractiv pentru text, bazat, de exemplu, pe un joc de cuvinte? Această abordare poate fi bună pentru un anunț tipărit sau un articol de ziar, dar pentru promovarea motoarelor de căutare, o astfel de creativitate poate avea consecințe negative. Motoarele de căutare nu au imaginație și gândire imaginativă; specificul este important pentru ele. Mai jos vom oferi îndrumări importante pentru scrierea unui titlu H1.</p><h2>Reguli de bază pentru utilizarea unui antet H1</h2><ul><p>Titlul H1 ar trebui să fie scurt, dar semnificativ. O condiție importantă este apariția naturală a cuvintelor cheie în ea. Să dăm un exemplu. Să presupunem că optimizați o pagină care afișează un catalog de pantofi de damă. Următoarele interogări au fost selectate pentru a promova această pagină (puteți citi despre ce interogări de căutare sunt în materialul nostru <b>„Înțelegeți-vă specialistul SEO”</b>): „pantofi de damă” (frecvență - 3896), „pantofi de damă în Minsk” (frecvență - 490), „cumpără pantofi de damă” (frecvență - 384), „pantofi pentru femei” (frecvență - 207), „catalog de pantofi de damă” prețuri” (frecvență - 318). Pentru textul de pe această pagină, este cel mai logic să folosiți titlul H1 „Pantofi pentru femei”, deoarece este cel mai general, dar în același timp descrie conținutul conținutului și poate fi specificat și prin titluri nu mai mari. nivel.</p><p>Titlul H1 ar trebui să apară o singură dată pe pagină.</p><p>Acest titlu este plasat chiar la începutul textului, de preferință în partea de sus a paginii.</p><p>Titlul H1 ar trebui să fie situat deasupra titlurilor altor niveluri (nu este permis să se pună, de exemplu, un titlu H2 în fața acestuia).</p><p>Dimensiunea fontului acestui titlu ar trebui să fie mai mare decât dimensiunea fontului titlurilor de nivel inferior. În mod implicit, acesta este cazul, dar dacă stilurile specifică altfel, situația ar trebui corectată.</p> </ul><h2>Exemple de titluri H2</h2><p>Cum sunt scrise titlurile H2? Pot fi mai multe dintre ele în text. De regulă, ele specifică titlul H1 și structurează întregul text. Să revenim la exemplul nostru cu o pagină care afișează pantofi de damă. Pentru aceasta pagina puteti scrie un text de vanzare care descrie avantajele modelelor oferite clientilor si prezinta un tabel de marimi. Tot pe pagina utilizatorul va putea gasi un catalog de incaltaminte cu fotografii si preturi. În acest caz, titlurile din text pot fi astfel:</p><p><img src='https://i0.wp.com/tanix.by/upload/blog/header-h1-h2/header-example.png' width="100%" loading=lazy loading=lazy></p><p>Dacă vă amintiți interogările de căutare pe care le folosim pentru a ne promova pagina în acest exemplu, vă veți da seama că în anteturile H2 includem interogări extinse care au o frecvență mai mică. Ele pot fi prezentate în apariție indirectă (pot fi declinate, „diluate” cu alte cuvinte). Și cel mai important, ei specifică antetul nostru H1 și semnalează motorului de căutare că textul care vine după ei îndeplinește de fapt interogările de căutare scrise în titlul paginii (Titlu).</p><h2>Cele mai frecvente greșeli în utilizarea titlurilor H1 și H2</h2><p>Când utilizați titluri pentru a optimiza textele, încercați să evitați următoarele greșeli:</p><ul><p>Utilizarea etichetelor <h1>Și <h2>pentru a stila elementele paginii. Aceasta este o greșeală comună care poate apărea chiar și împotriva voinței tale. În multe șabloane de site web gata făcute (de exemplu, pe Joomla sau Wordpress) în etichete <h1>Și <h2>anexat, de exemplu, numele blocurilor. De exemplu, cum ar fi „Produse populare”, „Ultime știri”, „Suntem pe rețelele sociale” și așa mai departe. Această tehnică induce în eroare motoarele de căutare și nu aduce nimic bun. Prin urmare, atunci când efectuează un audit SEO al unui site web, un specialist trebuie să verifice dacă titlurile sunt folosite „așa cum este prevăzut”. Amintiți-vă o regulă importantă - H1 și H2 ar trebui folosite doar pentru a structura textul!</p><p>Folosind aceleași titluri pentru pagini diferite. Asta, desigur, este o prostie, dar se întâmplă și asta. Cel puțin, titlurile H1 ar trebui să fie unice pentru fiecare pagină!</p><p>Plasarea hyperlink-urilor în titluri.</p><p>Prezența a două sau mai multe titluri H1 pe pagină. Ne amintim că acest lucru este inacceptabil! Motto-ul nostru: „O pagină - un titlu H1”!</p> </ul><p>La sfârșitul articolului nostru, permiteți-ne să vă atragem atenția asupra unui alt punct important. Să vorbim din nou despre șabloanele de site-uri web. Există cazuri cunoscute când șabloanele de pagină standard nu au deloc titluri H1. Sunt înlocuite cu anteturi H2. Chiar dacă în partea administrativă a site-ului vi se cere să introduceți text în câmpul „Titlul materialului”, în realitate se poate dovedi că acesta va fi inclus în etichete <h2></h2>. Verificați dacă există un astfel de defect pe site-ul dvs. - studiați structura documentului apăsând tasta F12. Titlul tău este învelit în etichete <h1></h1>? Deci totul este grozav!</p><p>Un dezvoltator care este puțin familiarizat cu SEO ar trebui să i se reamintească și importanța plasării corecte a titlurilor de text atunci când creează un site web unic.</p> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy loading=lazy>");</script> </div> <div class="post-social-counters-block"> <div style="margin-top: 12px"> <noindex></noindex> </div> </div> </div> </div> <a name="comments"></a> <h3 class="best-theme-posts-title">Cele mai bune articole pe această temă</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/ro/kody-cvetnyh-bukv-cvet-v-stilyah-mozhno-zadavat-raznymi-sposobami-po.html"> <div class="img_container"><img src="/uploads/358323fcc5df6c4bca3c7cc4290393e3.jpg" border="0" alt="Culoarea în stiluri poate fi specificată în diferite moduri: prin valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Culoarea în stiluri poate fi specificată în diferite moduri: prin valoare hexazecimală, după nume, în format RGB, RGBA, HSL, HSLA</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/ro/kak-udalyat-prilozheniya-na-makbuke-udalenie-programm-s-makbuka.html"> <div class="img_container"><img src="/uploads/69e75fadb26a3aaf07b0bc24ea0755ff.jpg" border="0" alt="Eliminarea programelor de pe un MacBook" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Eliminarea programelor de pe un MacBook</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/ro/samsung-a7-sravnenie-polozhenie-obyazyvaet-obzor-smartfona-samsung-galaxy-a7-kamera.html"> <div class="img_container"><img src="/uploads/1277d63354a2d225376f6230fbcc5eb2.jpg" border="0" alt="Comparatie Samsung a7. Postul obligă. Revizuirea smartphone-ului Samsung Galaxy A7. Camera principală și frontală" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Comparatie Samsung a7. Postul obligă. Revizuirea smartphone-ului Samsung Galaxy A7. Camera principală și frontală</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Categorii:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="https://bumotors.ru/ro/category/programs/">Programe</a></li> <li class=""><a href="https://bumotors.ru/ro/category/safety/">Siguranță</a></li> <li class=""><a href="https://bumotors.ru/ro/category/windows-10/">Windows 10</a></li> <li class=""><a href="https://bumotors.ru/ro/category/iron/">Fier</a></li> <li class=""><a href="https://bumotors.ru/ro/category/windows-8/">Windows 8</a></li> <li class=""><a href="https://bumotors.ru/ro/category/vkontakte/">In contact cu</a></li> <li class=""><a href="https://bumotors.ru/ro/category/errors/">Erori</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="https://vk.com/share.php?url=https://bumotors.ru/anatomiya-zagolovkov-h1-h6-dlya-oformleniya-i-strukturizacii-kontenta.html" class="vk social-ico"></a> <a href="https://www.facebook.com/sharer/sharer.php?u=https://bumotors.ru/anatomiya-zagolovkov-h1-h6-dlya-oformleniya-i-strukturizacii-kontenta.html" class="fb social-ico"></a> <a href="https://www.twitter.com/share?url=https%3A%2F%2Fbumotors.ru%2Fro%2Fanatomiya-zagolovkov-h1-h6-dlya-oformleniya-i-strukturizacii-kontenta.html" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12">© 2023 bumotors.ru. Cum se configurează smartphone-uri și PC-uri. Portal informativ.</span> </div> </div> </div> </div> </body> </html>