Kako postaviti pametne telefone i računala. Informativni portal
  • Dom
  • Željezo
  • Anatomija naslova H1-H6 za stiliziranje i strukturiranje sadržaja. Sastavljanje ispravne strukture h1 i podnaslova

Anatomija naslova H1-H6 za stiliziranje i strukturiranje sadržaja. Sastavljanje ispravne strukture h1 i podnaslova

22.08.2019 Željezo

Pozdrav prijatelji! Drago nam je što vam možemo poželeti dobrodošlicu na blog Andreja i Daše - Thebizfromscratch. Nešto dugo nismo pisali ništa o SEO-u i u ovom članku želimo sustići, jer tema za danas je Utjecaj naslova H1, H2 - H6 na promociju web stranice. Reći ćemo vam po kojim pravilima i principima pišemo naslove na vašem blogu i nadamo se da će vam naše iskustvo biti korisno.

Kako pravilno postaviti meta oznake H1, H2 ... H6

Dakle, prilikom izrade publikacije propisujemo meta oznake sljedećim redoslijedom:

To je najznačajniji naslov, stoga je uobičajeno da se glavni ključ pretraživanja priloži u h1 tagove, po mogućnosti razrijeđen neutralnim riječima, t.j. razrijeđen naslov.

Sljedeće najvažnije zaglavlje, koje se koristi za odabir niskofrekventnog zahtjeva koji se podudara s glavnim zahtjevom.

  1. H3, H4, H5, H6

Dapače, oni nemaju puno utjecaja na promociju. Međutim, uključivanje ključnih riječi u njih može dovesti do pretjerane optimizacije, što će uzrokovati samo negativan odgovor pretraživača. Stoga ove meta oznake koristimo samo za lijepo strukturiranje članka. Kako bi posjetitelji lakše pročitali i odmah razumjeli 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 kako bi se gornje informacije ispravno razumjele, pogledajmo primjer! Pretpostavimo da ste napisali članak pod upitom za pretraživanje - "Kako napraviti web stranicu". Ova fraza mora biti registrirana u polju Naslov i ponovljena najmanje 2 puta bez promjena u samom tekstu. Ili, kao što mnogi rade - ponavljaju upit za pretraživanje 1 put na 1000 znakova.

Ako dalje trebate odabrati strukturu, slobodno upotrijebite H2 koji sadrži niskofrekventni upit. Opet, u okviru primjera - "Kako napraviti visokokvalitetnu web stranicu na WordPress motoru." Napišite ostatak meta - oznaka bez ključeva.

  1. Nemojte uključivati ​​veze na druge promovirane stranice u svoje naslove. Kôd veze tražilice će smatrati ključnim riječima i samo će štetiti rangiranju.
  2. Nemojte stavljati naslove nižeg reda iznad važnijih. Prvo treba slijediti H1, zatim H2 i dalje uzlazno. Trebala bi nastati struktura stabla.
  3. Preporuča se koristiti H1 jednom, H2 ne više od 3 puta, a H3-H6 koliko je potrebno (samo bez ključeva i samo ako je potrebno).

Možda su to bila osnovna načela i pravila kojima se služimo pri pisanju č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. U slučaju pitanja - svakako ih postavite u komentarima, pokušat ćemo pomoći.


Apsolutno svi znaju što je naslov. Ovo je prostran, atraktivan naslov u kojem se, usprkos svojoj kratkoći, krije bit cijele publikacije, članka itd. Ali naslov na stranici web-mjesta nije baš ono što smo navikli vidjeti u novinama, časopisima ili knjigama . Zašto? Pokušajmo to shvatiti.

Što je H1?

H1 je glavni naslov u članku, naslov prve razine. Svaka stranica na Internetu ima svoju strukturu. Naslovi H1-H6 samo vam omogućuju pravilno strukturiranje materijala, kako za tražilice tako i za korisnike. H1 - glavni naslov, H2-H6 sekundarni, ugniježđeni podnaslovi. U kodu zaglavlja izgledaju ovako:

sam naslov

, broj samo označava razinu naslova.

Naslovi na Internetu služe ne samo za označavanje strukture i suštine opisanog, već i za optimizaciju stranice. Da biste web stranicu doveli na vidljiva mjesta u rezultatima pretraživanja, napišite ispravne naslove, poštujući 2 jednostavna uvjeta:

Uvjet 1. Ključne riječi u naslovima

Da biste to učinili, morate imati razvijenu semantičku jezgru visoke kvalitete - shvatite to iznimno odgovorno i zapamtite da ne možete umetnuti isti ključ na sve stranice web-mjesta. Relevantnost je glavna stvar: morate ispuniti očekivanja kupaca i tražilica. U naslovima glavne stranice možete uzeti srednje i visokofrekventne zahtjeve. A na stranicama proizvoda (kartica proizvoda) naslovi s niskofrekventnim tipkama sasvim su prihvatljivi. Ključno je dovesti do određene pozicije ili jedinice, biti precizan, a ne generaliziran.

