Compunem h1 corect și structura subtitlurilor. h1 h2 h3 etichete, totul despre titluri și subtitluri

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ă acesta 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țiune, 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ă folosiți, de exemplu, h3 în text dacă nu aveți meta h2 nicăieri, sau să folosiți 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. Duplicate, spam, plasarea haotică a titlurilor, inconsecvența acestora cu conținutul este pedepsită.

Cerința de lungime H1

H1 este recomandat să fie mai concis decât Titlul, fără a depăși numărul de caractere mai mult de 50. Dar nu va exista 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ă mai multe „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 și 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 folosite î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 h-tags.
  • 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ă. Există 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 el. 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.

Bună ziua, dragi vizitatori.

Astăzi va exista un articol pe tema titlurilor H1-H6 pentru site.

Cu siguranță, toată lumea știe deja ce fel de titluri sunt acestea, dar sunt sigur că nu toată lumea cunoaște punctele subtile în utilizarea lor și nu ghicește că utilizarea lor pe paginile de resurse are doar 2 sarcini.

Scopuri și cazuri de utilizare

Principalul 2 scop al titlurilor din etichetele H1-H6 este de a proiecta și structura conținutul pe paginile de resurse pentru a-l face mai lizibil și ușor de consumat de către vizitatorii site-ului. Nu ar trebui să urmărim alte obiective din aceste etichete.

Pe lângă faptul că sunt pur și simplu folosite ca elemente de structurare și design de conținut, vizitatorii folosesc adesea aceste etichete pentru a da designul necesar frazelor individuale sau chiar propozițiilor întregi. Se pare că eticheta H6 (de exemplu) are un design doar cu un font aldine și în loc să evidențieze o linie în text cu o etichetă , îl înfășoară într-o etichetă H6. Acest lucru este fundamental greșit.

Titlurile din aceste etichete ar trebui folosite numai pentru a împărți textul în părți logice. Fără selecție de propoziții întregi și fraze individuale.

În plus, titlurile H1-H6 au o ierarhie, ceea ce le face diferite ca design, cel puțin ca dimensiunea fontului. Fiecare nivel inferior ar trebui să fie mai puțin vizibil decât cel de deasupra lui.

Imaginea arată designul corect al titlurilor din aceste etichete, când dimensiunea fontului merge în ordine descrescătoare de sus în jos. Dacă aveți o situație diferită de aceasta, atunci ar trebui să apelați deja la stilurile de design ale site-ului dvs. și să le editați corect.

Dar aici este un punct - asigurați-vă că titlurile de la nivelul inferior (mai aproape de H6) arată ca titluri și nu se îmbină cu textul obișnuit. Ar trebui să arate ca titluri, nu doar îndrăznețe.

Pe baza acestui design, putem înțelege că titlurile trebuie să-și mențină ierarhia atunci când sunt utilizate ca element de structurare a textului. Nu se poate ca primul titlu H1 să fie primul și apoi imediat H5 sau H6. După primul nivel, este logic și corect să folosiți doar titlul din eticheta H2. Acest lucru este important, atât din punctul de vedere al designului materialului în sine, cât și din punctul de vedere al menținerii structurii corecte.

Motoarele de căutare acordă acum atenție acestor etichete. Dar nu ca elemente SEO, ci ca elemente de structurare. Prin urmare, va fi ciudat dacă H1 merge și apoi imediat H6.

Când folosim aceste etichete, ne asigurăm că menținem structura. Dacă coborâm un nivel, atunci nu săriți prin nivel. Structura ar trebui să fie după cum urmează: H1-H2-H3-H4-H5-H6.

Merită spus că utilizarea titlului de nivel H1 în aceste cazuri nu va fi adecvată, deoarece ar trebui să fie folosit o singură dată pe pagină și ar trebui să conțină numele materialului. Prin urmare, nu este necesar să-l folosiți în text.

Acum voi acoperi punctele principale ale utilizării titlului H1, dar înainte de asta voi oferi câteva sfaturi generale care sunt valabile pentru titlurile de toate nivelurile.

  • Nu termina cu un punct;
  • Menținem o ierarhie atunci când este folosit;
  • Nu există niciun scop pentru a plasa cuvinte cheie;
  • Ele au loc chiar și în articole foarte scurte, deoarece orice text poate fi împărțit în părți logice;
  • În antet intră o scurtă esență a textului următor, și nu ceva „dacă ar fi fost”.

Bazele H1

