Kompetentan odabir i postavljanje naslova H1 i H2 prilikom optimizacije tekstova na promoviranim stranicama web stranice važna je faza u SEO radu. U ovom članku ćemo govoriti o tome šta su naslovi H1 i H2, koju ulogu imaju i kako ih pravilno koristiti za postizanje najboljeg rezultata.

Šta su naslovi H1 i H2?

Naslovi su riječi, fraze ili fraze koje sažimaju značenje informacija koje slijede. Ne moramo ponovo čitati cijeli tekst članka u časopisu ili novinama da bismo shvatili o čemu će se u njemu raditi. Bacimo pogled na naslove i podnaslove i odlučujemo da li nam je ovaj materijal zanimljiv, da li ga vrijedi čitati. Ako otvorimo udžbenik ili uputstvo, onda nam je uz pomoć naslova lako pronaći upravo one informacije koje su nam potrebne. Jednom riječju, naslovi ne samo da privlače čitaoce, već služe i njihovoj pogodnosti.

Tekstovi na web stranicama također trebaju imati naslove. Za to postoje najmanje 2 razloga:

1. Naslovi strukturiraju tekst i čine ga lakšim za čitanje. Čvrsti tekst (koji se često naziva "list") je težak za čitanje, ne želite ga čitati. A budući da pretraživači sada uzimaju u obzir faktore ponašanja (skup radnji posjetitelja na web-mjestu), zainteresirani ste da korisnik čita tekst na vašem resursu, a ne da zatvori stranicu, uplašen "listom".

2. Naslovi jasno stavljaju do znanja pretraživačima koje informacije se nalaze u određenom dijelu teksta. Na osnovu naslova, pretraživači procjenjuju koliko ove informacije ispunjavaju očekivanja korisnika. Zbog toga su toliko važni pri optimizaciji tekstova.

Sada razumijete da ne biste trebali zanemariti upotrebu naslova u tekstovima na stranicama web-mjesta? Onda idemo dalje!

Šta znače pojmovi H1 i H2? Morat ćemo se malo dotaknuti pitanja vezanih za html izgled. H1 i H2 (tačnije,

I

) su html oznake koje ukazuju na važnost teksta koji ih slijedi. Nazivaju se i oznake akcenta. U html dokumentu to izgleda ovako:

Na web stranici ova zaglavlja imaju različito formatiranje prema zadanim postavkama:

Zapravo, postoji 6 nivoa naslova: od H1 do H6. Prema tome, naslov H1 ima najveću težinu, naslov H2 je sekundaran, a naslov šestog nivoa H6 je najmanje značajan. Međutim, za SEO promociju najvažniji naslovi su H1 i H2. Govorit ćemo o pravilima za njihovu upotrebu za optimizaciju tekstova.

Šta trebate znati za kompetentno postavljanje naslova H1 i H2?

Naslov H1 igra važnu ulogu ne samo u optimizaciji teksta, već i u optimizaciji cijele stranice. On je taj koji poručuje tražilici koliko sadržaj predstavljen na stranici odgovara naslovu stranice (Title), te, prema tome, ispunjava očekivanja korisnika.

Jeste li smislili kreativan, neobičan, atraktivan naslov za tekst, zasnovan, na primjer, na igri riječi? Ovaj pristup može biti dobar za štampani oglas ili novinski članak, ali za promociju pretraživanja, takav kreativ može imati negativne posljedice. Pretraživači nemaju maštu i maštovito razmišljanje, bitne su im specifičnosti. U nastavku dajemo važne smjernice za pisanje H1 naslova.

Osnovna pravila za korištenje H1 zaglavlja

Naslov H1 bi trebao biti kratak, ali opsežan. Važan uslov je prirodno pojavljivanje ključnih reči u njemu. Uzmimo primjer. Recimo da optimizirate stranicu koja sadrži katalog ženskih cipela. Za promociju ove stranice odabrani su sljedeći upiti (o tome koji su upiti za pretraživanje možete pročitati u našem materijalu "Upoznajte svog SEO stručnjaka"): "ženske cipele" (učestalost - 3896), "ženske cipele u Minsku" (učestalost - 490), "kupite ženske cipele" (učestalost - 384), "cipele za žene" (učestalost - 207), "katalog ženske cipele cijene” (učestalost - 318). Za tekst na ovoj stranici najlogičnije je koristiti H1 naslov "Ženske cipele", jer je najopćenitiji, ali istovremeno opisuje sadržaj sadržaja, a može se specificirati i naslovima od više od jedan nivo.

Naslov H1 bi se trebao pojaviti samo jednom po stranici.

Ovaj naslov se nalazi na samom početku teksta, po mogućnosti na vrhu stranice.

Naslov H1 treba da se nalazi iznad naslova drugih nivoa (nije dozvoljeno stavljati, na primer, naslov H2 ispred njega).

Veličina fonta ovog naslova treba da bude veća od veličine fonta naslova nižeg nivoa. Podrazumevano, ovako je, ali ako stilovi određuju drugačije, trebalo bi da ispravite situaciju.

