Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Iron
  • Anatomija H1-H6 naslova za dizajniranje i strukturiranje sadržaja. Sastavljamo ispravan h1 i strukturu podnaslova

Anatomija H1-H6 naslova za dizajniranje i strukturiranje sadržaja. Sastavljamo ispravan h1 i strukturu podnaslova

22.08.2019 Iron

Zdravo, prijatelji! Drago nam je da vam poželimo dobrodošlicu na blog Andreja i Daše - Thebizfromscratch. Dugo nismo pisali ništa o SEO-u i u ovom članku želimo da nadoknadimo korak, jer je tema za danas Uticaj naslova H1, H2 - H6 na promociju web stranice. Reći ćemo vam po kojim pravilima i principima propisujemo naslove na našem blogu i nadamo se da će vam naše iskustvo biti od koristi.

Kako pravilno postaviti meta tagove H1, H2…H6

Dakle, kada pravimo publikaciju, pišemo meta tagove sljedećim redoslijedom:

To je najznačajniji naslov, stoga je uobičajeno da se glavni ključ za pretragu, po mogućnosti razrijeđen neutralnim riječima, stavi u oznake h1, tj. razvodnjeni naslov.

Sljedeći najvažniji naslov, uz pomoć kojeg se razlikuje niskofrekventni zahtjev koji se podudara s glavnim zahtjevom.

  1. H3, H4, H5, H6

U stvari, oni nemaju mnogo uticaja na promociju. Međutim, uključivanje ključnih riječi u njih može dovesti do ponovne optimizacije, što će uzrokovati samo negativan odgovor od pretraživača. Stoga koristimo ove meta oznake samo za lijepo strukturiranje članka. Da posjetiteljima olakšaju čitanje i odmah shvate gdje prestaje jedna misao, a počinje druga. Štoviše, ne zaboravite da su svi postovi napisani isključivo za čitatelje i ne biste se trebali zanositi čestim ponavljanjem istih riječi / fraza.

A da bi se gore navedene informacije ispravno shvatile, pogledajmo primjer! Pretpostavimo da ste napisali članak za upit za pretraživanje - "Kako napraviti web stranicu." Ova fraza mora biti upisana u polje Naslov i ponovljena najmanje 2 puta bez promjena u samom tekstu. Ili, kao što mnogi rade, ponavljaju upit za pretragu 1 put na 1000 znakova.

Ako dodatno trebate istaknuti strukturu, slobodno koristite H2 koji sadrži upit niske frekvencije. Opet, kao dio primjera - "Kako napraviti kvalitetnu web stranicu na WordPress engine-u." Ostatak meta tagova treba napisati bez ključnih riječi.

  1. Nemojte uključivati ​​linkove ka drugim promoviranim stranicama u naslove. Kôd veze će pretraživači smatrati ključnim riječima i samo će štetiti rangiranju.
  2. Ne stavljajte niže naslove iznad važnijih. Prvo treba slijediti H1, zatim H2 i onda uzlazno. Trebalo bi se pojaviti struktura drveta.
  3. Preporučljivo je koristiti H1 jednom, H2 ne više od 3 puta, a H3-H6 koliko god želite (samo bez ključeva i samo ako je potrebno).

Možda su to bili osnovni principi i pravila koja koristimo pri izradi članaka. Nadamo se da je tema - utjecaj naslova H1, H2 - H6 na promociju web stranice - otkrivena i da ste pronašli korisne informacije za sebe. Ako imate bilo kakvih pitanja, obavezno ih postavite u komentarima, mi ćemo pokušati pomoći.


Š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.

Šta je H1?

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:

sam naslov

, broj samo označava nivo naslova.

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:

Uslov 1. Ključne riječi u naslovima

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.

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, kupi stan u Moskvi, kupi torbu za frižider, kupi motocikl Krasnojarsk po ceni, tvoju ne razumem itd.). 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.

Primjer gdje broj tipki prelazi skalu, brute force.

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.

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. =)

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“.

Uvjet 2. Oznake

-

Kada postavljate tekstove na sajt, ne zaboravite da pravilno postavite oznake. Oznake za naslove teksta definirani su sljedećim HTML kodom:

-

. Prema našim zapažanjima, dvije oznake su dovoljne -

-

. 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.

Pretraživači također uzimaju u obzir dimenziju i važnost oznaka.

-

. Prilikom postavljanja obratite pažnju na činjenicu da se naslovi vizualno izdvajaju od općeg teksta.

Ne treba koristiti veze u naslovima, posebno u

: 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.

Može se referencirati iz naslova nivoa

i niže, ali i ako je to opravdano i logično.

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

-

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:

    Doveli smo stvari u red. oznake

    -

    raspoređeni po principu hijerarhije: tag

    važnije od oznake

    . U stvarnosti, to izgleda ovako:

    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:

    Osim toga, oznaka

    igra važnu ulogu u formiranju brzih veza u rezultatima Yandex pretraživanja.

    Ako sve uspije, onda učinak tako naizgled beznačajnog i lakog posla neće dugo trajati.

    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.