Regulile de mai sus sunt, de asemenea, relevante, dar pe lângă ele, există și unele obligatorii pentru acest nivel special de titlu.

  • H1 este întotdeauna o dată pe fiecare pagină;
  • Încurajăm utilizatorul să citească materialul, așa că are sens să folosești cuvinte tenace (de exemplu, secrete, cele mai bune jetoane și așa mai departe);
  • O facem diferită de eticheta de titlu, care afișează numele paginii în rezultatele căutării și încurajează trecerea la pagina site-ului de la căutare. Ar trebui să fie ușor diferit, dar cu siguranță ar trebui să dea o înțelegere că contextul materialului de pe pagină nu s-a schimbat;
  • Folosim cuvântul cheie al articolului, dar într-o formă diluată, și nu într-o apariție exactă;
  • Semnele de punctuație nu sunt recomandate.

Utilizați în practică

Mai sus, am scris că H1 este folosit doar 1 dată pe pagină și ar trebui să fie integrat automat în aspectul șablonului site-ului și va fi, de asemenea, înlocuit automat în antet. Verifica acest moment. Analizează-ți titlurile articolelor și vezi dacă acestea sunt împachetate în H1. Dacă nu este cazul, atunci editați șablonul.

O situație comună când în loc de H1 este H2. Aceasta nu este o greșeală gravă, dar este mai bine să nu permiteți acest lucru.

Dacă vorbim despre utilizarea celorlalte niveluri de titluri H2-H6, atunci acestea ar trebui să fie deja utilizate în modul manual.

Folosind unele CMS pentru a crea un site, aceste titluri sunt adăugate articolelor foarte simplu. De exemplu, în WordPress, panoul de formatare din editorul de pagini are întotdeauna o intrare de titluri unde puteți selecta nivelul dorit evidențiind în prealabil textul dorit pe care doriți să îl includeți în antet.

Este la fel cu fiecare motor. Dacă utilizați aspectul HTML al site-ului și trebuie să adăugați etichete manual, atunci nu vor fi dificultăți. Este necesar doar să includeți părțile necesare ale textului între etichetele de deschidere și de închidere cu nivelurile dorite. Vezi mai jos pentru exemple.

titlu de nivel 2

titlu de nivel 3

titlu de nivel 4

titlu de nivel 5
titlu de nivel 6

În ceea ce privește stilurile pentru fiecare nivel, merită adăugat reguli la fiecare nivel din fișierul de stil.

Rețineți că nu există puncte sau hash înaintea numelui nivelului de titlu în stiluri. În interiorul parantezelor, specificăm stilurile în sine: tipul fontului, dimensiunea, culoarea, fundalul și așa mai departe.

Proiectarea antetului H1-H6

Dacă vă faceți anteturile un design unic atrăgător, atunci vizitatorii vă vor mulțumi doar pentru acest lucru, iar designul conținutului va fi la cel mai înalt nivel. Acum, titlurile simple cu dimensiuni mari ale fontului și accent îndrăzneț sunt deja de domeniul trecutului.

Simplu, dar în același timp, titlurile intră în modă cu ajutorul diferitelor selecții cu linii, sublinierea cu ajutorul fundalului și așa mai departe.

Am dat odată câteva exemple de astfel de modele. Chiar dacă luați blogul meu, titlul principal din H1 nu este doar un font mare pe un fundal alb cu restul textului. Este separat de un cadru gri pe fundalul general al site-ului, ceea ce îl face mai vizibil și atrage atenția asupra acestuia.

Vă voi oferi încă 2 exemple de titluri stilizate în H1.

După cum puteți vedea, acesta nu este doar un font îndrăzneț, ci un fundal frumos, cu o suprafață inferioară ondulată și un vârf subliniat.

Puteți vedea, de asemenea, un design interesant pentru dvs. la această pagină.

În ceea ce privește titlurile H2-H6, acestea nu pot fi doar decorate cu un fel de fundal, ci și numerotate (dacă folosiți conținutul din partea de sus a paginii) sub formă de imagini frumoase. Din nou, acestea nu trebuie să fie simple numere. Iată un exemplu bun al unei astfel de idei.

Când știi ceva ce majoritatea oamenilor nu știu, cu atât mai puțin, poți să mergi mai departe și să te uiți la principalele greșeli în utilizarea tuturor nivelurilor de titluri de pe site-ul tău.

Greșeli de utilizare

