Kompetentan odabir i postavljanje naslova H1 i H2 pri optimizaciji tekstova na stranicama promoviranih web stranica važna je faza SEO rada. U ovom ćemo materijalu govoriti o tome što su naslovi H1 i H2, koju ulogu imaju, a također ćemo vas naučiti kako ih pravilno koristiti za postizanje najboljeg rezultata.

Što su naslovi H1 i H2?

Naslovi su riječi, fraze ili fraze koje sažimaju značenje informacija koje ih slijede. Ne moramo nužno ponovno čitati cijeli tekst članka u časopisu ili novinama da bismo razumjeli o čemu će biti riječ. Bacimo pogled na naslove i podnaslove i odlučujemo je li nam ovaj materijal zanimljiv i vrijedi li ga pročitati. Ako otvorimo udžbenik ili instrukciju, tada uz pomoć naslova lako možemo pronaći upravo one informacije koje su nam potrebne. Ukratko, naslovi ne samo da privlače čitatelje, već im služe i kao pogodnost.

Tekstovi na web stranicama trebaju imati i naslove. Za to postoje najmanje 2 razloga:

1. Naslovi strukturiraju tekst i olakšavaju ga čitanje. Kontinuirani tekst (koji se često naziva "list") teško je razumjeti; ne želite ga čitati. A budući da tražilice danas uzimaju u obzir čimbenike ponašanja (ukupnost radnji posjetitelja na web mjestu), zainteresirani ste da korisnik čita tekst na vašem resursu, a ne da zatvori stranicu, bojeći se „plahte“.

2. Naslovi daju do znanja tražilicama koje su informacije sadržane u određenom dijelu teksta. Na temelju naslova, tražilice procjenjuju koliko te informacije zadovoljavaju očekivanja korisnika. Zbog toga su toliko važni pri optimizaciji tekstova.

Razumijete li sada da ne biste trebali zanemariti korištenje naslova u tekstovima na web stranicama? Onda idemo dalje!

Što znače pojmovi H1 i H2? Morat ćemo se malo dotaknuti pitanja vezanih uz html izgled. H1 i H2 (ili preciznije,

I

) - html oznake koje pokazuju važnost teksta koji ih prati. Nazivaju se i oznakama naglasaka. U html dokumentu to izgleda ovako:

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

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

Što trebate znati za pravilno 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 govori tražilici koliko sadržaj prikazan na stranici odgovara naslovu stranice (Title) i, prema tome, ispunjava očekivanja korisnika.

Jeste li za tekst smislili kreativan, neobičan, atraktivan naslov, baziran, primjerice, na igri riječi? Ovaj pristup može biti dobar za tiskani oglas ili novinski članak, ali za promociju na tražilicama takva kreativnost može imati negativne posljedice. Tražilice nemaju mašte i maštovitog razmišljanja, bitna im je specifičnost. U nastavku ćemo dati važne smjernice za pisanje H1 naslova.

Osnovna pravila za korištenje H1 zaglavlja

