Etichete de antet: un ghid simplu (dar complet) pentru etichetele de antet HTML H1, H2 și H3 pentru SEO

Publicat: 2020-08-25
Ghid de etichete de antet

Acesta este un ghid complet pentru etichetele de antet în 2021.

În acest nou ghid, veți învăța exact cum să utilizați etichetele H1 până la H6 pentru a obține clasamente mai înalte în motoarele de căutare, chiar dacă sunteți nou la etichetele de antet SEO sau dacă ați fost păcălit (de Google) pentru a crede că etichetele de antet nu fac. muncă.

Sunteți pe cale să învățați tot ce trebuie să știți despre elementele de titlu HTML, de la ceea ce sunt acestea (în mod simplu) până la strategii avansate de titluri dovedite că sporesc acoperirea și implicarea conținutului dvs.

Iată o scurtă prezentare generală a ceea ce este acoperit:

  • Ce sunt etichetele de titlu și exact cum să le folosești
  • Diferența dintre etichetele H1, H2 și H3 și când este corect să folosiți fiecare tip
  • Cinci motive pentru care etichetele de titlu sunt esențiale în acest moment
  • Anatomia unei ierarhii de etichete de antet perfect structurate
  • Cum să creați etichete H1 până la H6 care oferă clasamente (și vânzări) mai ridicate
  • Mult mai multe

Să începem.

DESCARCĂ: O listă de verificare gratuită care vă va arăta exact cum să implementați sfaturile de optimizare a etichetelor de antet conținute în această postare.

Ce sunt etichetele de titlu? O definiție fără jargon

In termeni simpli:

Etichetele de titlu sunt elemente HTML folosite pentru a defini titlurile unei pagini.

Ele diferențiază titlul <h1> și subtitlurile <h2> la <h6> de restul conținutului.

Numărul de la 1 la 6 determină importanța și poziția pe care o are un titlu în ierarhia generală a structurii titlurilor.

H1, H2, H3 Header Tags

Ca și în cazul majorității termenilor SEO, există tot felul de sinonime care sunt folosite în mod interschimbabil pentru a descrie titlurile:

Etichetele de antet, titlurile HTML și etichetele H sunt alte moduri de a descrie același lucru.

Deci, dacă ați mai auzit acești termeni SEO, acum știți ce înseamnă aceștia.

Toate sunt doar etichete de titlu, cu nume diferite.

Pe de altă parte, un „ antet HTML ” este secțiunea de cod dintre elementul <header> dintr-o pagină web.

Este un container pentru conținut introductiv, cum ar fi navigarea, sigla, informațiile despre autor și detaliile titlurilor.

Cu alte cuvinte, este un container care poate include etichetele de antet (printre altele).

Headers Tags Vs Header HTML

De asemenea, NU ar trebui să confundați etichetele de titlu cu elementul < head > al codului HTML.

< head > este un container pentru metadate (date despre date) și este plasat între eticheta < html > și eticheta <body> din pagina dvs. web. Conținutul său nu este redat pe pagină, dar este esențial pentru SEO.

Este locul din codul dvs. în care sunt găzduite titlul paginii, metadescrierea și scripturile precum Google Analytics.

Head Tags Vs Head Element

Încă cu mine?

Super, hai să continuăm.

Ce este o etichetă H1?

Să presupunem că nu știți nimic despre H1.

Vă voi împărtăși o definiție foarte simplă :

H1 este o etichetă HTML care indică titlul principal pe o pagină web.

Să despachetăm asta.

  • Este un element HTML, ceea ce înseamnă că eticheta H1 se află în codul site-ului dvs.
  • Se obișnuiește pentru a marca titlul principal, de obicei primul antet vizibil pe o pagină.

Pentru a face textul să iasă în evidență, eticheta H1 este de obicei afișată mai mare și mai vizibil decât restul textului de pe pagina sau postarea ta.

H1 Header Tag Blog

Cel mai simplu mod de a înțelege cum ați folosi eticheta Titlu 1 este să vă imaginați că scrieți conturul unui document.

Titlul principal al documentului dvs. ar trebui să fie <h1>.

Ar trebui să reprezinte subiectul general al documentului și să fie afișat la început ca un font mare.

SPI H1 Heading

Exemplu de etichetă H1:

Folosind exemplul de mai sus de la Smart Passive Income, eticheta H1 are valoarea „Learn Ethical Affiliate Marketing”.

Când este vizualizată în HTML, eticheta H1 apare după cum urmează:

 <h1>Learn Ethical Affiliate Marketing</h1>

Desigur, paginile site-ului dvs. pot avea nevoie de mai multe titluri.

Aici intervin celelalte etichete de titlu.

Ce este o etichetă H2?

Întrucât eticheta dvs. H1 este utilizată pentru titlul principal al documentului dvs .;

Punctele dvs. principale sunt împachetate în subtitluri cunoscute sub numele de H2.

Cu alte cuvinte:

O etichetă <h2> definește titlurile de al doilea nivel din pagina dvs. web.

Dar, etichetele de titlu nu se opresc la H2.

