Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Zanimljivo
  • Tačno h1. Anatomija H1-H6 naslova za stilizovanje i strukturiranje sadržaja

Tačno h1. Anatomija H1-H6 naslova za stilizovanje i strukturiranje sadržaja

Na mom vrhu informacioni projekti prvo stručnjak za tu temu pravi strukturu članka (naslove i podnaslove), a zatim tekstopisci pišu tekst na njih.

Struktura je zapravo vrlo važna ako ste zabrinuti za kvalitet. A da biste to ispravili, morate razumjeti kako funkcionišu h oznake.

h1 je glavni podnaslov u članku i obično se postavlja iznad teksta.

Prvi naslov bi trebao biti vizualno veći od ostalih naslova na stranici.

h2-h6 su mali podnaslovi koji su ugniježđeni.

Čemu služe naslovi?

Za one koji nisu baš u ovoj temi - evo, u principu, dobrog videa o osnovama sastavljanja podnaslova h1-h6. Ako se ne smatrate specijalistom, pogledajte:

A za konsolidaciju materijala, malo slabiji video:

Naslovi su dizajnirani da istaknu glavnu suštinu, ideju sljedećeg teksta u jednoj frazi ili čak riječi. Obično na njih osoba obraća pažnju prije svega, odlučujući hoće li pročitati ostatak materijala. Naslovi su posebno važni u reklamnim tekstovima, pismima i služe kao glavni alat za privlačenje pažnje ciljne publike.

U kodu oznaka izgleda ovako:

, gdje slovo h dolazi od riječi "header", što u prijevodu znači "naslov". Svaki nivo je označen odgovarajućim brojem.

H-oznake očima ljudi

Tekst, razbijen u podnaslove, izgleda "urednije", lakši je za čitanje. Moderan korisnik Odavno sam naučio skenirati članke u samo nekoliko sekundi i brzo izvlačiti zaključke isplati li se pročitati cijeli tekst, sadrži li on korisne informacije koje traži. Naslovi upadaju u oči, ističući glavnu stvar i dajući korisniku priliku da analizira materijal.

Oznake h1, h2, h3, h4, h5, h6 omogućavaju vam da kreirate neku vrstu mape za čitaoca, pomoću koje se može brzo kretati u tekstu. A ako su ovi sekreti uspjeli privući pažnju, onda će se osoba zadržati na stranici i vjerojatno će pročitati cijeli članak. Rezultat možete provjeriti putem faktori ponašanja... Ako se ljudi zadrže na stranici, poduzmu bilo kakvu akciju, onda SEO posao nije obavljen uzalud.

H-oznake očima pretraživača

Roboti za pretraživanje prikupljaju informacije od njih za semantičku analizu. Od posebnog značaja za botove su naslovi nivoa h1, h2, h3. Njihova nedosljedna ili pogrešna primjena može negativno utjecati na rang stranice. Ako u HTML kodu uopće nema h-tagova, tada će se stranica teško promovirati. Nivoi h4, h5, h6 su manje značajni.

H-tag hijerarhija

Glavno pravilo u postavljanju naslova je njihova hijerarhija. Nije potrebno da oznake idu jedna za drugom po veličini, ali je neprihvatljivo koristiti npr. h3 u tekstu, ako nigdje nemate meta h2, ili koristiti h6 bez h5.

Ovako izgleda pravilno ugniježđena hijerarhija:

Šta je oznaka h1

Oznaka h1 je sadržaj teksta (poput naslova knjige ili naslova članka u novinama).

Svaka stranica treba da ima jednu i samo jednu h1 oznaku.

Što se tiče atraktivnosti za korisnika, to je od primarne važnosti. Ali za SEO promociju, to će imati veću težinu.

Titula je i titula, ali je propisana ne samo za ljude, već i za robote. Ne prikazuje se na samoj stranici, već samo na kartici pretraživača i u isječku kao aktivni link na web stranicu. U stvari, naslov je alternativni, ali glavni naslov za html dokument. Ako ga nema, onda pretraživač uzima h1 kao osnovu i koristi ga u srpu.

Zašto bi se h1 trebao razlikovati od naslova

Vrlo je važno shvatiti da su h1 i Title različita zaglavlja... I, shodno tome, moraju se vješto kombinirati. Evo osnova o ovoj temi:

Nepoštivanje pravila jedinstvenosti i relevantnosti naslova može dovesti do činjenice da će stranica potpasti pod filter. U poslednje vreme tražilice su počele da plaćaju Posebna pažnja kvaliteta sadržaja i njegovih SEO postavki. Kažnjavaju se duplikati, spam, haotična distribucija zaglavlja, njihova neusklađenost sa sadržajem.

Zahtjevi za dužinu H1

Preporučljivo je da H1 bude sažetiji od naslova, da ne prelazi broj znakova veći od 50. Ali neće biti katastrofe ako se naslov pokaže dužim, kada nije moguće ugurati cijelu suštinu u naznačeno broj.

Posebni WordPress dodaci vam omogućavaju analizu ispravno punjenje svi su se upoznali direktno u uredniku.