Pozdrav, dragi čitaoci blog stranice. Danas ćemo početi pričati o oznakama u HTML jeziku, odnosno o naslovima H1, H2, H3, H4, H5, H6, o pasusima P i prijelomima reda Br, kao i o horizontalnoj linijskoj oznaci Hr, na primjeru koje ćemo razmotriti upotrebu atributa i da vidimo gdje će biti moguće pronaći sve moguće atribute za svaki element i zaviriti u sintaksu vrijednosti za njih.

Glavna razlika između inline i blok oznaka je u tome što prve mogu pratiti jedna drugu po širini sve dok ne ponestane prostora dostupnog za ovo, a zatim će biti premještene u sljedeći red.

Blokirajte elemente, po defaultu, pokušajte zauzimaju sav raspoloživi prostor i tako će sljedeći blok element nužno biti na drugoj liniji.

Počnimo sa sistematskim proučavanjem svih mogućih tagova u Html-u, a pritom ćemo posebnu pažnju obratiti na to kojem tipu pripadaju kako bismo jasno razumjeli mogućnosti za njihovu ispravnu (ispravnu) upotrebu. Pojednostavljena struktura oznaka izgleda ovako:

Oni također imaju atribute (svaki ima svoj skup) koji vam omogućavaju da dodate određena svojstva ovom elementu, ali o tome ćemo govoriti na konkretnim primjerima.

Počnimo s takvim stvarima kao što su naslovi, koji se formiraju pomoću uparenih oznaka H1, H2, H3, H4, H5, H6 (ime dolazi od prvog slova riječi "Header", tj. "naslov"). Osmišljeni su tako da odvajaju različite fragmente teksta jedan od drugog i označavaju njihovu važnost u zavisnosti od nivoa. U modernoj verziji HTML jezika, sve oznake i svi za njih dozvoljeni atributi su unaprijed određeni i opisani.

Kao rezultat toga, naslovi mogu imati samo šest nivoa i, pored toga, elemente H1-H6 su blokovi, tj. imaju tendenciju da zauzmu sav raspoloživi prostor po širini stranice. Ali oni imaju jednu osobinu - samo umetnuti elementi mogu biti unutar oznaka naslova, uprkos činjenici da, na primjer, isti Div vam omogućava da uključite druge blok oznake unutra.

To. pretraživač vam neće dozvoliti, na primjer, da zaglavlja jednog nivoa priložite unutar naslova drugog nivoa, jer su, opet, blok elementi, ali mogu sadržavati samo mala slova. Oh kako.

Naslovi različitih nivoa H1-H6 biće iscrtani u pretraživačima sa fontovima različitih veličina (iako pomoću CSS-a možete ih postaviti na apsolutno bilo koju veličinu, boju i vrstu fonta za prikaz u pretraživaču, ali u čistom Html-u ovo su pravila) :

Ako uzmemo u obzir izgled stranice u smislu pogodnosti njegove daljnje promocije (), onda je vrijedno napomenuti da bi trebalo postojati samo jedan H1 naslov po stranici. Vjerovatno biste mogli koristiti dva H1, ali više od toga će vjerovatno izazvati negativnu reakciju pretraživača kada udare u vaš dokument. Vaše radnje se mogu smatrati neželjenom poštom ili varanjem u vezi sa relevantnošću.

Takođe se ne preporučuje preskakanje nivoa naslova, tj. nakon H1 trebali biste koristiti H2 za isticanje manje važnih dijelova teksta, itd. Malo je vjerovatno da će to povlačiti za sobom bilo kakve ozbiljne sankcije od strane pretraživača, ali je ipak bolje slijediti logiku u formiranju nivoa naslova u Html kodu.

Pretraživači pridaju veći značaj riječima koje su sadržane u ovim oznakama nego riječima koje samo stoje u tekstu. To dovodi do zaključka da prilikom pisanja članaka svakako treba dodati naslove koje koristite.

Pa, samo po sebi, upotreba naslova u tekstu članka čini ga vizualnijim i pomaže čitateljima da se brzo snalaze u skupu informacija. Mislim da će po prvi put informacija biti dovoljna i da je vrijeme da se krene dalje.

Paragraf, prijelom reda i horizontalna linija HR u HTML kodu

P oznaka je izvedena iz riječi "paragraf", ali se češće naziva paragrafom. Koriste se za isticanje određenog dijela teksta, koji obično uključuje nekoliko rečenica. Između pasusa formiranih od P elemenata vertikalno pojavljuje se prazan prostor, što dozvoljava odvojene logičke delove teksta vizuelno jedno od drugog.

Stvar je u tome što je čovjeku prilično teško pročitati monolit teksta ako nije podijeljen na zasebne male fragmente. Na primjer, čak i ne počinjem čitati članke koji nisu razbijeni u paragrafe u HTML kodu, jer je to jako neugodno.

Snažno razbijanje teksta snizite svoj prag umora posjetitelja vašeg resursa i poboljšati faktore korisnika (vrijeme koje korisnik provede na vašoj web stranici i), koji zauzvrat imaju pozitivan učinak na promociju.

U iste svrhe (zadržavanje pažnje korisnika i smanjenje njihovog umora pri čitanju članka) dodaju različite, a ponekad, možda, i tekstove.