Subpunctele de sub etichetele dvs. <h2> folosesc etichete de antet <h3>:

H1, H2, H3 Heading Structure

Și punctele secundare de sub etichetele <h3> folosesc etichete de antet <h4>.

H1 to H6 Heading Structure

Această secvență poate continua până la etichetele <h6>, care sunt cele mai puțin importante în ierarhia etichetelor de antet.

In orice caz:

Este destul de rar să scrieți conținut suficient de profund încât să aveți nevoie de etichete H4, H5 și H6.

(Cu excepția cazului în care conținutul dvs. este foarte lung și tehnic).

La fel ca acesta despre imagine SEO, majoritatea postărilor mele de pe blog au mai mult de 5.000 de cuvinte.

Număr de cuvinte postări pe blog

Și chiar și așa, subtitlurile mele sunt alcătuite din simple H2 și H3:

H2, H3 Tag Structure

Deci, să încheiem cu etichetele H2:

Etichetele de subtitlu H2 se obișnuiesc pentru a diviza conținutul și a-l face scanat și ușor de citit.

Etichete H2

H2 sunt folosite pentru a evidenția informații importante și pentru a conduce subsecțiunile din pagina dvs.

Acolo unde este necesar, puteți utiliza etichetele H3 ca titluri pentru subpunctele de sub H2.

Folosind exemplul de mai sus, așa arată o etichetă H2 în codul HTML:

 <h2>How To Claim Your Business On Google</h2>

Am înțeles? Bun.

În continuare, ne vom aprofunda în etichetele de titlu și cum să le codificăm în HTML.

Etichete de titlu în HTML: și importanța H1

Etichetele de titlu și, în special, eticheta H1, au o funcție esențială în cadrul unei structuri HTML.

Lasă-mă să explic:

Un fișier HTML poate fi definit ca o combinație de noduri, prin care eticheta de titlu este punctul de plecare de la care se ramifică alte noduri.

Prin urmare, un fișier HTML ar trebui să aibă (teoretic) doar un singur titlu H1.

De ce? Pentru că eticheta H1 este rădăcina de la care încep toate celelalte noduri.

În schimb, anteturile mai mici în ordinea (H2 la H6) pot fi folosite ori de câte ori se dorește.

Ei ar trebui, totuși, să mențină o ierarhie logică - mai multe despre asta mai târziu.

Din punct de vedere al codului, etichetele de titlu sunt folosite doar pentru a afișa text.

Ca atare, formatarea titlurilor ar trebui specificată în fișierele CSS pentru a separa formatul și conținutul.

Exemple de etichete de titlu și cum să le codificați în HTML

Ceea ce face ca o etichetă de antet un antet în codul site-ului dvs. web sunt două etichete HTML simple:

O etichetă <h> de deschidere și o etichetă de închidere </h>.

În interiorul acestor două etichete se află textul titlului pe care doriți să îl afișați:

H1 Tag Exampe

Liniile de cod pentru un titlu cu două subtitluri arată astfel:

 <h1>This is a heading</h2> <h2>This is a sub-heading</h2> <h3>This is a third sub-heading</h3>

Desigur, codul site-ului dvs. nu va afișa numai titluri.

Acesta va conține copie corporală și alte elemente.

Iată cum arată codul HTML cu o serie de titluri ȘI o copie a corpului inclusă:

 <h1>This is a heading</h1> <h2>Summary</h2> <p>Some text here...</p> <h2>Examples</h2> <h3>Example 1</h3> <p>Some text here...</p> <h3>Example 2</h3> <p>Some text here...</p> <h2>See also</h2> <p>Some text here...</p>

Nu există mult mai mult în elementele de cod decât atât.

Doar aminteste-ti:

Fiecare etichetă de antet începe cu o etichetă de deschidere <h> și trebuie să fie închisă cu o etichetă de sfârșit </h>.

Ierarhia etichetelor (1-6) este specificată imediat după „h” și ar trebui definită atât în ​​etichetele de deschidere, cât și de închidere.

Conținutul dvs. text este scris între cele două elemente de etichetă.

Cu toate cele spuse:

Cu excepția cazului în care codificați o pagină web personalizat (NU este ceva ce aș recomanda în general), codul HTML al etichetelor de antet va fi gestionat de sistemul dvs. de management al conținutului.

Cum să adăugați etichete H1 la H6 în WordPress

WordPress este cel mai popular sistem de gestionare a conținutului de pe web.

Potrivit WordCamp, în prezent există peste 75 de milioane de site-uri care folosesc WordPress .

Adică aproximativ 30% din toate site-urile web de pe world-wide-web.

Ceea ce face ca WordPress să fie atât de popular este ușurința și ușurința în utilizare pentru motoarele de căutare.

Adăugarea de funcționalități SEO, cum ar fi titluri de pagini personalizate și permalink-uri, hyperlink-uri și imagini optimizate este o briză în WordPress.

La fel este și adăugarea etichetelor de titlu la o pagină sau o postare.

Există două moduri principale de a adăuga etichete de titlu în WordPress; Vă arăt pe amândoi:

(A). Adăugarea etichetelor H1 în WordPress prin Editor

Cel mai simplu mod de a adăuga titluri este prin intermediul editorului. Dacă utilizați deja editorul de blocuri Gutenberg, faceți clic pe butonul „+” și selectați „Tit”;

Adding Header Tags WordPress Block Editor

De acolo, puteți alege ce titlu doriți să adăugați.

Heading Tag Selector WordPress

Dacă încă folosiți editorul clasic, este și simplu.

Doar asigurați-vă că vă aflați în fila vizuală a editorului și navigați la meniul drop-down stil text.

Apoi selectați pur și simplu „Titlul 1” sau „Titlul 2” … sau orice alt titlu dorit din meniul drop-down.

H1 Tags WordPress

Ușor, nu?

Următoarea opțiune pentru adăugarea etichetelor H1 la H6 în WordPress este utilizarea HTML.

(b). Adăugarea etichetelor H1 în WordPress prin Editor

Dacă sunteți înclinat, este, de asemenea, posibil să adăugați titluri în WordPress folosind HTML.

Sunt sigur că ați urmărit, așa că știți deja codul HTML pentru <h1>, <h2>, <h3> etc.

Începe cu o etichetă de deschidere <h> și se termină cu o etichetă de închidere </h> cu textul titlului intercalat între ele:

Pentru a adăuga etichete <h1> la <h6> în WordPress utilizând editorul clasic, va trebui să vă aflați în fila text:

Adding H1 Tags WordPress HTML Block

În editorul de blocuri, trebuie să comutați la editarea ca HTML.

Pentru a face acest lucru, faceți clic pe cele trei puncte verticale din bara de instrumente pentru blocuri. Apoi, selectați opțiunea Editare ca HTML.

Ca astfel:

H1 Tags WordPress HTML Classic

În oricare dintre editor, pur și simplu copiați/lipiți eticheta de titlu pe care doriți să o utilizați din cele de mai jos , actualizați textul titlului și sunteți gata.

 <h1>This is an H1 heading</h1> <h2>This is an H2 sub-heading</h2> <h3>This is an H3 sub-heading</h3> <h4>This is an H4 sub-heading</h4> <h5>This is an H5 sub-heading</h5> <h6>This is an H6 sub-heading</h6>

În continuare, să ne îndreptăm atenția către Shopify.

Cum să adăugați (sau să schimbați) etichete H1 în H6 în Shopify

De când a apărut pe scenă, Shopify a devenit rapid platforma de comerț electronic preferată.

Potrivit Tribunalului de găzduire, aproape jumătate de milion de site-uri web folosesc Shopify.

La fel ca WordPress, ceea ce face ca Shopify să fie cel mai atrăgător este centrarea pe utilizator.

Gestionarea produselor, adăugarea și eliminarea paginilor și postărilor sunt toate incredibil de ușoare.

La fel este și adăugarea <H2> la etichetele de antet <H6>.

În interiorul Editorului de pagini sau postări, faceți clic pe fila de formatare:

Adding Heading Tags Shopify

Apoi selectați eticheta de antet dorită:

Shopify Heading Tags Formatting

Ca și în cazul WordPress și al altor sisteme de gestionare a conținutului, Shopify oferă și un editor de cod.

Pentru a adăuga titluri la Shopify folosind editorul de coduri, faceți clic pe butonul <> din fereastra editorului și adăugați codul de antet:

Shopify Text Editor

Destul de simplu!

Pe de altă parte, dacă doriți să adăugați și să optimizați etichetele <H1> și <H2> pe celelalte pagini ale magazinului dvs. Shopify, cum ar fi paginile dvs. de pornire sau de produse...

Vi se va cere să editați fișierele tematice Shopify.

Din fericire, Daniel Sim de la Plugin Useful a creat aici un ghid la îndemână despre asta.

De ce să folosiți titluri?

Așa că am explicat „cum” să adăugați etichete de titlu.

Dar, totuși, s-ar putea să vă întrebați „de ce” folosiți titlurile în primul rând?

Mai ales când Google a descris utilizarea titlurilor pentru SEO ca fiind supraevaluată:

John Mueller Heading Tags Quote

În ciuda a ceea ce spune Google, există (de fapt) câteva motive importante pentru care ar trebui să utilizați etichete de titlu:

1. Etichetele de titlu îmbunătățesc accesibilitatea – ceea ce oferă conținutului dvs. o acoperire mai largă

Dacă doriți ca conținutul dvs. să fie accesibil tuturor, inclusiv cititorilor cu deficiențe de vedere, etichetele de titlu sunt incredibil de utile.

Tehnologia de citire a ecranului folosește H1 și alte etichete de titlu pentru a ajuta utilizatorii să navigheze în conținut, să scaneze și să caute o pagină.

Sursa imagine: Jackie Tidwell

După cum ați învățat deja, titlurile sunt încorporate în HTML, ceea ce înseamnă:

Un cititor de ecran poate folosi HTML pentru a identifica structura conținutului și pentru a citi titlurile cu voce tare.