Primjeri naslova H2

Kako su sastavljeni H2 naslovi? U tekstu ih može biti nekoliko. Po pravilu specificiraju naslov H1 i strukturiraju cijeli tekst. Vratimo se našem primjeru stranice na kojoj se nalaze ženske cipele. Za ovu stranicu možete napisati prodajni tekst koji opisuje prednosti modela koji se nude kupcima i daje tabelu veličina. Takođe na stranici korisnik može pronaći katalog obuće sa fotografijama i cijenama. U ovom slučaju, naslovi u tekstu mogu biti sljedeći:

Ako se sjećate pojmova za pretraživanje koje koristimo za promociju naše stranice u ovom primjeru, shvatit ćete da u naslove H2 uključujemo bogate pojmove koji imaju manji opseg pretraživanja. Mogu se prikazati u indirektnoj pojavi (mogu se odbiti, drugim riječima „razvodniti“). I što je najvažnije, oni specificiraju naš H1 naslov i signaliziraju pretraživaču da tekst koji slijedi zaista odgovara na upite za pretraživanje napisane u naslovu stranice (Title).

Najčešće greške u korištenju H1 i H2 zaglavlja

Kada koristite naslove za optimizaciju teksta, pokušajte izbjeći sljedeće greške:

Korištenje oznaka

I

za stiliziranje elemenata stranice. Ovo je uobičajena greška koja se može dogoditi čak i protiv vaše volje. U mnogim gotovim predlošcima stranica (na primjer, na Joomli ili Wordpress) u tagovima

I

zatvorena, na primjer, imena blokova. Na primjer, kao što su "Popularni proizvodi", "Najnovije vijesti", "Mi smo na društvenim mrežama" i tako dalje. Ova tehnika obmanjuje pretraživače i ne donosi ništa dobro. Stoga, prilikom obavljanja SEO revizije stranice, stručnjak nužno provjerava da li se naslovi koriste „kako je predviđeno“. Zapamtite važno pravilo - H1 i H2 treba koristiti samo za strukturiranje teksta!

Korištenje istih naslova za različite stranice. Ovo je, naravno, glupost, ali se dešava. U najmanju ruku, naslovi H1 trebaju biti jedinstveni za svaku stranicu!

Postavljanje u naslove hiperlinkova.

Prisustvo dva ili više H1 naslova na stranici. Podsjećamo da je to neprihvatljivo! Naš moto je "Jedna stranica - jedan H1 naslov"!

U zaključku našeg članka skrećemo vam pažnju na još jednu važnu tačku. Razgovarajmo ponovo o predlošcima web stranica. Postoje slučajevi kada standardni predlošci stranica uopće nemaju naslove H1. Umjesto njih idu naslovi H2. Čak i ako se u administrativnom dijelu stranice od vas zatraži da unesete tekst u polje "Naslov materijala", zapravo se može ispostaviti da će on biti zatvoren u oznakama

Važnost pravilnog postavljanja tekstualnih naslova također treba podsjetiti programera koji nije upoznat sa SEO prilikom postavljanja jedinstvene stranice.

Dobar dan, dragi posjetioci.

Danas će biti članak na temu H1-H6 naslova za stranicu.

Sigurno svi već znaju o kakvim se naslovima radi, ali siguran sam da ne znaju svi suptilne tačke u njihovoj upotrebi i ne pretpostavljaju da njihovo korištenje na stranicama resursa ima samo 2 zadatka.

Svrhe i slučajevi upotrebe

Glavna 2 svrha naslova u oznakama H1-H6 je da dizajniraju i strukturiraju sadržaj na stranicama resursa kako bi ga učinili čitljivijim i lakšim za korištenje posjetiteljima stranice. Ne bismo trebali slijediti nikakve druge ciljeve iz ovih oznaka.

Osim što se jednostavno koriste kao elementi strukturiranja sadržaja i njegovog dizajna, posjetitelji često koriste ove oznake da daju potreban dizajn pojedinačnim frazama ili čak cijelim rečenicama. Ispostavilo se da oznaka H6 (na primjer) ima dizajn samo podebljanog fonta i umjesto da označava red u tekstu oznakom , umotaju ga u oznaku H6. Ovo je fundamentalno pogrešno.

Naslove u ovim oznakama treba koristiti samo za razbijanje teksta na logične dijelove. Nema odabira cijelih rečenica i pojedinačnih fraza.

Osim toga, naslovi H1-H6 imaju hijerarhiju, što ih čini različitim u dizajnu, barem u veličini fonta. Svaki donji nivo bi trebao biti manje uočljiv od onog iznad njega.

Slika prikazuje ispravan dizajn naslova u ovim oznakama, kada veličina fonta ide opadajućim redoslijedom od vrha do dna. Ako imate situaciju drugačiju od ove, već biste se trebali okrenuti stilovima dizajna vaše stranice i pravilno ih urediti.