Pravila za ispravan pravopis h1

  • Mora biti jedinstven za cijelu stranicu i apsolutno čitljiv;
  • Ne ponavlja se title tag ali isto tako nije u suprotnosti;
  • Nemojte ga činiti predugačkim (naslov možete učiniti obimnijim);
  • Koristi se samo jednom po stranici;
  • Relevantno za tekst i odražava semantičku suštinu materijala;
  • Zanimljivo, atraktivno za korisnika;
  • Ne možete staviti tačku na kraj i preporučuje se da koristite najmanje znakove interpunkcije.

Ključna aplikacija

Glavni ključne fraze, prije svega, mora sadržavati naslov. Ali treba ih napisati iu h1. I tamo, i tamo bolje je to učiniti na samom početku. Ali bilo bi bolje ključne riječi nisu duplirali jedan drugog u ove dvije oznake. Morate koristiti različite oblike riječi ili razrijeđena pojavljivanja u h1 i direktno u naslovu.

Neki uzimaju sve ključeve na stranici i od njih čine strukturu članaka. Odmah imajte na umu - bez cool PF-ova, takvo raspršivanje ključeva po podnaslovima bit će kažnjeno filterom za neželjenu poštu.

Psihološki trikovi za pisanje atraktivnog naslova

Naslov bi trebao biti privlačan. Evo video snimka Maksima Iljahova, specijaliste za medije, rektora Škole urednika i kreatora usluge Glavred:

Evo još par "trikova" koji se koriste prilikom pisanja naslova.

Rješenje

Zapamtite da osoba uvijek traži ne informacije ili dobra, već prije svega - rješenje svojih problema, potreba, potreba. Djelujte posebno za namjeravani problem ciljne publike

Primjer dobrog naslova: „Kosa opada? Zaustavite gubitak za nedelju dana."
Primjer lošeg naslova: "Može li se zaustaviti gubitak kose?"

U prvom slučaju jasno identifikujemo problem i predlažemo betonsko rešenje... U drugom slučaju, problem se indirektno dotiče i opcije za njegovo rješenje su zamagljene.

Intriga

Primjer dobrog naslova: "Otkrivanje tajne najefikasnijeg recepta za gubitak kose."
Primjer lošeg naslova: " Najbolji recept od gubitka kose".

Prijemni "ispit"

Rečenica u ovom obliku izaziva čitaoca da se testira.

Primjer uspješnog naslova: "Jeste li sigurni da se borite protiv gubitka kose na pravi način?"
Primjer lošeg naslova: "Znate li sve o gubitku kose."

Naravno, to nisu sve metode koje pomažu utjecati na percepciju osobe i privlače njen interes. Pročitajte knjige o marketingu da pročitate više ako je tema zanimljiva. Inače, naslov može biti i "mamljiv". Štaviše, najvjerovatnije je on taj koji je prikazan Rezultati pretrage... Njegov prikaz možete provjeriti nakon indeksiranja stranice.

Zašto su potrebni podnaslovi h2-h6

Oznake od h2 do h6 nalaze se već u tijelu samog članka, strukturalno ga dijeleći na tematske pasuse, te u kodu HTML dokumenta, ističući ga značajni elementi... Takođe ih identifikuju pretraživači za semantičku analizu stranice.

Potrebni su kako bi se hijerarhijski označilo sve bitno i vrijedan pažnje korisnika na stranici. Takva struktura pomaže osobi da se brzo snalazi u informacijama i procjenjuje njihovu usklađenost s njegovim potrebama.

h2 - usmjerava pažnju korisnika i pretraživača na glavni sadržaj članka. Prikazuje najznačajnije u tekstu.

h3 - je podstavka za informacije koje idu pod H2, otkrivajući ih još dublje.

h4, h5, h6 - definirani su kao ugniježđeni podnaslovi (detaljno otkrivaju suštinu H2 ili H3) i koriste se u tekstu kao isticanje malih pasusa i smislene riječi, kao iu meniju, bočnoj traci i drugim komponentama web dokumenta.

Svi h-tagovi moraju biti unutar 50 znakova.

Kako pravilno napisati podnaslove h2-h6

  • Nemoguće je da najmanji podnaslov bude prisutan bez većeg. Odnosno, ako tekst sadrži meta oznaku h4, onda mu moraju prethoditi h2 i h3.
  • Što je viši nivo zaglavlja, to bi font trebao biti veći. U WordPress-u su zadane postavke obično postavljene na način da se oznake automatski formatiraju u ispravnom obliku.
  • Svi h-tagovi moraju odgovarati sadržaju sadržaja, prikazivati ​​suštinu informacija.
  • Neprihvatljivo je koristiti h1-h6 kao sidra ili aktivne veze.
  • Ne možete pisati druge oznake unutar h oznake.
  • U h-tagovima su dozvoljeni samo tekst i znaci interpunkcije.
  • Podnaslovi ne bi trebali sadržavati neželjenu poštu ključnih riječi. Najbolje je koristiti ključne riječi u naslovu, h1, h2, a u manjim, kao što su h3, h5, h6, fokusirati se na detaljno razotkrivanje teme.