Te-ai putea gândi deja la toate greșelile, după ce ai studiat tot materialul de mai sus, dar există câteva nuanțe. Voi enumera tot ceea ce s-ar putea aplica în mod specific pentru dvs. și ceea ce trebuie corectat imediat.

  • Mai mult de un H1 pe pagină. Nu este corect. O singură dată pe document;
  • Utilizarea etichetelor H1-H6 pentru a proiecta elemente suplimentare ale site-ului. La început, am scris că scopul acestor documente este proiectarea și structurarea conținutului. Prin urmare, ar trebui să fie utilizate numai în conținut. Majoritatea șabloanelor de site includ aceste etichete în barele laterale pentru a-și stila titlurile și așa mai departe. Acest lucru este exprimat clar în șabloanele WordPress, atunci când numele fiecărui widget din bara laterală este inclus în H3 sau alte etichete.
  • Introduceți în mod special cuvintele cheie. Anterior, exista o opinie că introducând cuvinte cheie direct în titlurile tuturor nivelurilor, puteți crește densitatea acestora și poziția unei astfel de pagini va fi mai mare. Dar acum acest lucru este deja „pedepsit prin lege” a motoarelor de căutare și sunt impuse sancțiuni pentru spam în titluri. Mai mult, aceste etichete sunt clasificate în funcție de alți algoritmi. Concluzie: nu există niciun scop pentru a introduce cuvinte cheie;
  • Utilizarea frecventă a punctelor și a semnelor de punctuație. Punctele din titluri nu trebuie folosite deloc, deoarece acest lucru este greșit atât din punctul de vedere al copywriting-ului, cât și al regulilor generale de proiectare a textelor. De asemenea, încercăm să minimizăm numărul de semne de punctuație pentru a crește lizibilitatea titlurilor. Aici pot fi atribuite și un număr mare de cuvinte - nu faceți titluri prea lungi;
  • Nu se respecta fragmentul structurii din punct de vedere al ierarhiei. Încercați să urmați un lanț logic în construirea unei ierarhii de etichete H2-H6 pe fiecare pagină;
  • Utilizarea etichetelor H1-H6 pentru a stila alte elemente de text, nu titlul. Despre asta am vorbit mai sus, când stilul fiecărei etichete este configurat incorect și în loc de aldinul obișnuit, puteți folosi titlul de un anumit nivel.
  • Titlul nu este adecvat sau nu poartă contextul textului care îl urmează. Pentru a afla cum să creați titluri logice, alegeți câteva cărți bine concepute, care sunt ușor de citit pentru dvs. De asemenea, ghidați-vă de structurarea conținutului de pe site-ul Wikipedia;
  • Nu folosiți deloc titlurile H1-H6 sau deloc în texte mici. Doar o absență completă și nu este nimic de vorbit, ci despre absența pe pagini mici - momentul este îndoielnic, deoarece orice text (chiar și minim 1000 de caractere) are o structură logică. Trecerea de la un subiect la altul. De ce să nu o descompuneți în părți logice cu subtitluri de diferite niveluri?

Asta e tot, dragi webmasteri. Materialul despre titlurile de pe site a ajuns la final. A ieșit destul de strâns. Undeva m-am repetat, dar asta doar pentru a vă concentra atenția asupra ideilor cheie ale articolului. Sper că acest material v-a fost de folos.

Apropo, puteți găsi un mic defect în titlurile mele de pe site? Dacă da, atunci scrieți în comentarii. Acest moment nu este foarte vizibil, dar există.

Ne vedem în postările următoare. Încă înainte.

Cu stimă, Konstantin Khmelev!

Bună ziua tuturor!
Aceasta este o muncă complexă care necesită atenție la fiecare detaliu. Chiar și utilizarea incorectă a titlurilor (etichete H1, H2, H3) pe paginile site-ului poate interfera cu promovarea normală în motoarele de căutare. Astăzi vom vorbi doar despre asta.

Tot ceea ce este descris în lecțiile de mai sus va veni la îndemână astăzi.

Reguli de titlu

În lumea SEO, există anumite reguli pentru utilizarea etichetelor H1, H2, H3 și mai jos pe care ar fi de dorit să le urmați pe toate paginile:

  • Pe pagină ar trebui să existe un singur titlu de prim nivel (H1);
  • Titlul H1 nu trebuie să fie același cu titlul paginii;
  • Titlurile H2, H3, H4 trebuie utilizate numai în cadrul articolului;
  • Doar frazele care sunt utile ar trebui folosite în titluri, adică în etichetele H1 ... H6 nu trebuie să existe fraze fără sens, cum ar fi: recenzii, abonare, comentarii etc.;
  • Păstrați ierarhia titlurilor. Titlul de al doilea nivel ar trebui să fie sub H1, titlul de al treilea nivel ar trebui să fie sub H1 primul H2. În caz contrar, robotul de căutare, care vede doar cod HTML, nu va percepe corect pagina, ceea ce nu ne dorim.