La rândul său, acest lucru ajută persoanele cu deficiențe de vedere și utilizatorii nevăzători să obțină o imagine de ansamblu asupra despre ce este vorba într-un articol (fără a fi nevoie să asculte cuvânt cu cuvânt).

Ei pot decide apoi dacă vor citi sau nu articolul în întregime.

Mai mult:

Cititoarele de ecran vor oferi comenzi rapide pentru a trece de la o rubrica la alta.

Cu alte cuvinte, etichetele de titlu sunt folosite și de persoanele cu deficiențe de vedere pentru navigare .

2. Google folosește H1s în locul etichetelor de titlu (acolo unde este relevant)

În unele cazuri (nu atât de) rare;

De exemplu, atunci când Google nu poate găsi sau procesa eticheta dvs. de titlu.

Google poate alege să extragă un titlu din următoarea parte cea mai relevantă a paginii dvs.

În mai multe cazuri, aceasta va fi eticheta Titlul 1, deoarece este cel mai proeminent element de text disponibil.

Etichetă de titlu vs etichetă de antet

Într-un fel, eticheta H1 a unei pagini are un scop similar cu eticheta de titlu.

Ar trebui să îndeplinească intenția de căutare, să spună cititorilor la ce se pot aștepta de la pagină și să-i motiveze pe utilizatori să citească mai multe.

Acum știți că Google poate alege să vă afișeze H1 în SERP-uri; asigurați-vă că ați creat un titlu convingător, demn de clic.

Voi împărtăși sfaturi despre cum să faci asta mai târziu.

3. Titlurile sunt folosite în fragmentele recomandate

Verificați acest fragment recomandat.

Featured Snippet List Snippet

Este un fragment de listă care prezintă cele mai bune bloguri de rețele sociale pentru 2020.

Și, de unde credeți că este tras acest text?

Ai ghicit. Titlurile paginii de clasare:

Header Tags Top Social Media Sites

Dacă doriți să apăreați în numărul tot mai mare de fragmente prezentate, atunci includerea titlurilor în pagina dvs. este crucială.

Ceea ce mă duce la următorul meu motiv:

4. Google folosește titluri pentru a vă interpreta conținutul (și pentru a-i oferi un impuls în clasament).

Voi face acest lucru cu două afirmații de la Google.

În primul rând, de la John Mueller, Senior Webmaster Trends Analyst la Google, care spune:

„Folosim etichetele H pentru a înțelege mai bine structura textului pe o pagină.”

Și în al doilea rând, de la Matt Cutts, fost parte a echipei Google Search Quality.

„Google se uită la o mulțime de lucruri diferite. Ne uităm la peste 200 de lucruri, PageRank este doar unul dintre ele. Ori de câte ori clasificăm lucruri, folosim lucruri în titlu, în URL, chiar și tu știi lucruri care sunt evidențiate, cum ar fi etichetele h1 și chestii de genul.”

Matt Cutts, Google

Pentru a extinde acest lucru în continuare:

Google folosește titlurile unei pagini pentru a interpreta (mai bine) despre ce este vorba în conținut.

Deoarece un titlu ar trebui de obicei să precedă un bloc de conținut:

Google va vizualiza un titlu pentru a afla despre conținutul care urmează: text, imagine sau video.

Dacă antetul dvs. și textul textului sunt aliniate, Google poate fi mai sigur că conținutul dvs. va oferi răspunsuri relevante la întrebări (referitoare la conținut).

Și, la rândul său, veți obține o ușoară creștere în clasament.

John Mueller Header Tags Quote

Cu asta, trec la al cincilea motiv pentru care folosesc titlurile.

5. Utilizarea titlurilor este corelată cu clasamente mai înalte

Aproape fiecare studiu de corelare SEO pe care l- am văzut vreodată a arătat o corelație mică, dar pozitivă, între pozițiile mai înalte și titlurile de pe o pagină.

Luați acesta de la SEM Rush:

SEMrush Header Tag Study

S-a constatat că articolele bine structurate (folosind etichete H2 și H3) sunt mai probabil să aibă performanțe ridicate.

Și acesta de la Moz:

Header Tags in Moz Ranking Factors Study

Studiul factorilor de clasare Moz a constatat că paginile cu cuvântul cheie inclus în eticheta de titlu H1 au mai multe șanse să se claseze mai sus.

În timp ce ponderea acordată etichetelor de titlu de aceste studii este doar moderată și;

Unii SEO vor argumenta (pe bună dreptate) că corelația etichetei de titlu cu clasamentele superioare nu dovedește că provoacă mai multe clasamente de top , sunt sigur că veți fi de acord cu mine:

Folosirea etichetelor de titlu bine optimizate merită.

Sau este?

Funcționează cu adevărat etichetele H1 (un experiment SEO)?

Fiecare ghid SEO de acolo oferă aceleași sfaturi:

Sfat pentru etichete H1
Sursa: Backlinko

Dar, nu toate blogurile urmează aceste așa-numite bune practici SEO, Moz fiind unul dintre ele.

Moz.com este unul dintre cele mai de încredere (și foarte traficate) site-uri web pe tema SEO și totuși:

Blogul lui Moz nu are etichetă H1 și folosește în schimb o etichetă H2 pentru titlul principal.

După ce a observat că blogul Moz folosea etichete H2 pentru titluri (în loc de H1), Craig Bradford de la Distilled a contactat Cyrus Shepard la Moz.

Împreună, Craig și Cyrus au decis să desfășoare un experiment care, sperăm, să determine odată pentru totdeauna dacă etichetele H1 au impact asupra clasamentelor în motoarele de căutare.

Pentru a face asta, au conceput un test împărțit 50/50 al titlurilor blogului Moz folosind SearchPilot; un instrument de testare divizată SEO A/B.

Moz H2 Tags

În experiment, jumătate din titlurile lui Moz au fost schimbate în H1, iar cealaltă jumătate au fost păstrate ca H2.

Apoi au măsurat orice diferență în traficul organic între cele două grupuri.

Ce credeți că s-a întâmplat când titlurile principale au fost schimbate de la eticheta de antet incorectă (H2) la titlul corect (H1)?

Răspunsul:

Nu prea mult!

După opt săptămâni de strângere de date, ei au stabilit:

Schimbarea titlurilor postărilor de pe blog de la H2 la H1 nu a făcut nicio diferență semnificativă statistic.

Ce putem deduce din asta?

Doar că Google este la fel de capabil să determine contextul paginii dacă titlul principal este învelit într-un H1 sau un H2.

Înseamnă asta că ar trebui să renunți la cele mai bune practici și să elimini H1-urile?

Deloc.

Structura titlurilor: Anatomia unei ierarhii a etichetelor de antet perfect structurate

După cum am subliniat deja:

Titlurile comunică organizarea conținutului de pe pagina ta.

Și, faceți conținutul mai consumabil pentru cititori.

Deci, chiar dacă Google a declarat că, chiar și fără „etichete de titlu”, ei pot determina ce este notabil pe o pagină...

Beneficiul SEO de a folosi etichetele de titlu și de a le structura corect face ca orice efort suplimentar necesar să depășească neutilizarea deloc...

Întrebarea devine atunci:

Cum să structurați etichetele de antet: O ierarhie simplă (logică) pentru o pagină web

Când vine vorba de structurarea titlurilor, există câteva reguli simple de urmat:

  • Titluri de cuib după rang (sau nivel)
  • Cel mai important titlu are clasamentul de sus (<h1>)
  • Titlul cel mai puțin important are cel mai mic rang (<h6>)
  • Titlurile cu un rang egal sau mai mare încep o nouă secțiune
  • Titlurile cu un rang mai mic încep noi subsecțiuni care fac parte din secțiunea cu un rang superior

Când aplicați aceste reguli, țineți cont de utilizator.

În primul rând, utilizatorul vizual care vă va scana pagina;

Ierarhia dvs. de etichete face structura paginii mai vizibilă și mai ușor de scanat?

În al doilea rând utilizatorul cu deficiențe de vedere;

Ierarhia dvs. de etichete descrie fiecare secțiune (și pagina ca întreg) permițând utilizatorilor nevăzători să meargă direct la partea care îi interesează cel mai mult?

Dacă ar fi să citiți cu voce tare etichetele antetului, un utilizator ar afla (mai exact) ce informații conține pagina dvs. și cum este organizată?

Dacă răspundeți „nu” la oricare dintre aceste întrebări, structura dumneavoastră are nevoie de o regândire.

Să folosim un exemplu:

 <h3>Quick Links</h3> <h3>Photography Tutorials</h3> <h1>Setting the Exposure Manually on a Camera</h1> <h3>Set the ISO</h3> <h4>The effect of ISO on image quality</h4> <h4>High ISO cameras</h4> <h3>Choose an aperture</h3> <h4>The effect of aperture on depth of focus</h4> <h4>Vignetting</h4> <h4>Diffraction</h4> <h3>Choose a shutter speed</h3> <h4>Shutter speed limitations for hand-holding a camera</h4> <h4>Long exposures</h4>

În structura de mai sus:

Conturul începe cu două titluri <h3>, mai degrabă decât <h1>, și niciunul dintre aceste titluri nu este titlul principal pentru pagina web.

În schimb, ele fac parte din structura de navigare din jurul titlului din șablon.

În plus, odată ce începe conținutul, schița trece de la nivelul 1 la nivelul 3, fără un nivel de titlu 2 între ele.

După cum vă puteți imagina;

Un utilizator care scanează aceste titluri (cum ar fi cele de pe un dispozitiv de citire a ecranului) ar fi oarecum confuz.

Să presupunem că conținutul nu este ceea ce caută;

Faceți clic pe butonul Înapoi și mergeți în altă parte.

Vizitator pierdut!

Sunt sigur că acum înțelegi de ce este esențial să-ți aduci corect structura titlurilor?

Rămânând cu același exemplu...