Ali evo jedne stvari - pobrinite se da naslovi nižeg nivoa (bliže H6) izgledaju kao naslovi i da se ne spajaju s običnim tekstom. Trebali bi izgledati kao naslovi, a ne samo podebljani.

Na osnovu ovog dizajna, možemo shvatiti da naslovi moraju održavati svoju hijerarhiju kada se koriste kao element strukturiranja teksta. Ne može biti da je prvi naslov H1 prvi, a zatim odmah H5 ili H6. Nakon prvog nivoa, logično je i ispravno koristiti samo naslov u H2 tag-u. Ovo je važno, kako sa stanovišta dizajna samog materijala, tako i sa stanovišta održavanja ispravne strukture.

Pretraživači sada obraćaju pažnju na ove oznake. Ali ne kao SEO elementi, već kao elementi strukturiranja. Stoga će biti čudno ako ode H1, a zatim odmah H6.

Kada koristimo ove oznake, vodimo računa o održavanju strukture. Ako idemo niz nivo, onda nema skakanja kroz nivo. Struktura bi trebala biti sljedeća: H1-H2-H3-H4-H5-H6.

Vrijedi reći da upotreba naslova nivoa H1 u ovim slučajevima neće biti prikladna, jer ga treba koristiti samo jednom na stranici i treba sadržavati naziv materijala. Stoga ga nije potrebno koristiti u tekstu.

Sada ću pokriti glavne točke korištenja naslova H1, ali prije toga ću dati nekoliko općih savjeta koji vrijede za naslove svih nivoa.

• Ne završavajte sa tačkom;
• Održavamo hijerarhiju kada se koristi;
• Nema svrhe postavljati ključne riječi;
• Oni se dešavaju čak iu vrlo kratkim člancima, budući da se svaki tekst može podijeliti na logičke dijelove;
• U naslov se unosi kratka suština narednog teksta, a ne nešto "da je samo tako".

H1 osnove

Gore navedena pravila su također relevantna, ali osim njih, postoje i obavezna za ovaj određeni nivo naslova.

• H1 je uvijek jednom na svakoj stranici;
• Podstičemo korisnika da pročita materijal, tako da ima smisla koristiti uporne riječi (na primjer, tajne, najbolji čipovi i tako dalje);
• Mi ga činimo drugačijim od oznake title, koja prikazuje naziv stranice u rezultatima pretraživanja i potiče prijelaz na stranicu stranice iz pretrage. Trebalo bi biti malo drugačije, ali svakako treba dati razumijevanje da se kontekst materijala na stranici nije promijenio;
• Koristimo ključnu riječ članka, ali u razrijeđenom obliku, a ne u tačnom pojavljivanju;
• Znakovi interpunkcije se ne preporučuju.

Upotreba u praksi

Gore sam napisao da se H1 koristi samo 1 put na stranici i trebao bi se automatski ugraditi u izgled predloška stranice i automatski će se zamijeniti u zaglavlju. Provjerite ovaj trenutak. Analizirajte naslove svojih članaka i pogledajte jesu li umotani u H1. Ako to nije slučaj, uredite svoj predložak.

Uobičajena situacija kada je umjesto H1 H2. Ovo nije gruba greška, ali bolje je to ne dozvoliti.

Ako govorimo o korištenju drugih nivoa naslova H2-H6, onda ih već treba koristiti u ručnom načinu rada.

Koristeći neki CMS za kreiranje stranice, ovi naslovi se vrlo jednostavno dodaju člancima. Na primjer, u WordPress-u, panel za oblikovanje u uređivaču stranica uvijek ima unos naslova, gdje možete odabrati željeni nivo tako što ćete prethodno označiti željeni tekst koji želite da priložite u naslov.

Isto je sa svakim motorom. Ako koristite HTML izgled stranice i morate ručno dodati oznake, onda neće biti poteškoća. Potrebno je samo priložiti potrebne dijelove teksta između otvaranja i zatvaranja tagova sa željenim nivoima. U nastavku pogledajte primjere.

nivo 2 naslov

nivo 3 naslov

nivo 4 naslov

nivo 5 naslov

nivo 6 naslov

Što se tiče stilova za svaki nivo, vrijedi dodati pravila svakom nivou u datoteci stila.

Imajte na umu da nema tačaka ili hešova ispred naziva nivoa naslova u stilovima. Unutar zagrada navodimo same stilove: tip fonta, veličinu, boju, pozadinu i tako dalje.

Dizajn naslova H1-H6

Ako svoje naslove učinite jedinstvenim dizajnom koji upada u oči, posjetitelji će vam samo zahvaliti na tome i dizajn sadržaja će biti na najvišem nivou. Sada su jednostavni naslovi s velikim veličinama fonta i podebljanim naglaskom već stvar prošlosti.

Jednostavni, ali u isto vrijeme, naslovi ulaze u modu uz pomoć raznih odabira sa linijama, podvlačenja uz pomoć pozadine i tako dalje.