Prilikom postavljanja ključnih riječi, učinite to pažljivo: nemojte pretjerano koristiti ključne riječi i nemojte stvarati zaglavlja za neželjenu poštu (na primjer, kupi stan Moskva, kupi torbu za hladnjak, kupi motocikl Krasnojarsk cijena, moj je tvoj da ne razumiješ itd.). Zadržite ljepotu fraze i njezinu dosljednost. U velikom i moćnom ruskom jeziku, riječi se konjugiraju i klanjaju, a roboti sada razumiju značenje, razumiju jezik ništa gore od vas i mene! I nemojte često - neželjena pošta je svima očita, a Baden-Baden je nadomak kamena, dobro, ne zaboravite na Pandu iz Googlea.

Primjer gdje je broj tipki izvan skale je pretjeran.

Iz glavnog je naslova jasno o kojem će proizvodu biti riječi. Naravno, u prvom odlomku ne možete bez ključa, ali učinite to nenametljivo, a ne tako otvoreno i agresivno.

Pa, nadam se da nikome nikada neće pasti na pamet ugurati sve ključne riječi namijenjene jednoj stranici u naslov. Očito od toga neće biti ništa dobro. =)

Zapamtite da tekst nije stvoren samo za tražilice, već i za ljude. Općenito, roboti vole ljudske, jednostavne i razumljive tekstove. Ako se u naslovu ključne riječi organski pojavljuju na početku rečenice, onda će funkcionirati malo bolje. Oni. sa stajališta optimizacije stranice za ključnu riječ "hoteli u Moskvi" naslov "Hoteli u Moskvi - službene stranice, recenzije, fotografije" radit će bolje od "Recenzije, fotografije i službene stranice hotela u Moskvi".

Uvjet 2. Oznake

-

Kada objavljujete tekstove na stranici, ne zaboravite ispravno postaviti oznake. Oznake za naslove teksta definirane su sljedećim HTML kodom:

-

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

-

... Sada ljudi ne čitaju velike tekstove, pa čak ni na temelju logike stvari nije potrebno ugniježditi toliki broj naslova. Iznimka mogu biti stranice s puno videa, slika, interaktivnih elemenata itd. Ali ovo je još uvijek iznimka, a ne pravilo.

Tražilice također uzimaju u obzir dimenziju i značaj oznaka.

-

... Prilikom pisanja, obratite pozornost da se naslovi vizualno izdvajaju od općeg teksta.

Poveznice u naslovima se ne smiju koristiti, posebno u

: ovo će osobu odvesti sa stranice na drugi materijal ili, ako povežete na istu stranicu, stvoriti kružnu vezu koja ne čini ništa dobro.

Dopušteno povezivanje iz naslova razine

i ispod, ali i ako je opravdano i logično.

Pretraživači pridaju veliku važnost naslovima jer se koriste za označavanje važnih informacija. Tako će strojevima biti lakše čitati tekst i razumjeti njegovu strukturu, logiku; vidi što je najvažnije. Ne pokušavajte varati i koristiti oznake

-

za sav tekst na stranici, jer od ovoga neće biti smisla. Roboti nisu budale i općenito su vrlo ranjivi - za to se mogu osvetiti nečim neugodnim za vašu stranicu. Zato razmislite sedam puta unaprijed, posljedice su strašne. Prilikom pisanja naslova u tekstu, pridržavajte se sljedećih pravila:

    Dovodimo stvari u red. Oznake

    -

    raspoređeni su po principu hijerarhije: tag

    važnije od oznake

    ... Zapravo, to izgleda ovako:

    Tražilice su perfekcionisti: vole ispravan slijed tako da sve bude na svom mjestu, na svojim policama. Stoga slijedimo logiku: mlađi sin se ne može roditi ranije od starijeg. To nije dopušteno - evo primjera s pokvarenom hijerarhijom:

    Također, oznaka

    igra važnu ulogu u formiranju brzih poveznica u rezultatima pretraživanja Yandexa.

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

    A ako imate bilo kakvih poteškoća - kontaktirajte naše stručnjake, spremni smo provjeriti jesu li naslovi vaše stranice ispravno napisani, ispravno se registrirati u slučaju pogrešaka i odgovoriti na sva pitanja. Kompilacija naslova za 1 stranicu (+ odabir 3 relevantna ključa) - od 450 rubalja.

Pozdrav dragi čitatelji blog stranice. Danas ćemo započeti razgovor o oznakama u jeziku Html, odnosno o naslovima H1, H2, H3, H4, H5, H6, o odlomcima P i prijelomima reda Br, kao i o vodoravnoj linijskoj oznaci Hr, npr. razmotrit ćemo korištenje atributa i da vidimo gdje će biti moguće saznati sve moguće atribute za svaki element i pogledati sintaksu vrijednosti za njih.