Iată cum ar trebui să arate structura titlurilor în ordinea corespunzătoare:

 <h1>Setting the Exposure Manually on a Camera</h1> <h2>Set the ISO</h2> <h3>The effect of ISO on image quality</h3> <h3>High ISO cameras</h3> <h2>Choose an aperture</h2> <h3>The effect of aperture on depth of focus</h3> <h3>Vignetting</h3> <h3>Diffraction</h3> <h2>Choose a shutter speed</h2> <h3>Shutter speed limitations for hand-holding a camera</h3> <h3>Long exposures</h3>

Fiecare nivel de titlu, de la <h1> la <h3>, indică relația dintre o parte a conținutului și celelalte părți.

Conținutul de sub un titlu se referă în mod logic la un titlu de deasupra acestuia.

În mod similar, conținutul dintr-un bloc de conținut <h2> se află în mod logic sub <h1> care îl precede.

În acest fel, structura anteturilor organizează ierarhic conținutul documentului.

Și, arată foarte clar ce este important.

Bingo!

Verificare etichete H1: Cum se efectuează un audit de titlu

Deci acum știți cum să structurați noile pagini de pe site-ul dvs., corect!

Dar, cum rămâne cu paginile tale existente?

Cum puteți verifica dacă folosesc etichetele de titlu corecte?

Ei bine, există câteva moduri:

În primul rând, puteți verifica codul sursă al site-ului dvs. web .

Pentru a face acest lucru, navigați la pagina web pe care doriți să o verificați folosind Google Chrome.

Apoi, faceți clic pe „Afișați”, apoi pe „Dezvoltator”, apoi pe „Vedeți sursa”.

Sursa de vizualizare a etichetei H1

Apoi „Control F” pentru a lansa funcția de căutare în pagină urmată de „<h1” pentru a găsi eticheta HTML H1 de deschidere:

Acest proces poate fi repetat pentru H2 folosind o căutare pentru „<h2” și așa mai departe.

Etichete H2 Vizualizare sursă Căutare

De asemenea, puteți vizualiza etichetele de antet folosind o extensie de browser precum SEO Quake.

SEO Quake

Cu SEO Quake instalat, deschideți pagina pe care doriți să o verificați, navigați la fila „Diagnoză” din interiorul SEO Quake, apoi derulați în jos la secțiunea Titluri.

Acesta vă va afișa numărul total de etichete de antet la fiecare nivel, apoi va lista etichetele de antet în ierarhia în care sunt afișate.

Etichete de titlu SEO Quake

O revizuire rapidă a paginii de mai sus arată că folosește etichete H1, H2 și H3, iar etichetele sunt structurate într-o ierarhie logică.

Dar poate fi o problemă.

Pagina conține două titluri H1.

Etichete H1: Câte elemente H1 sunt recomandate pe o singură pagină

După cum am subliniat mai devreme, o pagină ar trebui să aibă doar o etichetă H1 .

Asta pentru că eticheta H1 este nodul rădăcină din care provin toate celelalte titluri.

Și, având o singură etichetă H1, eforturile dvs. de SEO sunt concentrate în jurul unui subiect principal - cu mai multe subsubiecte (cuprinzătoare) sub titluri care folosesc H2 și H3.

Aceasta este structura ideală pentru clasarea zilelor noastre.

Dar cum rămâne cu cazurile în care pagina ta are mai mult de un H1?

Sau chiar deloc H1?

Potrivit unui studiu realizat de SEMRush, un procent masiv de site-uri web conțin probleme cu etichetele H1:

Studiu etichete antet SEMrush

Dar, potrivit Google, acest lucru nu este un motiv de îngrijorare:

Mai ales, deoarece HTML5 poate folosi H1s pentru a conduce mai multe secțiuni din aceeași pagină.

Deci ce recomand?

Dacă utilizați deja HTML5, care poate avea secțiuni distincte în aceeași pagină, atunci folosirea etichetelor H1 pentru fiecare secțiune este perfect.

Dacă, totuși, utilizați cod pre-HTML5, unde o pagină înseamnă, de obicei, un subiect de bază - atunci respectați regula o h1/o pagină!

Cum se creează etichete Killer H1 la H6. Cinci sfaturi pentru scrierea antetului

În continuare, voi împărtăși exact cum să scriu un titlu care să reducă rata de respingere, să mărească timpul pe pagină și, în cele din urmă, să genereze clasamente mai ridicate în motoarele de căutare și conversii pentru site-ul tău.

Să sărim înăuntru:

1. Dă-le pentru ce au venit – Stăpânirea intenției de căutare cu H1s

Google spune că folosirea cuvintelor cheie în titlurile dvs. nu vă va ajuta să vă poziționați mai bine.

Ei gresesc!

Sunt de acord că cuvintele cheie din interiorul titlurilor s-ar putea să nu fie un factor direct de clasare , dar totuși vă ajută să vă poziționați mai sus în timp.

Cum se face?

Două cuvinte mici; intentia de cautare.

Imaginați-vă pentru un moment că ați căutat ceva pe Google, ați dat clic pe un rezultat relevant și ați terminat pe o pagină de destinație.

În scenariul A, pagina pe care o accesați are un titlu clar articulat care se potrivește perfect cu termenul dvs. de căutare.

