Cum se configurează smartphone-uri și PC-uri. Portal informativ
  • Acasă
  • Windows 10
  • Etichetele h1 h2 h3 sunt toate despre titluri și subtitluri. titluri html (etichete h1-h6), formatare text html (puternic, b, em, i, blockquote, pre etichete)

Etichetele h1 h2 h3 sunt toate despre titluri și subtitluri. titluri html (etichete h1-h6), formatare text html (puternic, b, em, i, blockquote, pre etichete)

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ă.

  1. H3, H4, H5, H6

De fapt, ele nu au prea multă influență asupra promovării. Cu toate acestea, includerea cuvintelor cheie în ele poate duce la 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.

  1. 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.
  2. 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.
  3. 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.


Ar trebui H1 și TITLE să fie aceleași sau ar trebui să fie diferite? O întrebare de lungă durată care apare neapărat la fiecare întâlnire în care există specialiști SEO. De unde a venit este greu de spus. Poate din cauza discrepanței dintre recomandările motoarelor de căutare și exemplele din TOP10.

Argumente pentru diferite etichete de titlu și H1: se spune că motorul de căutare va „crede” că vrem să folosim de două ori sensul cuvântului cheie, pentru care cu siguranță vor pedepsi 🙂
Motive pentru aceleași etichete: un citat în ajutorul Yandex pentru webmasteri.

Pentru ca robotul care analizează site-ul dvs. să poată evidenția corect cele mai importante secțiuni și pagini cheie, este necesar ca... textul din eticheta TITLE pentru paginile cheie să se potrivească cu numele acestuia (cu titlul paginii evidențiat, pt. de exemplu, prin eticheta H1) și cu textele linkurilor care indică această pagină.

Cum să le faci de fapt la fel sau diferite? În mare, nu contează. Dar merită luate în considerare câteva puncte.

- H1 și TITLE trebuie să se intersecteze

Dacă titlul este despre un lucru și H1 despre altul, atunci este mai dificil pentru căutare să determine pentru ce cuvinte cheie este relevantă pagina, iar utilizatorii vor fi în dificultate. De asemenea, aceste secțiuni de cod ajută motoarele de căutare să formeze elemente speciale în fragment, cum ar fi breadcrumbs sau sitelinkuri. Cu alte cuvinte, nu faceți TITLE și H1 complet diferite. Să ne uităm la câteva exemple (doar ca o demonstrație, fără o analiză preliminară a semanticii).

Site-ul este un salon de mobilier italian din Moscova. Cuvinte cheie principale: showroom de mobilier italian, mobilier italian...
TITLU: Salonul de mobilier italian la Moscova. Cumparam mobila din Italia | Numele salonului

H1: Bine ati venit
Nu este cea mai bună opțiune, deoarece nu există cuvinte cheie promovate în H1. Salutările pot fi scrise în text.

H1: Mobilier exclusivist din Italia
Deja mai bine, deoarece etichetele se intersectează de-a lungul cheii „mobilier din Italia”. Dar s-ar putea să nu fie în cereri prioritare.

H1: Salon de mobilier italian Nume-Salon
Antet normal pentru cererea principală, nimic mai mult.

După cum puteți vedea, nu are rost să faceți H1 și TITLE exact la fel, dar ele trebuie să se intersecteze.

— H1 și TITLE sunt vizibile pentru utilizatori în diferite etape de interacțiune cu site-ul

TITLE utilizatorul vede mai des chiar înainte de a merge pe site. H1 vede deja când este pe pagină. În acest sens, este mai bine să faceți H1 scurt și să descrieți cât mai mult posibil esența paginii de destinație, mult depinde de scopul acesteia. În ceea ce privește TITLE , pe lângă conținutul cuvintelor cheie, acesta ar trebui să motiveze utilizatorul să facă clic (tranziție). În caz contrar, puteți optimiza relevanța textului, dar nu puteți optimiza conversia în clicuri și, în consecință, nu primiți tot traficul.