Glavna razlika između inline i blok oznaka je u tome što prve mogu slijediti jedna drugu po širini sve dok ne ponestane raspoloživog prostora, a zatim će biti premotane u sljedeći redak.

Blokirajte elemente, prema zadanim postavkama, pokušajte zauzeti sav raspoloživi prostor u širini i stoga će sljedeći blok element nužno biti na drugoj liniji.

Krenimo sada sa sustavnim proučavanjem svih mogućih tagova u Html-u, a pritom ćemo posebnu pozornost obratiti na to koje su vrste kako bismo jasno razumjeli mogućnosti njihove ispravne (ispravne) upotrebe. Pojednostavljena struktura oznake izgleda ovako:

Za njih su također predviđeni atributi (svaki ima svoj skup), koji vam omogućuju dodavanje određenih svojstava ovom elementu, ali o tome ćemo već govoriti s konkretnim primjerima.

Počnimo s takvim konceptom kao što su zaglavlja, koja se formiraju pomoću uparenih oznaka H1, H2, H3, H4, H5, H6 (ime dolazi od prvog slova riječi "Header", tj. "heading"). Osmišljeni su tako da odvajaju različite dijelove teksta jedan od drugog i označavaju njihovu važnost ovisno o razini. U modernoj verziji HTML jezika, sve oznake i svi za njih dopušteni atributi unaprijed su dogovoreni i opisani.

Kao rezultat toga, naslovi mogu imati samo šest razina i, uz to, elemente H1-H6 su blokovi, tj. nastojati zauzeti sav raspoloživi prostor po širini stranice. Ali oni imaju jednu značajku - samo umetnuti elementi mogu biti unutar oznaka naslova, unatoč činjenici da, na primjer, isti Div dopušta da se u njih uključe i drugi blok oznake.

Da. preglednik vam neće dopustiti, na primjer, da unutar naslova jedne razine priložite naslove druge razine, jer su, opet, blok elementi, ali mogu sadržavati samo mala slova... Oh kako.

Naslovi različitih razina H1-H6 bit će nacrtani u preglednicima s fontovima različitih veličina (iako ih pomoću CSS-a možete postaviti apsolutno bilo koju veličinu, boju i vrstu fonta za prikaz u pregledniku, ali u čistom HTML-u vrijede ova pravila) :

Ako razmotrimo izgled web-mjesta s gledišta pogodnosti njegove daljnje promocije (), onda je vrijedno rezervirati činjenicu da bi trebalo postojati samo jedan naslov H1 razine po stranici... Vjerojatno možete koristiti dva H1, ali više njih će najvjerojatnije izazvati negativnu reakciju tražilica kada se nađu u vašem dokumentu. Vaše se radnje mogu smatrati neželjenom poštom ili promocijom relevantnosti.

Također se ne preporučuje preskakanje razina naslova, t.j. nakon H1, koristite H2 za isticanje manje važnih dijelova teksta itd. Malo je vjerojatno da će to za sobom povlačiti ozbiljne sankcije od tražilica, ali je ipak bolje slijediti logiku u formiranju razina naslova u HTML kodu.

Tražilice daju riječima u ovim oznakama veću vrijednost od riječi koje samo stoje u tekstu. Iz ovoga proizlazi da pri pisanju članaka svakako trebate dodati naslove koje koristite.

Pa, samo po sebi, korištenje naslova u tekstu članka čini ga opisnijim i pomaže čitateljima da se brzo snalaze u nizu informacija. Mislim da će za prvi put biti dovoljno informacija i da je vrijeme da se krene dalje.

Odlomak, prijelom retka i horizontalna linija HR u HTML kodu

Oznaka P izvedena je iz riječi "paragraf", ali se češće naziva paragraf. Služe za semantičko isticanje određenog teksta, koji u pravilu uključuje nekoliko rečenica. Između pasusa formiran je P elementima okomito, što dopušta odvojene logičke dijelove teksta vizualno jedna od druge.

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

Razbijanjem teksta si jak sniziti prag umora posjetitelja vašeg resursa i poboljšati korisničke čimbenike (vrijeme koje korisnik provede na vašoj stranici i), što zauzvrat ima pozitivan učinak na promociju.

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

Usput, oznaka odlomka P, kao što ste vjerojatno već primijetili, je oznaka para, ali prema specifikaciji jezika za označavanje hiperteksta 4.01, završni element za nju je nije obavezno... U tom slučaju, preglednik će morati sam shvatiti gdje ga treba postaviti.

Budući da je P blok element i unutar njega mogu biti samo mala slova. Stoga preglednik, nakon što je pronašao oznaku uvodnog odlomka, dalje analizira kod i čim naiđe na sljedeći blok element (najvjerojatnije će to biti sljedeći otvarajući P), odmah umeće oznaku završnog odlomka ispred njega . U Html 5 standardu takve slobode najvjerojatnije više neće biti i trebale bi biti odmah naviknite se zatvarati sve oznake i pišite ih samo malim slovima.