Bună intenție de căutare

În scenariul B, titlul paginii nu se potrivește deloc cu termenul de căutare.

Intenție de căutare greșită

Pe ce pagina ramai?

Pagina A, desigur.

Algoritmul de învățare automată de la Google, cunoscut sub numele de RankBrain, folosește acest concept ca factor de clasare prin măsurarea timpului de așteptare al utilizatorilor.

Timpul lung de locuire (AKA time-on-page) este o măsură a satisfacției căutării.

Dacă un utilizator petrece o perioadă lungă de timp pe o pagină web – spre deosebire de pogo-reducerea imediată la rezultatele căutării – Google va presupune că utilizatorul a găsit ceea ce căuta.

Și, la rândul său, oferă paginii un impuls de clasare.

Pune simplu:

Maximizarea timpului de așteptare și reducerea la minimum a lipirii pogo este esențială pentru clasamentele mai înalte în aceste zile.

Unul dintre cei mai importanți factori care influențează timpul de așteptare este ceea ce văd utilizatorii atunci când ajung pentru prima dată pe o pagină. Cu alte cuvinte, titlul.

Deoarece toți specialiștii în căutare plătită vă vor spune dacă vizați cuvântul cheie „bețe de hochei”, pagina dvs. de destinație ar trebui să includă acel termen (sau o variantă foarte apropiată) în titlu. Același lucru este valabil și pentru căutarea organică.

Cheia aici este; cuvântul cheie țintă sau o variantă apropiată .

Desigur, puteți include cuvântul cheie exact dacă doriți, dar nu este esențial.

Principalul lucru este să potriviți intenția din spatele căutării utilizatorilor, ceea ce vă permite să utilizați variații și sinonime pentru a face titlul mai natural și mai atrăgător.

Oricum, reflectarea termenului de căutare în titlu va spune utilizatorului „ai găsit ceea ce cauți”, ceea ce crește șansele ca acesta să rămână.

Să ilustrăm asta cu un exemplu:

Glen Allsopp de la Detailed.com a scris această postare extraordinară despre crearea de linkuri.

Acesta vizează cuvântul cheie „building link-ul avansat”.

Creare de legături avansate

Pentru a ajuta postarea să satisfacă intenția de căutare, Glen include cuvântul său cheie în titlul paginii postărilor:

Cuvânt cheie în eticheta de titlu

Și din nou în antetul paginii.

Cuvânt cheie în titlu

Este clar pentru oricine care caută „building avansat de linkuri”, postarea lui Glen va avea ceea ce caută.

Acest lucru nu poate decât să îmbunătățească timpul de așteptare al postării lui Glen și să liniștească algoritmul RankBrain de la Google.

2. Folosiți tehnica „Deci ce” și transformați-vă titlurile plictisitoare axate pe caracteristici în cârlige bazate pe beneficii

În loc să scrieți doar subtitluri scurte, axate pe caracteristici.

Încorporez beneficii în cel puțin 50% din H2-urile mele:

Subtitluri bazate pe beneficii

De ce fac asta?

Folosind beneficii, sugerez modul în care informațiile mele vor ajuta cititorii mei în rolul lor de SEO.

De exemplu:

În această postare despre experimentele SEO, aș fi putut scrie doar „Utilizați legături de ieșire” ca H2.

Dar, în schimb, am inclus un beneficiu de impact care arată problema pe care o rezolvă informațiile.

Utilizați Beneficiile în etichetele H2

Dacă sunteți SEO și aveți aceeași problemă, sunteți aproape sigur că veți citi mai departe.

Deci, cum vă creați titlurile bazate pe beneficii?

Întrebați: „Și ce?” de mai multe ori.

Permiteți-mi să vă arăt cu un exemplu pe care l-am cules din Enchanting Marketing:

Caracteristică: Cuptorul se preîncălzește rapid.

Și ce dacă?

Este rapid gata pentru a începe să vă gătiți lasagna.

Și ce dacă?

Mâncarea ta este pe masă mai devreme.

Și ce dacă?

Viața este mai puțin stresantă. Sunt mai puține agățați în bucătărie, așteptând ca cuptorul să se pregătească. Și nu trebuie să vă faceți griji; s-ar putea să uitați să vă preîncălziți cuptorul.

Titlul dvs. care a început ca „Funcția de preîncălzire”

Acum ar putea deveni:

„Economisiți timp și reduceți-vă stresul cu această funcție unică de preîncălzire”

Care este mai probabil să te țină lipit de pagină?

3. Faceți ca titlurile să iasă în evidență cu fonturi remarcabile și culori contrastante

Ți-ai reușit copia și titlurile tale îndeplinesc perfect intenția de căutare, ce urmează?

Pentru a ajuta cititorii să navigheze mai bine în conținutul dvs., ar trebui să faceți distincția dintre titlurile și subtitlurile.

Cu alte cuvinte, titlurile dvs. ar trebui să apară pe pagină.

A fi distins ar putea implica diferențierea vizuală în culoare, dimensiune, font sau efect.

