Pe proiectele mele de informare de top, mai întâi un specialist în materie întocmește structura articolului (titluri și subtitluri), iar apoi redactorii scriu textul pe ele.
Structura este de fapt foarte importantă dacă îți pasă de calitate. Și pentru a face o structură normală, aveți nevoie de o înțelegere a modului în care funcționează etichetele h.
h1 este subtitlul principal al articolului, care este de obicei plasat deasupra textului.
Primul titlu ar trebui să fie vizual mai mare decât restul titlurilor de pe pagină.
h2-h6 sunt subtitluri mici care sunt imbricate.
Pentru ce sunt anteturile?
Pentru cei care nu sunt foarte la subiect, iată, în principiu, un video bun despre elementele de bază ale compilării subtitlurilor h1-h6. Dacă nu te considerați un expert, verificați:
Și pentru a consolida materialul un videoclip puțin mai slab:
Titlurile sunt chemate într-o singură frază sau chiar un cuvânt pentru a evidenția esența principală, ideea textului următor. De obicei, o persoană le acordă atenție în primul rând, hotărând dacă să citească restul materialului. Titlurile sunt deosebit de importante în textele publicitare, scrisorile și servesc drept instrument principal pentru a atrage atenția publicului țintă.
În cod, eticheta arată astfel:
, unde litera h provine de la cuvântul „antet”, care înseamnă „antet” în traducere. Fiecare nivel este indicat de un număr corespunzător.
H-etichete prin ochii oamenilor
Textul subtitlurilor este mai curat și mai ușor de citit. Un utilizator modern a învățat de mult să scaneze articole în doar câteva secunde și să tragă rapid concluzii dacă merită să citească întregul text, dacă conține informațiile utile pe care le caută. Titlurile atrag atenția, evidențiind principalul lucru și oferind utilizatorului posibilitatea de a analiza materialul.
Etichetele h1, h2, h3, h4, h5, h6 vă permit să creați un fel de hartă pentru cititor, conform căreia acesta poate naviga rapid în text. Și dacă aceste secreții au reușit să atragă atenția, atunci persoana va zăbovi pe pagină și probabil va citi întregul articol. Puteți verifica rezultatul prin factori comportamentali. Dacă oamenii zăbovesc pe pagină, efectuează orice acțiuni, atunci munca la SEO nu a fost făcută în zadar.
H-tag-uri prin ochii motoarelor de căutare
Roboții de căutare colectează informații de la ei pentru analiza semantică. De o importanță deosebită pentru boți sunt titlurile nivelurilor h1, h2, h3. Utilizarea lor inconsecventă sau incorectă poate afecta negativ clasarea paginii. Dacă nu există etichete h în codul HTML, atunci site-ul va avea dificultăți în promovare. Nivelurile h4, h5, h6 sunt mai puțin semnificative.
Ierarhia etichetelor H
Regula principală în aranjarea titlurilor este ierarhia acestora. Nu este necesar ca etichetele să meargă una după alta ca dimensiune, dar este inacceptabil să folosești, de exemplu, h3 în text dacă nu ai meta h2 nicăieri, sau să folosești h6 fără h5.
Iată cum arată ierarhia cu imbricarea adecvată:
Ce este eticheta h1
Eticheta h1 este cuprinsul textului (este ca titlul unei cărți sau titlul unui articol dintr-un ziar).
Fiecare pagină ar trebui să aibă o singură etichetă h1.
În ceea ce privește atractivitatea pentru utilizator, este de o importanță capitală. Dar pentru promovarea SEO, .
Titlul este, de asemenea, un titlu, dar este prescris nu numai pentru oameni, ci și pentru roboți. Nu este afișat pe pagina în sine, ci doar în fila browser și în fragment ca link activ către site. De fapt, titlul este o alternativă, dar titlul principal pentru un document html. Dacă lipsește, atunci motorul de căutare ia ca bază h1 și îl folosește în secera.
De ce h1 ar trebui să fie diferit de Titlu
Este destul de important să înțelegeți că h1 și Titlu sunt titluri diferite. Și trebuie să fie combinate cu pricepere în consecință. Iată elementele de bază ale acestui subiect:
Neglijarea regulilor de unicitate și relevanță a titlurilor poate duce la faptul că site-ul va intra sub filtru. Recent, motoarele de căutare au început să acorde o atenție deosebită calității conținutului și setărilor sale SEO. Dublate, spam, plasarea haotică a titlurilor, inconsecvența acestora cu conținutul este pedepsită.
Cerința de lungime H1
Se recomandă H1 să fie mai concis decât Titlul, fără a depăși numărul de caractere mai mult de 50. Dar nu va fi nici un dezastru dacă titlul este mai lung, când nu este posibil să stoarceți întregul punct în cantitatea desemnată.
Pluginurile speciale pentru WordPress vă permit să analizați completarea corectă a tuturor meta-urilor chiar în editor.
Reguli pentru scriere competentă h1
- Trebuie să fie unic pentru întregul site și absolut lizibil;
- Nu repetă eticheta de titlu, dar nici nu o contrazice;
- Nu trebuie să-l lungiți prea mult (puteți face titlul mai voluminos);
- Folosit doar 1 dată pe pagină;
- Relevant pentru text și reflectă esența semantică a materialului;
- Interesant, atractiv pentru utilizator;
- Nu puteți pune punct la sfârșit și este recomandat să folosiți semnele de punctuație la minimum.
Aplicarea cheilor
Principalele fraze cheie, în primul rând, ar trebui să conțină titlul. Dar ar trebui să fie scrise și în h1. Și acolo, și acolo este mai bine să o faci chiar de la început. Dar ar fi mai bine dacă cuvintele cheie nu s-ar duplica unul pe altul în aceste două etichete. Trebuie să utilizați diferite forme de cuvânt sau să diluați aparițiile în h1 și aparițiile directe în titlu.
Unii iau toate cheile paginii și alcătuiesc structura articolelor din ele. Rețineți imediat că, fără PF-uri grozave, o astfel de împrăștiere a cuvintelor cheie pe subtitluri va fi pedepsită de filtrul pentru spam excesiv.
Trucuri psihologice pentru alcătuirea unui titlu atractiv
Titlul ar trebui să fie captivant. Iată un videoclip de la Maxim Ilyahov, specialist media, rectorul Școlii de Editori și creatorul serviciului Glavred:
Iată câteva „tehnici” care sunt folosite la compilarea titlurilor.
Soluţie
Amintiți-vă că o persoană caută întotdeauna nu informații sau bunuri, ci, în primul rând, o soluție la problemele, nevoile, nevoile sale. Operați exact la problema vizată a publicului țintă
Un exemplu de titlu de succes: „Cade părul? Opriți consecințele într-o săptămână.”
Un exemplu de titlu nereușit: „Se poate opri căderea părului?”
În primul caz, identificăm clar problema și oferim o soluție specifică. În al doilea caz, problema este afectată indirect, iar opțiunile de rezolvare sunt estompate.
Intriga
Un exemplu de titlu de succes: „Dezvăluirea secretului celei mai eficiente rețete pentru căderea părului”.
Un exemplu de titlu nereușit: „Cea mai bună rețetă pentru căderea părului”.
„examen” de recepție
O propoziție în această formă provoacă cititorul să se testeze pe sine.
Un exemplu de titlu de succes: „Ești sigur că te lupți împotriva căderii părului în mod corect?”
Un exemplu de titlu nereușit: „Știi totul despre căderea părului”.
Desigur, acestea nu sunt toate metodele care ajută la influențarea percepției unei persoane și la atragerea interesului acesteia. Citiți cărți de marketing pentru a citi mai multe dacă sunteți interesat de subiect. Apropo, titlul poate fi și „ispititor”. Mai mult, cel mai probabil el este cel care este evidențiat în rezultatele căutării. Puteți verifica afișarea acestuia după indexarea paginii.
De ce sunt necesare subtitlurile h2-h6
Etichetele de la h2 la h6 sunt deja localizate în corpul articolului în sine, împărțindu-l structural în paragrafe tematice, iar în codul documentului HTML, evidențiind elementele sale semnificative. De asemenea, sunt identificați de roboții de căutare pentru analiza semantică a paginii.
Sunt necesare pentru a desemna ierarhic tot ceea ce este important și demn de atenția utilizatorului pe pagină. O astfel de structură ajută o persoană să navigheze rapid prin informații și să evalueze conformitatea acesteia cu nevoile sale.
h2 - concentrează atenția utilizatorilor și a motoarelor de căutare asupra conținutului principal al articolului. Afișează cele mai semnificative din text.
h3 - este un sub-element pentru informațiile care intră sub H2, dezvăluind-o și mai profund.
h4, h5, h6 - sunt definite ca subtitluri imbricate (dezvăluie esența lui H2 sau H3 în detaliu) și sunt utilizate în text pentru a evidenția paragrafele mici și cuvintele semnificative, precum și în meniu, bara laterală și alte componente ale web-ului document.
Toate etichetele h trebuie să aibă maximum 50 de caractere.
Cum să scrieți corect subtitlurile h2-h6
- Este imposibil ca cea mai mică subpoziție să fie prezentă fără cea mai mare. Adică, dacă textul conține metaeticheta h4, atunci trebuie să fie precedată de h2 și h3.
- Cu cât nivelul titlului este mai mare, cu atât fontul ar trebui să fie mai mare. În WordPress, setările implicite sunt de obicei setate în așa fel încât etichetele să fie formatate automat în forma corectă.
- Toate h-tag-urile trebuie să corespundă conținutului conținutului, să afișeze esența informațiilor.
- Este inacceptabil să folosiți h1-h6 ca ancore sau legături active.
- Nu puteți scrie alte etichete în interiorul etichetei h.
- Numai textul și semnele de punctuație sunt permise în etichetele h.
- Subtitlurile nu trebuie să conțină spam excesiv de cuvinte cheie. Cuvintele cheie sunt cel mai bine folosite în titlu, h1, h2, iar în cele mai mici, cum ar fi h3, h5, h6, se concentrează pe dezvăluirea detaliată a subiectului.
Dacă marcajul paginii conține titlul și titlul principal H1, dar textul articolului în sine nu este prea mare și nu conține subtitluri, aceasta nu este o greșeală. Sunt multe pagini în TOP, unde conținutul este aproape o bandă continuă, poate împărțită în paragrafe. Este posibil să ajungeți în pozițiile de conducere fără „vrăjitorie” peste marcajul textului, punând mai mult accent pe . Site-urile WordPress sunt bine indexate de motoarele de căutare. Dar totuși, utilizarea acestor etichete nu numai că face sarcina mai ușoară, dar face și conținutul mai ușor și mai plăcut din punct de vedere vizual.
Cum să populați h-tag-urile în WordPress
h1 este de obicei completat în câmpul de deasupra textului din postare:
Pentru a face subtitluri h2-h6, trebuie să selectați elementul necesar și, trecând cu mouse-ul peste fila „Titluri”, selectați-l pe cel dorit făcând clic pe acesta. Faceți același lucru pentru fiecare dintre subtitluri, incluzându-le în formatul corect.
Există o modalitate și mai simplă - puteți introduce text în Word folosind markupurile necesare și pur și simplu copiați și lipiți articolul în editorul WordPress. Titlurile selectate în Word vor apărea automat la dimensiunea corectă. Dacă este necesar, le puteți corecta folosind instrumentele editorului CMS WordPress.
Continuă să transmită lumii despre complexitățile SEO și multe altele. Și astăzi, pe ordinea de zi se află un subiect foarte de actualitate - titlurile site-urilor.
Probleme precum structura corectă a titlurilor sau principiul utilizării etichetelor h1, h2 și h3 în titlurile html provoacă dezbateri aprinse, atât în comunitățile seo, cât și în rândul webmasterilor obișnuiți.
Aș dori să profit de această ocazie pentru a-mi exprima recunoștința cititorilor SEO Mayak pentru participarea lor activă la viața blogului. Nu trece o zi în care să nu primesc e-mailuri cu întrebări sau solicitări.
Scrisorile voastre, dragi cititori, formează adesea subiectele postărilor mele viitoare, eliberându-mă astfel aproape complet de nevoia de a le planifica.
La începutul carierei mele de webmaster, m-am întrebat și cum să folosesc corect etichetele HTML în anteturile unui site. Citind diverse articole pe această temă, am încercat în zadar să-mi dau seama care structură de titluri este cea potrivită în ceea ce privește SEO.
Dar toate sfaturile „cu experiență” se bazau pe niște presupuneri și justificări clare, nimeni nu și-a dat teoriile. Am petrecut mult timp, am „lopat” o grămadă de materiale tematice și, în urma întrebărilor, am primit și mai multe întrebări.
Subiectul nu este închis până astăzi! Mulți webmasteri începători pur și simplu se pierd într-o mare de informații și, în general, încetează să înțeleagă nimic. Situația este foarte asemănătoare cu confuzia din jurul utilizării etichetelor nofollow și noidex.
În acest articol, voi încerca să aduc o oarecare claritate subiectului care îi deranjează pe mulți și, în același timp, voi răspunde la întrebările cititorilor mei. Merge!
Întregul adevăr despre impactul etichetelor HTML h1 - h6 asupra promovării site-ului web
Cea mai mare parte a optimizatorilor seo recomandă să includeți titlul articolului direct în eticheta h1 și să faceți din titlul blogului un link obișnuit.
Titlul articolului
Titluri în corpul articolului
Subtitluri din corpul articolului
Titluri în bara laterală
h5 și h6 sunt opționaleAceastă structură de titluri este folosită pe aproape fiecare al doilea blog. Nu pot spune că acest lucru nu este corect, vreau să spun altceva.
Acum câțiva ani, fără a găsi răspunsuri clare la întrebările mele, cu privire la structura corectă pentru utilizarea h1 - h6, am decis să las totul așa cum a fost aranjat inițial în șablon. Și a fost configurat astfel:
Antetul site-ului în antet
Titlul articolului
Titluri pe care le-am introdus în corpul articolului
Titluri de servicii sub articol și în bara laterală
Nu este folosit deloc
Folosit pentru unele anteturi elegante din bara laterală
De-a lungul timpului, partea leului din paginile site-ului meu culinar a intrat în TOP, și la cerere, cu o frecvență de 10.000 - 100.000 de solicitări pe lună. Vă atrag atenția asupra faptului că principalele titluri ale articolelor mele au fost incluse în eticheta h2.
În legătură cu cele de mai sus, se ridică câteva întrebări rezonabile pentru cei „cu experiență”. Băieți, cum se întâmplă, dar unde este influența lăudată a etichetei h1? Dacă urmezi logica sfatului tău, atunci articolele mele, cu titluri h2 „subdezvoltate”, ar trebui să fie undeva în marginea rezultatelor căutării?
Pe o notă! Titlul unui articol inclus într-o etichetă HTML h1, din punctul de vedere al SEO, nu este diferit de titlul inclus într-o etichetă h2.
Mulți webmasteri, după ce au citit astfel de instrucțiuni, modifică structura titlurilor în speranța că acest lucru le va ajuta paginile lor „favorite” să intre în TOP.
Trebuie să-i supărați. Pentru ca articolele să fie demne de TOP, eticheta h1 nu va fi suficientă, ca să spunem ușor!
Pentru a fi în TOP, paginile trebuie să aibă un indicator bun de comportament. Mai mult, articolele trebuie să fie corect compuse, cheile trebuie selectate corect pentru ele, trebuie să aibă o relevanță ridicată pentru interogările de căutare și multe altele.
Și cel mai important, ar trebui să fie interesante și utile pentru utilizatori, iar atunci râvnitul TOP va deveni mult mai aproape. Așa stau lucrurile, iar titlurile, fie că este vorba de h1 sau h2, nu au niciun impact semnificativ asupra clasamentului paginilor din SERP.
Anticipez că mulți vor alege să nu fie de acord cu mine. Ei bine, este treaba maestrului. Dar pentru ca argumentele mele să nu pară neîntemeiate, îmi voi publica corespondența cu serviciul de asistență Yandex, pe care îl conduc în mod constant, pe diverse subiecte.
Cum se uită Yandex la anteturile site-urilor
Sper că băieții din echipa Platon nu vor fi supărați de mine, pentru că fac publice câteva dintre detaliile comunicării noastre cu ei. Dar după cum văd eu, numai cuvintele mele, în acest caz, nu vor fi suficiente.
Scrisoarea mea către Platon:
Bună, dragă echipă de asistență Yandex!
Am câteva întrebări pentru dvs. cu privire la utilizarea etichetelor HTML în anteturi.
Pe Internet, pe diverse forumuri și nu numai, există o mulțime de hype cu privire la utilizarea tag-urilor h1 și h2 în titluri. Mulți recomandă includerea titlurilor principale ale postărilor în h1, în timp ce alții, dimpotrivă, susțin că h1 ar trebui să evidențieze titlul general al site-ului.
Din punctul meu de vedere, cu tehnologiile moderne, etichetele de titlu HTML nu ar trebui să aibă un impact semnificativ asupra clasamentului în rezultatele căutării unei anumite pagini sau site în general.
În legătură cu cele de mai sus, am vrut să întreb:
1. Contează în ce etichetă este inclusă acest sau acel titlu?
2. Este posibil să folosiți o imagine ca titlu și cum va „privi” robotul de căutare?
3. Algoritmii robotului țin cont de ierarhia etichetelor h1, h2 etc.?
Voi fi foarte recunoscător pentru răspuns.
Cu stimă, Vitali Kirillov
La care am primit curând următorul răspuns:
Buna Vitaly!
1. Nu, acest lucru nu afectează clasamentul.
2. Da, poți. Cel mai probabil, robotul va indexa o astfel de imagine dacă este scrisă în titlu în conformitate cu aceste reguli http://help.yandex.ru/images/robot-search.xml .
3. Designul corect al titlurilor din text ajută utilizatorul să navigheze rapid pe pagină, ceea ce înseamnă că îi economisește timp. În plus, robotul Yandex va fi mai ușor să se ocupe de structura documentului. Prin urmare, titlurile ar trebui să fie alocate cu aceste etichete în conformitate cu ierarhia documentului.
Cu stimă, Platon Schukin
Suport Yandex
Sper ca i-am convins pe multi!
Să rezumăm toate cele de mai sus și să tragem câteva concluzii:
Concluzia #1. Antetele site-ului ar trebui să aibă o ierarhie clară. Adică, începând de la antetul site-ului (h1) și așa mai departe în lanț.
Concluzia #2. Eticheta HTML h1 nu afectează clasamentele. Robotului nu îi pasă în ce etichetă este inclus titlul articolului. Ar fi o prostie să presupunem altfel, având în vedere tehnologiile analitice puternice de astăzi.
Concluzia numarul 3. Titlul poate fi chiar o imagine optimizată corespunzător. Puteți utiliza în siguranță orice imagine ca antet al site-ului, de exemplu, cu un logo.
În același timp, nimeni nu a anulat alcătuirea corectă a titlurilor din punctul de vedere al SEO, dar mai multe despre asta altădată.
Actualizare din 02/06/2014
După câteva dezbateri în comentarii, am decis să fac un experiment. Astăzi am publicat un articol intitulat „Dynamic Sitemap Using the All in One SEO Pack Plugin” care avea titlul principal al postării învelit într-o etichetă h6.
Scopul experimentului este de a afla efectul etichetelor HTML h1 - h6 asupra clasamentului paginilor din rezultatele căutării și, prin urmare, de a închide acest subiect.
—————————————————————————————————————————————————-
Actualizare din 30.06.2014
Experimentul a fost deja finalizat și, pentru a-i verifica rezultatele, introduceți în căutarea Yandex sau Google expresia „Hartă dinamică a site-ului”, sub care articolul experimental a fost clarificat.
Te văd!
Cu sinceritate, Vitali Kirillov
Igor. Actualizare: 6 octombrie 2012 .
Salutare dragi cititori! Continuez să public în secțiune și postarea de astăzi va fi dedicată formării de titluri html (etichete h1-h6), precum și modalități de formatare a textului html prin evidențierea cuvintelor sau expresiilor necesare (etichete strong, b; em, i). ) și fragmente de text (blockquote, pre tags) .
Trebuie să spun că aceste instrumente sunt foarte des solicitate în munca unui webmaster, așa că am simțit că este necesar să vorbesc despre ele, mai ales că utilizarea corectă a etichetelor html de mai sus contribuie la promovarea cu succes a proiectului. În general, toate informațiile pe care le ofer sunt foarte importante, volumul ei este gândit, așa că încearcă să o cunoști cât mai aproape, încerc să nu dau nimic în plus.
Acest lucru se aplică atât acestei secțiuni despre elementele de bază ale html, cât și altor titluri. În cadrul acestei secțiuni, am luat deja în considerare conceptul, precum și definiția. Permiteți-mi să vă reamintesc o regulă foarte importantă: etichetele de bloc pot conține alte elemente de bloc, dar plasarea etichetelor de bloc în interiorul etichetelor în linie este puternic descurajată.
Etichete de antet h1-h6
Sunt sigur că mulți dintre voi ați întâlnit deja de multe ori etichetele de titlu h1-h6, dar poate că unii dintre voi le subestimează importanța în ceea ce privește SEO. Cert este că aceste etichete joacă un rol important în caz și voi încerca să ating și acest aspect. Elementele h1-h6 și-au primit numele de la litera majusculă a cuvântului englez „Header” (header). Sintaxa antetelor din codul html este următoarea:
Conținutul antetului h1
conținutul antetului h2
conținutul antetului h3
conținutul antetului h4
conținutul titlului h5
Conținutul titlului h6
Scriind această bucată de cod html când este afișată în browser, obținem:
Nivelul cel mai înalt este 1, cel mai mic este 6. Astfel, orice text poate fi clasificat în funcție de importanța sa. Etichetele h1-h6 sunt etichete bloc, astfel încât titlul definit de acestea ocupă cât mai mult spațiu posibil în lățime. Cu toate acestea, chiar dacă aceste elemente sunt elemente de bloc, ele nu trebuie să conțină alte etichete de bloc, ci doar cele inline. Când vine vorba de optimizarea articolelor și a resursei în ansamblu, există câteva recomandări:
- cele mai importante din punct de vedere al clasamentului de către motoarele de căutare, respectiv, sunt cele mai solicitate și utilizate frecvent. Este recomandat să folosiți titlul etichetei h1 o dată pe pagină (de obicei se află pe pagina cu articolul ca titlu al postării, e puțin diferit pe blogul meu până acum, dar am de gând să remediez situația) . Titlul h2 este folosit pentru subtitluri, dacă materialul este mare și trebuie împărțit în părți logice, h3 - pentru subtitlurile fragmentelor logice ale acestor părți; în plus, h2 și h3 pot fi folosite pe pagina principală și pe paginile categoriei.
- Etichetele h4, h5, h6 sunt rar folosite, deoarece sunt slab luate în considerare la clasare. Cu toate acestea, dacă articolul este mare și este necesar să se evidențieze unele fragmente pentru comoditatea cititorilor, atunci și ele vin în ajutor (de exemplu, într-un manual voluminos, în fiecare dintre părțile definite de elementul h3, este necesare pentru evidențierea pieselor logice cu subtitlul h4). În plus, etichetele h4, h5, h6 pot fi folosite pentru numele oricăror blocuri din bara laterală, subsol (footer) etc.
- Este recomandabil să folosiți fără greșeală titlurile h1, h2, h3. Desigur, nu am analizat gravitatea motoarelor de căutare în cazul nerespectării acestei reguli, dar este logic să presupunem că acest lucru este luat în considerare la clasare.
- Trebuie adăugat că conținutul titlurilor, în special h1-h3, trebuie să includă în mod necesar cuvinte cheie definite cu , întrucât motoarele de căutare acordă o mare importanță cuvintelor cheie și frazelor.
Ei bine, desigur, utilizarea etichetelor de antet html, iar acesta este principalul lucru, face materialul mai ușor de utilizat. În ceea ce privește atributul align al etichetelor h1-h6, nu voi vorbi despre el acum, deoarece nu este recomandat pentru utilizare conform regulilor specificației html. Vom vorbi despre cum să variați aspectul subtitlurilor în moduri acceptabile, care să nu rupă .
Formatarea textului cu etichete HTML speciale
Formatarea textului este alegerea mijloacelor de schimbare, cum ar fi editarea fontului sau utilizarea diferitelor efecte. În multe cazuri, utilizarea lor corectă contribuie la promovarea site-ului.
Formatare logică și fizică - caracteristici de utilizare a fiecăruia dintre ele
Voi nota diferența dintre etichetele de formatare logice și fizice (vizuale). Fizicul este destinat în primul rând utilizatorilor, ceea ce vă permite să evidențiați părți importante ale textului pentru aceștia. Cel logic subliniază textul selectat către motoarele de căutare care țin cont de această zonă la clasare.
Cel mai frapant exemplu este strong și em, care sunt etichete de formatare logică, și respectiv b și i sunt etichete de formatare fizică. Când se afișează în browser textul încadrat de etichetele puternic și b (bold), em și i (italic), nu există nicio diferență vizuală:
Crearea textului aldine pentru motoarele de căutare Faceți textul aldine pentru utilizatori Scrieți cu italice textul pentru motoarele de căutare Textul cu caractere italice pentru utilizatori
Zvonurile spun că valoarea etichetelor puternice și em a scăzut recent, iar motoarele de căutare le acordă acum puțină atenție. Totuși, tot nu aș sfătui să mă las purtat de el folosindu-le, marcând cuvintele cheie cu ele, mai ales că există o alternativă rezonabilă în fața elementelor em și i.
Ce alte etichete există care vă permit să formatați conținutul text
Acum câteva cuvinte despre alte etichete de formatare a textului care sunt rar folosite, dar încă necesare, deoarece există. Poate că cineva va găsi această informație utilă. Ca de obicei, voi marca doar acele etichete care corespund specificației html 5. Să începem cu etichetele de formatare fizice (vizuale) (etichetele b și i sunt discutate mai sus).
- Mic - este folosit pentru a reduce dimensiunea fontului cu unul, în comparație cu textul obișnuit.
Desigur, acestea sunt doar câteva dintre elementele fizice de formatare, totuși, le-am ales doar pe acelea care sunt valabile în raport cu html 5, este recomandat să înlocuiți restul cu stiluri css, pe care vi le voi prezenta în scurt timp. Următoarele sunt exemple de etichete de formatare logică.
- Abbr - indică faptul că secvența dată de caractere este o abreviere. Abrevierea este descifrată folosind atributul titluși apare când mutați cursorul peste text.
Uneori, un pas înainte necesită un pas înapoi.
(function() (var cerere, b = document.body, c = "className", cs = "customize-support", rcs =new RegExp ("(^|\\s+)(no-)?"+cs+" (\\s+|$)"); cerere = adevărat; b = b.replace(rcs, ""); b += (window.postMessage && request ? " " : " nu-") + cs; )() );
Etichetele de formatare logică și fizică prezentate mai sus nu se găsesc adesea la scrierea codului html, totuși, cunoștințele despre acestea sunt necesare cel puțin pentru a clarifica rolul lor în promovarea site-urilor moderne. Apoi, luați în considerare încă două etichete de formatare a textului html care joacă un rol important.
Cum să inserați un citat cu blockquote și să evidențiați un fragment de text cu pre
Eticheta html blockquote este folosită pentru a formata text prin evidențierea ghilimelelor într-un document. Este destul de comun și este adesea folosit atunci când scrieți postări pe site-uri web și bloguri pe anumite subiecte. Iată un exemplu:
Eticheta blockquote este asociată și poate include atât bloc (de exemplu, etichete p paragraf) cât și elemente inline.
Un paragraf de text inclus într-o etichetă p
Un paragraf de text inclus într-o etichetă de formatare blockquote.
Nu are un set de atribute unice, dar . În fiecare temă, designul citatului din text poate fi diferit, depinde de stilul și designul șablonului, care este determinat de stilurile css, pe care le-am menționat deja de mai multe ori și la care vom ajunge cu siguranță în viitorul apropiat.
Ei bine, și în sfârșit, despre încă un element de formatare, care este destul de des solicitat - pre eticheta. Acest element vă permite să afișați un fragment de text formatat anterior direct în codul html. Particularitatea afișajului în browserul implicit este că orice număr de spații care merg consecutiv sunt transmise ca unul singur pe pagina web. Eticheta prealabilă ajută la ocolirea acestei caracteristici specifice. Adică, așa cum ați scris, va fi reprodus exact pe pagină dacă secțiunea de text este închisă între etichetele pre de deschidere și de închidere.
Formatarea textului HTML cu pre etichetă pre etichetă - element pereche și bloc
Exact în aceeași formă, textul va fi afișat în browser:
Formatarea textului HTML cu pre etichetă pre etichetă - element pereche și bloc
Ei bine, probabil despre asta am vrut să vorbesc astăzi în legătură cu etichetele de titlu h1-h6, precum și cu principalele elemente de formatare a textului html. Va urma continuarea, așa că asigurați-vă că vă abonați la actualizările blogului, pentru a nu rata cele mai recente materiale. Ei bine, în concluzie, după un articol lung și dificil, zâmbește, privind pe frații noștri mai mici:
Doriți să primiți în timp util articole relevante și utile? Apoi te poți abona:
Mai multe articole pe acest subiect:
34 de recenzii
- Serghei
Vă mulțumim pentru articolul detaliat pe tema curentă, dar imediat apar întrebări.
În primul rând, rubricile, mai precis, utilizarea lor directă. Am vazut doua pareri.
1. Codul trebuie să conțină numele site-ului, - titlul articolului, - subtitluri. Eticheta de pe pagină trebuie să fie unică.
2. - titlul articolului și denumirea site-ului, - subtitrări.Tu folosești prima opțiune, eu o folosesc pe a doua, dar nu pot justifica singur alegerea, pentru că așa am fost sfătuit.
O altă întrebare este eticheta puternică - din nou, există zvonuri că PS-urile încep să o trateze nu doar indiferent, ci și ostil, mai precis, față de alocarea unui cuvânt cheie sau a unei expresii. Ca alternativă, se propune izolarea propoziției care conține cheia în întregime.
La un moment dat am abandonat cu totul această etichetă, dar este prea devreme să vorbesc despre rezultate.
- Serghei
Îmi pare rău, am uitat că etichetele benzilor motorului:
1. în codul h1 trebuie să fie numele site-ului, h2 - titlul articolului, h3 - subtitluri. Eticheta de pe pagină trebuie să fie unică.
2. - titlul articolului h1 și numele site-ului, h2 - subtitrări. - Vasiliy
Igor, nu pot să-mi dau seama unde este eticheta H1. Tu și cu mine avem o imagine în antet. Ai acea etichetă acolo. Când mi-am analizat site-ul cu un singur serviciu, mi s-a spus că nu am deloc o etichetă H1 pe site-ul meu. Cum se inserează în antetul site-ului?
- Igor
Sergey, mare parte din ceea ce se referă la SEO se învață în practică prin experimente. Nu pot răspunde fără echivoc momentan care este mai bine, dar nimeni nu poate. Nu există o soluție universală, totul depinde de tema resursei și de promovarea acesteia. Dar vă înțeleg îngrijorarea și dorința de a înțelege adevărul. De îndată ce voi avea anumite date despre fiecare articol, le voi posta imediat în publicație. În ceea ce privește eticheta puternică, după părerea mea, evidențierea cuvintelor cheie sau a frazelor o dată într-un articol nu ar trebui să aducă niciun rău, toate acestea sunt hype inutile.
- Igor
Exact. 🙂
- Igor
Vasily, am scris titlul în funcțiile temei chiar în panoul de administrare. Aspect - Teme, pentru tema mea există multe opțiuni cu care puteți edita una sau alta zonă a temei mele, inclusiv introducerea unui titlu. Și tu, după cum am înțeles, ai schimbat antetul original al subiectului tău, nu? Mai mult, imaginea a fost complet schimbată, iar imaginea avea deja numele resursei tale. Nu ai scris h1 în antet, de unde vine. Aruncă o privire mai atentă la funcțiile temei tale, poate că există și o funcție similară acolo. Acolo unde te uiți la „Gestionarea temei”, ar trebui să existe linkuri, ceva de genul „Personalizare”, „Opțiuni temă” și deja acolo căutați un link similar cu „Numele și descrierea site-ului”. În tema mea, de exemplu, poți schimba o mulțime de lucruri, chiar și culorile site-ului și antetul, încărcând o nouă imagine. Spune-mi în comentarii cum a ieșit.
- Vasiliy
Da, am schimbat imaginea din antet. Pe site-ul de testare a returnat imaginea originală. Cu toate acestea, H1 nu a fost găsit nicăieri. Am pus o temă dublă foarte asemănătoare, nu există nici această etichetă, doar H2. Pot exista subiecte fără eticheta H1? Apoi am setat o temă standard, nu am găsit această etichetă pe pagina principală, iar pe pagină există o etichetă H1 în titlul articolului. Nu știu cum să-l adaug în antetul site-ului.
- Igor
Vasily, citește cu mai multă atenție răspunsul meu anterior și încearcă să introduci numele site-ului prin panoul de administrare. Ar trebui să existe o funcție de gestionare a temei, aveți stiluri pentru antetul h1 în css, m-am uitat.
- Vasiliy
Totul este în tema implicită. Nu există astfel de opțiuni în setările temei. Prin
Panoul de administrare -> Teme -> Setări și descriere site. Acolo am scris numele site-ului și
Scurta descriere. Dar eticheta h1 încă lipsește. Pe site-ul de testare, am reinstalat asta
subiect, aici este adresa http://komp.vellisa.ru/. Puteți trece prin Yandex, deoarece este închis
din indexare. Anterior, când am scris numele site-ului în panoul de administrare, acesta a fost adăugat în antet, dar nu arăta frumos. Din anumite motive, inscripțiile nu sunt adăugate acum. - Igor
Basil, am investigat problema ta. Faptul este că, conform stilurilor CSS ale temei dvs., titlul inclus în etichetele h1 pur și simplu nu se potrivește în antet. Încercați următoarele. Dacă lucrați cu browserul Chrome, mutați cursorul la imaginea din antet și faceți clic dreapta, selectați „Vizualizare cod element” din meniul contextual. În jumătatea inferioară a ferestrei veți vedea codul html al acestei imagini, această linie va fi evidențiată cu albastru închis. Acest link este către imaginea antetului temei tale. Stilurile pentru acest element vor fi prezentate în partea dreaptă. Faceți clic dreapta pe această legătură și selectați „Ștergeți nodul” din meniul contextual. Vedeți, elementul a fost eliminat? Sper că înțelegeți că după repornirea browserului totul se va pune la loc, astfel încât să puteți experimenta cât de mult doriți. Acest element este închis într-un recipient<_div class="span-11">. După eliminarea linkului către imagini, linkul către pagina principală va rămâne. Ca ancoră pentru acest link, scrieți orice cuvânt inclus în etichetele h1, de exemplu, Lume. Adică, va arăta cam așa: un link către pagina principală inclusă într-un container span-11<_a_href vellisa.ru_=""><_h1>Lume<_><_>. Și veți vedea imediat acest cuvânt în locul imaginii (care, apropo, nu este necesar, deoarece există un nume de subiect, după cum am înțeles. Încercați să încărcați o imagine mai mică în locul acestei imagini și încercați din nou să intrați pe site nume prin panoul de administrare. Dacă nu merge, vom acționa mai mult subiect.
- Vasiliy
Igor, mulțumesc mult pentru ajutor. Am șters elementul, apoi nu este foarte clar cum să-l introduc. Am inserat acest cuvânt la întâmplare, nu prea a funcționat, dar cuvântul a fost. Nu pot scrie modificări ale numelui site-ului, îl schimb, dar nu este afișat nimic în antet.
În general, este posibil să fac astfel încât să am o imagine pe site-ul principal care este acolo acum și să adaug cumva etichete h1? - Igor
Vasily, puțină răbdare, sunt prea ocupat acum, de îndată ce rezolv problema, nu promit, dar voi încerca să ajut, voi posta răspunsul în comentarii.
- Vasiliy
Multumesc Igor. Bineînțeles că voi aștepta, nu este urgent.
- Evgeny
Sunt de acord că etichetele sunt un lucru necesar și să le ignori este mai scump pentru tine. Dacă H1 H2 apare aproape automat pe pagină (titlul articolului și site-ul), atunci H3 ar trebui să fie scris în corpul articolului cu pixuri.
În detrimentul atributului align la aceste etichete, o opțiune controversată. Nu i-am observat încă influența asupra promovării, mai degrabă nu există. Nu există încălcări nici din partea validității. Deci, cred că depinde de fiecare. - Igor
Eugene, nu există încă nicio influență asupra promovării atributului de aliniere, dar în ceea ce privește validitatea, te-ai entuziasmat. Este depreciat nu numai conform specificației html 5, ci chiar și conform html 4.01. În locul acestui atribut, se recomandă utilizarea proprietății similare text-align, care este scrisă în css.
- Igor
Busuioc, scuze pentru așteptarea lungă. Tocmai am descărcat puțin și acum am rezolvat problema ta. Urmați instrucțiunile mele suplimentare pentru a face ca titlul H1 să apară în antet. Mai întâi trebuie să editați imaginea din antet. Îl aveți aici: http://vellisa.ru/wp-content/themes/cooltext643525798.png , adică în folderul cu tema curentă. Descărcați-l pe computer cu de ex. Deschideți-l în orice editor grafic, chiar și un simplu program de vopsire va face. Acolo, ștergeți inscripția „vellisa.ru” cu o simplă radieră. Dacă nu se face acest lucru, atunci va exista o inscripție dublă sau inscripția cu h1 va fi suprapusă peste ea, va arăta urât. Apoi deschideți fișierul header.php cu notepad++, care este responsabil pentru antet, găsiți linia acolo.
În cel precedent am descris principalii factori de clasare pentru motoarele de căutare.
În acest articol, vom analiza cum să scrieți corect titlurile pentru paginile site-ului web. Acest factor se referă la factorii interni de clasare și este necesar pentru optimizarea corectă a conținutului de pe paginile site-ului.
Am discutat anterior despre importanța și rolul lor pentru SEO. Astăzi vom arunca o privire mai atentă asupra etichetelor de tip H. Există 6 astfel de etichete în total, dar numai primele 3 sunt utilizate în principal - etichetele h1, h2 și h3.
Titlul paginii SEO h1 și importanța acesteia
Titlul principal al paginii este marcat cu eticheta h1. Poate fi titlul unei pagini, articol sau produs. Acesta este un titlu obligatoriu și trebuie să fie prezent pe toate paginile site-ului fără excepție.
Foarte des mă întâlnesc pe site-uri scrise de sine stătătoare sau pur și simplu în șabloane asamblate neprofesionist astfel încât să nu existe etichetă h1. În locul titlului paginii, în loc de h1, există o etichetă h2. Acest lucru este chiar și în cel mai bun caz - se întâmplă să nu existe antete de tip H în pagină. Și ceea ce arată ca un tip de antet este doar un bloc obișnuit div sau span cu stiluri predefinite care arată ca un antet.
Asigurați-vă că verificați prezența etichetei h1 pe pagină chiar la începutul optimizării sau chiar mai devreme - în stadiul dezvoltării site-ului. În plus, eticheta h1 ar trebui să fie doar 1 pe pagină.
Din nou, o apariție comună când există mai multe etichete h1 pe o pagină. Acest lucru este din nou tipic pentru site-urile auto-scrise sau cele realizate pe constructor sau cu ajutorul diverselor tipuri de software, cum ar fi, despre codul teribil despre care am scris mai devreme.
Ultimul site pe care l-am luat pentru optimizare a fost același site de o pagină asamblat pe Muse și când m-am uitat la codul site-ului am găsit până la 7 titluri marcate cu eticheta h1 - aceasta este o greșeală teribilă.
Titlul h2 și importanța sa pentru promovare
Dacă mulți oameni încă aderă la reguli și folosesc h1 pe paginile site-ului lor, atunci mulți oameni neglijează eticheta h2, dar în zadar! Această etichetă este de obicei marcată subsecțiuni ale articolului, paginii.
Chiar și în etapa de colectare a nucleului semantic pentru site-ul ca întreg sau pentru un articol separat, trebuie să înțelegeți aproximativ din ce secțiuni va consta articolul. Vom descrie în detaliu beneficiile, costul sau orice alte detalii despre subiectul articolului sau despre produs.
Luați în considerare un exemplu de pagină de produs într-un magazin de echipamente foto - dacă titlul h1 al paginii arată ca „Canon 6d Body”, atunci cu eticheta h2 vom împărți aproximativ descrierea produsului în sine de pe pagină în părți (subsecțiuni ) și arată ca „Caracteristicile corpului Canon 6d” și „Avantajele camerei Canon 6d Corp”.
Astfel, datorita titlurilor de tip h2, vom surprinde puncte importante care pot fi si de interes pentru vizitatorul site-ului pe langa titlul in sine. Acum site-ul va concura cu restul nu doar la cererea principalului „Canon 6d Body”, ci și la solicitări suplimentare privind avantajele și caracteristicile acestui model de cameră. Iar acoperirea unui număr mai mare de solicitări, la rândul său, reprezintă o creștere a traficului către site.
Apropo, am observat cazuri pe blogul meu și pe site-urile clienților când un titlu de tip h2 a fost inclus în fragmentul de rezultate ale căutării. De regulă, fie h1, fie titlu ajunge acolo - ambele sunt cele mai importante titluri de pagină și au un avantaj, dar influența h2 asupra fragmentului nu este exclusă.
De exemplu, acest articol poate ajunge cu ușurință în TOP pentru interogarea „Header h2”, doar pentru că această expresie se află în eticheta h2.
Câteva cuvinte despre antetul h3 și dacă este necesar
Foarte rar folosesc titlul cu eticheta h3 în articolele mele. În cazurile în care articolul are 5000 de caractere sau mai mult, și apoi nu întotdeauna - puteți să vă descurcați și să împărțiți articolul în subsecțiuni și să le marcați cu eticheta h2.
Toate titlurile de la h3 la h6 au același rol de clarificare și subdivizare a paginii, dar acest lucru este rar folosit. Trebuie doar să ai un articol foarte mare, astfel încât să poți construi o astfel de ierarhie a subsecțiunilor de pagină și să poți folosi toate tipurile de titluri.
Pentru un exemplu de imbricare a subtitlurilor, voi scrie despre ierarhia titlurilor și voi marca antetul acestei secțiuni cu o etichetă h3.
Ordinea și ierarhia titlurilor pe pagina unui site
Toate titlurile trebuie să fie în ordine strictă. Titlul h1 este întotdeauna primul pe pagină.
Dacă subsecțiunile pentru fiecare dintre titlurile h2 s-au dovedit a fi de dimensiuni impresionante și au atins mai multe subteme și mai mici, atunci în fiecare sau o subsecțiune individuală cu eticheta h2 creați subsecțiuni „mini” pliate ale paginii și marcați-le h3 .
Nu este necesar ca toate subsecțiunile conduse de eticheta h2 să fie mari și să fie împărțite în mai multe subsecțiuni. Mai jos voi încerca să arăt clar cum să cuibăresc corect prin titluri de pe pagină.
8 aprecieri
- 1
Pavel
Alexander, sunt foarte îngrijorat de problema etichetelor. Încerc să scriu corect și clar despre serviciile mele. Am înțeles totul despre titlul paginii (h1), dar am 12 oferte diferite pentru client pe aceeași pagină, direct legate de tema principală a paginii. Deci, pot face titluri de 12 h2 pe această pagină? Cât text ar trebui să fie sub fiecare titlu? Si da, le diluez cu poze... Multumesc anticipat pentru raspuns.
- 3
Andrei
cum va afecta intervalul din interiorul h1 clasamentul.
sunt multe erori pe w3c. sau mai bine face un CAP - 5
Grattol Kazahstan
Vă rog să-mi spuneți ce se va întâmpla dacă h3 vine mai întâi și apoi h2? Am un magazin pe Wookomertz și descrierea mărfurilor se face așa. Ar trebui corectat? Pur și simplu nu sunt suficiente bunuri.
- 7
Serghei
Și dacă eticheta mea h1 constă din două fraze, dintre care una, după ideea designerului, este realizată cu alt font. Cum să faci, atunci, fără, să zicem, în interiorul etichetei h1?
- 9
Julia
Alexandru, spune-mi te rog. Pe site-ul de vânzare mărfuri, în descriere avem atât h1, cât și h2. Întrebare: „Specificații” și „Inclus” - pot/ar trebui să pun h3? Cred că acest lucru este de prisos și mai bun decât tipul aldin obișnuit, nu?
- 11
Alexandru
Buna seara Alexandru. Am 2 intrebari pe aceasta tema:
1. Vreau să fac un micro-markup pentru bunurile unui magazin online și a apărut întrebarea - este posibil să folosim o astfel de structură în interiorul etichetei h1? Nimic din ceea ce h1 imbricat itemprop...?.
Bună prieteni! Suntem bucuroși să vă urăm bun venit pe blogul lui Andrey și Dasha - Thebizfromscratch. Multă vreme nu am scris nimic despre SEO și în acest articol vrem să ajungem din urmă, pentru că subiectul de astăzi este Impactul titlurilor H1, H2 - H6 asupra promovării site-ului. Vă vom spune după ce reguli și principii prescriem 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 facem o publicație, scriem metaetichete în următoarea ordine:
Este cel mai semnificativ titlu, prin urmare se obișnuiește să includeți cheia principală de căutare, de preferință, diluată cu cuvinte neutre în etichetele h1, de exemplu. titlu diluat.
Următorul cel mai important titlu, cu ajutorul căruia se distinge cererea de joasă frecvență potrivită cu cererea principală.
- 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 reoptimizare, ceea ce va provoca doar un răspuns negativ din partea roboților de căutare. Prin urmare, folosim aceste meta-etichete doar pentru structurarea frumoasă a articolului. Pentru ca vizitatorii să citească mai ușor ș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 o interogare de căutare - „Cum să faci un site web”. Această frază trebuie scrisă î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, ei repetă interogarea de căutare o dată la 1000 de caractere. 
Dacă mai mult trebuie să evidențiați structura, atunci nu ezitați să utilizați H2 care conține o interogare de joasă frecvență. Din nou, ca parte a exemplului - „Cum să faci un site web de calitate pe motorul WordPress”. Restul meta-etichetelor ar trebui scrise fără cuvinte cheie. 
- Nu includeți link-uri către alte pagini promovate în titluri. Codul link-ului va fi considerat de motoarele de căutare drept cuvinte cheie și va afecta doar clasamentul.
- Nu plasați titlurile inferioare deasupra celor mai importante. Ar trebui să urmeze mai întâi H1, apoi H2 și apoi ascendent. Ar trebui să apară o structură de arbore.
- Este recomandat să folosiți H1 o dată, H2 de cel mult 3 ori și H3-H6 cât doriți (doar 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 - impactul titlurilor H1, H2 - H6 asupra promovării site-ului web - a fost dezvăluit ș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.