Jednom sam dao nekoliko primjera takvih dizajna. Čak i ako uzmete moj blog, glavni naslov u H1 nije samo veliki font na bijeloj pozadini sa ostatkom teksta. Razdvojen je sivim okvirom na općoj pozadini stranice, što ga čini vidljivijim i skreće pažnju na njega.

Dat ću vam još 2 primjera stiliziranih naslova u H1.

Kao što vidite, ovo nije samo podebljani font, već prekrasna pozadina s valovitom donjom površinom i podvučenim gornjim dijelom.

Zanimljiv dizajn možete vidjeti i sami na ovu stranicu.

Što se tiče naslova H2-H6, oni ne samo da mogu biti ukrašeni nekom vrstom pozadine, već i numerisani (ako koristite sadržaj na vrhu stranice) u obliku prekrasnih slika. Opet, ovo ne moraju biti jednostavni brojevi. Evo dobrog primjera takve ideje.

Kada znate nešto što većina ljudi ne zna, a kamoli da zna, možete krenuti dalje i pogledati glavne greške u korišćenju svih nivoa naslova na vašem sajtu.

Greške u upotrebi

Već ste mogli sami smisliti sve greške, nakon što ste proučili sav gornji materijal, ali postoje neke nijanse. Navest ću sve što se može odnositi konkretno na vas i što treba odmah ispraviti.

• Više od jedne H1 po stranici. To nije u redu. Samo jednom po dokumentu;
• Korištenje oznaka H1-H6 za dizajn dodatnih elemenata stranice. Na samom početku sam napisao da je svrha ovih dokumenata dizajn i strukturiranje sadržaja. Stoga ih treba koristiti samo u sadržaju. Većina predložaka web mjesta uključuje ove oznake u bočne trake za stiliziranje njihovih naslova i tako dalje. Ovo je jasno izraženo u WordPress šablonima, kada je naziv svakog widgeta na bočnoj traci zatvoren u H3 ili drugim tagovima.
• Posebno unesite ključne riječi. Ranije je postojalo mišljenje da unošenjem ključnih riječi direktno u naslove svih nivoa možete povećati njihovu gustinu i pozicija takve stranice će biti veća. Ali sada je to već "kažnjeno zakonom" pretraživača i sankcionisane su za spam u naslovima. Štaviše, ove oznake se rangiraju prema drugim algoritmima. Zaključak: nema svrhe unositi ključne riječi;
• Česta upotreba tačaka i interpunkcije. Tačke u naslovima uopće ne treba koristiti, jer je to pogrešno sa stanovišta copywritinga i općih pravila za dizajn tekstova. Takođe pokušavamo da minimiziramo broj znakova interpunkcije kako bismo povećali čitljivost naslova. Ovdje se može pripisati i veliki broj riječi – nemojte praviti predugačke naslove;
• Izvod strukture sa stanovišta hijerarhije se ne poštuje. Pokušajte slijediti logički lanac u izgradnji hijerarhije H2-H6 oznaka na svakoj stranici;
• Korištenje oznaka H1-H6 za stiliziranje drugih tekstualnih elemenata, a ne naslova. Ovo je ono o čemu sam pričao gore, kada je stil svake oznake pogrešno konfigurisan i umjesto uobičajenog podebljanja, možete koristiti naslov nekog nivoa.
• Naslov nije prikladan ili ne nosi kontekst teksta koji ga slijedi. Da naučite kako da kreirate logične naslove, uzmite nekoliko dobro dizajniranih knjiga koje vam je lako čitati. Vodite se i strukturiranjem sadržaja na Wikipediji;
• Uopšte se ne koriste naslovi H1-H6 ili ne u malim tekstovima. Samo potpuni izostanak i nema se o čemu pričati, ali o izostanku na malim stranicama - trenutak je sumnjiv, jer svaki tekst (čak i minimalnih 1000 karaktera) ima logičnu strukturu. Prelazak s jedne teme na drugu. Zašto ga ne podijeliti na logične dijelove sa podnaslovima različitih nivoa?

To je sve, dragi webmasteri. Materijal o naslovima na sajtu je došao do kraja. Ispalo je prilično čvrsto. Negdje sam se ponovio, ali ovo samo da bih vam skrenuo pažnju na ključne ideje članka. Nadam se da vam je ovaj materijal bio koristan.

Usput, možete li pronaći mali nedostatak u mojim naslovima na stranici? Ako da, onda pišite u komentarima. Ovaj trenutak nije mnogo primjetan, ali je tu.

Vidimo se u narednim objavama. Još uvijek naprijed.

S poštovanjem, Konstantin Khmelev!

Zdravo momci! Osećam da se situacija zahuktava, počele su da se probijaju opscenosti u komentarima, uvrede upućene meni. Pa, već mi nedostaju ta vremena. 🙂 Najgora stvar je ignorisanje. A kad grde - dobro je, znači da nekoga uvrijedim. Zadovoljstvo. 🙂 Hej-ge-gej, druže komentatore, zdravo!!! 🙂 Ali zbog psovki sam morao da izbrišem tvoj komentar, više puta sam rekao da neću tolerisati psovanje takvog plana.