Inače, oznaka paragrafa P, kao što ste verovatno već primetili, je oznaka para, ali prema specifikaciji jezika za označavanje hiperteksta 4.01, završni element za nju je u potpunosti nije potrebno. U ovom slučaju, pretraživač će morati sam da shvati gdje ga treba postaviti.

Pošto je P blok element, unutar njega se mogu postaviti samo inline elementi. Stoga, pretraživač, nakon što je pronašao oznaku početnog paragrafa, dalje analizira kod i čim naiđe na sljedeći element bloka (najvjerovatnije će to biti sljedeći otvarajući P), odmah ubacuje oznaku za zatvaranje pasusa ispred njega. U Html 5 standardu najvjerovatnije neće biti takvih sloboda i to morate odmah naviknite se na zatvaranje svih oznaka i pišite ih samo malim slovima.

Paragraf je blok element, tako da će tekst unutar pasusa težiti da zauzme sav prostor koji mu je dostupan po širini. Odnosno, ako ste napisali katren u Html kodu dokumenta kako bi trebao biti (svaki red posebno) i zatvorili ovaj katren u potpunosti u oznake paragrafa P, tada ćete u pretraživaču vidjeti da će se sva vaša četiri reda spojiti u jedan i zauzet će cijelu širinu prostora dostupnog za tekst.

Zašto se to događa, već smo detaljno raspravljali u članku o. Zahvaljujući ovom svojstvu jezika za označavanje hiperteksta (da će bilo koji broj razmaka u izvornom kodu biti zamijenjen jednim razmakom kada se prikaže u pretraživaču), možete formatirati svoj kod na bilo koji prikladan način bez straha da ćete prekinuti njegov prikaz na web stranicu.

Pa, ako stvarno trebate napisati katren u općeprihvaćenom obliku, onda možete koristiti dodatni Html u tu svrhu

oznake za prijelom reda koje se nazivaju BR

(od riječi "pauza"):

BR je inline element i takođe "prazan", tj. jednostruki (nema element za zatvaranje). Čitava funkcija BR-a je da uzrokuje prelom reda kada se tekst prikaže u pretraživaču (slično tipki Enter u bilo kojem uređivaču teksta).

Pisanje BR oznaka (preloma reda) u kodu nije ni na koji način regulisano. Možete napisati cijeli tekst zajedno i staviti BR umjesto razmaka na prava mjesta, ili možete odmah, radi jasnoće u kodu, već razbiti tekst na redove i staviti BR ili na kraj redova ili na njihov početak. To ne menja suštinu.

HR(skraćenica za riječi "horizontal rule", tj. horizontalna linija) - vrlo jednostavna Html oznaka koja crta horizontalnu liniju (traku) po cijeloj širini ekrana i debljine u zavisnosti od pretraživača u kojem se gleda ( u suštini to je vizuelni marker, koji vam, po analogiji sa oznakama zaglavlja, omogućava da razbijete tekst na logične delove radi lakše asimilacije).

On je "prazan" (single), tj. nema par (krajnju oznaku). osim toga, HR je blok element, tj. podrazumevano zauzima punu širinu stranice koja mu je dostupna.

Koncept atributa i pravila za njihovo pisanje u Html tagovima

Razmotrimo takav koncept kao atribut ovog jednostavnog elementa. Činjenica je da možemo dodati važeće atribute i atribute opisane u WC3 validatoru za njih u oznake, dajući na taj način sadržaju ono svojstvo koje nam je potrebno.

Na primjer, ako imate nekoliko pasusa (paragrafa) u nizu zatvorenih u odgovarajuće P tagove, onda da biste promijenili izgled jednog od njih, trebate samo dodati tražene atribute u početni P element ovog pasusa. U slučaju pojedinačnih (praznih) oznaka, uopće ne postoje opcije gdje dodati traženi atribut.

Dakle, prvo pravilo je atributi se postavljaju samo u početnu oznaku(završni nikada ništa ne sadrži). Jedan element može sadržavati nekoliko atributa koji su odvojeni jedan od drugog i između naziva oznake razmakom (obavezni uvjet). Dozvolite mi da odmah dam primjer njihove upotrebe za horizontalnu HR liniju:

Dakle, prvo idemo preko sintakse atributa. Oni se ubacuju u početnu oznaku, pišu s razmakom (uključujući razmak iza naziva elementa) i predstavljaju konstrukciju koja uključuje naziv, znak jednakosti i pišu se pod navodnicima (obično je uobičajeno da se stavljaju uparene dvojke, ali standard takođe dozvoljava uparene singlove). Redoslijed atributa u Html kodu oznake nije važan.

Tamo sam dao link do lista svih dozvoljenih oznaka u HTML. Ako kliknete na naziv elementa koji vas zanima na ovoj listi (u našem slučaju to je HR), bit ćete preusmjereni na stranicu s detaljnom specifikacijom za njega:

Svi atributi bilo koje oznake mogu biti podijeliti u tri grupe:

  1. Općenito - mogu stajati u velikoj većini elemenata u HTML jeziku. Na gornjoj slici su pri dnu i zaokružene crvenom bojom. Zapravo, postoji nekoliko zajedničkih atributa (samo šest), a čak i tada, malo je vjerovatno da ćete ih sve koristiti u svojoj praksi. Najvjerovatnije samo četiri - , naslov i stil.
  2. Atributi događaja - potrebni su za pokretanje neke akcije kao odgovor na radnju korisnika ili sistemski događaj. Oni su više povezani sa JavaScrit-om i nalaze se na samom dnu gornje slike (zaokruženi tamnim okvirom).
  3. Jedinstveno - svaka oznaka obično ima svoj skup atributa, od kojih se neki možda uopće ne nalaze na drugim elementima. Ako uzmemo u obzir horizontalnu liniju HR, onda ona ima samo četiri jedinstvena atributa (poravnanje, sjenilo, veličina i širina). Sve ostale navedene u HR oznaci (osim dvije grupe opisane malo gore) pretraživač će zanemariti.

Primjeri atributa u oznaci HR horizontalne linije

Vrijednosti različitih atributa mogu biti ili proizvoljni brojevi (itd.) ili vrijednosti iz unaprijed određenog skupa, na primjer, kao u slučaju poravnanja za HR - lijevo|centar|desno (možete koristiti jedno od tri poravnanja opcije).

Općenito, informacije o njima u WC3 validatoru mogu se dobiti ne samo na listi Html oznaka, već iu lista atributa koje možete pronaći na linku ispod.

Ova lista sadrži sve moguće opcije za sve oznake dostupne u HTML jeziku. U koloni "Povezani elementi" nasuprot opcije koja vas zanima, bit će navedeni elementi u kojima se ovaj atribut može koristiti. Kolona "Tip" označava tip podataka koji se može koristiti kao njegova vrijednost.

Na primjer, u liniji podvučenoj na slici za atribut align, za HR oznaku, dozvoljene su samo tri fiksne vrijednosti koje su tamo navedene (lijevo | centar | desno).

Druga veoma važna rubrika je "Depr". Ako je slovo D nasuprot atributa koji vas zanima u ovoj koloni, onda je upotreba se ne preporučuje, i trebali biste primijeniti odgovarajuće CSS stilove da ga zamijenite. Kada smo pregledali specifikaciju oznake, također smo vidjeli da je pored imena sva četiri atributa za HR napisana riječ “Deprecated” (ne preporučuje se za korištenje).

Hajde da vidimo koji se atributi koriste sa elementima koje smo do sada pokrili u ovom članku (P, naslovi H1-H6 i HR). Za sve njih možete koristiti "align", jer svi ovi elementi su blok elementi. Za inline elemente, atribut align gubi svoje značenje.

Na primjer, ako dodate "align" oznaci naslova (kao što je H1), možete postaviti poravnanje teksta naslova. One. blok element će zauzeti sav raspoloživi prostor po širini, ali sadržaj ovog naslova (njegov tekst) može biti ili lijevo poravnat (lijevo je zadano), ili desno (desno), ili centriran (centar ), ili po širini (justify - razmak između riječi se mijenja, kao u novinskim stupcima).

Isto će, inače, važiti i za oznaku HTML paragrafa P i za kontejner Div, ako pažljivo pogledate snimak ekrana iznad.

Za horizontalnu HR liniju, atribut "align" će značiti poravnanje najvodoravnije linije koju formira taj element. Ali oznaka HR je blok element i teži da zauzme sav raspoloživi prostor po širini. Stoga, ima smisla koristiti "align" u njemu samo ako vi postavite vrijednost za atribut "width".(širina) manja od širine stranice.

Kao vrijednost za "širinu" možete koristiti samo brojeve (ovo će biti širina u pikselima), ili možete koristiti procente ukupne širine dostupne za horizontalnu HR liniju. Vrijednost atributa "size" za istu oznaku je postavljena u brojevima koji označavaju visinu horizontalne linije u pikselima. Pogledajmo ovo na primjeru:

HR oznaka u Html 4.01 standardu ima još jednu atribut koji se naziva single, jer ne može uzeti nikakvu vrijednost (to samo znači neku radnju) - to je "noshade" koji sprječava horizontalnu liniju da baca senku:

Jasno je da neću moći razmotriti sve moguće atribute za sve moguće oznake u Html-u, a to nije ni potrebno, jer se sve može uraditi analogno - glavna stvar je razumjeti sintaksu i samu ideju. Osim toga, mnogi od njih su već postali neprikladni za upotrebu, jer. sad njihovu funkciju obavljaju CSS stilovi, o čemu ćemo također uskoro početi detaljno govoriti.

Sretno ti! Vidimo se uskoro na stranicama bloga

Više videa možete pogledati ako odete na
");">

Možda ste zainteresovani

Tabele u HTML-u - Tabela, Tr i Td oznake, kao i Colspan, Cellpadding, Cellspacing i Rowspan za njihovo kreiranje
Iframe i Frame - šta su to i kako najbolje koristiti okvire u HTML-u
Embed i object - Html oznake za prikazivanje medijskog sadržaja (video, flash, audio) na web stranicama
Direktive komentara i Doctype u HTML kodu, kao i koncept blok i inline elemenata (tagova)
Kako umetnuti link i sliku (fotografiju) u HTML - IMG i A tagove