Ako su naslov i glavni naslov H1 registrovani u oznaci stranice, ali sam tekst članka nije prevelik i ne sadrži podnaslove, to nije greška. Ima dosta stranica u TOP-u na kojima sadržaj ide u gotovo kontinuiranoj traci, možda podijeljenoj u paragrafe. Možete zauzeti vodeću poziciju bez "čarolija" preko označavanja teksta, stavljajući veći naglasak na. WordPress stranice su savršeno indeksirane od strane pretraživača. Ipak, upotreba ovih oznaka ne samo da olakšava zadatak, već i sadržaj čini lakšim i ugodnijim za vizualnu percepciju.

Kako popuniti h oznake u WordPress-u

h1 se obično popunjava u polju iznad teksta u zapisu:

Da biste napravili podnaslove h2-h6, označite neophodni element i, držeći pokazivač miša iznad kartice "naslovi", odaberite onu koja vam je potrebna klikom na nju. Uradite isto za svaki od podnaslova, uključujući ih u ispravnom formatu.

Postoji još lakši način - možete ukucati tekst u Word koristeći potrebna oznaka i samo kopirajte i zalijepite članak u WordPress editor. Istaknuto u Zaglavlja riječiće se automatski prikazati u prave veličine... Ako je potrebno, možete ih podesiti pomoću alata za uređivanje WordPress CMS-a.

Pustili smo nova knjiga„Marketing sadržaja u na društvenim mrežama: Kako ući u glavu pretplatnika i zaljubiti se u svoj brend."

Pretplatite se na

S obzirom na nedavna dešavanja u svijetu SEO-a, faktori teksta su postali značajan faktor rangiranja. I ako je prije par godina bilo moguće odustati od dizajna teksta, sada ćete to platiti.

Dakle, počnimo s osnovama -.

Meta H1 oznaka: primjer dizajna i osnovne informacije

Nudi 6 slojeva naslova koji pokazuju koliko je važan tekstualni blok prateći naslov.

Dakle, oznaka

je najvažniji naslov prvog nivoa i oznaka

označava naslove šestog nivoa, najmanje značajne. Podrazumevano, oznaka naslova je h1 najviše prikazano veliki print i ističe se "podebljano", naslovi koji su nižeg ranga, odnosno treba da budu manji.

Oznake zaglavlja se odnose na blok elementi: tag

uvek počinje sa nova linija, a već iza njega na sljedeći red drugi elementi dolaze. Štaviše, kako bi vaš tekst izgledao estetski ugodno, preporučujem uvlačenje prije i poslije naslova.

Kako umetnuti oznaku H1 zaglavlja u tekst na web stranici?

Naslov prvog nivoa

Upotreba ključa u tag-u: optimizacija H1 tagova

Meta oznake h1 -h6 se mora koristiti kako je predviđeno, striktno poštujući hijerarhiju.

Činjenica je da su roboti za pretraživanje vrlo osjetljivi na naslove i ono što oni sadrže. Važnost i stepen pažnje pretraživača određen je nivoom naslova (naniže od h1 do h6). Stoga, toplo preporučujemokoristite ključ u oznaci h1i fraze u tekstu naslova.

Oznaka naslova

(naslov prvog nivoa) ima najveću težinu, naravno. Stoga se njegov tekstualni sadržaj mora uzeti s posebnom ozbiljnošću.

  • Umetni oznaku

    moguće samo na vrhu stranice stranice, iznad naslova drugih nivoa. Također u mnogim administrativnim područjima postoji posebno polje za naslov h1.

  • Treba izbjegavati haotično korištenje zaglavlja različitim nivoima i objavite ih "kako budete imali sreće." Malo je vjerovatno da će se to svidjeti pretraživaču (da, i korisnicima).
  • Nikakokoristite meta tag

    više od jednom po stranici.

  • Podrazumevano u različitim pretraživačima Naslovi izgledaju drugačije: razlikuju se po veličini fonta i uvlakama. Stoga vam savjetujemo da ove parametre prilagodite pomoću stilova. ALI! Nemojte se razveseliti smanjenjem veličine slova kao roboti za pretragu obraćaju pažnju na ovo. Takođe, ne preporučujemo da veličinu fonta zaglavlja bude manja od osnovnog teksta.
  • Make veća veličina font naslova nizak nivo takođe se ne savetuje. Ako tvoj

    biće više od

    , tada će robot za pretraživanje negativno reagirati na ovo.

  • I prestanite koristiti oznake za naglasak (jako, em, b, i) u svojim naslovima. Sadržaj oznaka naslova ima veći utjecaj na relevantnost stranice nego oznake za isticanje.

    Prema većini SEO-a (a mi im se pridružujemo), sadržaj teksta unutar jakih tagova (podebljan tekst) po važnosti je približno isti kao sadržaj naslova na nivou h5. A ovo je tako-tako nivo.

  • Upotreba ključa u h1 oznaciobavezno! Najbolje je ako je to glavna ključna fraza (ključne riječi, koje su potpuno različite ključne riječi u semantici na ovoj stranici).
  • Sadržaj teksta naslova mora se razlikovati od oznake naslova.

Kako provjeriti oznaku h1 na stranici

Da biste provjerili koliko glavnih zaglavlja ste tamo dobili i riješili situaciju u kojoj ih ima više, potrebno je samo otvoriti kod stranice.