De exemplu, secțiunea de elicoptere radiocontrolate de pe șantier.
H1: Elicoptere RC (logice)
TITLU: Cumpărați elicoptere radiocontrolate cu livrare la Moscova

Aici cuvântul „cumpără” solicită acțiune, iar „livrarea la Moscova” elimină o serie de întrebări înainte de clic.

Subiect de informare: cum se țese brățări elastice
H1: Cum să țeseți brățări din benzi de cauciuc pe un războaie de țesut
TITLU: Brățări din cauciuc: instrucțiuni pas cu pas și modele de țesut cu fotografii și videoclipuri

„Instrucțiuni și scheme pas cu pas” nu numai că extind semantica, dar cresc și probabilitatea de a face clic pe titlu. O persoană care caută „cum să țese” înseamnă doar instrucțiuni pas cu pas cu o fotografie, dar este posibil să nu includă acest lucru în cererea sa.

— TITLE apare în rețeaua de socializare

Dacă codul nu este mai configurat, atunci când utilizatorii partajează o pagină pe o rețea socială, titlul este preluat din titlu. Dacă este spam, atunci împiedică atât tranziția de la rețelele de socializare, cât și distribuirea în principiu. Dacă este doar scurt ca H1, atunci aceasta este și o opțiune proastă.

Acest articol este cel mai relevant pentru proiecte de informare și știri. Dar unele dintre ele funcționează doar pentru rețelele de socializare, așa că ține cont de titluri precum „Femeia asta nu se mai putea privi în oglindă. Și asta a făcut...” nu este întotdeauna corectă pentru SEO. Nu uitați decât că atunci când compilați titluri, acestea pot primi titluri pe rețelele sociale.

— TITLUL poate conține expresii cheie suplimentare

Pentru a promova pagina nu numai pentru frazele de frecvență medie selectate, ci și pentru cele adiacente, precum și pentru un grup mare de fraze de joasă frecvență, la titlu pot fi adăugate câteva cuvinte din nucleul familiei. În consecință, acest lucru îl va distinge de eticheta H1.

De exemplu, avem un bazin de solicitari: montaj placi bituminoase, montaj placi flexibile, instructiuni de montaj gresie, tehnologie de montare faianta, tehnologie de pozare placi bituminoase, montare placi bituminoase, video montaj placi flexibile etc, etc. .

H1: Instrucțiuni de instalare pentru plăci bituminoase flexibile
TITLU: Instalarea plăcilor flexibile, tehnologie de așezare. Pret, video

Aici titlul și H1 sunt complet diferite, se intersectează doar cu niște cuvinte (instalare, bituminoasă, țiglă). Nu are sens să inserați toate cuvintele de la bază în titlu sau H1, va părea spam, iar separarea cuvintelor în secțiuni de cod (inclusiv alte titluri) este o strategie bună.

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

Ce este H1?

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

titlul în sine

, numărul indică doar nivelul titlului.

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

Condiția 1. Cuvinte cheie în titluri

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

Când plasați cuvinte cheie, faceți-o cu atenție: nu folosiți în exces cuvintele cheie și nu creați titluri spam (de exemplu, cumpărați un apartament în Moscova, cumpărați o geantă de frigider, cumpărați o motocicletă prețul Krasnoyarsk, nu-l înțeleg pe al tău etc.). Păstrează frumusețea frazei și logica ei. În marea și puternica limbă rusă, cuvintele sunt conjugate și declinate, iar roboții înțeleg acum sensul, ei înțeleg limba nu mai rău decât tine și mine! Și nu vă faceți griji - spam-ul este evident pentru toată lumea, iar Baden-Baden este la doar o aruncătură de băț și nu uitați de Panda de la Google.

Un exemplu în care numărul de taste iese din scară, forță brută.

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

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

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

Condiția 2. Etichete

-

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

-

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

-