Diferențierea titlurilor

SAU o combinație a tuturor acestora.

Să aruncăm o privire la câteva exemple:

Blogul Ahrefs face o treabă grozavă în a-și distinge anteturile:

Anteturi Ahrefs

Folosesc o dimensiune diferită a fontului și progresează subtil de la negru la gri pe măsură ce se deplasează în jos în ierarhia antetului.

Pentru puncte bonus, aceștia folosesc și un font personalizat dezvoltat exclusiv pentru marca lor.

Un alt exemplu bun este Single Grain al lui Eric Siu, care folosește un portocaliu contrastant pentru titlurile blogului lor.

Headers cu un singur cereale

Vrei ca titlurile tale să iasă în evidență, astfel încât să fie diferite din punct de vedere vizual de alte elemente de pe pagină – în special îndemnul la acțiuni .

Prea multă suprapunere vizuală poate duce la mai puține observații asupra indemnurilor dvs., ceea ce duce la conversii mai mici.

Cu asta, pe al patrulea sfat

4. Profitați de aceste tehnici de redactare ingenioase, reduceți rata de respingere și creșteți-vă vânzările

Dacă acest lucru nu te face să iei în serios scrierea titlurilor, nimic nu va:

Citat din titlul Brian Clarke

Această afirmație subliniază importanța titlului și de ce determină eficacitatea întregii piese.

Pe scurt, cu cât titlul dvs. este mai bun, cu atât sunt mai mari șansele de a depăși mediile și de a citi ceea ce ați scris.

Acest lucru este valabil nu numai pentru titlul principal (H1), ci și pentru subtitlurile (H2 până la H6).

De fiecare dată când există o pauză în conținutul tău, cititorul tău are două opțiuni;

Fie se opresc, fie citesc mai departe.

De aceea, este esențial să folosiți o copie atrăgătoare în toate titlurile dvs. (H1 până la H6).

Nu sunt expert în copywriting, așa că voi lăsa în seama Cursului de CopyWriting Nevile Medhora să vă împărtășească câteva sfaturi pentru scrierea titlurilor.

5. OPRIȚI cititorii pe calea lor prin introducerea acestor elemente de titlu în conținutul dvs

Folosirea graficii este excelenta.

Utilizarea titlurilor este excelentă.

Dar când le combini pe amândouă, apare adevărata magie.

După cum am discutat deja:

Îmbunătățirea timpului pe pagină al utilizatorului îmbunătățește rezultatele de clasare.

Un timp lung de așteptare îi spune Google utilizatorilor tăi sunt mulțumiți și, la rândul său, conținutul tău primește o creștere a clasamentului.

Dwell Time și RankBrain

Pentru a îmbunătăți timpul pe pagină, există un lucru pe care ar trebui să vă concentrați mai presus de orice;

Să vă faceți conținutul mai lizibil .

In afara de;

  • Paragrafe scurte
  • Imagini și multimedia
  • Blocuri de citate
  • Puncte cheie
  • Chestionare

Există un alt element de conținut de întrerupere pe care ar trebui să îl introduceți alături de subtitlurile dvs., care cu siguranță va opri „scămatorii de conținut” în piesele lor:

Grafică antet personalizată

Aruncă o privire la această rezumat despre SEO local pe blogul SEO Sherpa.

Pe lângă etichetele de antet H2, am adăugat elemente grafice personalizate care introduc fiecare subsecțiune a postării.

Grafică antet personalizată

Nu numai că fac postarea să arate MULT mai impresionantă.

Dar, ele ajută la creșterea timpului pe pagină la o medie decentă de 4 minute:

Timp pe pagină

Care este cu mult peste media pentru site:

Timp mediu pe pagină

Crearea acestor grafice a fost ușoară, deoarece am norocul să am doi designeri cu normă întreagă în personal.

Dar, dacă nu sunteți pregătit să vă construiți propria echipă de proiectare, există încă o mulțime de opțiuni

  • Canva – instrument de editare a imaginilor (gratuit)
  • PicMonkey – producător de design grafic (gratuit)
  • 99 Designs – designeri independenți (la preț redus)
  • Upwork – platformă de freelancing (cost redus)

Indiferent de ruta pe care o alegeți.

Data viitoare când scrieți o bucată lungă de conținut SEO, adăugați niște grafice de antet și urmăriți-vă creșterea timpului pe pagină (și a clasamentelor).

Iată tot ce trebuie să știți despre etichetele de antet și despre cum să le utilizați pentru a îmbunătăți optimizarea pentru motoarele de căutare.

Acum este peste tine!

Cum să puneți aceste tehnici în practică pe site-ul dvs

Am realizat o listă de verificare gratuită a titlurilor care vă va ajuta să profitați de aceste tehnici pentru a îmbunătăți performanța site-ului dvs.

Prezintă – pas cu pas – exact cum să folosești strategiile despre care am vorbit în postare.

Odată ce îl descărcați mai jos , spuneți-mi în comentarii care este sfatul dvs. preferat de scriere a antetului. Mi-ar plăcea să știu.

Descărcare etichete antet