Provjerite broj h1 oznakamože se obaviti i uz pomoć pretraživača i na admin panelu. Međutim, nisu potrebna nikakva dodatna proširenja.

Ctrl + Shift + C ili F12

Prečice koje će vam pomoći da otvorite kod stranice.

Da li je moguće ne koristiti oznaku h1 i druge podnaslove?

Više puta sam se susreo sa ovim pitanjem na internetu i želim da na njega dam detaljan odgovor. A u tome će mi pomoći kul SEO stručnjak našeg studija Oleg Vasiljev.

U oblasti optimizacije za pretraživače, vrlo je teško dati nedvosmislene odgovore na pitanja. To je daleko od toga da se vezuje za kompetentnost specijaliste, iako u tome ima istine. Svako pitanje, po svoj prilici, treba da teži ostvarenju nekog cilja. Na osnovu toga, odgovori na pitanja mogu se već razlikovati, a možete dobiti potpuno drugačiji rezultat.

Globalni cilj pretraživača, kao što su Google, Yandex, prilično je jednostavan - potrebno je korisniku pružiti najkorisnije informacije o unesenom upitu. Pretraživači to postižu ispitivanjem sajta zbog brojnih faktora. Da bi vaša stranica bila prikazana korisniku, morate ispuniti ove faktore što je više moguće kako bi tražilica odlučila da je dostigla svoj globalni cilj.

Jedan od kriterija za uspješno rangiranje su relevantne, relevantne i pravilno strukturirane informacije koje odgovaraju zahtjevima korisnika.

Što se tiče strukture, ona je ta koja pomaže korisniku da brzo pronađe informacije koje traži. U ove svrhe, informacije treba podijeliti u male paragrafe, koristeći liste (gdje je potrebno), naslove i podnaslove.

Zaglavlje h1 pomaže korisniku da razumije opšte značenje sadržaja stranice. U pravilu, tekst na stranici ima vrlo specifičnu semantičku jedinicu, ona je jedna, stoga bi trebao postojati jedan glavni naslov. Nadalje, sadržaj, ako struktura sugerira, može se podijeliti na male semantičke blokove, a svaki blok će imati svoj podnaslov. Vrlo je važno promatrati gniježđenje, odnosno nakon H1 koristiti H2, a nakon H2 koristiti H3. Sve je sasvim logično.

Naslovi i podnaslovi treba da budu smisleni i da se ne koriste u druge svrhe.

A sada da se vratimo na pitanje:

Da li je moguće ne koristiti oznaku h1 i druge podnaslove?

Odgovor je očigledan: Da, ako vam nije baš stalo do promocije vaše web stranice na webu.

02.12.15 44.1K

Često webmastere početnike muči pitanje zašto su neke stranice bolje rangirane i zaobilaze 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 bliže odražavaju temu članka i pružaju prednost u rangiranju.

Kompetentno postavljanje oznaka 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 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:

Naslov

Postavljanje oznaka naslova treba da se izvrši na svakoj stranici izvora. Istovremeno, važnost naslova zavisiće od njegovog broja, što je manji, to je naslov važniji:

- najvažnije oznake

- manje značajne oznake...
- posljednje najvažnije oznake

Međutim, trebali biste biti oprezni s njihovim postavljanjem. Zloupotreba može dovesti do toga da vaš resurs potpadne pod sankcije pretraživača.

Sintaksa oznake H1-h6

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.