Am scris deja pe scurt despre aceste reguli într-o lecție despre. Asigurați-vă că îl citiți, există o mulțime de informații utile!

De unde știi dacă anteturile sunt folosite corect?

Sunteți familiarizat cu browserul Mozilla Firefox? Poate da. Așadar, acest browser, datorită unui plugin cu funcționalitate bună, oferă oportunități grozave de analiză a paginilor. Numele acestui plugin este bara RDS. Îl poți descărca de pe acest link, dar trebuie să o faci în Firefox, așa că dacă nu ai acest browser instalat, descarcă și instalează-l mai repede.

Bara RDS poate fi instalată pe alte browsere, dar funcționalitatea sa este mult mai largă în Mozilla Firefox.

Înainte de a trece la analiza paginilor site-ului, trebuie să faceți mici ajustări la plugin:

Acum putem vedea cu ușurință câte etichete H1, H2, H3 sunt pe pagină, vom vedea titluri suplimentare și vom ști ce trebuie editat. Puteți vedea toată această splendoare făcând clic pe butonul de etichete SEO din bara RDS, care tocmai a fost activată:

De îndată ce faceți clic pe acest buton, un mesaj mic va apărea în fața ochilor dvs.:

Această postare conține antetul H1 și altele. După cum puteți vedea, pe paginile blogului meu, totul este în regulă cu asta, din moment ce am reparat acest jamb acum o săptămână, dar pe site-ul clientului totul este mult mai rău.

Voi enumera erorile:

  1. Dublare între titlurile H2 și H5;
  2. Fără titluri de nivel al treilea;
  3. H4 conține gunoi.

Este mult de lucru de făcut, așa că voi demonstra corectarea erorilor folosind un exemplu. Voi încerca să schimb etichetele H5 în etichetele H3, astfel încât ierarhia titlurilor să fie respectată.

Cum se corectează erorile?

Pentru a face acest lucru, am nevoie de fișierele site-ului (), Notepad ++ și Mozilla Firefox.

  1. Pentru a ști exact unde se află eticheta problematică și clasa sa de stil, trebuie să utilizați instrumentul încorporat Inspect Element din browser: Plasați cursorul peste un anumit element, faceți clic dreapta pe el și selectați Inspectați elementul. În partea de jos a ferestrei va apărea o zonă în care puteți vedea atât clasa de stil a elementului HTML, cât și stilurile sale CSS:
  2. Priviți clasa de stil a elementului de care aveți nevoie și copiați-o pentru a o găsi mai târziu în codul paginii. În cazul meu, clasa de titlu H2 este page-box__title: vreau să schimb nivelul titlului H5 în H3 deoarece H5 listează cuvintele cheie relevante.
  3. În continuare, trebuie să găsiți un element cu această clasă în folderul site-ului, pentru aceasta vom folosi funcțiile încorporate, și anume căutarea fișierelor. Deschideți Notepad++, în meniul de sus, găsiți elementul „Căutare” și selectați „Găsiți în fișiere” în meniul derulant:
  4. În câmpul „Găsiți”, intru clasa de stil de titlu de nivel cinci (page-box__title), iar în câmpul „Folder”, precizez calea către folderul cu site-ul:
    După ce dau clic pe butonul „Find All”, va începe procesul de căutare a fișierelor:
  5. În partea de jos a ferestrei de lucru a Notepad++, vor fi prezentate rezultatele căutării, printre care se află același titlu de nivel cinci (H5) cu clasa „page-box__title”:
    Pentru a merge direct la fișierul care conține antetul dat, trebuie doar să faceți dublu clic pe rezultatul căutării;
  6. Apoi schimb doar etichetele
    pe etichete

    : Asigurați-vă că salvați fișierul;
  7. Ne uităm la rezultatul pe site:
    Nu arata foarte bine.
  8. Pentru ca titlurile să arate normal, trebuie să faceți modificări fișierului de stil (style.css). Deoarece titlurile date în exemplu sunt incluse în etichetă , atunci cel mai probabil regula din style.css va arăta astfel: .page-box__title > a (selector de copii). Căutând în Notepad++, am găsit asta:
    Trebuie să adăugați proprietatea font-size (dimensiunea fontului) la regula de stil cu valoarea de care aveți nevoie. În cazul meu, dimensiunea optimă a fontului ar fi de 14 px:
  9. Sa vedem rezultatul:
    După cum puteți vedea, anteturile au început să se afișeze normal.

În același mod lucrăm și cu alte rubrici. După ce ați terminat, nu uitați să împingeți modificările înapoi pe server. Puteți face acest lucru prin FileZilla, despre care v-am vorbit