Naslov H1 trebao bi biti kratak, ali smislen. Važan uvjet je prirodno pojavljivanje ključnih riječi u njemu. Navedimo primjer. Recimo da optimizirate stranicu koja prikazuje katalog ženske obuće. Sljedeći upiti odabrani su za promicanje ove stranice (o tome koji su upiti za pretraživanje možete pročitati u našem materijalu "Razumite 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 ženskih cipela cijene" (učestalost - 318). Za tekst na ovoj stranici najlogičnije je koristiti naslov H1 “Ženska obuća”, jer je on najopćenitiji, ali ujedno opisuje sadržaj sadržaja, a može se specificirati i naslovima ne višim razini.

Naslov H1 trebao bi se pojaviti samo jednom na stranici.

Ovaj naslov se stavlja na sam početak teksta, po mogućnosti na vrh stranice.

Naslov H1 trebao bi se nalaziti iznad naslova ostalih razina (ispred njega nije dopušteno staviti npr. naslov H2).

Veličina fonta ovog naslova trebala bi biti veća od veličine fonta naslova niže razine. Prema zadanim postavkama to je slučaj, ali ako stilovi određuju drugačije, situaciju treba ispraviti.

Primjeri naslova H2

Kako se pišu naslovi H2? U tekstu ih može biti nekoliko. U pravilu navode H1 naslov i strukturiraju cijeli tekst. Vratimo se našem primjeru sa stranicom koja prikazuje ženske cipele. Za ovu stranicu možete napisati prodajni tekst koji opisuje prednosti modela koji se nude kupcima i prikazuje tablicu veličina. Također na stranici korisnik će moći pronaći katalog cipela sa fotografijama i cijenama. U ovom slučaju, naslovi u tekstu mogu biti ovakvi:

Ako se sjećate upita za pretraživanje koje koristimo za promoviranje naše stranice u ovom primjeru, shvatit ćete da u H2 zaglavlja uključujemo proširene upite koji imaju nižu učestalost. Mogu se predstaviti u neizravnom pojavljivanju (mogu se odbiti, drugim riječima “razrijediti”). I što je najvažnije, specificiraju naše H1 zaglavlje i signaliziraju tražilici da tekst koji dolazi nakon njih zapravo odgovara upitima za pretraživanje napisanima u naslovu stranice (Title).

Najčešće pogreške u korištenju naslova H1 i H2

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

Korištenje oznaka

I

stilizirati elemente stranice. Ovo je uobičajena pogreška koja se može dogoditi čak i protiv vaše volje. U mnogim gotovim predlošcima web stranica (na primjer, na Joomli ili Wordpressu) u oznakama

I

okruženi, na primjer, nazivima blokova. Na primjer, kao što su "Popularni proizvodi", "Najnovije vijesti", "Mi smo na društvenim mrežama" i tako dalje. Ova tehnika zavarava tražilice i ne donosi ništa dobro. Stoga, kada provodi SEO reviziju web stranice, stručnjak mora provjeriti koriste li se naslovi "kao što je predviđeno". Zapamtite važno pravilo - H1 i H2 bi se trebali koristiti samo za strukturiranje teksta!

Korištenje istih naslova za različite stranice. To je, naravno, besmislica, ali i to se događa. U najmanju ruku, H1 naslovi trebaju biti jedinstveni za svaku stranicu!

Postavljanje hiperveza u naslove.

Prisutnost dva ili više H1 naslova na stranici. Sjećamo se da je to nedopustivo! Naš moto: “Jedna stranica – jedan H1 naslov”!

Na kraju našeg članka skrećemo vam pozornost na još jednu važnu točku. Razgovarajmo ponovno o predlošcima web stranica. Poznati su slučajevi kada standardni predlošci stranica uopće nemaju H1 naslove. Zamijenjeni su H2 zaglavljima. Čak i ako se u administrativnom dijelu web-mjesta od vas traži da unesete tekst u polje "Naslov materijala", u stvarnosti se može ispostaviti da će biti zatvoren u oznakama

Programera koji je malo upoznat sa SEO-om također treba podsjetiti na važnost pravilnog postavljanja naslova teksta prilikom postavljanja jedinstvene web stranice.

Dobar dan, dragi posjetitelji.

Danas će biti članak na temu H1-H6 zaglavlja za web mjesto.

Sigurno svi već znaju kakvi su to naslovi, ali siguran sam da ne znaju svi suptilne točke u njihovoj upotrebi i ne shvaćaju da njihova upotreba na stranicama s resursima služi samo u 2 svrhe.

Ciljevi i slučajevi korištenja

2 glavne svrhe naslova u oznakama H1-H6 su dizajn i strukturiranje sadržaja na stranicama resursa kako bi ga posjetitelji stranice učinili čitljivijim i lakšim za korištenje. Ne bismo trebali težiti nikakvim drugim ciljevima iz ovih oznaka.

Osim što ih jednostavno koriste kao elemente strukturiranja i dizajna sadržaja, posjetitelji često koriste te oznake kako bi dali potreban dizajn pojedinačnim izrazima ili čak cijelim rečenicama. To rezultira situacijom u kojoj oznaka H6 (na primjer) ima dizajn samo podebljanog fonta i umjesto isticanja retka u tekstu s oznakom , zamotaju ga u H6 oznaku. Ovo je fundamentalno pogrešno.

Naslovi u ovim oznakama trebaju se koristiti samo za rastavljanje teksta na logične dijelove. Nema isticanja cijelih rečenica ili pojedinačnih izraza.

Osim toga, naslovi H1-H6 imaju hijerarhiju, što ih čini različitim u dizajnu, barem u veličini slova. Svaka niža razina trebala bi biti manje uočljiva od one iznad nje.

Slika prikazuje ispravan dizajn naslova u ovim oznakama, kada veličina fonta ide silaznim redoslijedom od gornje razine prema dnu. Ako imate drugačiju situaciju od ove, trebali biste se okrenuti stilovima dizajna svoje stranice i pravilno ih urediti.

Ali postoji jedna stvar - pobrinite se da su naslovi niže razine (bliži H6) slični naslovima i da se ne stapaju s običnim tekstom. Trebali bi izgledati kao naslovi, a ne samo podebljani font.

Na temelju ovog dizajna možemo shvatiti da naslovi moraju zadržati svoju hijerarhiju kada se koriste kao element strukturiranja teksta. Ne može biti da prvo dođe naslov H1, a zatim odmah H5 ili H6. Nakon prve razine logično je i ispravno koristiti samo naslov u H2 tagu. Ovo je važno, kako sa stajališta dizajna samog materijala, tako i sa stajališta održavanja pravilne strukture.

Tražilice sada obraćaju pozornost na te oznake. Ali ne kao SEO elementi, već kao elementi strukturiranja. Stoga će biti čudno ako postoji H1, a zatim odmah H6.

Kada koristimo ove oznake, vodimo računa o održavanju strukture. Ako se spustimo razinu niže, nema preskakanja razine. Struktura bi trebala biti sljedeća: H1-H2-H3-H4-H5-H6.

Vrijedno je reći da korištenje naslova razine H1 u ovim slučajevima neće biti prikladno, budući da se treba koristiti samo jednom na stranici i treba sadržavati naziv materijala. Stoga ga nema potrebe koristiti u tekstu.

Sada ću vam reći glavne točke korištenja H1 zaglavlja, ali prije toga ću dati nekoliko općih savjeta koji vrijede za naslove svih razina.

• Nemojte završavati s točkom;
• Održavamo hijerarhiju prilikom korištenja;
• Nema svrhe postavljati ključne riječi;
• Javljaju se čak iu vrlo kratkim člancima, budući da se svaki tekst može podijeliti na logične dijelove;
• Naslov sadrži kratku suštinu daljnjeg teksta, a ne nešto “da je barem bilo”.

H1 Osnove

Gore navedena pravila također su relevantna, ali osim njih postoje i obvezna za ovu određenu razinu naslova.

• H1 je uvijek jednom na svakoj stranici;
• Potičemo korisnika da pročita materijal, tako da ima smisla koristiti privlačne riječi (na primjer, tajne, najbolji trikovi i tako dalje);
• Razlikujemo ga od oznake naslova, koja prikazuje naslov stranice u rezultatima pretraživanja i potiče prijelaz na stranicu web-mjesta iz pretraživanja. Trebao bi biti malo drugačiji, ali bi svakako trebao dati do znanja da se kontekst materijala na stranici nije promijenio;
• Koristimo ključnu riječ članka, ali u razrijeđenom obliku, a ne u točnom pojavljivanju;
• Nije preporučljivo koristiti interpunkcijske znakove.

Koristiti u praksi

Gore sam napisao da se H1 koristi samo jednom na stranici i da bi se trebao automatski ugraditi u izgled predloška web-lokacije, a također će se automatski umetnuti u zaglavlje. Provjerite ovaj trenutak. Analizirajte svoje naslove članaka i provjerite jesu li zatvoreni u H1. Ako to nije slučaj, uredite svoj predložak.

Česta situacija je kada umjesto H1 postoji H2. Ovo nije ozbiljna greška, ali bolje je ne dopustiti je.

Ako govorimo o korištenju preostalih razina naslova H2-H6, tada bi se već trebali koristiti u ručnom načinu rada.

Korištenjem nekog CMS-a za izradu web stranice, ti naslovi se vrlo jednostavno dodaju u članke. Na primjer, u WordPressu, na ploči za oblikovanje u uređivaču stranica, uvijek postoji stavka naslova u kojoj možete odabrati željenu razinu, prethodno odabravši željeni tekst koji je potrebno staviti u naslov.

Isto sa svakim motorom. Ako koristite HTML izgled stranice i morate ručno dodati oznake, tada neće biti poteškoća. Samo trebate staviti potrebne dijelove teksta između početnih i završnih oznaka na traženim razinama. Pogledajte primjere u nastavku.

Zaglavlje 2. razine

Zaglavlje 3. razine

Zaglavlje 4. razine

Naslov 5. razine

Zaglavlje 6. razine

Što se tiče stilova dizajna za svaku razinu, vrijedi dodati pravila za svaku razinu u datoteci stilova.

Primijetite da u stilovima nema točaka ili oznaka hash ispred naziva razine naslova. Unutar zagrada označavamo same stilove: vrstu fonta, veličinu, boju, pozadinu i tako dalje.

Dizajn zaglavlja H1-H6

Ako zaglavlja učinite jedinstvenim, privlačnim dizajnom, posjetitelji će vam samo biti zahvalni na tome, a dizajn sadržaja bit će na najvišoj razini. U današnje vrijeme jednostavni naslovi s velikim slovima i podebljanim isticanjem postaju stvar prošlosti.

Jednostavan, ali u isto vrijeme, dizajn naslova pomoću različitih linija za isticanje, podcrtavanje pozadinom i tako dalje ulazi u modu.

Jednom sam naveo neke primjere takvih dizajna. Čak i ako uzmete moj blog, glavni naslov u H1 nije samo velikim fontom na bijeloj pozadini s ostatkom teksta. Odvojen je sivim okvirom od opće pozadine stranice, što ga čini uočljivijim i usmjerava pažnju na njega.

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

Kao što vidite, ovo nije samo podebljani font, već prekrasna pozadina s valovitom donjom površinom i naglašenom gornjom površinom.

Zanimljiv dizajn možete i sami vidjeti na ova stranica.

Što se naslova H2-H6 tiče, ne samo da ih možete dizajnirati s nekom vrstom pozadine, već ih i numerirati (ako koristite sadržaj na početku stranice) u obliku lijepih slika. Opet, to ne moraju biti jednostavni brojevi. Evo dobrog primjera takve ideje.

Kada znate nešto što većina ljudi ne zna, a još manje zna, možete krenuti dalje i pogledati glavne pogreške u korištenju naslova na svim razinama na vašoj web stranici.

Greške u korištenju

Mogli ste već sami shvatiti sve pogreške proučavajući 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 jednog H1 po stranici. Nije u redu. Samo jednom po dokumentu;
• Korištenje oznaka H1-H6 za dizajn dodatnih elemenata web 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 stranica uključuje ove oznake u bočne stupce za stiliziranje naslova i tako dalje. To je jasno izraženo u WordPress predlošcima, kada je naziv svakog widgeta na bočnoj traci okružen H3 ili drugim oznakama. Ako postoji ova situacija, zamijenite oznake zaglavlja u servisnim elementima web-mjesta drugima, na primjer, s oznaka “span”;
• Posebno unosimo ključne riječi. Ranije je postojalo mišljenje da se unošenjem ključnih riječi izravno u naslove svih razina može povećati njihova gustoća i pozicija takve stranice biti veća. Ali sada je to već “kažnjivo po zakonu” tražilica i sankcioniraju se za spam u naslovima. Štoviše, te su oznake rangirane prema drugim algoritmima. Zaključak: nema cilja unositi ključne riječi;
• Česta uporaba točaka i interpunkcijskih znakova. Uopće ne biste trebali koristiti točke u naslovima, jer je to netočno s gledišta kopiranja i općih pravila za oblikovanje teksta. Također pokušavamo smanjiti broj interpunkcijskih znakova kako bismo povećali čitljivost naslova. Ovo također uključuje veliki broj riječi - nemojte praviti preduge naslove;
• Struktura se ne održava u smislu hijerarhije. Pokušajte slijediti logičan lanac u izgradnji hijerarhije H2-H6 oznaka na svakoj stranici;
• Korištenje oznaka H1-H6 za stiliziranje drugih tekstualnih elemenata umjesto naslova. Ovo je ono o čemu sam govorio gore, kada su stilovi dizajna svake oznake neispravno konfigurirani i umjesto uobičajenog podebljanog, možete koristiti naslov neke razine.
• Naslov nije primjeren ili ne prenosi kontekst teksta koji slijedi. Kako biste naučili kako stvoriti logične naslove, uzmite nekoliko dobro dizajniranih knjiga koje ćete lako čitati. Također se usredotočite na strukturiranje sadržaja na web stranici Wikipedije;
• Nekorištenje naslova H1-H6 uopće ili ih nema na malim tekstovima. Jednostavno postoji potpuni izostanak i nema se o čemu pričati, ali izostanak na malim stranicama je upitna točka, jer svaki tekst (čak i minimalno 1000 znakova) ima logičnu strukturu. Prijelaz s jedne teme na drugu. Zašto ga ne rastaviti na logične dijelove s podnaslovima na različitim razinama?

To je sve, dragi webmasteri. Materijal o naslovima na stranici je došao kraju. Ispalo je prilično otegnuto. Negdje sam se ponovio, ali ovo je samo da bih usredotočio vašu pozornost na ključne ideje članka. Nadam se da vam je ovaj materijal bio koristan.

Usput, možete li pronaći malu manu u mojim zaglavljima na stranici? Ako da, onda napišite u komentarima. Ovaj trenutak nije jako uočljiv, ali je tu.

Vidimo se u sljedećim materijalima. Ima još toga.

Srdačan pozdrav, Konstantin Khmelev!

Bok ljudi! Osjećam da se situacija zahuktava, u komentarima su se počele pojavljivati ​​psovke i uvrede na moj račun. Pa, inače mi već nedostaju ova vremena. 🙂 Najgore je biti ignoriran. A kad me grde, dobro je, znači da nekoga vrijeđam. godi. 🙂 Hej, hej, druže komentatore, pozdrav!!! 🙂 Ali zbog psovki, tvoj komentar je morao biti obrisan, više puta sam rekao da neću tolerirati takve psovke.

Mnogi ljudi me optužuju da prodajem članke. Da, bilo je vremena, ali sam obećao da će se njihov broj smanjiti. Ali neki ljudi i dalje misle da ako recenziram uslugu, ovaj post se rasprodaje. Mislite što hoćete, gospodo. Savjest mi je čista i smiješim se sa sva svoja kriva 32 zuba. Super sam raspoložena, a bit će i moji vjerni čitatelji, barem ću pokušati. 🙂

U prošloj lekciji govorio sam o SEO proširenjima za preglednike. Nisam uzalud odlučio pokrenuti davno izlizanu temu. Odlučio sam staviti točku na I. Mnogi čitatelji me pitaju kako pravilno koristiti naslove h1, h2, h3 itd.? Već sam se vratio 2012. Provodeći revizije mnogih stranica, vidim iste greške, koje ne priznajem. Dakle, vrijeme je da malo proširimo tu lekciju.

Možda će neki optimizatori smatrati h1 oznake i slično beskorisnim, ali većina ih ipak podržava. Ako još niste shvatili, SEO je vrlo škakljiva znanost, svatko ima svoje mišljenje.

Pravila za korištenje naslova h1, h2, h3, h4 na stranici sa SEO gledišta

Pravilo #1 : Na stranici treba biti samo 1 h1 oznaka.

Upamtite, samo 1, ne 2, a još manje 3. Mnoge ljude zanima kako saznati broj ovih oznaka na stranici, a vrlo često webmasteri počnu ulaziti u izvorni kod stranice i ručno tražiti te oznake . I ja sam to radio dok mi moj “Internet brat” Vitaly (http://mojwp.ru/) nije rekao jednu vrlo pametnu stvar, koja je, kako se pokazalo, ugrađena u moju omiljenu SEO traku.

Što trebaš?

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 se riješiti viška ili ih dodati.

Pravilo br. 2: naslovi h2, h3, h4 trebaju biti samo u samom članku.

U mom slučaju vidite da se h2 koristi vrlo ispravno, ali u oznaci h3, h4 imam "smeće". Odnosno, ove fraze ne pružaju nikakve prednosti u smislu SEO-a. Štoviše, korištenjem h oznaka na nepotrebnim mjestima smanjujemo važnost tih oznaka za tražilice, budući da se njihova “težina” raspršuje na nepotrebne fraze. Stoga oznake h trebaju biti samo unutar članka. Da, postoje iznimke kada su ključne riječi vrlo kompetentno unesene u zasebne blokove na web mjestu, ali tamo ne guraju izraz "Pretplatite se na web mjesto" itd.

Kako popraviti ove greške?

Za ispravljanje takvih grešaka opet će nam trebati još jedan dodatak, o kojem sam već govorio - ovaj (dostupan je i za Chrome).

Nalazimo element u nepotrebnoj oznaci h na stranici, na primjer, na primjer, uzet ću izraz "Pretplata" i "Site", o čemu mi je rekla RDS traka (oni su u h4, pogledajte gornju sliku) . Našao sam ova 2 elementa na web mjestu (možete upotrijebiti pretraživanje u pregledniku Ctrl+F, unosom tražene fraze za pretraživanje), jedan od njih "pregledamo" pomoću Firebuga:

A s desne strane vidimo stilove ove h4 oznake (u mom slučaju):

Sada će nam trebati. Otvorite datoteku style.css naše teme i dodajte karakteristike ovog stila odmah na kraju (pogledajte strelicu na gornjoj slici), jednostavno ga nazovite drugačije (odlučio sam ga nazvati new4, ne zaboravite točku na početak):

Budući da mi je ovaj izraz “Pretplata” u podrumu, otvorim datoteku footer.php, unesem frazu “Pretplata” preko CTRL+F, evo je:

I umjesto h4 pišemo našu novu klasu (u mom slučaju "new4"), odnosno nakon izmjene će biti ovakva slika:

Spremamo datoteku, otvaramo Firefox, osvježavamo stranicu i vidimo da je oznaka h4 s riječju "Pretplata" nestala:

Budući da se stilovi riječi "Pretplata" i "Site" ne razlikuju za mene, slično pišem klasu "new4" u podnožju umjesto oznake h4 riječi "Site", i vidimo da sada nema “junk” h4s na stranici:

Slične radnje izvodimo s nepotrebnim h3 oznakama. U mom slučaju, netočno je koristiti fraze "Pretplatite se na besplatne lekcije", "Slične lekcije" itd. u h3. H3 treba sadržavati samo naslov koji se pojavljuje u tekstu. Slično, prođite kroz različite tipove stranica (članke, stranice, kategorije itd.), ali glavna stranica je zasebna priča, o kojoj ću vam reći u nastavku.

Ako iznenada vaš članak nije u h1, samo otvorite datoteku teme single.php, tamo pronađite izlaz naslova članka (pretražite u pretraživanju koristeći izraz "the_title") i uokvirite ga u h1:

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

Trenutno moja stranica nema h1 na glavnoj stranici, što mislim da ruši strukturu.

Smatram da stranica ne može imati oznaku h3 ako iznad nje nema h2, niti se može koristiti h2 ako nema h1. Isto tako, korištenje h1 i h3, na primjer, bez h2 također je netočno. Štoviše, sve mora jasno slijediti strukturu: h2 ne smije biti viši od h1 na stranici, h3 ne smije biti viši od prve oznake h2 itd.

Što biste trebali staviti u h1 za glavnu stranicu? To može biti tekst koji točno uključuje najtraženije ključne riječi za koje promovirate. Ponavljam, KOMPETENTNO upisano, a ne glupo listing.

Također, za mnoge, opis u zaglavlju stranice prikazuje samo potrebne informacije. Tu su obično “ukusne” ključne riječi, a zaglavlje se također smatra “slatkim mjestom” gdje je dobro “nahraniti” tražilice potrebnim frazama. Bila bi grehota ne iskoristiti ga.

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

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

Odnosno, trebamo napisati određenu funkciju koja radi sljedeće: ako smo na glavnoj stranici, onda se h1 oznaka dodjeljuje tekstu u zaglavlju, ali ako smo na stranici koja nije glavna stranica, tada prikazuje se isti tekst, u istom stilu, ali već bez h1 oznake. Ovo se radi kako interne stranice nemaju 2 h1 oznake (opis stranice + naslov članka).

I moj drugi “internetski brat”, ovaj put iz Kazana, čije je ime Ramil (šteta je što nema blog, želio bih sada staviti link), ljubazno je podijelio ovu PHP funkciju (znate, ja nisam dobra u PHP-u) ), evo je:

Opis stranice

Opis stranice

Ovdje biste trebali unaprijed postaviti iste stilove u style.css za h1 i za stil “description” tako da posjetitelji vizualno ne vide razlike.

Također postoji mišljenje da je, kako bi se izbjegle sankcije tražilica za "overspam", bolje zamijeniti h2, h3 i h4 zaglavlja stilovima, npr.

ili

Po mom mišljenju to je to. Ako imate pitanja, pišite, odgovorit ću na bilo koji način. I da, nastavi pisati smiješne komentare, nasmiju me i razvesele. 🙂

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

Ali razgovarajmo o svemu redom.

Što je naslov

Tako, titula je posebna oznaka koja se nalazi na početku html koda i koja ukratko opisuje sadržaj određene stranice na stranici. Što se tiče naslova naslova, on je opširnije i detaljnije napisan u ovom članku.

U izvornom kodu, glavno zaglavlje izgleda ovako:

Ova vrsta zaglavlja, na primjer, automatski se stvara na CMS Joomla. Odnosno naslov koji se ispisuje za svaki materijal i koji je naslov naslova. Njegova važnost za internu SEO optimizaciju web stranice nije preuveličana, budući da je to ono što korisnik interneta vidi u traci za pretraživanje za određeni zahtjev.

Što je h1 zaglavlje

Naslov h1– to je nekoliko dobro strukturiranih fraza koje sadrže gotovo cjelokupno značenje prezentiranog materijala. Drugim riječima, ovo je najvažniji naslov, koji se nalazi na početku stranice.

Isti specifičan skup riječi kao za naslov generiran je u Joomla h1 zaglavlju. Evo kako to izgleda u izvornom kodu:

Tko je freelancer i kako to postati

Napisano je mnogo iscrpnih informacija o tome je li to dobro ili loše, ali još uvijek nema konkretne definicije. Evo što o tome kaže poznata blogerica Devaka.

Postaje jasno da Joomla motor, kao i drugi CMS-ovi, uvelike pojednostavljuje rad s web mjestom, jer prilikom izrade zaglavlja nema potrebe za uređivanjem html koda.

Preostali naslovi kreiraju se izravno u uređivaču teksta. Ovisno o ploči i skupu aktivnih elemenata odabire se određena funkcija koja se u uređivaču teksta JCE naziva “Odlomak”. Pomicanjem klizača možete vidjeti da su vam ovdje predstavljeni svi postojeći naslovi, počevši od h1 do h6.

Kako napisati h1 naslov i naslov

U području SEO optimizacije postoje jasna pravila za pisanje osnovnih tagova, a to su:

1. Ključne riječi. U očima tražilica, dobro prezentirana web stranica izgleda puno obećavajuće i privlačnije ako na početku naslova i h1 napišete riječi koje odgovaraju ključnim upitima. Kako ih prepoznati? Za to postoji posebna online usluga wordstat.yandex.ua.

2. Čitljivost. Ne možete samo ugurati ključne riječi u naslov. Tekst mora biti prirodan i istovremeno lak za čitanje, inače će tražilice takav čin smatrati spamom. Kada pišete svoj h1 i naslov, pokušajte postaviti ključne riječi što bliže početku. Druga stvar su naslovi h1, h2, h3... Oni se mogu naginjati i razrijediti određenim tematskim riječima.

3. Nema duplikata. Kako bi stranice web-mjesta bile bolje rangirane u rezultatima pretraživanja, u html kodu ne bi trebalo postojati dvostruki naslovi. Za provjeru stranica samo otvorite stranicu u pregledniku i pritisnite prečace Ctrl+U, a zatim Ctrl+F. U prozor za pretraživanje unesite h1 i svi prisutni simboli bit će označeni žutom pozadinom.

4. Duljina. Možete koristiti 70 znakova u naslovnoj oznaci, jer više od toga jednostavno neće stati u isječak.

5. Jedinstvenost. Svaki bi naslov trebao biti jedinstven unutar određenog internetskog projekta, što bi korisnicima olakšalo snalaženje i pronalaženje točno onoga što im je potrebno.

7. Razdjelne oznake Preporučljivo je ne koristiti.

Ispravno korištenje h2 – h6 oznaka

Naslovi h2 – h6 pomažu u kretanju prezentiranim tekstom, čineći materijal privlačnijim u očima čitatelja i pretraživača. Stoga postoje neka stroga pravila pri njihovoj izradi, naime:

Struktura naslova treba biti raspoređena na takav način da se formira dosljedna hijerarhija. Pogledajmo jasan primjer. Recimo da autor piše članak na temu "Slobodno hrvanje". U ovom slučaju podnaslovi će izgledati ovako.

H1 oznaka ili H1 naslov- Ovo je naslov prve razine i ima najveće značenje i važnost od svih naslova. H1 oznaka treba se koristiti jednom na stranici, postaviti iznad svih ostalih naslova i imati najveću veličinu slova.

Ukupno ima šest naslovnih oznaka. To su h1, h2, h3, h4, h5, h6. Ove se oznake koriste za oblikovanje teksta na stranici. H1 je najznačajniji među njima i za posjetitelje i za tražilice.

Želim vam dobrodošlicu na stranice. U ovom ću članku podijeliti s vama neke točke kada koristite H1 zaglavlje na stranicama bloga koji koriste CMS WordPress.

H1 oznaka - vrijednost za promociju

Tražilice koriste riječi i izraze koji se koriste u ovoj oznaci kako bi odredile relevantnost stranica za upit za pretraživanje. Ova oznaka jedan je od najznačajnijih elemenata relevantnosti. Prilikom optimizacije teksta stranice, tražilice više cijene samo oznaku TITLE nego oznaku H1.

I da budem kraći i konkretniji, dakle H1 tag se preporuča koristiti za naslove stranica naših web stranica i moraju sadržavati ključnu frazu zbog koje se ova stranica promovira.
Relevantnost stranice, uz , jedan je od najznačajnijih pokazatelja za osvajanje lojalnosti tražilice.

Pravila za ispunjavanje zaglavlja H1

Da biste postigli dobar rezultat pri promoviranju stranica web stranice, trebali biste slijediti sljedeća pravila za ispunjavanje:

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 zaglavlja H1 mora biti jedinstven za svaku stranicu.
4. Oznaka H1 ne bi trebala biti hiperveza.
5. Poželjno je da oznaka ne sadrži klase, identifikatore i druge CSS elemente, već da je u svom “golom” obliku.
6. U sadržaju se ne preporuča koristiti interpunkcijske znakove, zareze, dvotočke i sl.
7. Veličina oznake ne smije biti veća od dvije rečenice, jedna je bolja.

U html kodu, naslov stranice trebao bi izgledati ovako:

Oznaka H1 je naslov stranice

Najčešće greške su nedostatak H1 oznake na stranici ili više od jednog naslova. Takve su pogreške obično tipične za stranice odjeljaka koje navode članke uključene u te odjeljke.

Kontrola popunjavanja H1 oznake na cijelom mjestu provodi se unutar okvira. Postoji mnogo vrijednih alata za provođenje takve revizije. Preporučit ću vam uslugu Megaindexa - audit.megaindex.ru .

H1 tag, aplikacija u WordPressu

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

Ista mana se pojavila na mom blogu nakon što sam ga napravio pomoću programa Artisteer. Pregledom HTML koda otkriveno je da su svi naslovi stranica prikazani s oznakom H2.

Da bih to popravio, morao sam urediti datoteku jednostruki.php, to je ono što većina predložaka naziva datotekama koje prikazuju informacije za svaki pojedinačni zapis. Sada ću jasno pokazati kako sam to učinio.
U tijelu datoteke jednostruki.php Tražimo dio koda koji prikazuje naslov. U mom slučaju to je izgledalo ovako:

Promijenite oznake h2 označene crvenom bojom u potrebne h1 i datoteku jednostruki.php fiksiran i spreman za upotrebu. Ispostavilo se da je dosta jednostavno, promijenio sam par likova i gotovo. Sada ovaj blok izgleda ovako:

U vašem slučaju izraz je možda malo drugačijeg tipa, ali se nadam da razumijete značenje.

Morao sam izvršiti slične izmjene na drugoj datoteci teme stranica.php, koji je odgovoran za prikaz stranica bloga. Kao što znate, blog na CMS WordPressu sadrži postove i stranice.

Funkcije za njihovo stvaranje i mijenjanje nalaze se u različitim odjeljcima administracije bloga, pohranjene su na različitim mjestima i, sukladno tome, različiti softverski moduli odgovorni su za njihov izlaz.

Kao rezultat toga, dio koda u datoteci stranica.php, koji prikazuje naslov stranice sada izgleda ovako:

» rel=»bookmark» title=»»>

Ali to nije sve, na svom predlošku otkrio sam da H1 tag služi za prikaz naslova samog bloga. I morao sam odlučiti da li ostaviti sve kako jest ili postići prikaz naslova stranica s oznakom H1.

Uostalom, ne preporučuje se korištenje dva ili više naslova ove vrste na jednoj stranici. Tražilice to mogu smatrati pretjeranom optimizacijom i izvući odgovarajuće zaključke.

H1 tag, podešavanje WordPress predloška

Na kraju sam odlučio ispraviti ovaj nedostatak, pogotovo jer nije donio mnogo problema. Sada ću vam reći o svemu u detalje.

Da bi se to postiglo, bilo je potrebno izvršiti izmjene i dopune samo dva spisa.

Prvi zaglavlje.php je izlazna datoteka zaglavlja bloga.

Drugi stil.css— datoteka opisa stila bloga.

promjene zaglavlja.php

/»>

Nalazimo u zaglavlje.php fragment koji prikazuje naslov bloga i promijenite oznaku naslova h1 (crveno su označeni oni znakovi koje mijenjam) u oznaku odlomka p. Kao rezultat, dobili smo sljedeći kod.

/»>

Promjene u datoteci style.css

Plavom bojom sam označio naziv css klase koju ćemo morati ispraviti u datoteci stil.css, tako da font i veličina prikaza naslova bloga ostaju isti kao i prije promjena. Zatim otvorite datoteku stilova, potražite potrebnu klasu "art-Logo-name", fragment 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:lebdjeti
{

veličina fonta: 29px;
tekst-ukras: nema;
ispuna:0;
margina:0;
boja: #E0EDF0 !važno;
}

Mijenjam sve h1 označene crvenom bojom u p i dobivam 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:lebdjeti
{
obitelj fontova: Arial, Helvetica, Sans-Serif;
veličina fonta: 29px;
tekst-ukras: nema;
ispuna:0;
margina:0;
boja: #E0EDF0 !važno;
}

To je u biti sve što sam vam htio reći o H1 tagu, kao jednom od elemenata.
Napomenut ću samo da sam sve radove izvršio na testna poddomena, kako posjetitelji mog bloga ne bi imali poteškoća kada se pojave problemi koji mogu proizaći iz ovakve manipulacije. A sa stajališta sigurnosti i sigurnosti funkcionalnosti stranice, ovo će biti prava odluka.

Zaključno, želio bih vas pozvati da pogledate kratki video, on je, međutim, izgovoren na engleskom, ali sve mi je bilo jasno, nadam se da vam neće biti teško razumjeti. Ovaj video dobro nadopunjuje tekst članka i bit će dobra pomoć početnicima ili onima koji nisu vješti u programiranju. Uživajte u gledanju.

Dopustite mi da završim ovdje i želim vam uspjeh.