h1 HTML oznaka je najsmislenija 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 naznačene u "tijelo" same stranice i zatvorene su u tagovima <body></body>.</p> <p>Samo jedan h1 tag može biti prisutan na stranici. Ako navedete nekoliko zaglavlja s oznakom h1, pretraživači bi to mogli smatrati prekomjernom neželjenom porukom, što zauzvrat prijeti da bude zabranjeno:</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 biste trebali učiniti naslov h1 previše obimnim, dovoljno je samo nekoliko riječi;</li> <li>Tekst naslova mora biti čitljiv;</li> <li>Meta oznaka h1 ne bi trebala sadržavati ništa osim samog teksta. Ako ga želite istaknuti, stavite kodove izvan oznake;</li> <li>Prije ručnog podešavanja h1, uvjerite se da ga motor ne postavlja automatski;</li> <li>Sadržaj h1 treba da odgovara temi navedenoj u naslovu stranice;</li> <li>Kada sastavljate h1, obavezno koristite ključnu frazu kojom se stranica promovira;</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, stoga izbjegavajte ponavljanja;</li> <li>Ne možete navesti ključne fraze u naslovu odvojene zarezima. Sadržaj h1 trebao bi biti razumljiv ne samo za pretraživače, već i za posjetitelje resursa.</li> </ul><p><img src='https://i0.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. se koriste za sređivanje naslova koje prepoznaju pretraživači.</p> <h4>H2 oznaka</h4> <p>Obično se koristi za naslove postova u feedu koji se hostuje na <a href="https://bumotors.ru/bs/yandeks-samaya-glavnaya-stranica-kak-sdelat-glavnuyu-stranicu-yandeks.html">početna stranica</a> ili za podnaslove u članku.</p> <h4>Oznake h3, h4</h4> <p>Često se koriste za isticanje imena podnaslova, naslova 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 in <a href="https://bumotors.ru/bs/vk-raznye-versii-na-android-kak-vernut-staryi-dizain-vkontakte.html">različite verzije</a> motori se mogu implementirati na različite načine.</p> <p>Pravila plasmana h2 -h6:</p> <ul><li>Struktura zaglavlja. Mora se poštovati hijerarhija naslova;</li> <li>Veličina slova. Što je niži nivo naslova, to je <a href="https://bumotors.ru/bs/melkii-shrift-v-vkontakte-kak-samomu-izmenit-shrift-vkontakte.html">manji font</a>... Uređivanje fontova se vrši u stilovima. Ali, po pravilu, fontovi imaju <a href="https://bumotors.ru/bs/chem-otlichayutsya-chasy-apple-vybiraem-pravilnyi-razmer-apple-watch.html">ispravne veličine</a> default;</li> <li>Oznake zaglavlja ne mogu se koristiti zajedno s drugim oznakama naglaska. Preporučljivo je koristiti ključne riječi u naslovima po kojima će ova stranica biti promovirana u pretrazi;</li> <li>Za razliku od h1, oznake h2 -h6 mogu se pisati više puta na stranici.</li> </ul><p><body> <h1>Ja sam zadužen za hijerarhiju naslova</h1> <h2>Moja deca</h2> <h3>Moji unuci</h3> <h3>Moji unuci</h3> <h3>Moji unuci</h3> <h2>Moja deca</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>Bolje je postaviti glavne ključne riječi bliže početku naslova;</li> <li>Ključne fraze napisane u naslovima moraju se pojaviti u tekstu stranice;</li> <li>Oznake h1 - h6 trebaju biti kratke, sažete i informativne:</li> </ul> <p>Da li bi H1 i TITLE trebali biti isti ili bi trebali biti različiti? Dugogodišnje pitanje koje se uvijek nameće na svakom sastanku gdje postoje SEO-ovi. Odakle je došao, teško je reći. Možda zbog neslaganja između preporuka pretraživača i primjera u TOP10.</p> <p>Argumenti za različite naslovne oznake i H1: kažu, tražilica će "misliti" da želimo dvostruko koristiti značenje ključne riječi, za što će svakako kazniti 🙂 <br>Argumenti za iste oznake: citat u Yandex pomoći za webmastere.</p> <blockquote> <p>Da bi robot koji analizira vašu web stranicu mogao ispravno istaći najvažnije odjeljke i ključne stranice, potreban vam je ... tekst u oznaci TITLE za <a href="https://bumotors.ru/bs/osobennosti-sozdaniya-i-ispolzovaniya-landing-page-klyuchevye-elementy.html">ključne stranice</a> poklapao se sa njenim naslovom (sa naslovom stranice, istaknutim npr. oznakom H1) i sa tekstovima linkova koji upućuju na ovu stranicu.</p> </blockquote> <p>Kako ih, zapravo, učiniti istim ili različitim? By <a href="https://bumotors.ru/bs/kakoi-komandoi-otklyuchit-podpiski-na-bilaine-cherez-mobilnoe.html">uglavnom</a>- nema razlike. Ali postoji nekoliko stvari koje treba uzeti u obzir.</p> <h2>- H1 i TITLE moraju se preklapati</h2> <p>Ako je naslov o jednoj stvari, a H1 o drugoj, onda je pretrazi teže odrediti za koje je ključne riječi stranica relevantna, a korisnici će biti u poteškoćama. Također, ovi dijelovi koda pomažu pretraživačima da se formiraju <a href="https://bumotors.ru/bs/dobavlenie-specialnyh-elementov.html">specijalnih predmeta</a> u isječku poput <a href="https://bumotors.ru/bs/kak-sdelat-hlebnye-kroshki-wordpress-plagin-yoast-seo-nash-luchshii-pomoshchnik-wordpress.html">mrvice hljeba</a> ili <a href="https://bumotors.ru/bs/skachat-potokovoe-audio-rukovodstvo-po-bystromu-vyboru-ssylki-na.html">Brzi linkovi</a>... Drugim riječima, ne morate učiniti TITLE i H1 potpuno različitim. Pogledajmo neke primjere (samo kao demonstraciju, bez preliminarne analize semantike).</p> <p>Sajt je salon italijanskog nameštaja u Moskvi. Ključni upiti: salon italijanskog namještaja, talijanski namještaj... <br><b>NAZIV:</b> Salon italijanskog namještaja u Moskvi. Kupnja namještaja iz Italije | Ime-Salon</p> <p><b>H1:</b> dobrodošli <br>Nije optimalna opcija, jer u H1 uopće nema promoviranih ključnih riječi. Pozdrav se može napisati u tekstu.</p> <p><b>H1:</b> Ekskluzivni namještaj iz Italije <br>Već bolje, pošto se oznake preklapaju na ključu "nameštaj iz Italije". Ali to možda nije na prioritetnim zahtjevima.</p> <p><b>H1:</b> Salon italijanskog namještaja Name-Salon <br>Normalno zaglavlje za glavni zahtjev, ništa suvišno.</p> <p>Kao što vidite, nema smisla praviti H1 i TITLE potpuno identične, ali bi se ipak trebali preklapati.</p> <p><img src='https://i0.wp.com/devaka.ru/wp-content/uploads/2016/02/2224t.png' width="100%" loading=lazy loading=lazy></p> <h2>- H1 i TITLE su vidljivi korisnicima u različitim fazama interakcije sa sajtom</h2> <p>TITLE se često vidi od strane korisnika čak i prije odlaska na stranicu. H1 već vidi kada je na stranici. U tom smislu, bolje je da H1 bude kratak i opiše suštinu što je više moguće. <a href="https://bumotors.ru/bs/chto-takoe-posadochnaya-stranica-chto-takoe-posadochnaya-stranica-landing-page.html">odredišnu stranicu</a>, mnogo zavisi od njegove namjene. Što se tiče NASLOVA, osim sadržaja ključnih riječi, on treba da motiviše korisnika na klik (prijelaz). Inače, možete optimizirati relevantnost teksta, ali ne optimizirati konverziju u klikovima i, shodno tome, ne primati sav promet.</p> <p>Na primjer, odjeljak o radio-upravljanim helikopterima na web stranici. <br><b>H1:</b> Radio kontrolisani helikopteri (logično) <br><b>NAZIV:</b> Kupujte radio-upravljane helikoptere sa dostavom u Moskvi</p> <p>Ovdje riječ "kupi" poziva na akciju, a "isporuka u Moskvi" uklanja brojna pitanja prije klika.</p> <p>Tema informacija: kako tkati narukvice od gumenih traka <br><b>H1:</b> Kako tkati elastične narukvice na mašini <br><b>NAZIV:</b> Gumene narukvice: <a href="https://bumotors.ru/bs/poshagovaya-instrukciya-pereustanovki-vindovs-7-poshagovaya-instrukciya.html">upute korak po korak</a> i tkanje uzoraka sa fotografijama i video zapisima</p> <p>"Upute i dijagrami korak po korak" ne samo da proširuju semantiku, već i povećavaju vjerovatnoću klikanja na naslov. Osoba koja traži “kako tkati” samo podrazumijeva upute korak po korak sa fotografije, ali to možda neće uključiti u svoj zahtjev.</p> <h2>- TITLE se pojavljuje na društvenim mrežama</h2> <p>Ako kod nije dodatno konfigurisan, onda kada korisnici dijele stranicu na društvenoj mreži, naslov se preuzima iz naslova. Ako je neželjena pošta, onda onemogućava i prelazak sa društvenih mreža i deljenje u principu. Ako je samo kratak, kao H1, onda je i ovo loša opcija.</p> <p>Ova stavka je najrelevantnija za informacije i <a href="https://bumotors.ru/bs/sekrety-poiskovoi-optimizacii-novostnyh-proektov-otkuda-brat.html">novinski projekti</a>... No neke od njih rade samo na društvenim mrežama, pa uzmite primjer iz naslova poput „Ova žena više nije mogla da se gleda u ogledalo. A evo šta je uradila... ”nije uvek tačno za SEO. Samo kada sastavljate naslove, zapamtite da oni mogu dobiti naslove na društvenim mrežama.</p> <h2>- TITLE može sadržavati dodatne ključne fraze</h2> <p>Da biste promovirali stranicu ne samo odabranim frazama srednje frekvencije, već i susjednim, kao i velikim nizom fraza niske frekvencije, možete dodati nekoliko riječi iz jezgra u naslov. U skladu s tim, ovo će ga razlikovati od H1 oznake.</p> <p>Na primjer, imamo skup zahtjeva: ugradnja bitumenskih pločica, ugradnja fleksibilnih pločica, upute za postavljanje pločica, tehnologija ugradnje pločica, tehnologija polaganja bitumenskih pločica, polaganje bitumenskih pločica, ugradnja fleksibilnih pločica, video i sl. itd. .</p> <p><b>H1:</b> Upute za ugradnju fleksibilne šindre <br><b>NAZIV:</b> Postavljanje fleksibilnih pločica, tehnologija polaganja. Cijena, video</p> <p>Ovdje su naslov i H1 potpuno različiti, ukrštaju se samo u par riječi (instalacija, bitumenski, crijep). Nema smisla umetati sve riječi iz jezgra u naslov ili u H1, izgledat će neželjeno, a podjela riječi na dijelove koda (uključujući druge naslove) je dobra strategija.</p> <p>Dobar dan dragi posjetioci i redovni čitaoci mog bloga!</p><h3><span>H1 vrijednost naslova za promociju</span></h3><p>Pretraživači koriste riječi i fraze korišćene u ovom naslovu da ciljaju stranice na određeno <a href="https://bumotors.ru/bs/top-klyuchevyh-zaprosov-yandeks-statistika-zaprosov-yandeks-google-i.html">ključni zahtjev</a>... Ovaj naslov je jedna od najvažnijih komponenti relevantnosti.</p><p>Međutim, u procesu optimizacije teksta članka, pretraživači percipiraju oznaku title važnijom od naslova h1.</p><p><img src='https://i2.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h1-i-prodvizhenie-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><p>Ako razgovaramo <a href="https://bumotors.ru/bs/prostye-yazyki-programmirovaniya-dlya-nachinayushchih-kak-vybrat-podhodyashchii.html">jednostavan jezik</a>, Želim napomenuti da je ovu oznaku najbolje koristiti na web lokacijama i blogovima za naslove stranica i postove. Ovi naslovi trebaju sadržavati ključne riječi koje će doprinijeti promociji ovih riječi u pretraživačima.</p><p>Relevantnost stranica i dobar učinak vašeg web resursa su osnova za buduće povjerenje pretraživača u vaš resurs.</p><h2><span>Korištenje oznake h1 u WordPress-u</span></h2><p>Ovo je bio čisto teoretski dio. Hajde sada da razgovaramo o glavnim tačkama u kojima ćemo analizirati upotrebu oznake h1 na web resursima kojima upravlja WordPress sistem.</p><p>Nije tajna da mnogi webmasteri početnici koriste besplatne. Ali nedostatak ovih šablona je što skoro svi imaju greške i nedostatke! Volim ovo…</p><p>Jedan od ovih nedostataka je što se ponekad oznaka h1 ne koristi za isticanje naslova stranice, već je propisana druga oznaka, na primjer, h2.</p><p>Baš takva mana <a href="https://bumotors.ru/bs/viks-kom-sozdat-lichnyi-kabinet-wix-platnye-i-besplatnye-shablony---chto.html">besplatni šablon</a>, koji se zove Incredy, identifikovao sam i na svom blogu.</p><blockquote><p>Jednog dana sam odlučio da pogledam izvor svog članka i sasvim slučajno otkrio da su svi naslovi mojih članaka prikazani sa oznakom h2.</p> </blockquote><p>Da bih riješio ovaj problem, počeo sam uređivati ​​single.php datoteku. Ova datoteka je ista za mnoge WordPress sistemske šablone.</p><p>Glavna funkcija single.php je da prikaže informacije za svaki blog post. Čitajte dalje da saznate kako sam popravio ovaj nedostatak u svom predlošku.</p><p>Da biste riješili problem, u sadržaju single.php datoteke pronađite kod koji prikazuje zaglavlje. U mom fajlu je prikazano ovako:</p><p><img src='https://i2.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h2-v-zagolovke-stati.png' align="center" height="78" width="327" loading=lazy loading=lazy></p><p>Moramo promijeniti h2 oznake u željeni h1, a zatim kliknuti na dugme "Ažuriraj datoteku". To je sve. Kao što vidite, to je lako učiniti kao ljuštenje krušaka. Ovako je datoteka transformirana nakon potrebnih promjena:</p><p><img src='https://i0.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-tega-na-h1.png' align="center" height="78" width="327" loading=lazy loading=lazy></p><p>Ovaj kod može izgledati malo drugačije u vašoj datoteci. Međutim, to nije toliko važno, ovdje je najvažnije razumjeti osnovno značenje.</p><p>Slično uređivanje (zamena h2 sa h1) takođe treba da se uradi sa drugom datotekom šablona bloga pod nazivom page.php. On je taj koji prikazuje stranice bloga.</p><p>Mislim da znate o čemu je blog <a href="https://bumotors.ru/bs/russkii-variant-sistemy-wordpress.html">WordPress sistem</a> uključuje <a href="https://bumotors.ru/bs/kak-izbavitsya-ot-uch-tnoi-zapisi-v-skype-razlichnymi-metodami-kak.html">razni unosi</a> i stranice. Funkcije koje ih kreiraju i uređuju nalaze se u različitim datotekama i izlaze informacije pomoću različitih programskih modula.</p><p>Ali ove informacije su samo za vaše razumijevanje.</p><p>Pa da nastavimo. Nakon unošenja izmjena u datoteku page.php, kod koji je odgovoran za prikaz naslova stranica mog bloga je sada:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-h2-na-h1-v-stranitsah.png' align="center" height="62" width="338" loading=lazy loading=lazy></p><p>Međutim, ovo nisu sve promjene koje je trebalo napraviti. Stvar je u tome što sam identifikovao još jednu ozbiljnu manu.</p><p>Sastojao se u činjenici da je ovaj tag korišten za prikaz naslova cijelog bloga, a to je dovelo do brojnih s ponovljenom oznakom h1. <a href="https://bumotors.ru/bs/sluchae-poiskovaya-sistema-poiskovaya-internet-sistema-yahoo-rynok.html">Pretraživači</a> ne vole takvu preoptimizaciju!</p><h3><span>Uređivanje šablona za h1 tag</span></h3><p>Za uređivanje <a href="https://bumotors.ru/bs/sozdanie-prostoi-wordpress-temy-kak-sozdat-wordpress-shablon-sozdaem-wordpress-temu.html">WordPress šablon</a> i uklonite izlaz oznake h1 iz naslova bloga, potrebno je da izvršite izmene u fajlovima: header.php (izlazni fajl za zaglavlje veb resursa) i style.css (style fajl za veb resurs).</p><p>Treba ga promijeniti u datoteci header.php:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/h1-v-zagolovke-bloga.png' align="center" height="81" width="291" loading=lazy loading=lazy></p><p>Pronađite ovaj kod u datoteci header.php, koji prikazuje naslov vaše stranice ili bloga, a zatim umjesto oznake h1 ubacite oznaku pasusa p.</p><p>Nakon promjene, vidimo sljedeću sliku:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-h1-na-p-v-zagolovke-bloga.png' align="center" height="81" width="281" loading=lazy loading=lazy></p><p>Uređivanje style.css datoteke</p><p>Da biste zadržali veličinu fonta i izgled naslova bloga nepromijenjenim, morate promijeniti style.css. Otvorite ovu datoteku i potražite stilove za h1. Meni izgledaju ovako:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/teg-h1-v-tablitse-stiley-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><p>Zatim zamijenite oznaku h1 oznakom p i uredite veličinu fonta:</p><p><img src='https://i1.wp.com/saranchinsergey.ru/wp-content/uploads/2014/08/zamena-tega-h1-na-p-v-tablitse-stiley-bloga.png' align="center" height="170" width="273" loading=lazy loading=lazy></p><h2><span>Html h1 oznaka za početnu stranicu bloga</span></h2><p>Na glavnoj stranici bloga, oznaku H1 treba navesti u naslovu ili opisu bloga, a H2 u naslovima članaka.</p><p>Ali kako se to može učiniti? Uostalom, u našim objavama se glavna oznaka koristi za naslove članaka.</p><p>Otvara datoteku index.php za uređivanje i pronađite liniju poput ove:</p><p>Možda vam se čini malo drugačije, ali značenje je isto. Važno je osigurati da ovaj red sadrži oznaku h2, kao na slici iznad.</p><p>Ako se prikazuje kroz drugu oznaku, napišite h2 i ažurirajte datoteku.</p><p>Sada o H1</p><blockquote><p>Kao što sam već napomenuo, h1 bi trebao biti naveden na glavnoj stranici u naslovu ili opisu bloga. Trebao bi sadržavati ključne riječi koje odražavaju sadržaj cijelog web resursa.</p> </blockquote><p>Ali to nije sve.</p><p>Ako samo napišemo naslov ili opis bloga kroz oznaku h1, onda će on biti prikazan na svim stranicama brojnih članaka na blogu.</p><p>Ovo će dovesti do duplikata h1 oznake, što nije dobro! Pretraživačima se to ne sviđa... Stoga nudim svoje rješenje.</p><p>U obrazac je potrebno dodati uslov <a href="https://bumotors.ru/bs/kakoi-luchshii-redaktor-html-php-css-js-koda.html">php kod</a>, u kojem će ovaj tag biti upisan u naslovu bloga samo na glavnoj stranici, a na ostalim stranicama u člancima će biti odsutan.</p><p>A evo i samog uslova:</p> <span><?php if (is_home()) { ?><h1>naslov ili opis vašeg bloga</h1><? } else { ?>< >naslov bloga ili opis</ ><? } ?> </span> <p>Dakle, otvorite datoteku bloga header.php i upišite ovaj uslov u zaglavlje bloga.</p><p>Meni to izgleda ovako:</p><p><img src='https://i0.wp.com/saranchinsergey.ru/wp-content/uploads/2014/09/teg-h1-na-glavnoy-stranitse.png' align="center" width="100%" loading=lazy loading=lazy></p><p>Kao što vidite, za svoj resurs priložio sam u oznaku h1 na glavnoj stranici opis bloga "promocija bloga i zarada na Internetu".</p><p>To je u osnovi to. Uspješno smo uredili nedostatke u besplatnom šablonu.</p><p>Nadam se da ste shvatili kako pravilno koristiti oznaku h1 na svom blogu da zadovoljite pretraživače.</p><p>U svojim sljedećim lekcijama govorit ću o tome kako pravilno koristiti oznake h1, h2, h3 i h4 na vašem web resursu. Zato se pretplatite na ažuriranja kako ne biste propustili ovaj koristan materijal.</p><p>Do sljedećeg puta. Do!</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 srodni članci</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/fallout-4-izmenenie-vneshnosti-konsol-otlichaetsya-dvizhenie-myshi-po.html"> <div class="img_container"><img src="/uploads/686669656a5df8de6a6f9d463fe60026.jpg" border="0" alt="Različiti pokreti miša okomito i horizontalno" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Različiti pokreti miša okomito i horizontalno</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/kak-szhat-tekstury-v-fallout-4-ruchnaya-nastroika-grafiki.html"> <div class="img_container"><img src="/uploads/d7c98012600dd0a7e0e0c14fa8d2e1eb.jpg" border="0" alt="Kako komprimirati teksture u Fallout 4" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Kako komprimirati teksture u Fallout 4</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/nizkie-nastroiki-grafiki-fallout-4-ostalos-tolko-ponyat-nuzhnyi-uroven.html"> <div class="img_container"><img src="/uploads/da3d853bd41405e0322c2a1e985df14b.jpg" border="0" alt="Ostaje samo razumjeti potreban nivo" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Ostaje samo razumjeti potreban nivo</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">© 2021 bumotors.ru. Kako podesiti pametne telefone i računare. Informativni portal.</span> </div> </div> </div> </div> </body> </html>