12/02/15 44.1K
Često webmastere početnike muči pitanje zašto se neke stranice rangiraju više i nadmašuju konkurente u rezultatima pretraživanja. Razlog za to može biti pogrešno postavljene oznake h1, h2 ... h6. Ako su ove oznake postavljene pogrešno, bez uzimanja u obzir specifičnosti resursa, onda je pretraživačima teže doći do tačnih informacija o člancima i ključnim riječima sadržanim u njima.
Oznake h1 -h6 vam omogućavaju da istaknete naslove različitih nivoa. Oni jasno stavljaju do znanja koji dijelovi teksta točnije odražavaju temu članka i pružaju prednost u rangiranju.
Pravilno označavanje omogućava pretraživačima da preciznije prikažu stranicu za upite u rezultatima pretraživanja, što povoljno utiče na poziciju resursa:
Zašto su nam potrebne oznake h1-h6?
Oznake sadrže naziv stranice, naslove i podnaslove teksta:
U HTML-u, oznake naslova su označene sa h od engleskog "header", što znači "
naslov, zaglavlje". Evo primjera kako to izgleda:
header
Oznake naslova treba postaviti na svaku stranicu izvora. Istovremeno, na važnosti naslova će zavidjeti njegov broj, što je manji, to je naslov važniji:
- najvažnije oznake
- manje bitne oznake...
- posljednje najvažnije oznake
Međutim, prema njihovom postavljanju treba postupati s oprezom. Zloupotreba može dovesti do kažnjavanja vašeg resursa od strane pretraživača.
Sintaksa h1-h6 oznaka
Naziv teksta
Podnaslov 1
...
Podnaslov 2
Podnaslov 3.1
...
Podnaslov 3_2
Podnaslov 3
Najpopularnije oznake su h1 h2 h3.
Kako pravilno koristiti oznaku h1?
Ignoriranjem oznake h1, webmasteri sebi uskraćuju tako važnu prednost kao što je optimizacija sadržaja. Na motorima se često piše automatski, ali ne uvijek, i tu činjenicu treba uzeti u obzir.
HTML h1 oznaka je najznačajnija te vrste. Sadrži naziv stranice i naslov članka. Međutim, ne treba ga miješati s oznakom
(<span>naslov stranice</span>). Naslov se prikazuje u pretraživaču na vrhu ekrana na lijevoj strani u trenutku kada se otvori stranica resursa. Naslov se piše u zaglavlju stranice između <head></head>, dok su h1 -h6 specificirani u “tijelu” same stranice i priloženi su oznakama <body></body>.</p>
<p>Može postojati samo jedna oznaka h1 po stranici. Ako navedete nekoliko naslova sa oznakom h1, pretraživači to mogu smatrati neželjenim sadržajem, što zauzvrat prijeti zabranom:</p>
<p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p><br>Pravila za sastavljanje glavnog naslova h1: <ul><li>Oznaka treba da koristi ključne reči koje se koriste za promociju stranice;</li>
<li>Ne činite naslov h1 previše obimnim, dovoljno je nekoliko riječi;</li>
<li>Tekst naslova treba da bude čitljiv;</li>
<li>Meta oznaka h1 ne bi trebala sadržavati ništa osim samog teksta. Ako želite da se istakne, stavite kodove izvan oznake;</li>
<li>Prije ručnog pisanja h1, uvjerite se da ga motor ne postavlja automatski;</li>
<li>Sadržaj h1 treba da odgovara temi naznačenoj u naslovu stranice;</li>
<li>Prilikom kompajliranja h1, obavezno koristite ključnu frazu na kojoj stranica napreduje;</li>
<li>Sadržaj naslova treba da bude jedinstven, opsežan i tematski. Ne pravite h1 potpunu kopiju oznake Title. Važno je da na svakoj stranici izvora budu napisani jedinstveni h1 -h6, tako da izbjegavajte ponavljanje;</li>
<li>Ne možete navesti ključne fraze u naslovu odvojene zarezima. Sadržaj h1 treba da bude jasan ne samo pretraživačima, već i posetiocima resursa.</li>
</ul><p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/pravila-sostavlenija-glav-030726.jpg' width="100%" loading=lazy loading=lazy></p>
<h3>Kako pravilno koristiti oznake h2-h6?</h3>
<p>Pored h1, oznake h2, h3, h4, h5, h6, itd. koriste se za sređivanje naslova koje prepoznaju pretraživači.</p>
<h4>h2 tag</h4>
<p>U pravilu se koristi za naslove postova u feedu postavljenim na glavnu stranicu ili za podnaslove u članku.</p>
<h4>Oznake h3, h4</h4>
<p>Često se koriste za isticanje naziva podnaslova, kategorija i widgeta na bočnoj traci.</p>
<h4>Oznake h5, h6</h4>
<p>Dizajniran za još manje elemente stranice koje treba odvojiti od ostatka teksta.</p>
<p>Raspored naslova h1 - h6 u različitim verzijama motora može se implementirati na različite načine.</p>
<p>Pravila aranžmana h2 -h6 :</p>
<ul><li>Struktura naslova. Hijerarhija naslova se mora poštovati;</li>
<li>Veličina slova. Što je niži nivo zaglavlja, to je manji font. Uređivanje fonta se vrši u stilovima. Ali, po pravilu, fontovi imaju ispravne veličine prema zadanim postavkama;</li>
<li>Oznake naslova ne mogu se koristiti zajedno s drugim oznakama akcenta. U naslovima se preporučuje korištenje ključnih riječi po kojima će ova stranica biti promovirana u pretrazi;</li>
<li>Za razliku od h1, oznake h2-h6 mogu se pojaviti više puta na stranici.</li>
</ul><p><body>
<h1>Ja sam šef hijerarhije titula</h1>
<h2>Moja djeca</h2>
<h3>moji unuci</h3>
<h3>moji unuci</h3>
<h3>moji unuci</h3>
<h2>Moja djeca</h2>
<h3>moji unuci</h3>
<h3>moji unuci</h3>
<h3>moji unuci</h3>
<h4>moji praunuci</h4>
<h4>moji praunuci</h4>
<h4>moji praunuci</h4>
</body></p>
<ul><li>Ne bi trebalo biti neželjene pošte;</li>
<li>Kompoziciju teksta h1 - h6 treba napraviti koristeći sinonime i uzimajući u obzir pravila morfologije;</li>
<li>Glavne ključne riječi najbolje je postaviti bliže početku naslova;</li>
<li>Ključne fraze napisane u naslovima treba pronaći u tekstu stranice;</li>
<li>Oznake H1 - h6 treba da budu kratke, koncizne i informativne:</li>
</ul>
<p>Naslovne oznake <h1>...<h6>treba da bude na svakoj stranici sajta. Važnost svakog naslova zavisi od broja:</p>
<blockquote><h1
></h1
><span>- najvažnije oznake naslova</span>
<h2
></h2
><span>- manje značajan od prvog</span>
...
<h6
></h6
><span>- poslednji po važnosti</span>
</blockquote>
<p>Ovim oznakama treba postupati s oprezom jer imaju veći utjecaj na rangiranje stranice. Uz pravilnu upotrebu oznaka <h1>...<h6>često je moguće postići dobre pozicije sajta za upite samo o internim faktorima. I obrnuta situacija: u slučaju zloupotrebe, možete potpasti pod sankcije pretraživača. U ovom članku ćemo samo govoriti o tome kako pravilno koristiti ove oznake.</p>
<p><b>Sintaksa oznake <h1>..<h6>
</b></p>
<blockquote><h1
>Naslov članka</h1
>
<h2
>Podnaslov1</h2
>
...
<h2
>Podnaslov2</h2
>
<h3
>Podnaslov3_1</h3
>
...
<h3
>Podnaslov3_N</h3
>
<h2
>Podnaslov3</h2
>itd.</blockquote>
<p>Svaki naslov prema zadanim postavkama ima drugačiju veličinu. Na primjer, kod</p>
<blockquote><h1
>Naslov h1</h1
>
<h2
>naslov h2</h2
>
<h3
>naslov h3</h3
>
<h4
>naslov h4</h4
>
<h5
>naslov h5</h5
>
<h6
>naslov h6</h6
>
</blockquote>
<p>Stranica se pretvara u ovo:</p>
<p><b>Značaj oznaka <h1>..<h6>
</b>
<br>Po težini i važnosti u promociji web stranice, oznake naslova h1-h6 su na drugom mjestu nakon oznake <title>. Na mnogo načina, pravila za sastavljanje naslova su slična h1.</p>
<h2>Pravila korištenja oznaka <h1></h2>
<ul><li>Tag <h1>moraju biti prisutni u jednom primjerku na svakoj stranici stranice. Ovo pravilo ne bi trebalo da izaziva nikakva pitanja, jer svaka stranica sajta treba da ima samo jedan naslov. A ako uopće nema imena, zašto nam je uopće potrebna takva stranica?</li>
<li>header <h1>trebao bi biti negdje na vrhu html koda stranice</li>
<li><h1>mora biti jedinstven unutar stranice, tj. ne bi trebalo biti da neke stranice imaju isti naziv</li>
<li>Naslov treba da odražava suštinu članka, a ne da bude predugačak.</li>
<li>Ne smije sadržavati nikakve druge elemente osim naslova stranice (tj. veze, raspon, elementi fonta, slike itd. ne mogu se koristiti unutar h1)</li>
<li>Loše je zloupotrebljavati naslove. Na primjer, h3 oznake se često koriste u predlošcima za naslove "Oznake", "Komentari" u bočnim trakama. To nije u redu. Oznake zaglavlja treba da se koriste u članku kako bi se sadržaj pravilno strukturirao i pomogao pretraživačima i korisnicima da brzo razumiju članak.</li>
<li>Preporučljivo je koristiti zaglavlja bez parametara klase i id</li>
<li>Važno je poštovati hijerarhiju oznaka naslova. Na ovoj tački potrebno je da se zadržimo detaljnije.</li>
</ul><h2>Važnost hijerarhije <h1>..<h6></h2>
<p>U html kodu stranice, prva oznaka bi trebala biti <h1>. Ne možete prvo napraviti naslov <h2>, Onda <h1>. Slično, s drugim brojevima oznaka. Evo ispravne upotrebe oznaka:</p>
<blockquote><h1
>Naslov članka</h1
>
...
<h2
></h2
>
<h3
></h3
>
<h4
></h4
>
...
<h4
></h4
>
<h3
></h3
>
...
<h3
></h3
>
<h2
></h2
>
...
<h2
></h2
>
<h3
></h3
>
</blockquote>
<p>One. svaka niža oznaka je uvijek ugniježđena unutar više oznake. Ovo je ispravna hijerarhija. U ovom slučaju, nagli prijelazi iz <h1>na <h4>, od <h2>na <h5>itd.</p>
<p>Pored takve hijerarhije, potrebno je promatrati i hijerarhiju u smislu veličine fonta. One. važniji naslovi trebaju biti u većem fontu. Iako još niko nije objavio potvrđujuće činjenice da pretraživači analiziraju stilove koji se nalaze u .css fajlovima, takvo pravilo postoji među webmasterima i optimizatorima iza scene.</p>
<p><b>Može naslov <h1>I <title>poklopiti?</b>
<br>O ovom pitanju se sada raspravlja. S jedne strane, logično je da <title>I <h1>podudaraju. Ali s druge strane, to je kao dupliranje naslova stranice. Općenito, najčešće će naslovi biti različiti, jer u <h1>teško da je moguće i ima smisla pisati riječi "Kupi, cijena, fotografija", ali u naslovu se takve riječi koriste naprotiv. Kada odgovarate na pitanje, vodite računa da sve bude jasno korisniku i da izgleda prirodno.</p>
<p><b>Koliko naslova može biti <h2>, <h3>?
</b>
<br>Naslovne oznake <h2>
-<h6>može ih biti nekoliko po stranici, sve zavisi od veličine sadržaja. Količina sadržaja po naslovu treba da bude odgovarajuća. Drugim rečima, to ne bi trebalo da stoji iza naslova <h2>ide 5 rečenica, pa opet <h2>i opet mali pasus. U takvim slučajevima, vjerovatno je bolje da uopće ne koristite oznake naslova.</p>
<p>Nemojte brkati naslovne oznake <head>i h1-h6. Neki su potrebni za robota za pretraživanje, drugi za robota za pretraživanje i korisnike.</p>
<p>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.</p>
<p>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. 🙂</p>
<p>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.</p>
<p>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.</p>
<h2>Pravila za korišćenje naslova h1, h2, h3, h4 na stranici u smislu SEO-a</h2>
<h3>Pravilo #1 <b>:
</b> Trebao bi biti samo 1 h1 tag po stranici.</h3>
<p>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.</p>
<p>šta ti je potrebno?</p>
<br><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/seo-tegi.jpg' width="100%" loading=lazy loading=lazy><p>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.</p>
<h3>Pravilo broj 2: naslovi h2, h3, h4 treba da budu samo u samom članku.</h3>
<p>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.</p>
<p><b>Kako popraviti ove greške?</b></p>
<p>Da ispravimo takve greške, opet nam je potreban još jedan dodatak o kojem sam već govorio - ovaj (dostupan je i za Chrome).</p>
<p>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" koristeći Firebug:</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/firebug.jpg' width="100%" loading=lazy loading=lazy>A sa desne strane vidimo stilove date h4 oznake (u mom slučaju):</p>
<p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/stili-h4.jpg' width="100%" loading=lazy loading=lazy></p>
<p>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):</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/new-style.jpg' width="100%" loading=lazy loading=lazy>Pošto je ovaj izraz "Pretplata" u mom podnožju, otvaram fajl footer.php, unosim frazu "Pretplata" preko CTRL + F, evo ga:</p>
<p><img src='https://i2.wp.com/wpnew.ru/wp-content/uploads/2014/01/nahodim-h4.jpg' width="100%" loading=lazy loading=lazy>I umjesto h4, propisujemo našu novu klasu (u mom slučaju, "new4"), odnosno, nakon modifikacije, postojat će takva slika:</p>
<p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/analog-h4.jpg' width="100%" loading=lazy loading=lazy>Spremimo datoteku, otvorimo Firefox, osvježimo stranicu i vidimo da je h4 oznaka s riječju "Pretplata" nestala:</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/propal-h4.jpg' height="169" width="308" loading=lazy loading=lazy>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:</p>
<p><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/h4-net.jpg' width="100%" loading=lazy loading=lazy>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.</p>
<p>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:</p>
<p><img src='https://i1.wp.com/wpnew.ru/wp-content/uploads/2014/01/dobavlenie-tega-h1.jpg' width="100%" loading=lazy loading=lazy></p>
<h3>Pravilo broj 3: preporučljivo je koristiti oznaku h1 na glavnoj stranici.</h3>
<p>Trenutno nema h1 na mojoj stranici na glavnoj stranici, što mislim da krši strukturu.</p>
<blockquote><p>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.</p>
</blockquote>
<p>Š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.</p>
<p>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.</p>
<blockquote><p>Zapamtite: naslov h1 mora se razlikovati od naslova stranice. Ovo će biti korisno za promociju pretraživanja.</p>
</blockquote>
<p>Obično se negdje na ovom mjestu nalazi opis stranice (u mom slučaju nije): <br><img src='https://i0.wp.com/wpnew.ru/wp-content/uploads/2014/01/opisanie.jpg' width="100%" loading=lazy loading=lazy>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.</p>
<p>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).</p>
<p>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:</p><p>
<?php if(is_front_page()) {?><h1 id="description">Opis stranice</h1> <? }
else{ ?><strong id="description">Opis stranice</strong> <?}?>
</p><p>Ovdje morate unaprijed postaviti iste stilove za h1 i za stil "opis" u style.css, tako da posjetitelji vizualno ne vide razlike.</p>
<p>Također postoji mišljenje da je bolje zamijeniti naslove h2, h3 i h4 stilovima, kako bi se izbjegle sankcije pretraživača zbog prekomjerne neželjene pošte, npr. <div class=”zagolovok”>ili <p>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. 🙂</p>
<p>Šta je naslov, apsolutno svi znaju. Ovo je prostran, atraktivan naslov, koji, uprkos svojoj kratkoći, sadrži suštinu čitave publikacije, članka itd. Ali naslov na stranici sajta nije baš onakav kakav smo navikli viđati u novinama, časopisima ili knjigama. Zašto? Pokušajmo to shvatiti.</p>
<h2>Šta je H1?</h2>
<p>H1 je glavni naslov u članku, naslov prvog nivoa. Svaka stranica na Internetu ima svoju strukturu. Naslovi H1-H6 vam samo omogućavaju da pravilno strukturirate materijale, kako za pretraživače tako i za korisnike. H1 - glavni naslov, H2-H6 sekundarni, ugniježđeni podnaslovi. U kodu, zaglavlja izgledaju ovako: <h1>sam naslov</h1>, broj samo označava nivo naslova.</p>
<p>Naslovi na Internetu služe ne samo za ukazivanje na strukturu i suštinu onoga što se opisuje, već i za optimizaciju stranice. Da biste stranicu doveli na vidljive pozicije u rezultatima pretrage, napišite prave naslove, poštujući 2 jednostavna uslova:</p>
<h2>Uvjet 1. Ključne riječi u naslovima</h2>
<p>Da biste to učinili, morate razviti visokokvalitetno semantičko jezgro - odnosite se prema njemu vrlo odgovorno i zapamtite da ne možete umetnuti isti ključ na sve stranice web-mjesta. Relevantnost je sve: morate ispuniti očekivanja kupaca i pretraživača. U naslovima glavne stranice možete uzeti srednje i visokofrekventne upite. A na stranicama proizvoda (kartica proizvoda) naslovi s niskofrekventnim tipkama su sasvim prihvatljivi. Ključ mora voditi do određene pozicije ili jedinice, biti precizan, a ne generaliziran.</p>
<p>Kada postavljate ključne riječi, učinite to pažljivo: nemojte pretjerano koristiti ključne riječi niti praviti neželjene naslove (na primjer, <i>kupi stan u Moskvi, kupi torbu za frižider, kupi motocikl Krasnojarsk po ceni, tvoju ne razumem itd.</i>). Zadržite ljepotu fraze i njene logike. U velikom i moćnom ruskom jeziku, riječi se konjugiraju i odbijaju, a roboti sada razumiju značenje, razumiju jezik ništa gore od tebe i mene! I ne brinite - neželjena pošta je očigledna svima, a Baden-Baden je na korak od vas, i ne zaboravite na Pandu iz Google-a.</p>
<p>Primjer gdje broj tipki prelazi skalu, brute force.</p>
<p>Iz glavnog naslova je jasno o kojem proizvodu će biti riječi. Naravno, u prvom pasusu ne možete bez ključa, ali učinite to nenametljivo, a ne tako otvoreno i agresivno.</p>
<p>Pa nadam se da nikome neće pasti na pamet da sve ključne riječi namijenjene jednoj stranici ugura u naslov. Ništa dobro neće biti od toga. =)</p>
<p>Zapamtite da se tekst kreira ne samo za pretraživače, već i za ljude. Općenito, roboti vole humane, jednostavne i razumljive tekstove. Ako u naslovu ključne riječi organski stoje na početku rečenice, onda će funkcionirati malo bolje. One. Sa stanovišta optimizacije stranice za ključnu reč „Hoteli u Moskvi“, naslov „Hoteli u Moskvi – zvanični sajtovi, recenzije, fotografije“ će raditi bolje od „Recenzije, fotografije i zvanični sajtovi hotela u Moskvi“.</p>
<h2>Uvjet 2. Oznake <h1>-<h6></h2>
<p>Kada postavljate tekstove na sajt, ne zaboravite da pravilno postavite oznake. Oznake za naslove teksta definirani su sljedećim HTML kodom: <h1>-<h6>. Prema našim zapažanjima, dvije oznake su dovoljne - <h1>-<h2>. Sada ljudi ne čitaju velike tekstove, pa čak ni na osnovu logike stvari nije potrebno ugniježditi toliki broj naslova. Izuzetak mogu biti stranice sa puno video zapisa, slika, interaktivnih elemenata itd. Ali ovo je ipak izuzetak, a ne pravilo.</p>
<p>Pretraživači također uzimaju u obzir dimenziju i važnost oznaka. <h1>-<h2>. Prilikom postavljanja obratite pažnju na činjenicu da se naslovi vizualno izdvajaju od općeg teksta.</p>
<p>Ne treba koristiti veze u naslovima, posebno u <h1>: na ovaj način ćete osobu odvesti sa stranice na drugi materijal ili, ako se povežete na istu stranicu, napravite kružni link koji ne čini ništa dobro.</p>
<p>Može se referencirati iz naslova nivoa <h2>i niže, ali i ako je to opravdano i logično.</p>
<p>Web pretraživači pridaju veliku važnost naslovima jer se koriste za označavanje važnih informacija. Tako će mašinama biti lakše da čitaju tekst i razumeju njegovu strukturu, logiku; vidi šta je najvažnije. Ne pokušavajte varati i primjenjivati oznake <h1>-<h6>za sav tekst na stranici, jer neće biti od koristi. Roboti nisu glupi i općenito su vrlo ranjivi - mogu se osvetiti nečim neugodnim za vašu stranicu. Stoga, razmislite sedam puta unaprijed, posljedice su strašne. Prilikom pisanja naslova u tekstu, pridržavajte se sljedećih pravila:</p>
<ol><p>Dovodimo stvari u red. oznake <h1>-<h6>raspoređeni po principu hijerarhije: tag <h1>važnije od oznake <h2>. U stvarnosti, to izgleda ovako:</p>
<p><img src='https://i1.wp.com/1ps.ru/files/blog/2018/technical-side-of-headings-02-mini.png' width="100%" loading=lazy loading=lazy></p>
<p>Pretraživači su perfekcionisti: vole ispravan redoslijed, tako da sve bude na svom mjestu, na svojim policama. Dakle, slijedimo logiku: najmlađi sin se ne može roditi prije najstarijeg. Ovo nije dozvoljeno - evo primjera s pokvarenom hijerarhijom:</p>
<p><img src='https://i2.wp.com/1ps.ru/files/blog/2018/technical-side-of-headings-03-mini.png' width="100%" loading=lazy loading=lazy></p>
<p>Osim toga, oznaka <h1>igra važnu ulogu u formiranju brzih veza u rezultatima Yandex pretraživanja.</p>
<p>Ako sve uspije, onda učinak tako naizgled beznačajnog i lakog posla neće dugo trajati.</p>
<p>A ako imate bilo kakvih poteškoća, obratite se našim stručnjacima, spremni smo provjeriti jesu li naslovi vaše stranice ispravno napisani, ispravno ih napisati u slučaju grešaka i odgovoriti na sva pitanja. Kompilacija naslova za 1 stranicu (+ izbor 3 relevantna ključa) - od 450 rubalja.</p></ol>
<p>Zdravo svima! <br>Ovo je složen posao koji zahtijeva pažnju na svaki detalj. Čak i nepravilna upotreba naslova (oznake H1, H2, H3) na stranicama web stranice može ometati normalnu promociju u pretraživačima. Danas ćemo pričati upravo o tome.</p>
<p>Sve što je opisano u gornjim lekcijama danas će vam dobro doći.</p>
<h2>Pravila naslova</h2>
<p>U svetu SEO-a postoje određena pravila za korišćenje H1, H2, H3 i ispod tagova kojih bi bilo poželjno da se pridržavate na svim stranicama:</p>
<ul><li>Na stranici treba da postoji samo jedan naslov prvog nivoa (H1);</li>
<li>Naslov H1 ne bi trebao biti isti kao naslov stranice;</li>
<li>Naslovi H2, H3, H4 treba koristiti samo unutar članka;</li>
<li>U naslovima treba koristiti samo fraze koje su korisne, odnosno u oznakama H1 ... H6 ne bi trebalo biti besmislenih fraza, kao što su: recenzije, pretplate, komentari itd.;</li>
<li>Zadržite hijerarhiju naslova. Naslov drugog nivoa bi trebao biti ispod H1, naslov trećeg nivoa bi trebao biti ispod <b>prvo</b> H2. U suprotnom, robot za pretraživanje, koji vidi samo HTML kod, neće ispravno percipirati stranicu, što mi ne želimo.</li>
</ul><p>Već sam ukratko pisao o ovim pravilima u lekciji o. Obavezno pročitajte, ima puno korisnih informacija!</p>
<h2>Kako znate da li se zaglavlja koriste ispravno?</h2>
<p>Da li ste upoznati sa pretraživačem Mozilla Firefox? Možda da. Dakle, ovaj pretraživač, zahvaljujući jednom dodatku sa dobrom funkcionalnošću, pruža velike mogućnosti za analizu stranica. Naziv ovog dodatka je RDS bar. Možete ga preuzeti sa ovog linka, ali to morate učiniti u Firefoxu, pa ako nemate instaliran ovaj pretraživač, preuzmite ga i instalirajte brže.</p>
<p>RDS traka se može instalirati na drugim pretraživačima, ali je u Mozilla Firefox-u njegova funkcionalnost mnogo šira.</p>
<p>Prije nego što pređemo na analizu stranica web-mjesta, potrebno je napraviti male prilagodbe dodatka:</p>
<img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/nastrojki-rds.png' height="131" width="255" loading=lazy loading=lazy><p>Sada možemo lako vidjeti koliko H1, H2, H3 oznaka ima na stranici, vidjet ćemo dodatne naslove i znat ćemo šta treba urediti. Svu ovu raskoš možete vidjeti klikom na dugme SEO oznake na RDS traci, koje je upravo aktivirano: <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/seo-tegi.png' height="181" width="244" loading=lazy loading=lazy></p>
<p>Čim kliknete na ovo dugme, pred vašim očima će se pojaviti mala poruka: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/meta-tegi-i-zagolovki.png' width="100%" loading=lazy loading=lazy></p>
<p>Ovaj post sadrži , H1 zaglavlje i druge. Kao što vidite, na stranicama mog bloga je sve u redu sa ovim, pošto sam pre nedelju dana popravio ovaj zaglavak, ali na sajtu klijenta je sve mnogo gore.</p>
<p>Navest ću greške:</p>
<ol><li>Dupliciranje između naslova H2 i H5;</li>
<li>Nema naslova trećeg nivoa;</li>
<li>H4 sadrži smeće.</li>
</ol><p>Ima dosta posla, pa ću na jednom primjeru pokazati ispravljanje grešaka. Pokušat ću promijeniti oznake H5 u oznake H3 tako da se poštuje hijerarhija naslova.</p>
<h2>Kako ispraviti greške?</h2>
<p>Da bih to uradio, trebaju mi fajlovi stranice (), Notepad ++ i Mozilla Firefox.</p>
<ol><li>Da biste znali gdje se tačno nalazi problematična oznaka i njena klasa stila, trebate koristiti ugrađeni alat Inspect Element u pregledniku: <img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/issledovat-element.png' height="246" width="342" loading=lazy loading=lazy>Zadržite pokazivač iznad određenog elementa, kliknite desnim tasterom miša na njega i odaberite Pregledaj element. Područje će se pojaviti na dnu prozora gdje možete vidjeti i klasu stila HTML elementa i njegove CSS stilove: <br><img src='https://i0.wp.com/context-up.ru/wp-content/uploads/2017/04/kod-issledovat-element.png' align="center" width="100%" loading=lazy loading=lazy></li>
<li>Pogledajte klasu stila elementa koji vam je potreban i kopirajte ga da biste ga kasnije pronašli u kodu stranice. U mom slučaju, klasa H2 naslova je page-box__title: Želim promijeniti nivo naslova H5 u H3, jer H5 navodi relevantne ključne riječi.</li>
<li>Zatim morate pronaći element s ovom klasom u mapi web lokacije, za to ćemo koristiti ugrađene funkcije, odnosno pretragu datoteka. Otvorite Notepad++, u gornjem meniju pronađite stavku "Traži" i u padajućem meniju izaberite "Pronađi u fajlovima": <img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/najti-v-fajlah.png' height="248" width="367" loading=lazy loading=lazy></li>
<li>U polje "Pronađi" upisujem klasu stila naslova petog nivoa (page-box__title), a u polje "Folder" navodim putanju do foldera sa sajtom: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/poisk-v-failah.png' width="100%" loading=lazy loading=lazy>Nakon što kliknem na dugme "Pronađi sve", proces pretraživanja fajlova će započeti: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/process-poiska.png' width="100%" loading=lazy loading=lazy></li>
<li>Na dnu radnog prozora Notepad ++ biće prikazani rezultati pretrage, među kojima se nalazi isti naslov petog nivoa (H5) sa klasom “page-box__title”: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovok-v-poiske.png' width="100%" loading=lazy loading=lazy>Da biste otišli direktno na datoteku koja sadrži dato zaglavlje, samo dvaput kliknite na rezultat pretrage;</li>
<li>Zatim samo mijenjam oznake <h5></h5>na oznakama <h3></h3>: Obavezno sačuvajte datoteku;</li>
<li>Gledamo rezultat na web stranici: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/zagolovki-na-saite.png' width="100%" loading=lazy loading=lazy>Ne izgleda baš dobro.</li>
<li>Da bi naslovi izgledali normalno, potrebno je da unesete promjene u datoteku stila (style.css). Pošto su naslovi dati u primjeru zatvoreni u oznaci <a>, tada će najvjerovatnije pravilo u style.css izgledati ovako: .page-box__title > a (selektor djece). Pretraživanjem u Notepad++ pronađeno je ovo: <br><img src='https://i1.wp.com/context-up.ru/wp-content/uploads/2017/04/style-zagolovka.png' width="100%" loading=lazy loading=lazy>Morate dodati svojstvo veličine fonta (veličina fonta) pravilu stila sa vrijednošću koja vam je potrebna. U mom slučaju, optimalna veličina fonta bi bila 14 px: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/razmer-shrifta.png' width="100%" loading=lazy loading=lazy></li>
<li>Da vidimo rezultat: <br><img src='https://i2.wp.com/context-up.ru/wp-content/uploads/2017/04/rezultat-izmenenj.png' width="100%" loading=lazy loading=lazy>Kao što vidite, zaglavlja su počela normalno da se prikazuju.</li>
</ol><p>Na isti način radimo i sa drugim naslovima. Kada završite, ne zaboravite da svoje promjene vratite na server. To možete učiniti preko FileZilla-e, o kojoj sam govorio</p>
<script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+
escape(document.referrer)+((typeof(screen)=="undefined")?"":
";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth?
screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+
";"+Math.random()+
"border='0' width='1' height='1' loading=lazy loading=lazy>");</script>
</div>
<div class="post-social-counters-block">
<div style="margin-top: 12px">
<noindex></noindex>
</div>
</div>
</div>
</div>
<a name="comments"></a>
<h3 class="best-theme-posts-title">Top Related Articles</h3>
<div class="container-fluid">
<div class="best-theme-posts row">
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/bs/obyazannosti-funkcii-dostizheniya-kontent-menedzher-professiya-kontent-menedzher-kto-eto-takoi-i-chem-on.html">
<div class="img_container"><img src="/uploads/0d4bc2a3b0ff1813bc793537a532f30b.jpg" border="0" alt="Profesija menadžer sadržaja: ko je on i čime se bavi" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Profesija menadžer sadržaja: ko je on i čime se bavi</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/bs/kak-ustanavlivat-prilozheniya-bez-google-play-kak-skachat-platnye-igry-i-prilozheniya.html">
<div class="img_container"><img src="/uploads/8c4726e562ad77e2b56bf2bb801c8bcf.jpg" border="0" alt="Kako preuzeti plaćene igre i aplikacije za besplatni Play market za preuzimanje igara" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Kako preuzeti plaćene igre i aplikacije za besplatni Play market za preuzimanje igara</span>
</a>
</div>
<div class="theme-post col-sm-4">
<a href="https://bumotors.ru/bs/akt-obezzhirivaniya-kislorodnyh-manometrov-primer-domeny-obezzhirivanie.html">
<div class="img_container"><img src="/uploads/044a2ba4a0370f43165c2696f9440442.jpg" border="0" alt="Primjer čina odmašćivanja kisikovih manometara" width="320" height="180" / loading=lazy loading=lazy></div>
<span class="theme-post-link">Primjer čina odmašćivanja kisikovih manometara</span>
</a>
</div>
</div>
</div>
</div>
<a name="comments"></a>
</div>
<div class="right-column col-sm-4 col-md-4">
<div class="write">
<span class="tags-title">Kategorije:</span>
<ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags">
<li class=""><a href="https://bumotors.ru/bs/category/programs/">Programi</a></li>
<li class=""><a href="https://bumotors.ru/bs/category/safety/">Sigurnost</a></li>
<li class=""><a href="https://bumotors.ru/bs/category/windows-10/">Windows 10</a></li>
<li class=""><a href="https://bumotors.ru/bs/category/iron/">Iron</a></li>
<li class=""><a href="https://bumotors.ru/bs/category/windows-8/">Windows 8</a></li>
<li class=""><a href="https://bumotors.ru/bs/category/vkontakte/">U kontaktu sa</a></li>
<li class=""><a href="https://bumotors.ru/bs/category/errors/">Greške</a></li>
</ul>
</div>
<div class="banner">
</div>
</div>
</div>
</div>
<div style="clear:both"></div>
</div>
<div class="footer">
<div class="subscribe">
<div class="main-wrapper container">
<div class="row">
<div class="col-sm-8">
</div>
<div class="col-sm-4">
<div class="social">
<a href="" class="vk social-ico"></a>
<a href="https://facebook.com/" class="fb social-ico"></a>
<a href="https://twitter.com/" class="tw social-ico"></a>
</div>
</div>
</div>
</div>
</div>
<div class="info">
<div class="main-wrapper container">
<div class="row">
<span class="footer-info col-xs-12">© 2022 bumotors.ru. Kako podesiti pametne telefone i računare. Informativni portal.</span>
</div>
</div>
</div>
</div>
</body>
</html>