Mnogi me optužuju da prodajem artikle. Da, bilo je vremena, ali sam obećao da će se njihov broj smanjiti. Ali neki i dalje misle da ako pregledam neku uslugu, ovaj post je korumpiran. Mislite šta hoćete, gospodo. Savjest mi je čista i smiješim se u sva svoja iskrivljena 32 zuba. Odlično sam raspoložen, a bit će i moji vjerni čitaoci, barem ću pokušati. 🙂

U prošloj lekciji, govorio sam o SEO ekstenziji za pretraživače. Nisam odlučio samo da pokrenem dugo putovanu temu. Odlučio sam da stavim tačke na I. Mnogi čitaoci me pitaju kako pravilno koristiti naslove h1, h2, h3 itd.? Već sam se vratio u 2012. Radeći revizije mnogih sajtova, vidim iste greške koje ne priznajem. Dakle, vrijeme je da malo dodamo toj lekciji.

Možda će neki optimizatori smatrati h1 oznake i slično beskorisnim, ali većina ih podržava. Ako još uvek ne razumete, SEO je veoma zeznuta nauka, svako ima svoje mišljenje.

Pravila za korišćenje naslova h1, h2, h3, h4 na stranici u smislu SEO-a

Pravilo #1 : Trebao bi biti samo 1 h1 tag po stranici.