Pozdrav dragi čitaoci. Danas želim da obratim posebnu pažnju na temu naslova u oznakama h1 h2 - h6. u bliskoj budućnosti planiram (kao što sam obećao) nekoliko praktičnih članaka o uređivanju zaglavlja u šablonima. Ali prije nego što se nešto savlada u praksi, mislim da je potrebno, ako ne znati, nego razumjeti teoriju. Hajde da definišemo pojmove od samog početka, šta je naslov u HTML dokumentima, naslov na sajtu, stranica.

Svi znamo ruski jezik, a što se tiče opšteprihvaćenog koncepta header- ne bi trebalo biti pitanja. Naslov je ona riječ ili fraza koja sažima cjelokupno značenje nekog teksta, informacije koje dolaze iza njega.

Kao što svaka knjiga počinje naslovom, svaki dokument na Internetu ima svoj naslov.

Ali ako, otvarajući knjigu, shvatimo da je ova fraza naslov, jer ima veći ili podebljani font, onda internetske stranice imaju svoja pravila. Na internetu riječ naslov ima nekoliko značenja i koristi se u različite svrhe. Stoga je potrebno znati i razumjeti o kakvom naslovu je riječ i šta vam je tačno potrebno.

Prva i najvažnija stvar koju moramo razumjeti je da postoje tri različita koncepta naslova u HTML dokumentu.

Svaki dokument uključuje tri osnovne HTML oznake:



Ovdje su tehničke informacije o dokumentu +
naslov stranice u oznakama
</b> Naslov stranice <b>


Evo glavnog sadržaja stranice, članaka koji imaju naslove u oznakama:

Naslov web stranice ili članka


Naslov članka


Podnaslov članka


Ostali blokovi informacija


Ostali blokovi informacija

Ostali blokovi informacija