. Acum oamenii nu citesc texte mari și, chiar și pe baza logicii lucrurilor, nu este necesară imbricarea unui astfel de număr de titluri. O excepție pot fi paginile cu o mulțime de videoclipuri, imagini, elemente interactive etc. Dar aceasta este încă excepția, nu regula.

Motoarele de căutare țin cont și de dimensiunea și importanța etichetelor.

-

. Când așezați, ar trebui să acordați atenție faptului că titlurile se evidențiază vizual din textul general.

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

: astfel vei duce persoana de pe pagină către alt material sau, dacă faci link către aceeași pagină, creezi un link circular care nu face nimic bun.

Poate fi referit din titlurile de nivel

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

Crawlerele web acordă o mare importanță titlurilor, deoarece sunt folosite pentru a indica informații importante. Deci va fi mai ușor pentru mașini să citească textul și să-i înțeleagă structura, logica; vezi ce conteaza cel mai mult. Nu încercați să înșelați și să aplicați etichete

-

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

    Punem lucrurile in ordine. Etichete

    -

    dispuse după principiul ierarhiei: tag

    mai important decât eticheta

    . In realitate, arata cam asa:

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

    În plus, eticheta

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

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

    Și dacă aveți dificultăți, vă rugăm să contactați specialiștii noștri, suntem gata să verificăm dacă titlurile site-ului dvs. sunt scrise corect, să le scrieți corect în caz de erori și să răspundem la orice întrebări. Compilare de titluri pentru 1 pagină (+ selecția a 3 chei relevante) - de la 450 de ruble.

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 bloc pot conține și alte elemente bloc, dar plasarea etichetelor 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 etichetele de titlu h1-h6, dar poate că unii dintre voi subestimează importanța lor î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 utilizat 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 acestea vin în ajutor (de exemplu, într-un manual voluminos, în fiecare dintre părțile definite de elementul h3, se cere 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. Cum să variați aspectul subtitlurilor cu metode acceptabile care nu încalcă , vom vorbi când vom ajunge la studiu.

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ă text încadrat de etichete puternice și b (bold), em și i (italic) în browser, 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.
Seo optimizare site-uri, bloguri, portaluri.
  • Sub - textul este afișat ca indice
  • H 2 O - formula chimică a apei
  • Sup - afișați textul ca superscript
  • X 2=Y - formula matematica

    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.
    HTML - limbaj de marcare hipertext

  • Cite - folosit pentru a evidenția citate Tommy Dewar Uneori, un pas înainte necesită un pas înapoi.

  • Cod - folosit pentru a afișa diferite coduri, cum ar fi codul de script
  • (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; )() );


  • Del - selectează textul tăindu-l. Foarte util atunci când doriți să marcați textul eliminat dintr-o versiune nouă a unui document. Aplicarea acestei etichete vă permite să urmăriți modificările care au fost aduse textului.
  • Încă nu au existat actualizări blog
  • Ins - evidențiază textul subliniindu-l. Aceasta indică faptul că această bucată de text a fost inserată după publicarea documentului.
  • Încă nu au existat actualizări blog, dar acum acest neajuns va fi corectat
  • Lista cu marcatori cu 1 articol
  • Lista cu marcatori cu 2 articole
  • Lista cu marcatori cu 3 articole
  • 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

    1. 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.

    2. 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.

    3. Busuioc

      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?

    4. 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ă, în opinia mea, evidențierea cuvintelor cheie sau a frazelor o dată într-un articol nu ar trebui să facă niciun rău, toate acestea sunt hype inutile.

    5. Igor

      Exact. 🙂

    6. 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.

    7. Busuioc

      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.

    8. 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.

    9. Busuioc

      Totul este în tema implicită. Nu există astfel de opțiuni în setările temei. Peste tot
      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.

    10. 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 folosind administratorul panou pentru a inregistra numele site-ului. Daca nu merge, vom actiona mai mult subiect.

    11. Busuioc

      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?

    12. 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.

    13. Busuioc

      Multumesc Igor. Bineînțeles că voi aștepta, nu este urgent.

    14. Evgeniy

      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.

    15. 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.

    16. 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.

    Eticheta H1 sau antetul H1 este titlul de primul nivel și are cea mai mare importanță și importanță dintre toate rubricile. Eticheta H1 ar trebui aplicat o dată pe pagină, să apară deasupra tuturor celorlalte titluri și să aibă cea mai mare dimensiune de font.

    Există șase etichete de titlu în total. Acestea sunt h1, h2, h3, h4, h5, h6. Aceste etichete sunt folosite pentru a formata textul de pe pagină. H1 este cel mai semnificativ dintre ele atât pentru vizitator, cât și pentru motoarele de căutare.

    Bun venit la pagini. În acest articol, voi împărtăși cu voi câteva puncte atunci când utilizați antetul H1 pe paginile de blog alimentate de CMS WordPress.

    Eticheta H1 - valoare de promovare

    Motoarele de căutare folosesc cuvintele și expresiile utilizate în această etichetă pentru a determina relevanța paginilor pentru o interogare de căutare. Această etichetă este unul dintre cele mai semnificative elemente de relevanță. Atunci când optimizează textul unei pagini, motoarele de căutare valorează doar eticheta TITLE mai mult decât eticheta H1.

    Și pentru a fi mai concis și mai specific, atunci Eticheta H1 este recomandată pentru titlurile paginilor site-urilor noastre webși trebuie să conțină cuvântul cheie pentru care această pagină este promovată.
    Relevanța paginii, împreună cu , este unul dintre cei mai importanți indicatori pentru câștigarea loialității motorului de căutare.

    Reguli de titlu H1

    Pentru a obține un rezultat bun la promovarea paginilor site-ului, ar trebui să urmați următoarele reguli pentru completarea acestuia:

    1. Fiecare pagină trebuie să conțină O etichetă H1.
    2. Eticheta trebuie să conțină un cuvânt cheie pentru care pagina este promovată.
    3. Conținutul antetului H1 trebuie să fie unic pentru fiecare pagină.
    4. Eticheta H1 nu trebuie să fie un hyperlink.
    5. Este de dorit ca eticheta să nu conțină clase, identificatori și alte elemente CSS, ci să fie într-o formă „nudă”.
    6. Nu este recomandat să folosiți semne de punctuație, virgule, două puncte și așa mai departe în conținut.
    7. Dimensiunea etichetei nu trebuie să fie mai mare de două propoziții, una este mai bună.

    În codul html, titlul paginii ar trebui să arate astfel:

    Eticheta H1 este titlul paginii

    Cele mai tipice gafe sunt absența etichetei H1 pe pagină sau prezența a mai mult de un titlu. Astfel de erori se găsesc de obicei pe paginile secțiunilor care listează articolele din acele secțiuni.

    Controlul umplerii etichetei H1 pe tot site-ul se realizează în cadrul . Pentru a efectua un astfel de audit, există multe instrumente demne. Îți voi recomanda un serviciu de la Megaindex - audit.megaindex.ru .

    Etichetă H1, aplicație în WordPress

    Teoria s-a repetat și acum ne vom opri asupra unor probleme tehnice legate de utilizarea etichetei H1 pe site-urile care folosesc CMS-ul WordPress. Deoarece majoritatea bloggerilor începători folosesc șabloane gratuite, acestea pot conține unele defecte.
    În special, există opțiuni când titlul paginii este evidențiat nu de eticheta H1, ci de o altă etichetă, cel mai adesea este H2.

    Același defect a apărut pe blogul meu după ce l-am creat cu programul Artisteer. La vizualizarea codului HTML, s-a constatat că toate titlurile paginilor sunt afișate cu eticheta H2.

    Pentru a remedia acest lucru, a trebuit să editez fișierul singur.php, care este ceea ce majoritatea șabloanelor numesc fișiere care afișează informații pentru fiecare înregistrare individuală. Cum am făcut-o acum voi demonstra clar.
    În corpul dosarului singur.php căutăm o parte a codului care afișează titlul. In cazul meu a aratat asa:





    Schimbați etichetele h2 evidențiate cu roșu în h1 și fișierul necesar singur.php fix și gata de utilizare. S-a dovedit că este destul de simplu, am schimbat câteva personaje și gata. Blocul arată acum astfel:





    În cazul dvs., expresia poate fi de o formă ușor diferită, dar sper că înțelegeți sensul.

    A trebuit să fac modificări similare cu un alt fișier temă pagina.php, care este responsabil pentru afișarea paginilor blogului. După cum știți, un blog pe CMS WordPress conține postări și pagini.

    Funcțiile pentru crearea și modificarea acestora sunt situate în diferite secțiuni ale administrării blogului, sunt stocate în locuri diferite și, în consecință, diferite module de program sunt responsabile pentru ieșirea lor.

    Ca rezultat, o bucată de cod într-un fișier pagina.php, care afișează titlul paginii a început să arate astfel:


    » rel="marcaj" title="»>


    Dar asta nu a fost tot, pe șablonul meu am constatat că eticheta H1 este folosită la afișarea titlului blogului în sine. Și a trebuit să decid dacă să las totul așa cum este sau să obțin titlurile paginilor cu eticheta H1.

    La urma urmei, utilizarea a două sau mai multe titluri de acest tip pe o singură pagină nu este recomandată. Motoarele de căutare pot considera acest lucru ca pe o re-optimizare și pot trage concluziile adecvate.

    Etichetă H1, ajustare șablon WordPress

    Până la urmă, am decis să corectez acest defect, mai ales că nu a adus prea multe probleme. Acum vă voi raporta totul în detaliu.

    Pentru a face acest lucru, a fost necesar să se modifice doar două dosare.

    Primul header.php este fișierul de ieșire al antetului blogului.

    Al doilea stil.css— fișier de descriere a stilului blogului.

    se modifică header.php

    Găsim în header.php un fragment care afișează titlul blogului și schimbă eticheta de titlu h1 (evidențiate cu roșu acele caractere pe care le schimb) la eticheta de paragraf p . Drept urmare, am primit un astfel de cod.

    Modificări în fișierul style.css

    Cu albastru, am evidențiat numele clasei css, pe care va trebui să-l corectăm în fișier stil.css pentru a păstra fontul și dimensiunea antetului blogului la fel ca înainte de modificare. Apoi, deschideți fișierul de stil, căutați clasa necesară „art-Logo-name”, fragmentul este mai jos

    h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:link, h1 .art-Logo-name a:visited, h1 .art-Logo-name a:hover
    {

    dimensiunea fontului: 29px;
    text-decor: niciuna;
    umplutura:0;
    marja:0;
    culoare: #E0EDF0 !important;
    }

    Schimb toate h1 evidențiate în roșu în p și obțin ca rezultat

    p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:visited, p .art-Logo-name a:hover
    {
    familie de fonturi: Arial, Helvetica, Sans-Serif;
    dimensiunea fontului: 29px;
    text-decor: niciuna;
    umplutura:0;
    marja:0;
    culoare: #E0EDF0 !important;
    }

    Asta, de fapt, este tot ceea ce am vrut să vă spun despre eticheta H1, ca unul dintre elemente.
    Voi observa doar că am efectuat toată lucrarea subdomeniu de testare, pentru ca vizitatorii blogului meu să nu întâmpine dificultăți în cazul unor probleme care pot apărea în timpul acestui tip de manipulare. Da, iar din punct de vedere al securității și siguranței funcționalității site-ului, aceasta ar fi decizia corectă.

    În concluzie, aș vrea să vă invit să urmăriți un scurt videoclip, acesta este, totuși, voce în engleză, dar totul mi-a fost clar, sper să vă fie ușor de înțeles. Acest videoclip completează bine textul articolului și pentru începători sau cei care nu sunt puternici în programare va fi de un bun ajutor. Vizionare fericită.

    Lasă-mă să termin cu asta și îți doresc succes.

    Top articole similare