Odlomak je blok element, tako da će tekst unutar paragrafa težiti da zauzima sav raspoloživi prostor u širini. Odnosno, ako ste napisali katren u kodu HTML dokumenta kako bi trebao biti (svaki red zasebno) i priložili cijeli ovaj katren u oznake P paragrafa, tada ćete u pregledniku vidjeti da će se sva vaša četiri retka spojiti u jedan i zauzet će sav raspoloživi prostor za tekst u širini.

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 znakova razmaka u izvornom kodu kada se prikaže u pregledniku biti zamijenjen jednim razmakom), možete oblikovati svoj kôd na bilo koji prikladan način bez straha da ćete poremetiti njegov prikaz na web stranicu.

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

oznake prijeloma reda pod nazivom BR

(od riječi "prekid"):

BR je inline element i također je "prazan", tj. jednostruka (nema element za zatvaranje). Cijela funkcija BR-a je da uzrokuje prijelom retka kada se prikazuje tekst u pregledniku (slično tipki Enter u bilo kojem uređivaču teksta).

Pisanje BR (line break) oznaka u kodu nije ni na koji način regulirano. Možete napisati cijeli tekst zajedno i staviti BR umjesto razmaka na prava mjesta, ili možete odmah razbiti tekst u retke u kodu radi jasnoće i staviti BR ili na kraj redaka ili na njihov početak. To ne mijenja suštinu.

HR(kratica od riječi "horizontal rule", tj. horizontalna linija) je vrlo jednostavna Html oznaka koja crta vodoravnu liniju (traku) po cijeloj širini ekrana i njegovoj debljini, ovisno o pregledniku u kojem se gleda ( zapravo, to je vizualni marker, koji vam, po analogiji s oznakama naslova, omogućuje razbijanje teksta u logične dijelove radi lakše asimilacije).

Ona je "prazna" (singl), t.j. nema para (završnu oznaku). Osim, HR je blok element, tj. prema zadanim postavkama zauzima cijelu širinu stranice koja mu je dostupna.

Pojam atributa i pravila njihova pisanja u HTML tagovima

Pogledajmo koncept atributa na ovom jednostavnom elementu. Činjenica je da možemo dodavati atribute oznakama koje su važeće i opisane u WC3 validatoru za njih, dajući tako sadržaju ono svojstvo koje nam je potrebno.

Na primjer, ako imate nekoliko paragrafa (paragrafa) zatvorenih u odgovarajuće P oznake u nizu, tada da biste promijenili izgled jednog od njih, trebate samo dodati tražene atribute u početni P element ovog odlomka. U slučaju pojedinačnih (praznih) oznaka, ne postoje opcije za dodavanje traženog atributa.

Dakle, prvo pravilo je - atributi se postavljaju samo u početnoj oznaci(zatvaranje nikad ne sadrži ništa). Jedan element može sadržavati nekoliko atributa, koji su međusobno odvojeni i između naziva oznake razmakom (obavezni uvjet). Odmah ću dati primjer njihove upotrebe za horizontalnu HR liniju:

Dakle, prvo prijeđimo na sintaksu atributa. Umetnuti su u početnu oznaku, napisani odvojeni razmakom (uključujući razmak iza naziva elementa) i konstrukcija su koja uključuje naziv, znak "jednako" i pišu se u navodnicima (obično je uobičajeno staviti uparene dvojke , ali standard također dopušta uparene jednostruke navodnike) vrijednosti. Redoslijed atributa u kodu Html oznake nije važan.