» Folosind titlurile H1-H6

Folosind titlurile H1-H6

În acest articol, vom încerca să explicăm ce sunt etichetele h1-h6 și cum să le folosim corect, ținând cont de promovarea site-ului. Deoarece utilizarea corectă a titlurilor vă va ajuta să atingeți rapid și fără efort poziții superioare în motoarele de căutare. Titlurile H1-H6 sunt cele mai importante etichete de accent și, alături de metaetichetele de titlu, sunt de mare importanță pentru optimizarea SEO corectă a site-ului. Fără acest link important, este pur și simplu imposibil să aduci pagina în top într-un subiect competitiv.
Să începem cu câteva reguli pentru compilarea titlurilor în ordinea importanței lor:

  • Folosiți cuvinte cheie în titluri
  • Spamul nu este permis în anteturi de niciun nivel
  • Eticheta H1 trebuie folosită o singură dată
  • Cuvintele cheie din antet trebuie să fie de fapt prezente pe pagină
  • Titlul de la primul nivel ar trebui să fie cât mai sus posibil în codul paginii
  • Indicați expresiile cheie importante cât mai aproape de începutul titlului
  • Titlurile ar trebui să fie informative și nu prea lungi.
  • Încercați să compuneți fraze cheie în subtitluri ținând cont de morfologie și sinonime
  • Prima propoziție după titlu ar trebui să folosească cheia de la aceasta
Ei bine, haideți să aruncăm o privire mai atentă asupra modului de utilizare a acestor etichete și să vă oferim câteva sfaturi despre cum să le compuneți.

Utilizarea titlurilor pe o pagină

Etichetele H1-H6 sunt concepute pentru a evidenția titlurile paginilor site-ului și pot fi comparate cu titlurile cărților. Toate etichetele de titlu sunt împerecheate, ca în principiu aproape toate celelalte folosite în html, iar dacă doriți să evidențiați o frază cu ele, atunci trebuie să fie incluse între aceste etichete. De exemplu astfel:

fraza dvs. de acces între etichete

, această construcție are scopul de a evidenția titlul principal din pagină, toate cele ulterioare ar trebui folosite în același mod, ținând cont de descreștere.

Cea mai semnificativă pentru SEO este eticheta H1 și servește drept titlu principal al paginii. Poate fi titlul unui articol, o știre sau numele unui produs, cuvântul text inclus în H1 joacă rolul cel mai important, iar între această etichetă trebuie să existe o frază cheie care să aibă cea mai mare greutate pe pagină. Este demn de remarcat faptul că titlul H1 ar trebui folosit o singură dată și să conțină cuvintele cheie principale și cele mai semnificative sub care intenționați să promovați această pagină. Regulile de scriere a titlurilor sunt aproape identice cu recomandările pentru scrierea unui metatitlu Titlu, vă sfătuim să vă familiarizați cu ele dacă nu ați făcut-o deja.

O altă recomandare importantă, eticheta meta title și titlul de prim nivel nu trebuie să fie identice și prea lungi, nu ar trebui să enumerați acolo lista de cuvinte cheie de care aveți nevoie, 3-5 cuvinte vor fi suficiente. În caz contrar, cuvintele cheie din titlu vor fi neclare și nu vor avea greutatea maximă, sau chiar mai rău, luate drept spam de motorul de căutare. Dacă motorul de căutare bănuiește că vrei să-l înșeli, atunci această pagină va fi coborâtă cel mai probabil în rezultatele căutării. Fiți extrem de atenți și luați-vă timp atunci când compuneți titluri, așa cum am menționat mai sus, acestea sunt unul dintre factorii importanți de clasare.

Spre deosebire de titlul de la primul nivel, celelalte (H2-H6) pot fi folosite de mai multe ori pe pagină, dar după cum probabil ați ghicit, au o pondere în ordine descrescătoare. Aceste etichete sunt folosite pentru subtitluri și se recomandă, de asemenea, să includă fraze cheie semnificative într-un mod diluat sau clarificator, ca să spunem așa. Folosește sinonime în ele, scrie-ți cheia ținând cont de morfologie, dar nu le asemănă prea mult cu titlul H1. Cuvintele și expresiile folosite trebuie să fie prezente pe pagină pe lângă titluri și să meargă într-o ordine logică, iar prima propoziție după titlu ar trebui să corespundă, de preferință, cât mai mult posibil.