Upamtite, samo 1, a ne 2, posebno ne 3. Mnogo ljudi zanima kako saznati broj ovih oznaka na stranici, a vrlo često webmasteri počinju puzati u izvorni kod stranice i ručno tražiti ove oznake . I ja sam to radio sve dok mi moj "brato na internetu" Vitalij (http://mojwp.ru/) nije predložio jednu vrlo zeznutu stvar, koja je, ispostavilo se, ugrađena u moj omiljeni SEO trak.

šta ti je potrebno?

Veliki plus je 1 tag u h1 na stranici, što je jako dobro. Ako ga nemate ili ih ima više, u nastavku ću vam reći kako da se riješite suvišnih ili da ih dodate.

Pravilo broj 2: naslovi h2, h3, h4 treba da budu samo u samom članku.

U mom slučaju vidite da se h2 koristi vrlo korektno, ali u oznaci h3, h4 imam "smeće". Odnosno, ove fraze nemaju nikakvu korist u smislu SEO-a. Štaviše, korištenjem h tagova na nepotrebnim mjestima smanjujemo važnost ovih oznaka za pretraživače, jer je njihova "težina" razbacana po nepotrebnim frazama. Stoga, oznake h trebaju biti samo unutar članka. Da, postoje izuzeci kada su ključne riječi vrlo kompetentno unesene u zasebne blokove na stranici, ali ni na koji način ne nabijaju frazu "Pretplatite se na stranicu" itd.

Kako popraviti ove greške?

Da ispravimo takve greške, opet nam je potreban još jedan dodatak o kojem sam već govorio - ovaj (dostupan je i za Chrome).

Pronalazimo element u h tag-u koji nam nije potreban na stranici, na primjer, uzeću izraze “Pretplata” i “Site”, o kojima mi je rekla RDS traka (oni su u h4, pogledajte sliku iznad). Našao sam ova 2 elementa na stranici (možete koristiti pretragu u pretraživaču Ctrl + F unosom potrebne fraze za pretragu), jedan od njih "pregledamo" pomoću Firebuga:

A sa desne strane vidimo stilove date h4 oznake (u mom slučaju):

Sada će nam biti od koristi. Otvaramo style.css fajl naše teme i odmah na kraju dodajemo karakteristike ovog stila (pogledajte strelicu na gornjoj slici), jednostavno ga nazivamo nečim drugim (odlučio sam da ga nazovem new4, ne zaboravite tačku na početku):

Pošto je ovaj izraz "Pretplata" u mom podnožju, otvaram fajl footer.php, unosim frazu "Pretplata" preko CTRL + F, evo ga:

I umjesto h4, propisujemo našu novu klasu (u mom slučaju, "new4"), odnosno, nakon modifikacije, postojat će takva slika:

Spremimo datoteku, otvorimo Firefox, osvježimo stranicu i vidimo da je h4 oznaka s riječju "Pretplata" nestala:

Pošto se kod mene stilovi riječi "Pretplata" i "Site" ne razlikuju, slično u podnožju umjesto oznake h4 do riječi "Site" propisujem klasu "new4", a vidimo da sada nema "junk" h4 na stranici:

Slične radnje izvodimo s nepotrebnim h3 oznakama. U mom slučaju, u h3 je pogrešno koristiti izraze "Pretplatite se na besplatne lekcije", "Slične lekcije" itd. H3 bi trebao sadržavati samo naslov koji se pojavljuje u tekstu. Slično, prođite kroz različite tipove sajtova (članke, stranice, kategorije itd.), ali glavna stranica je posebna priča, o kojoj ću govoriti u nastavku.

Ako iznenada imate članak koji nije u h1, samo otvorite datoteku teme single.php, tamo pronađite izlaz naslova članka (pretražite u pretrazi kroz izraz "the_title") i uokvirite ga u h1:

Pravilo broj 3: preporučljivo je koristiti oznaku h1 na glavnoj stranici.

Trenutno nema h1 na mojoj stranici na glavnoj stranici, što mislim da krši strukturu.

Vjerujem da stranica ne može imati oznaku h3 ako nema h2 iznad nje, niti se može koristiti h2 ako nema h1. Isto tako, korištenje h1 i h3, na primjer, bez h2 je također pogrešno. Štaviše, sve bi trebalo jasno pratiti strukturu: h2 ne može biti veći od h1 na stranici, h3 ne smije biti veći od prve oznake h2, itd.

Šta staviti u h1 za glavnu stranicu? To može biti tekst koji ispravno uključuje najtraženije ključne riječi zbog kojih se krećete. Ponavljam, doslovce uneto, a ne glupo nabrajanje.

Također, za mnoge, opis u zaglavlju stranice prikazuje upravo prave informacije. Obično postoje "ukusne" ključne reči, a zaglavlje se takođe smatra "slatkim mestom", gde je dobro "hraniti" pretraživače pravim frazama. Greh je ne iskoristiti ga.

Zapamtite: naslov h1 mora se razlikovati od naslova stranice. Ovo će biti korisno za promociju pretraživanja.

Obično se negdje na ovom mjestu nalazi opis stranice (u mom slučaju nije):
Ali ovdje se javlja određeni problem: ako ovaj opis napišemo u h1 u zaglavlju stranice, onda će on biti i u h1 unutar članaka, što je opet pogrešno.

Odnosno, treba da napišemo neku funkciju koja radi sledeće: ako smo na glavnoj stranici, onda se tekstu u zaglavlju dodeljuje oznaka h1, ali ako se nalazimo na stranici koja nije glavna, onda ista tekst se prikazuje, u istom stilu, ali već bez oznake h1. To je učinjeno tako da na unutrašnjim stranicama nema oznake 2 h1 (opis stranice + naslov članka).

I moj drugi "brato na internetu", ovaj put iz Kazana, koji se zove Ramil (steta sto nema blog, sad bih stavio link) ljubazno je podijelio ovu PHP funkciju (znas ja nemam ne "kopati" po PHP-u), evo je:

Opis stranice

Opis stranice

Ovdje morate unaprijed postaviti iste stilove za h1 i za stil "opis" u style.css tako da posjetitelji vizualno ne vide razlike.

Postoji i mišljenje da je, kako bi se izbjegle sankcije tražilica za "spam", bolje zamijeniti naslove h2, h3 i h4 stilovima, na primjer

ili

Po mom mišljenju, sve. Ako imate pitanja - pišite, na bilo koji način ću odgovoriti. I da, nastavite da pišete smiješne komentare, nasmijavaju me i razvesele. 🙂

Kompetentan, upadljiv naslov članka može privući pažnju i posjetitelje stranice. Ovo je jedna od najvažnijih komponenti u SEO-optimizaciji internet projekta. U ovom postu ću vam reći šta su naslovi h1, h2, h3, h4, h5, h6 i kako ih napisati. Osim toga, naučit ćete o glavnom naslovu stranice - naslovu.

Ali hajde da pričamo o svemu po redu.

Šta je naslov

dakle, naslov- Ovo je poseban tag koji se nalazi na početku html koda koji ukratko opisuje sadržaj određene stranice stranice. Što se tiče naslova, on je obimniji i detaljniji u ovom članku.

U izvornom kodu, glavno zaglavlje izgleda ovako:

Ova vrsta zaglavlja, na primjer, na CMS Joomla se kreira automatski. Odnosno, naslov koji je dodijeljen svakom materijalu i koji je naslov naslova. Njegova važnost za internu SEO optimizaciju sajta nije preuveličana, jer je to ono što korisnik interneta vidi u liniji za pretragu za određeni upit.

Šta je h1 naslov

Naslov h1- ovo je nekoliko dobro strukturiranih fraza koje sadrže gotovo cjelokupno značenje predstavljenog materijala. Drugim riječima, to je najvažniji naslov na vrhu stranice.

Isti definirani skup riječi kao i za naslov se generira u h1 Joomla naslovu. Evo kako to izgleda u izvornom kodu:

Šta je freelancer i kako to postati

Napisano je dosta iscrpnih informacija o tome da li je to dobro ili loše, ali još uvijek nema konkretne definicije. Evo šta o tome kaže ozloglašeni bloger Devaka.

Postaje jasno da Joomla engine, međutim, kao i drugi CMS-ovi, uvelike pojednostavljuje rad sa web lokacijom, jer prilikom kreiranja zaglavlja nema potrebe za uređivanjem html koda.

Preostali naslovi se kreiraju direktno u uređivaču teksta. Ovisno o panelu i skupu aktivnih elemenata, odabire se određena funkcija koja se u uređivaču teksta UZP-a naziva "Paragraf". Pomicanjem klizača možete vidjeti da su ovdje prikazani svi postojeći naslovi, počevši od h1 do h6.

Kako napisati h1 naslov i naslov

U oblasti SEO optimizacije postoje jasna pravila za pisanje osnovnih tagova i to:

1. Ključne riječi. U očima pretraživača, dobro napisana izgleda mnogo obećavajuće i atraktivnije ako su na početku naslova i h1 naslova napisane riječi koje zadovoljavaju ključne upite. Kako ih prepoznati? Za to postoji posebna online usluga wordstat.yandex.ua.

2. Čitljivost. Ne možete samo uzeti i ugurati ključne riječi u naslov. Tekst bi trebao biti prirodan i istovremeno lak za čitanje, inače će pretraživači ovaj trik smatrati spamom. Kada pišete naslove h1 i naslova, pokušajte da ključne riječi postavite što bliže početku. Naslovi h1, h2, h3 su druga stvar... Mogu se nagnuti i razvodniti određenim tematskim riječima.

3. Nema duplikata. Da bi se stranice sajta bolje rangirale u rezultatima pretrage, html kod ne bi trebao imati duple naslove. Da biste provjerili stranice, samo otvorite stranicu u pregledniku i pritisnite prečice Ctrl + U, a zatim Ctrl + F. Upišite h1 u polje za pretragu i svi prisutni znakovi će biti označeni žutom pozadinom.

4. Dužina. Oznaka naslova može koristiti 70 znakova, jer jednostavnije neće stati u isječak.

5. Jedinstvenost. Svaki naslov treba da bude jedinstven u okviru određenog internet projekta, tako da će korisnicima biti lakše da se kreću i pronađu upravo ono što im je potrebno.

7. Oznake podjele po mogućnosti ne koristiti.

Pravilna upotreba oznaka h2 - h6

Naslovi h2 - h6 pomažu u navigaciji kroz tekst, čineći materijal privlačnijim u očima čitatelja i robota za pretraživanje. Stoga postoje neka stroga pravila prilikom njihovog kreiranja, a to su:

Strukturu naslova treba postaviti na takav način da se formira konzistentna hijerarhija. Pogledajmo ilustrativan primjer. Recimo da autor piše članak na temu "Slobodno rvanje". U ovom slučaju, podnaslovi će izgledati ovako.

H1 oznaka ili H1 naslov je naslov prvog nivoa i ima najveći značaj i važnost među svim naslovima. H1 oznaka treba primijeniti jednom po stranici, pojaviti se iznad svih ostalih naslova i imati najveću veličinu fonta.

Ukupno ima šest oznaka naslova. To su h1, h2, h3, h4, h5, h6. Ove oznake se koriste za formatiranje teksta na stranici. H1 je najznačajniji među njima i za posjetitelje i za pretraživače.

Dobrodošli na stranice. U ovom članku ću podijeliti s vama neke točke kada koristite H1 zaglavlje na stranicama bloga koje pokreće CMS WordPress.

H1 oznaka - vrijednost promocije

Pretraživači koriste riječi i fraze korištene u ovoj oznaci kako bi odredili relevantnost stranica za upit za pretraživanje. Ova oznaka je jedan od najznačajnijih elemenata relevantnosti. Kada optimizuju tekst stranice, pretraživači vrednuju samo oznaku TITLE više od oznake H1.

I da budem sažetiji i konkretniji H1 tag se preporučuje za naslove stranica naših web stranica i moraju sadržavati ključnu riječ za koju se ova stranica promovira.
Relevantnost stranice, zajedno sa , jedan je od najznačajnijih pokazatelja za sticanje lojalnosti pretraživača.

Pravila H1 naslova

Da biste postigli dobar rezultat prilikom promocije stranica web stranice, trebali biste slijediti sljedeća pravila za popunjavanje:

1. Svaka stranica mora sadržavati JEDNU H1 oznaku.
2. Oznaka mora sadržavati jednu ključnu riječ za koju se stranica promovira.
3. Sadržaj H1 zaglavlja mora biti jedinstven za svaku stranicu.
4. Oznaka H1 ne smije biti hiperveza.
5. Poželjno je da oznaka ne sadrži klase, identifikatore i druge CSS elemente, već da je u "golom" obliku.
6. Nije preporučljivo koristiti znakove interpunkcije, zareze, dvotočke i tako dalje u sadržaju.
7. Veličina oznake ne smije biti veća od dvije rečenice, jedna je bolja.

U html kodu, naslov stranice bi trebao izgledati ovako:

Oznaka H1 je naslov stranice

Najtipičnije greške su odsustvo oznake H1 na stranici ili prisustvo više od jednog naslova. Takve greške se obično nalaze na stranicama odjeljaka koje navode članke u tim odjeljcima.

Kontrola popunjavanja oznake H1 na cijeloj web lokaciji vrši se u okviru . Za obavljanje takve revizije postoji mnogo vrijednih alata. Preporucicu vam uslugu Megaindexa - audit.megaindex.ru .

H1 oznaka, aplikacija u WordPress-u

Teorija je ponovljena, a sada ćemo se zadržati na nekim tehničkim pitanjima vezanim za korištenje H1 oznake na stranicama koje koriste WordPress CMS. Budući da većina blogera početnika koristi besplatne šablone, oni mogu sadržavati neke nedostatke.
Konkretno, postoje opcije kada je naslov stranice istaknut ne oznakom H1, već drugom oznakom, najčešće je to H2.

Ista mana se pojavila na mom blogu nakon što sam ga kreirao pomoću programa Artisteer. Prilikom pregleda HTML koda, ustanovljeno je da su svi naslovi stranica prikazani sa H2 oznakom.

Da to popravim, morao sam urediti fajl single.php, što većina šablona naziva datotekama koje prikazuju informacije za svaki pojedinačni zapis. Kako sam to uradio sada ću jasno pokazati.
U tijelu datoteke single.php tražimo dio koda koji prikazuje naslov. U mom slučaju je to izgledalo ovako:

Promijenite h2 oznake označene crvenom bojom u potrebne h1 i datoteku single.php fiksiran i spreman za upotrebu. Ispostavilo se da je sasvim jednostavno, promijenio par karaktera i gotovi ste. Blok sada izgleda ovako:

U vašem slučaju, izraz može biti malo drugačijeg oblika, ali nadam se da razumete značenje.

Morao sam napraviti slične promjene s drugom datotekom teme page.php, koji je odgovoran za prikazivanje stranica bloga. Kao što znate, blog na CMS WordPress-u sadrži postove i stranice.

Funkcije za njihovo kreiranje i modificiranje nalaze se u različitim odjeljcima administracije bloga, pohranjene su na različitim mjestima i, shodno tome, različiti programski moduli su odgovorni za njihov izlaz.

Kao rezultat, dio koda u datoteci page.php, koji prikazuje naslov stranice počeo je izgledati ovako:

» rel="bookmark" title="»>

Ali to nije bilo sve, na mom šablonu sam našao da se H1 tag koristi kada se prikazuje naslov samog bloga. I morao sam da odlučim da li da ostavim sve kako jeste ili da postignem izlaz naslova stranica sa oznakom H1.

Uostalom, upotreba dva ili više naslova ovog tipa na jednoj stranici se ne preporučuje. Pretraživači to mogu smatrati ponovnom optimizacijom i izvući odgovarajuće zaključke.

H1 oznaka, prilagođavanje WordPress šablona

Na kraju sam odlučio da ispravim ovu manu, pogotovo što nije donosio mnogo problema. Sada ću vas o svemu detaljno izvještavati.

Da bi se to postiglo, bilo je potrebno izmijeniti samo dva fajla.

Prvo header.php je izlazna datoteka zaglavlja bloga.

Sekunda style.css— fajl opisa stila bloga.

header.php promjene

/»>

Nalazimo u header.php fragment koji prikazuje naslov bloga i promijenite oznaku naslova h1 (označeno crvenom bojom one znakove koje mijenjam) u paragraf tag p . Kao rezultat toga, dobili smo takav kod.

/»>

Promjene u datoteci style.css

Plavom bojom sam označio ime css klase, koje ćemo morati ispraviti u datoteci style.css kako bi font i veličina izlaza zaglavlja bloga ostali isti kao prije promjene. Zatim otvorite datoteku stila, potražite potrebnu klasu "art-Logo-name", fragment je ispod

h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:link, h1 .art-Logo-name a:posjećeno, h1 .art-Logo-name a:hover
{

veličina fonta: 29px;
dekoracija teksta: nema;
padding:0;
margin:0;
boja: #E0EDF0 !važno;
}

Promijenim sve h1 označene crvenom bojom u p i dobijem kao rezultat

p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:posjećeno, p .art-Logo-name a:hover
{
porodica fontova: Arial, Helvetica, Sans-Serif;
veličina fonta: 29px;
dekoracija teksta: nema;
padding:0;
margin:0;
boja: #E0EDF0 !važno;
}

To je, zapravo, sve što sam želio da vam kažem o H1 oznaci, kao jednom od elemenata.
Napomenuću samo da sam sve radove na tome obavio test poddomena, tako da posjetioci mog bloga ne doživljavaju poteškoće u slučaju problema koji mogu nastati prilikom ovakve manipulacije. Da, i sa stanovišta sigurnosti i sigurnosti funkcionalnosti stranice, ovo bi bila ispravna odluka.

U zaključku bih vas pozvao da pogledate kratak video, doduše, glas je na engleskom, ali mi je sve bilo jasno, nadam se da će vam biti lako razumjeti. Ovaj video dobro nadopunjuje tekst članka i za početnike ili one koji nisu jaki u programiranju bit će dobra pomoć. Uživajte u gledanju.

Dozvolite mi da završim sa ovim i želim vam uspjeh.