Tamo sam dao link popis svih važećih oznaka u HTML-u... Ako na ovom popisu kliknete na naziv elementa koji vas zanima (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 skupine:

  1. Općenito - mogu se naći u velikoj većini elemenata u HTML jeziku. Na slici iznad, oni su pri dnu i ocrtani crvenim okvirom. Zapravo, postoji nekoliko zajedničkih atributa (samo šest), a čak i tada, malo je vjerojatno da ćete ih sve koristiti u svojoj praksi. Najvjerojatnije samo četiri -, naslov i stil.
  2. Atributi događaja - potrebni su za pokretanje radnje kao odgovor na radnju korisnika ili događaj sustava. Više su vezani uz JavaScrit i na slici odmah iznad su na samom dnu (zaokruženi tamnim okvirom).
  3. Jedinstveno - svaka oznaka obično ima svoj skup atributa, od kojih se neki možda uopće ne pojavljuju na drugim elementima. Ako uzmemo u obzir horizontalnu liniju HR, onda ona ima samo četiri jedinstvena atributa (poravnanje, sjenilo, veličina i širina). Preglednik će zanemariti sve ostale navedene u oznaci HR (osim dvije gore opisane grupe).

Primjeri atributa u oznaci HR horizontalne crte

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 | središte | desno (možete koristiti jedno od tri poravnanja opcije).

Općenito, informacije o njima u validatoru WC3 mogu se dobiti ne samo na popisu Html oznaka, već i u popis atributa koje ćete pronaći na priloženoj poveznici.

Ovaj popis navodi sve moguće opcije za sve oznake dostupne u HTML jeziku. U stupcu "Povezani elementi", nasuprot opcije koja vas zanima, vidjet ćete elemente u kojima se ovaj atribut može koristiti. Stupac "Vrsta" označava vrstu podataka koji se mogu koristiti kao vrijednost.

Na primjer, u retku podvučenom na slici za atribut align, za oznaku HR, dopuštene su samo tri fiksne vrijednosti koje su tamo navedene (lijevo | središte | desno).

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

Pogledajmo koji se atributi koriste s elementima koje smo već pokrili u ovom članku (P, naslovi H1-H6 i HR). Za sve njih možete koristiti "align" od svi ovi elementi su na razini bloka. Za inline elemente, atribut poravnanja "align" je besmislen.

Na primjer, ako dodate "align" oznaci naslova (na primjer, H1), možete postaviti poravnanje teksta naslova. Oni. blok element će zauzeti svu širinu koja mu je dostupna, ali sadržaj ovog naslova (njegov tekst) može se poravnati bilo lijevo (lijevo je zadana postavka), desno (desno) ili centrirano (središte), ili po širini (justify - mijenja razmak između riječi, kao u novinskim stupcima).

Isto će, inače, vrijediti i za oznaku HTML paragrafa P i za Div spremnik, ako pažljivo pogledate gornju snimku zaslona.

Za horizontalnu HR liniju, atribut "align" značit će poravnanje same vodoravne linije koju čini ovaj element. Ali HR oznaka je blok element i teži da zauzima sav raspoloživi prostor u širini. Stoga ima smisla koristiti "align" u njemu samo ako, uz njega, i vi postavite vrijednost za atribut "width".(širina) je manja od širine stranice.

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

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

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

Sretno ti! Vidimo se uskoro na stranicama blog stranice

možete pogledati više videozapisa ako odete na
");">

Možda ćete biti zainteresirani

Tablice u HTML-u - oznake Tablica, Tr i Td, kao i Colspan, Cellpadding, Cellspacing i Rowspan za njihovo stvaranje
Iframe i Frame - što su i kako najbolje koristiti okvire u HTML-u
Embed i object - Html oznake za prikaz medijskog sadržaja (video, flash, audio) na web stranicama
Smjernice za komentare i Doctype u HTML kodu, kao i koncept blokova i inline elemenata (tagova)
Kako umetnuti link i sliku (fotografiju) u HTML - IMG i A oznake

Pozdrav dragi čitatelji. Danas želim obratiti posebnu pozornost na temu naslova u oznakama h1 h2 - h6, jer u bliskoj budućnosti planiram (kao što sam obećao) nekoliko praktičnih članaka o uređivanju naslova u predlošcima. Ali prije nego što svladate bilo što u praksi, mislim da trebate razumjeti teoriju, a ne znati je. Definirajmo od samog početka pojmove, što je naslov u HTML dokumentima, naslov na web stranici, stranica.

Svi znamo ruski, a što se tiče općeprihvaćenog koncepta naslov- ne bi trebalo biti pitanja. Naslov je ona riječ ili izraz koji sažima cjelokupno značenje teksta, informacije koje ga slijede.

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

Ali ako, otvarajući knjigu, shvatimo da je ovaj izraz naslov, jer ima veći ili podebljani font, onda na internetskim stranicama postoje neka svoja pravila. Na internetu riječ naslov ima nekoliko značenja i koristi se u različite svrhe. Stoga morate znati i razumjeti o kakvom naslovu govorimo i što vam je točno potrebno.

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

Svaki dokument uključuje tri glavne HTML oznake:



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


Ovdje je glavni sadržaj stranice, članci koji imaju naslove u oznakama:

Naslov stranice ili članka


Naslov članka


Podnaslov članka


Ostali blokovi s informacijama


Ostali blokovi s informacijama

Ostali blokovi s informacijama


Dakle, iz gornjeg koda možemo vidjeti da HTML dokument ima svoj naslov , u kojem se nalaze tehničke informacije, ovdje se nalaze i meta tagovi, a jedan od najvažnijih tagova u seou je koji sadrži <b>Naslov stranice</b>... Ovo je naslov koji svaki korisnik vidi na kartici preglednika. Ovaj naslov nije izravno povezan s naslovima koji se nalaze u tijelu <body>dokument, ali postoji jedan bliski između.</p> <p>Druga najvažnija oznaka u SEO-u je oznaka title <h>.</p> <p>Stoga svaka tražilica pridaje veliku važnost ovoj oznaci. Kao što je primjer s knjigom pokazao, upravo on (zajedno s naslovom) informira o temi stranice, o čemu se radi, sažima smisao članka. Upravo vam ovaj naslov govori o čemu će biti moj članak koji čitate. Vidimo da se takvi naslovi uvijek izgledom 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, čini se da je oznaka jedna <h>, ali s druge strane, ima ih šest i svi su numerirani redoslijedom njihove važnosti, i što je jako bitno, ne samo važnosti, nego i hijerarhije. Od ovog trenutka počinje ono najzbunjujuće i najnerazumljivije - kako odrediti značaj, što je značajnije, a što nije?</p> <p>Razmislimo samo logično. Ovdje imamo glavnu stranicu na stranici. Glavna stranica u pravilu odražava cijelu temu web-mjesta u cjelini. I idealno - naziv stranice također treba odražavati cijelu temu stranice. To znači da naziv stranice treba biti naslov, štoviše, najvažniji naslov, t.j. u oznaci:</p> <blockquote><p><h1>Naziv stranice</h1>.</p> </blockquote> <p>Nadalje, nije potrebno, ali u pravilu bi na glavnoj stranici trebala biti neka vrsta poziva posjetitelju, au idealnoj situaciji ovaj bi apel trebao sadržavati naslov, koji bi trebao sadržavati temu stranice (ključna riječ koja odražava temu web-mjesta). To znači da ovaj naslov mora biti u oznaci:</p> <blockquote><p><h2>Naslov članka-apel posjetitelju</h2>.</p> </blockquote> <p>Nadalje, u ovom članku-žalba može (a ja inzistiram na tome <b>mora</b>) biti podnaslov koji dodatno otkriva sve aspekte sadržaja stranice. Također uključuje neke ključne riječi koje mogu ili bi trebale biti bliske nazivu stranice ili naslovu članka. Ovaj podnaslov treba biti u oznaci:</p> <blockquote><p><h3>Podnaslov članka</h3>.</p> </blockquote> <p>Zamislimo ovakvu stranicu.</p> <p>Ovako distribuiramo oznake naslova. Vrijedi napomenuti da ako koristite sliku bannera umjesto naslova, ne morate je dizajnirati u oznaku naslova.</p> <p>Ostaju dva važna pitanja:</p> <p>Kako koristiti ostale oznake - 4, 5, 6</p> <p>I trebam li/mogu li koristiti oznake naslova u izborniku/bočnoj traci?</p> <p>Odgovor na prvo pitanje je da nije potrebno koristiti sve oznake naslova.</p> <p>Na drugo pitanje nema definitivnog odgovora. Ali smatram da ako postoji takav informacijski blok u bočnoj traci, koji sadrži informacije o web mjestu, informacije koje odražavaju temu stranice, onda je potrebno takve blokove ukrasiti oznakama naslova.</p> <p>Na primjer, to 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 pretvoriti u oznaku višeg ranga? Također možete pokušati dobiti odgovor na logičan način.</p> <p>U pravilu (naglašavam, u pravilu), moderan izgled stranice ima sljedeću strukturu:</p> <p>Naslov stranice <br> ↓<br>Sadržaj glavne stranice <br> ↓<br>Bočna traka <br> ↓<br>Podnožje / podnožje stranice</p> <p>Oni. tim redoslijedom robot za pretraživanje vidi sve informacije na stranici.</p> <p><b>Drugi</b>, ono što moramo znati - sve oznake naslova imaju svoju hijerarhiju (o tome sam pisao gore), i nije dopušteno da oznaka trećeg reda bude viša od oznake drugog reda.</p> <p>Čini se da su sva pitanja odgovorena, i tema bi trebala biti riješena, ali nije sve tako jednostavno. Činjenica je da se interne stranice u pravilu razlikuju od glavne, a važno je i da su dobro optimizirane kako bismo s njih dobivali promet iz tražilica. Stoga je vrlo poželjno da koriste vlastitu hijerarhiju naslova.</p> <p>S moje slike u primjeru, ako stranica ima zasebne članke o <i>Promocija na tražilicama</i> i <i>Promocija na društvenim mrežama</i>, dakle, za unutarnju strukturu zaglavlja trebala bi biti ovakva:</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>Oni. već naslov stranice nema tako važno značenje kao naslov članka (možda moj primjer nije najilustrativniji, budući da je riječ "promocija" prisutna posvuda). Ovakvim postavljanjem naslova značajno se poboljšava rang stranica u tražilicama, čime se povećava konverzija korisnika s njih.</p> <p>Gore sam napisao da je tako <b>poželjno</b>, ali nemojte udarati glavom o zid ako je to nemoguće učiniti. Svatko ima različite platforme, predloške i znanja, a ako ne uspije, onda je bolje da se koncentrirate na nešto drugo, da svoje djelovanje usmjerite ka poboljšanju onoga što najbolje radite. Uostalom, uspješna promocija u tražilicama ovisi o kombinaciji niza čimbenika. Što više pažnje pridajemo internoj optimizaciji, manje nam treba vanjske. Ako se interni već iscrpio, onda se morate prebaciti na vanjsku optimizaciju.</p> <p>Ovaj je članak 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 o izradi web stranica i programiranju. A 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, izraditi vlastitu web stranicu, mogu objasniti ili primijeniti to znanje u praksi.</p><p>Na primjer, već dugo eksperimentiram s predloškom i radim točno onako kako sam opisao u članku, jer mislim da je ovo najbolja opcija. Ali još 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. No, s druge strane, nakon ovog članka imat ću više poticaja da svoje ideje pretočim u praksu, a svakako ću vam reći kako sam to napravio. Naravno, ne samo da ću vam reći, već ću i podijeliti.</p><p><b>Članci o tome, i spremni.</b></p> <p>Ako nisam dovoljno u potpunosti otkrio nijedno pitanje, pitajte u komentarima, dodat ću. Pišem ove riječi jer Osjećam da je još nešto ostalo nedorečeno u mojoj glavi, ali ne mogu se sjetiti što. Pa pitaj.</p> <p>Jeste li ikada razmišljali o pokretanju grupnog bloga ili barem pronalaženju drugog autora za svoj blog. Ako vam padaju na pamet takva razmišljanja, onda obratite pozornost na članak Nedostaci nekoliko autora bloga. Tamo, na blogu, možete pronaći članak o zaslugama.</p> <p>Želim vam sve najbolje u razvoju vaših blogova.</p> <p>Kompetentan odabir i postavljanje H1 i H2 zaglavlja pri optimizaciji tekstova na promoviranim stranicama web-mjesta važna je faza SEO rada. U ovom članku ćemo objasniti što su zaglavlja H1 i H2, koju ulogu imaju i kako ih pravilno koristiti za postizanje najboljeg rezultata.</p><h2>Što su naslovi H1 i H2?</h2><p>Naslovi su riječi, fraze ili fraze koje sažimaju značenje informacija koje slijede. Uopće nije potrebno ponovno čitati cijeli tekst članka u časopisu ili novinama da bismo shvatili o čemu će se raditi. Bacimo pogled na naslove i podnaslove i odlučujemo je li nam ovaj materijal zanimljiv, vrijedi li ga čitati. Ako otvorimo tutorial ili uputu, onda nam je uz pomoć naslova lako pronaći točno one informacije koje su nam potrebne. Ukratko, naslovi ne samo da privlače čitatelje, već služe i njihovoj praktičnosti.</p><p>Tekstovi na 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") teško je čitati, ne želite ga pročitati. A budući da tražilice danas uzimaju u obzir čimbenike ponašanja (skup radnji posjetitelja na web-mjestu), zainteresirani ste da korisnik čita tekst na vašem resursu, a ne da zatvori stranicu, bojeći se "list" .</p><p><b>2. </b> Naslovi jasno stavljaju do znanja tražilicama koje informacije se nalaze u određenom dijelu teksta. Na temelju naslova tražilice ocjenjuju koliko ove informacije ispunjavaju očekivanja korisnika. Zato su toliko važni pri optimizaciji tekstova.</p><p>Sada razumijete da ne biste trebali zanemariti upotrebu naslova u tekstovima na stranicama web-mjesta? Zatim slijedite!</p><p>Što znače pojmovi H1 i H2? Morat ćemo se malo dotaknuti pitanja vezanih uz html izgled. N1 i H2 (točnije, <h1>i <h2>) - html oznake koje ukazuju na važnost teksta koji ih slijedi. Nazivaju se i oznakama naglaska. U html dokumentu to izgleda ovako:</p><p>Na web stranici ova zaglavlja prema zadanim postavkama imaju različito oblikovanje:</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 razina naslova, od H1 do H6. Prema tome, naslov H1 ima najveću težinu, naslov H2 je sekundaran, a naslov H6 šeste razine je najmanje značajan. Međutim, za SEO promociju najvažniji naslovi su H1 i H2. Govorit ćemo o pravilima njihova korištenja 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>Što trebate znati da biste ispravno postavili naslove H1 i H2?</h2><p>Naslov H1 igra važnu ulogu ne samo kod optimizacije teksta, već i kod optimizacije cijele stranice. On je taj koji tražilici govori 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 svoj tekst, na temelju, primjerice, igre riječi? Ovaj pristup može biti dobar za tiskane oglase ili novinske članke, ali za promociju na tražilicama takva kreativnost može imati negativne posljedice. Tražilice nemaju maštu i maštovito razmišljanje, bitne su im specifičnosti. U nastavku dajemo važne smjernice za sastavljanje naslova H1.</p><h2>Osnovna pravila za korištenje naslova H1</h2><ul><p>Naslov H1 trebao bi biti kratak, ali sažet. Važan uvjet je prirodna pojava ključnih riječi u njemu. Navedimo primjer. Recimo da optimizirate stranicu koja ima katalog ženskih cipela. Za promoviranje ove stranice odabrani su sljedeći upiti (o tome koji su upiti za pretraživanje možete pročitati u našem materijalu <b>"Shvatite 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 naslov H1 "Ženske cipele", budući da je on najopćenitiji, ali ujedno opisuje sadržaj sadržaja, a također se može specificirati naslovima nijednog drugog razini.</p><p>Naslov H1 trebao bi se pojaviti samo jednom na stranici.</p><p>Ovaj naslov se nalazi na samom početku teksta, po mogućnosti na vrhu stranice.</p><p>Naslov H1 mora biti postavljen iznad naslova drugih razina (nije dopušteno stavljati npr. naslov H2 ispred njega).</p><p>Veličina fonta ovog naslova mora biti veća od veličine fonta naslova niže razine. Prema zadanim postavkama, to je slučaj, ali ako stilovi određuju drugačije, trebali biste popraviti situaciju.</p> </ul><h2>Primjeri sastavljanja naslova H2</h2><p>Kako su sastavljeni naslovi H2? U tekstu ih može biti nekoliko. U pravilu, oni preciziraju naslov H1 i strukturiraju cijeli tekst. Vratimo se na naš primjer sa stranicom koja prikazuje ženske cipele. Za ovu stranicu možete napisati prodajni tekst koji opisuje prednosti modela koji se nude kupcima, te daje tablicu veličina. Također na stranici korisnik može pronaći katalog cipela s 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 promoviranje naše stranice u ovom primjeru, shvatit ćete da u naslove H2 uključujemo proširene upite koji imaju nižu učestalost. Mogu se prikazati u neizravnom unosu (mogu se odbiti, drugim riječima "razrijediti"). I što je najvažnije, oni konkretiziraju naš H1 naslov i signaliziraju tražilici da tekst koji slijedi doista odgovara upitima za pretraživanje ispisanim u naslovu stranice (Title).</p><h2>Najčešće greške u korištenju zaglavlja H1 i H2</h2><p>Kada koristite naslove za optimizaciju svoje kopije, pokušajte izbjeći sljedeće pogreške:</p><ul><p>Korištenje oznaka <h1>i <h2>stilizirati elemente stranice. Ovo je uobičajena pogreška koja se može dogoditi čak i protiv vaše volje. U mnogim gotovim predlošcima web stranica (na primjer, na Joomli ili Wordpress) u oznakama <h1>i <h2>priloženi, na primjer, nazivi blokova. Na primjer, kao što su "Popularni proizvodi", "Posljednje vijesti", "Na društvenim smo mrežama" i tako dalje. Ovaj trik obmanjuje tražilice i ne čini ništa dobro. Stoga, prilikom provođenja SEO revizije stranice, stručnjak mora provjeriti koriste li se zaglavlja "kako je predviđeno". Zapamtite važno pravilo - H1 i H2 se trebaju koristiti samo za strukturiranje teksta!</p><p>Korištenje istih naslova za različite stranice. To je, naravno, glupost, ali se također događa. U najmanju ruku, naslovi H1 moraju biti jedinstveni za svaku stranicu!</p><p>Postavljanje u naslove hiperveza.</p><p>Prisutnost dva ili više H1 naslova na stranici. Podsjećamo da je to nedopustivo! Naš moto je "Jedna stranica - jedan H1 naslov"!</p> </ul><p>U zaključku našeg članka, želimo vam skrenuti pozornost na još jednu važnu točku. Opet je riječ o predlošcima web stranica. Poznati su slučajevi kada u standardnim predlošcima stranica uopće nema H1 zaglavlja. Umjesto toga, postoje naslovi H2. Čak i ako se u administrativnom dijelu stranice od vas traži da unesete tekst u polje "Naslov materijala", zapravo se može ispostaviti da će biti zatvoren u oznakama <h2></h2>... Provjerite postoji li takav nedostatak na vašoj stranici - pregledajte strukturu dokumenta pritiskom na tipku F12. Vaš naslov je umotan u oznake <h1></h1>? Dakle, sve je u redu!</p><p>Važnost ispravnog postavljanja naslova teksta također treba podsjetiti developera koji nije baš upoznat s SEO-om prilikom dizajniranja 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">Vrhunski povezani članci</h3> <div class="container-fluid"> <div class="best-theme-posts row"> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/hr/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 vodoravno" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Različiti pokreti miša okomito i vodoravno</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/hr/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/hr/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 potrebnu razinu" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Ostaje samo razumjeti potrebnu razinu</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/hr/category/programs/">Programi</a></li> <li class=""><a href="https://bumotors.ru/hr/category/safety/">Sigurnost</a></li> <li class=""><a href="https://bumotors.ru/hr/category/windows-10/">Windows 10</a></li> <li class=""><a href="https://bumotors.ru/hr/category/iron/">Željezo</a></li> <li class=""><a href="https://bumotors.ru/hr/category/windows-8/">Windows 8</a></li> <li class=""><a href="https://bumotors.ru/hr/category/vkontakte/">U kontaktu s</a></li> <li class=""><a href="https://bumotors.ru/hr/category/errors/">Pogreš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 postaviti pametne telefone i računala. Informativni portal.</span> </div> </div> </div> </div> </body> </html>