Dakle, iz gornjeg koda vidimo da HTML dokument ima svoj naslov , koji sadrži tehničke informacije, ovdje se nalaze i meta tagovi, a jedan od najvažnijih tagova u seo - , koji sadrži <b>naslov stranice</b>. To je zaglavlje koje svaki korisnik vidi na kartici pretraživača. Ovo zaglavlje nije direktno povezano sa zaglavljima koji se nalaze u tijelu <body>dokument, ali postoji zatvaranje .</p> <p>Druga najvažnija oznaka u SEO-u je oznaka title. <h>.</p> <p>Dakle, svaki pretraživač pridaje veliku važnost ovoj oznaci. Kao što je pokazao primjer s knjigom, on (zajedno s naslovom) govori o temi stranice, o čemu se radi, sumira smisao članka. Upravo ovaj naslov vam govori o čemu će biti moj članak koji čitate. Vidimo da se takvi naslovi uvijek po izgledu razlikuju od glavnog sadržaja stranice. Za to su izmišljene posebne oznake koje su odgovorne za to da informacije u njima uvijek budu istaknute.</p> <p>S jedne strane, oznaka je kao jedna <h>, ali s druge strane, ima ih šest i svi su numerisani po važnosti, i što je jako bitno, ne samo po značaju, već i po hijerarhiji. Od ovog trenutka počinje ono najzbunjujuće i najnerazumljivije - kako odrediti značaj, šta je značajnije, a šta nije?</p> <p>Razmišljajmo logički. Ovdje je naša glavna stranica na stranici. U pravilu, glavna stranica odražava cjelokupnu temu stranice u cjelini. U idealnom slučaju, naziv stranice također treba odražavati cjelokupnu temu stranice. To znači da naziv stranice treba da bude naslov, a najvažniji naslov, tj. u oznaci:</p> <blockquote><p><h1>Naziv stranice</h1>.</p> </blockquote> <p>Dalje, ne nužno, ali po pravilu, na glavnoj stranici treba da stoji neka vrsta poziva posjetiocu, au idealnoj situaciji ovaj apel bi trebao sadržavati naslov, koji bi trebao sadržavati temu stranice (a ključna riječ koja odražava temu stranice). Dakle, ovaj naslov bi trebao biti u tag-u:</p> <blockquote><p><h2>Naslov članka-apel posjetitelju</h2>.</p> </blockquote> <p>Dalje, u ovom članku-žalba može (i insistiram na tome <b>mora</b>) biti podnaslov koji dodatno otkriva sve aspekte teme stranice. Također uključuje neke ključne riječi koje mogu ili bi trebale biti bliske nazivu stranice ili naslovu članka. Ovaj titl bi trebao biti u tag-u:</p> <blockquote><p><h3>Podnaslov članka</h3>.</p> </blockquote> <p>Zamislimo takvu stranicu.</p> <p>Ovako distribuiramo oznake zaglavlja. Vrijedi napomenuti da ako koristite sliku banera umjesto zaglavlja, onda je ne morate formatirati u oznaci zaglavlja.</p> <p>Ostaju dva važna pitanja:</p> <p>Kako koristiti ostale oznake - 4, 5, 6</p> <p>I da li/mogu li koristiti naslovne oznake u meniju/bočnoj traci?</p> <p>Odgovor na prvo pitanje je da nije potrebno koristiti sve oznake naslova.</p> <p>Na drugo pitanje nema jasnog odgovora. Ali imam takvo mišljenje da ako bočna traka ima takav blok informacija, koji sadrži informacije o web-mjestu, informacije koje odražavaju temu web-mjesta, onda bi takvi blokovi trebali biti ukrašeni oznakama naslova.</p> <p>Na primjer, ovo može biti blok: <i> </i>. Naslov takvog bloka sadrži ključnu riječ koja odražava temu cijelog projekta. Stoga takav blok treba staviti u naslov <h4>.</p> <p>Ovdje se može pojaviti sljedeće pitanje: Zašto ga ne urediti u oznaku višeg ranga? Takođe možete pokušati da dobijete odgovor na logičan način.</p> <p>U pravilu (naglašavam, u pravilu), moderan izgled stranice ima sljedeću strukturu:</p> <p>Zaglavlje stranice <br> ↓<br>Glavni sadržaj stranice <br> ↓<br>bočna traka <br> ↓<br>Podnožje/podnožje stranice</p> <p>One. ovo je redosled kojim robot za pretragu vidi sve informacije na stranici.</p> <p><b>Sekunda</b> ono što treba da znamo je da sve oznake naslova imaju svoju hijerarhiju (pisao sam o tome gore), i nije prihvatljivo da oznaka trećeg reda bude viša od oznake drugog reda.</p> <p>Čini se da su sva pitanja odgovorena, a temu bi trebalo iscrpiti, ali nije sve tako jednostavno. Činjenica je da se, po pravilu, interne stranice razlikuju od glavne, a važno je i da su dobro optimizovane kako bismo sa njih primali promet sa pretraživača. Stoga je vrlo poželjno da primjenjuju vlastitu hijerarhiju naslova.</p> <p>Sa moje slike u primjeru, ako stranica ima zasebne članke o <i>Promocija na pretraživačima</i> I <i>Promocija na društvenim mrežama</i>, onda, za unutrašnju strukturu zaglavlja treba da bude ovako:</p> <p><img src='https://i1.wp.com/lh5.ggpht.com/_G92voTj-yF0/TS3-kbdapZI/AAAAAAAABEI/r7T-C94lU5I/s800/seo-zagolovka-statey%5B4%5D.gif' width="100%" loading=lazy loading=lazy></p> <p>One. već naslov stranice nije toliko bitan koliko naslov članka (možda moj primjer nije najočitiji, jer je riječ „promocija“ posvuda). Ovakav raspored naslova značajno poboljšava rangiranje stranica u pretraživačima, čime se povećava prelazak korisnika sa njih.</p> <p>Napisao sam iznad toga <b>poželjno</b> ali nemojte udarati glavom o zid ako to nije moguće. Platforme, šabloni i znanja su različiti za svakoga, a ako ne uspije, onda je bolje da se koncentrišete na nešto drugo, usmjerite svoje akcije na poboljšanje onoga što najbolje funkcionira. Uostalom, uspješna promocija na pretraživačima ovisi o kombinaciji niza faktora. Što više pažnje posvećujemo internoj optimizaciji, manje nam je potrebno eksterne optimizacije. Ako se interno već iscrpilo, potrebno je prijeći na eksternu optimizaciju.</p> <p>Ovaj članak je prvenstveno usmjeren na razumijevanje teme, teorije. U doba CMS-a nije teško pravilno napraviti naslove, ali nažalost, za to morate imati dublje znanje u izradi web stranica i programiranju. I ako je većini mojih čitatelja ovaj članak više za upoznavanje, onda za one koji će jednog dana naručiti izradu web stranica u Čeboksariju ili u bilo kojem drugom gradu na svijetu, izraditi tehnički zadatak za dizajnera izgleda, programera, kreirati na sopstvenom sajtu, moći će da objasne ili primene ovo znanje u praksi.</p><p>Na primjer, već dugo eksperimentiram s predloškom i radim upravo onako kako je opisano u članku, jer mislim da je ovo najbolja opcija. Ali još uvijek nisam toliko jak u XML-u (za Blogger) i PHP-u (za WordPress) da bih odmah shvatio kako napraviti različite naslove za različite stranice. Ali onda, nakon ovog članka, imat ću više poticaja da svoje ideje provedem u praksi, i svakako ću vam reći kako sam to uradio. Naravno, ne samo da ću ispričati, već i podijeliti.</p><p><b>Članci o tome i spremni.</b></p> <p>Ako neko pitanje nisam dovoljno pokrio, pitajte u komentarima, dodaću. Pišem ove riječi jer Osećam se kao da je nešto ostalo nedorečeno u mojoj glavi, ali ne mogu da se setim šta je to. Pa pitaj.</p> <p>Da li ste ikada razmišljali o vođenju kolektivnog bloga ili barem o pronalaženju drugog autora za svoj blog. Ako vas takve misli posjećuju, onda obratite pažnju na članak Nedostaci nekoliko autora bloga. Tamo, na blogu, možete pronaći članak o zaslugama.</p> <p>Želim vam puno sreće u razvoju vaših blogova.</p> <p>Pravilan odabir i postavljanje H1 i H2 naslova prilikom optimizacije tekstova na promoviranim stranicama sajta je važna faza u SEO radu. U ovom članku ćemo govoriti o tome šta su naslovi H1 i H2, koju ulogu imaju i kako ih pravilno koristiti za postizanje najboljeg rezultata.</p><h2>Šta su naslovi H1 i H2?</h2><p>Naslovi su riječi, fraze ili fraze koje sažimaju značenje informacija koje slijede. Ne moramo ponovo čitati cijeli tekst članka u časopisu ili novinama da bismo shvatili o čemu će se u njemu raditi. Bacimo pogled na naslove i podnaslove i odlučujemo da li nam je ovaj materijal zanimljiv, da li ga vrijedi čitati. Ako otvorimo udžbenik ili uputstvo, onda nam je uz pomoć naslova lako pronaći upravo one informacije koje su nam potrebne. Jednom riječju, naslovi ne samo da privlače čitaoce, već služe i njihovoj pogodnosti.</p><p>Tekstovi na web stranicama također trebaju imati naslove. Za to postoje najmanje 2 razloga:</p><p><b>1. </b> Naslovi strukturiraju tekst i čine ga lakšim za čitanje. Čvrsti tekst (koji se često naziva "list") je težak za čitanje, ne želite ga čitati. A budući da pretraživači sada uzimaju u obzir faktore ponašanja (skup radnji posjetitelja na web-mjestu), zainteresirani ste da korisnik čita tekst na vašem resursu, a ne da zatvori stranicu, uplašen "listom".</p><p><b>2. </b> Naslovi jasno stavljaju do znanja pretraživačima koje informacije se nalaze u određenom dijelu teksta. Na osnovu naslova, pretraživači procjenjuju koliko ove informacije ispunjavaju očekivanja korisnika. Zbog toga su toliko važni pri optimizaciji tekstova.</p><p>Sada razumijete da ne biste trebali zanemariti upotrebu naslova u tekstovima na stranicama web-mjesta? Onda idemo dalje!</p><p>Šta znače pojmovi H1 i H2? Morat ćemo se malo dotaknuti pitanja vezanih za html izgled. H1 i H2 (tačnije, <h1>I <h2>) su html oznake koje ukazuju na važnost teksta koji ih slijedi. Nazivaju se i oznake akcenta. U html dokumentu to izgleda ovako:</p><p>Na web stranici ova zaglavlja imaju različito formatiranje prema zadanim postavkama:</p><p><img src='https://i2.wp.com/tanix.by/upload/blog/header-h1-h2/lorem-on-page.png' width="100%" loading=lazy loading=lazy></p><p>Zapravo, postoji 6 nivoa naslova: od H1 do H6. Prema tome, naslov H1 ima najveću težinu, naslov H2 je sekundaran, a naslov šestog nivoa H6 je najmanje značajan. Međutim, za SEO promociju najvažniji naslovi su H1 i H2. Govorit ćemo o pravilima za njihovu upotrebu za optimizaciju tekstova.</p><p><img src='https://i0.wp.com/tanix.by/upload/blog/header-h1-h2/h1-h2-for-seo.png' width="100%" loading=lazy loading=lazy></p><h2>Šta trebate znati za kompetentno postavljanje naslova H1 i H2?</h2><p>Naslov H1 igra važnu ulogu ne samo u optimizaciji teksta, već i u optimizaciji cijele stranice. On je taj koji poručuje tražilici koliko sadržaj prikazan na stranici odgovara naslovu stranice (Title), te, prema tome, ispunjava očekivanja korisnika.</p><p>Jeste li smislili kreativan, neobičan, atraktivan naslov za tekst, zasnovan na, na primjer, igri riječi? Ovaj pristup može biti dobar za štampani oglas ili novinski članak, ali za promociju pretraživanja, takav kreativ može imati negativne posljedice. Pretraživači nemaju maštu i maštovito razmišljanje, bitne su im specifičnosti. U nastavku dajemo važne smjernice za pisanje H1 naslova.</p><h2>Osnovna pravila za korištenje H1 zaglavlja</h2><ul><p>Naslov H1 bi trebao biti kratak, ali opsežan. Važan uslov je prirodno pojavljivanje ključnih reči u njemu. Uzmimo primjer. Recimo da optimizirate stranicu koja sadrži katalog ženskih cipela. Za promociju ove stranice odabrani su sljedeći upiti (o tome koji su upiti za pretraživanje možete pročitati u našem materijalu <b>"Upoznajte svog SEO stručnjaka"</b>): "ženske cipele" (učestalost - 3896), "ženske cipele u Minsku" (učestalost - 490), "kupite ženske cipele" (učestalost - 384), "cipele za žene" (učestalost - 207), "katalog ženske cipele cijene” (učestalost - 318). Za tekst na ovoj stranici najlogičnije je koristiti H1 naslov "Ženske cipele", jer je najopćenitiji, ali istovremeno opisuje sadržaj sadržaja, a može se specificirati i naslovima od više od jedan nivo.</p><p>Naslov H1 bi se trebao pojaviti samo jednom po stranici.</p><p>Ovaj naslov se nalazi na samom početku teksta, po mogućnosti na vrhu stranice.</p><p>Naslov H1 treba da se nalazi iznad naslova drugih nivoa (nije dozvoljeno stavljati, na primer, naslov H2 ispred njega).</p><p>Veličina fonta ovog naslova treba da bude veća od veličine fonta naslova nižeg nivoa. Podrazumevano, ovako je, ali ako stilovi određuju drugačije, trebalo bi da ispravite situaciju.</p> </ul><h2>Primjeri naslova H2</h2><p>Kako su sastavljeni H2 naslovi? U tekstu ih može biti nekoliko. Po pravilu specificiraju naslov H1 i strukturiraju cijeli tekst. Vratimo se našem primjeru stranice na kojoj se nalaze ženske cipele. Za ovu stranicu možete napisati prodajni tekst koji opisuje prednosti modela koji se nude kupcima i daje tabelu veličina. Takođe na stranici korisnik može pronaći katalog obuće sa fotografijama i cijenama. U ovom slučaju, naslovi u tekstu mogu biti sljedeći:</p><p><img src='https://i0.wp.com/tanix.by/upload/blog/header-h1-h2/header-example.png' width="100%" loading=lazy loading=lazy></p><p>Ako se sjećate pojmova za pretraživanje koje koristimo za promociju naše stranice u ovom primjeru, shvatit ćete da u naslove H2 uključujemo bogate pojmove koji imaju manji opseg pretraživanja. Mogu se prikazati u indirektnoj pojavi (mogu se odbiti, drugim riječima „razvodniti“). I što je najvažnije, oni specificiraju naš H1 naslov i signaliziraju pretraživaču da tekst koji slijedi zaista odgovara na upite za pretraživanje napisane u naslovu stranice (Title).</p><h2>Najčešće greške u korištenju H1 i H2 zaglavlja</h2><p>Kada koristite naslove za optimizaciju teksta, pokušajte izbjeći sljedeće greške:</p><ul><p>Korištenje oznaka <h1>I <h2>za stiliziranje elemenata stranice. Ovo je uobičajena greška koja se može dogoditi čak i protiv vaše volje. U mnogim gotovim predlošcima stranica (na primjer, na Joomli ili Wordpress) u tagovima <h1>I <h2>zatvorene, na primjer, imena blokova. Na primjer, kao što su "Popularni proizvodi", "Najnovije vijesti", "Mi smo na društvenim mrežama" i tako dalje. Ova tehnika obmanjuje pretraživače i ne donosi ništa dobro. Stoga, prilikom obavljanja SEO revizije stranice, stručnjak nužno provjerava da li se naslovi koriste „kako je predviđeno“. Zapamtite važno pravilo - H1 i H2 treba koristiti samo za strukturiranje teksta!</p><p>Korištenje istih naslova za različite stranice. Ovo je, naravno, glupost, ali se dešava. U najmanju ruku, naslovi H1 trebaju biti jedinstveni za svaku stranicu!</p><p>Postavljanje u naslove hiperlinkova.</p><p>Prisustvo dva ili više H1 naslova na stranici. Podsjećamo da je to neprihvatljivo! Naš moto je "Jedna stranica - jedan H1 naslov"!</p> </ul><p>U zaključku našeg članka skrećemo vam pažnju na još jednu važnu tačku. Razgovarajmo ponovo o predlošcima web stranica. Postoje slučajevi kada standardni predlošci stranica uopće nemaju naslove H1. Umjesto njih idu naslovi H2. Čak i ako se u administrativnom dijelu stranice od vas zatraži da unesete tekst u polje "Naslov materijala", zapravo se može ispostaviti da će on biti zatvoren u tagovima <h2></h2>. Provjerite postoji li takav nedostatak na vašoj web stranici - pregledajte strukturu dokumenta pritiskom na tipku F12. Vaš naslov je umotan u oznake <h1></h1>? Tako da je sve super!</p><p>Važnost pravilnog postavljanja tekstualnih naslova također treba podsjetiti programera koji nije upoznat sa SEO prilikom postavljanja jedinstvene stranice.</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/socialnye-roboty-dolzhen-li-socialnyi-robot-byt-pohozhim-na-cheloveka-aibo.html"> <div class="img_container"><img src="/uploads/1279db407aee4bb20728df3ecec8dd7e.jpg" border="0" alt="Treba li društveni robot izgledati kao čovjek?" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Treba li društveni robot izgledati kao čovjek?</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/iphone-5-blokirovka-aktivacii-chto-delat-kak-snyat-blokirovku-aktivacii-apple-id.html"> <div class="img_container"><img src="/uploads/b3a68b0c09f17f283d48f934bb7898b4.jpg" border="0" alt="Kako ukloniti zaključavanje aktivacije Apple ID-a" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Kako ukloniti zaključavanje aktivacije Apple ID-a</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/virusy-imeyut-obmen-veshchestv-virusy-chto-zhe-takoe-virus.html"> <div class="img_container"><img src="/uploads/6335e92de153f18c98717c4d79a82840.jpg" border="0" alt="Virusi imaju metabolizam" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Virusi imaju metabolizam</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="https://vk.com/share.php?url=https%3A%2F%2Fbumotors.ru%2Fanatomiya-zagolovkov-h1-h6-dlya-oformleniya-i-strukturizacii-kontenta.html" 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>