Nu ar trebui să faceți niciodată titluri ca acesta: „Bine ați venit pe pagină...” și altele asemenea. Acest lucru nu va aduce nimic bun paginii și va lua partea leului din greutatea acesteia. Orice titlu de pe pagina ta ar trebui să fie destinat nu numai vizitatorilor site-ului, ci și motoarelor de căutare. Titlurile de pe pagină nu ar trebui să fie doar informative, ci și nu prea lungi, atunci când compuneți titluri, trebuie să găsiți o cale de mijloc. Yandex și Google trebuie să înțeleagă despre ce este pagina, să introducă cuvinte cheie în etichetele H1-H6, dar fără fanatism, altfel nu puteți decât să înrăutățiți lucrurile.

Este de remarcat faptul că etichetele de antet H1-H6 trebuie să meargă strict în ordine descrescătoare pe pagină. Este pe pagină și nu în text, deoarece sunt adesea cazuri când, de exemplu, în șabloanele gratuite acest lucru este departe de a fi cazul și acest lucru reduce și greutatea cuvintelor cheie dorite. Există o părere că titlurile de sub H3 nu au nicio semnificație pentru motoarele de căutare și acest lucru poate fi, desigur, adevărat, dar totuși recomandăm să le folosiți pentru a marca conținutul text, și nu titluri și blocuri ale altor elemente ale site-ului. Există un număr mare de alte etichete html pentru aceasta.

Greșeli frecvente la utilizarea etichetelor de titlu

Unele CMS, sau mai degrabă șabloane gratuite pentru ele, păcătuiesc adesea prin prescrierea etichetelor H1 în locul greșit, ținând cont de optimizarea internă corectă. Sau evidențiați titlurile blocurilor și alte elemente ale site-ului cu etichete H3, acest lucru este fundamental greșit pentru asta, există etichete alternative în HTML.

O altă greșeală comună care este prezentă în unele șabloane este erorile de aspect în legătură cu seo și nerespectarea standardului W3C. Destul de des poți constata că pe unele site-uri etichetele H includ link-uri, imagini, logo-uri în antetul site-ului etc. Ceea ce se reflectă prost pe site-ul în ansamblu.

Ei bine, ultima greșeală cea mai frecventă este că atunci când folosesc editori vizuali în panoul de administrare, proprietarii site-urilor lasă adesea titluri goale în text fără să vrea, nu închide aceste etichete, ceea ce poate încurca roboții motoarelor de căutare și astfel de pagini vor fi cu siguranță coborâte în rezultatele cautarii..

Am enumerat cele mai frecvente 3 erori în utilizarea antetelor, bineînțeles că există și altele, dar nu sunt atât de frecvente și, prin urmare, au fost omise. Asigurați-vă că verificați paginile dvs. de pe site pentru aceste erori și asigurați-vă că le eliminați, iar astfel site-ul dvs. va fi mai atractiv pentru motoarele de căutare.

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

Cu toții cunoaștem limba rusă și, în ceea ce privește conceptul general acceptat antet- nu ar trebui să existe întrebări. Titlul este acel cuvânt sau frază care rezumă întregul sens al unui text, informația care vine după el.

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

Dar dacă noi, deschizând cartea, înțelegem că această frază este titlul, deoarece are un font mai mare sau mai îndrăzneț, atunci paginile de internet au propriile reguli. Pe Internet, cuvântul titlu are mai multe sensuri și este folosit în scopuri diferite. Prin urmare, este necesar 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 titlu într-un document HTML.

Orice document include trei etichete HTML de bază:



Iată informațiile 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 al 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, metaetichetele sunt de asemenea amplasate aici și una dintre cele mai importante etichete din seo - , care contine <b>titlul paginii</b>. Este acest antet pe care fiecare utilizator îl vede într-o filă de browser. Acest antet nu este direct legat de anteturile care se află în corp <body>document, dar există o închidere .</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 a dat exemplul cu cartea, el este (împreună cu titlul) cel care spune subiectul paginii, despre ce este vorba, rezumă sensul articolului. Acesta este titlul care vă spune despre ce va fi articolul meu pe care îl citiți. Putem vedea că astfel de titluri diferă întotdeauna ca aspect de conținutul principal al paginii. Pentru aceasta, 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 este ca una <h>, dar pe de altă parte, sunt șase și toate sunt numerotate în ordinea importanței lor, și ceea ce este foarte important, nu doar semnificația, ci și o ierarhie. Din acest moment începe cel mai confuz și de neînțeles - cum să determinăm semnificația, ce este mai semnificativ și ce nu?</p> <p>Să gândim doar logic. Iată 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 întregul subiect al site-ului. Aceasta înseamnă că numele site-ului ar trebui să fie titlul și cel mai important titlu, de exemplu. in tag:</p> <blockquote><p><h1>Numele site-ului</h1>.</p> </blockquote> <p>În plus, nu neapărat, dar de regulă, pe pagina principală ar trebui să existe un fel de atragere 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 (un cuvânt cheie care reflectă site-ul tematic). Deci, acest titlu ar trebui să fie în etichetă:</p> <blockquote><p><h2>Titlul articolului-atrage vizitatorul</h2>.</p> </blockquote> <p>Mai mult, în acest articol, recursul poate (și insist că <b>trebuie sa</b>) să fie un subtitlu care dezvăluie în continuare toate aspectele subiectului site-ului. De asemenea, include câteva cuvinte cheie care pot fi sau ar trebui să fie apropiate de numele site-ului sau 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 antet. Este de remarcat faptul că, dacă utilizați o imagine banner în loc de antet, atunci nu trebuie să o formatați în eticheta antetului.</p> <p>Rămân două întrebări importante:</p> <p>Cum să folosiți restul etichetelor - 4, 5, 6</p> <p>Și ar trebui/pot să folosesc 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 am o 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ă tema site-ului, atunci astfel de blocuri ar trebui să fie decorate 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 plasat în titlu <h4>.</p> <p>Aici poate apărea următoarea întrebare: De ce să nu o aranjați într-o etichetă de rang mai înalt? De asemenea, puteți încerca să obțineți răspunsul într-un mod logic.</p> <p>De regulă (subliniez, de regulă), aspectul modern al site-ului are următoarea structură:</p> <p>Antetul site-ului <br> ↓<br>Conținutul principal al paginii <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 antet au propria lor ierarhie (am scris despre asta mai sus) și nu este permis 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ă, în timp ce este, de asemenea, important ca acestea să fie și bine optimizate, astfel încât să primim trafic de la motoarele de căutare de la ele. Prin urmare, este foarte de dorit ca aceștia să-și aplice propria 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 în rețelele de socializare</i>, atunci, pentru structura internă a antetelor ar trebui să fie astfel:</p> <p><img src='https://i0.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. deja 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 peste tot). Această aranjare a titlurilor îmbunătățește semnificativ clasarea paginilor în motoarele de căutare, crescând astfel tranzițiile utilizatorilor de la acestea.</p> <p>Am scris mai sus <b>de dorit</b> dar nu te lovi cu capul de perete dacă este imposibil de făcut. Platformele, șabloanele și cunoștințele sunt diferite pentru fiecare, iar 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 funcționează 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 avem nevoie de mai puțină optimizare externă. Dacă sistemul 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, a teoriei. În era CMS, nu este dificil să faci titluri corect, dar, din păcate, pentru asta trebuie să ai cunoștințe mai aprofundate în crearea și programarea site-urilor web. Și dacă pentru majoritatea cititorilor mei acest articol este mai mult pentru cunoștință, atunci pentru cei care vor comanda într-o zi crearea de site-uri în Cheboksary sau în orice alt oraș din lume, elaborează o sarcină tehnică pentru un designer de layout, programator, crea propriul lor site, ei vor putea fie să explice, fie să aplice aceste cunoștințe în practică.</p><p>De exemplu, am de gând să experimentez cu șablonul de mult timp și fac exact așa cum este descris în articol, deoarece cred că aceasta este cea mai bună opțiune. Dar încă nu sunt atât de puternic în XML (pentru Blogger) și PHP (pentru WordPress) pentru a-mi da seama imediat cum să creez titluri diferite pentru pagini diferite. Dar apoi, 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 numai că voi spune, ci și voi împărtăși.</p><p><b>Articole despre asta, și gata.</b></p> <p>Dacă nu am acoperit suficient de complet orice întrebări, întrebați în comentarii, voi adăuga. Scriu aceste cuvinte pentru că Simt că a rămas ceva nespus în capul meu, dar nu-mi amintesc ce este. Așa că întreabă.</p> <p>Te-ai gândit vreodată să conduci un blog colectiv sau măcar să găsești un al doilea autor pentru blogul tău. Dacă astfel de gânduri vă vizitează, atunci ar trebui să acordați atenție articolului Dezavantajele mai multor autori de blog. Acolo, pe blog, găsiți un articol despre merite.</p> <p>Îți doresc mult succes în dezvoltarea blogurilor tale.</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> </article> <div id="disqus_thread"> <div id="dsq-content"> <ul id="dsq-comments"> <li class="comment even thread-even depth-1" id="dsq-comment-2"> <div id="dsq-comment-header-2" class="dsq-comment-header"> <cite id="dsq-cite-2"> <span id="dsq-author-user-2">Serghei Savenkov</span> </cite> </div> <div id="dsq-comment-body-2" class="dsq-comment-body"> <div id="dsq-comment-message-2" class="dsq-comment-message"> <p>un fel de recenzie „rare”... parcă s-ar grăbi undeva</p> </div> </div> </li> </ul> </div> </div> </div> </div> <div class="wpb_column vc_column_container td-pb-span4"> <div class="vc_column-inner "> <div class="wpb_wrapper"> <div class="wpb_widgetised_column wpb_content_element"> <div class="wpb_wrapper"> <div class="td-a-rec td-a-rec-id-sidebar td-rec-hide-on-p "> <div id="adriver_banner_1494422254"></div> </div> <div class="td-a-rec td-a-rec-id-custom_ad_1 td-rec-hide-on-p "> <div> </div> <div id='div-gpt-ad-1491821174306-2' style='height:600px; width:300px;'> </div> </div> <div class="td-a-rec td-a-rec-id-custom_ad_2 td-rec-hide-on-p "> <div> </div> <div id='div-gpt-ad-1491821174306-3' style='height:600px; width:300px;'> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="td-footer-wrapper td-footer-template-14"> <div class="td-container td-footer-bottom-full"> <div class="td-pb-row"> <div class="td-pb-span3"> <aside class="footer-logo-wrap"><a href="https://danykom.ru/ro/"><img class="td-retina-data" src="/uploads/logo.png" data-retina="/wp-content/uploads/2017/02/logo_544x180_bw.png" alt="Tehnică. Știri. Telefoane. Caiete. Comparaţie. Windows" title="Tehnică. Știri. Telefoane. Caiete. Comparaţie. Windows"/ loading=lazy loading=lazy></a></aside> </div> <div class="td-pb-span5"> <aside class="footer-text-wrap"> <div class="block-title"><span>informatii generale</span></div>.</aside> </div> <div class="td-pb-span4"> <aside class="footer-social-wrap td-social-style-2"> <div class="block-title"><span>Site în rețelele sociale</span></div> <span class="td-social-icon-wrap"> <a target="_blank" href="https://www.facebook.com/sharer/sharer.php?u=https://danykom.ru/sostavlyaem-pravilnyi-h1-i-strukturu-podzagolovkov-tegi-h1-h2-h3/" title="Facebook"> <i class="td-icon-font td-icon-facebook"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="" title="Instagram"> <i class="td-icon-font td-icon-instagram"></i> </a> </span> <span class="td-social-icon-wrap"> <a target="_blank" href="" title="RSS"> <i class="td-icon-font td-icon-rss"></i> </a> </span></aside> </div> </div> </div> </div> <div class="td-sub-footer-container"> <div class="td-container"> <div class="td-pb-row"> <div class="td-pb-span7 td-sub-footer-menu"> <div class="menu-td-demo-footer-menu-container"> <ul id="menu-td-demo-footer-menu" class="td-subfooter-menu"> </ul> </div> </div> <div class="td-pb-span5 td-sub-footer-copy">2022 Tehnologie. Știri. Telefoane. Caiete. Comparaţie. Windows</div> </div> </div> </div> </div> <link rel='stylesheet' id='css-5-css' href='/wp-content/mmr/ffba0e2b-1516146715.min.css' type='text/css' media='all' /> <script type='text/javascript' src='https://danykom.ru/wp-content/mmr/4ab436a1-1516146715.min.js'></script> <script> (function() { var html_jquery_obj = jQuery('html'); if (html_jquery_obj.length && (html_jquery_obj.is('.ie8') || html_jquery_obj.is('.ie9'))) { var path = '/wp-content/themes/Newspaper/style.css'; jQuery.get(path, function(data) { var str_split_separator = '#td_css_split_separator'; var arr_splits = data.split(str_split_separator); var arr_length = arr_splits.length; if (arr_length > 1) { var dir_path = '/wp-content/themes/Newspaper'; var splited_css = ''; for (var i = 0; i < arr_length; i++) { if (i > 0) { arr_splits[i] = str_split_separator + ' ' + arr_splits[i]; } //jQuery('head').append('<style>' + arr_splits[i] + '</style>'); var formated_str = arr_splits[i].replace(/\surl\(\'(?!data\:)/gi, function regex_function(str) { return ' url(\'' + dir_path + '/' + str.replace(/url\(\'/gi, '').replace(/^\s+|\s+$/gm, ''); }); splited_css += "<style>" + formated_str + "</style>"; } var td_theme_css = jQuery('link#td-theme-css'); if (td_theme_css.length) { td_theme_css.after(splited_css); } } }); } })(); </script> </body> </html>