Kako podesiti pametne telefone i računare. Informativni portal
  • Dom
  • Zanimljivo
  • Šta su h1 h2 h3 naslovi. h1 h2 h3 oznake, sve o naslovima i podnaslovima

Šta su h1 h2 h3 naslovi. h1 h2 h3 oznake, sve o naslovima i podnaslovima

Š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. Za dovođenje stranice na vidljive pozicije u izdanju pišite ispravne 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 frekvencije i zahtjevi visoke frekvencije. 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.

Postavljanjem ključne riječi, učinite to pažljivo: nemojte prekomjerno koristiti ključeve niti praviti neželjena zaglavlja (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 koji proizvod će se raspravljati. 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 tekst nije stvoren samo za tražilice ali 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:

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

Dobar dan, dragi posjetioci.

Danas će biti članak na temu H1-H6 naslova za stranicu.

Sigurno svi već znaju o kakvim se naslovima radi, ali siguran sam da ne znaju svi suptilne tačke u njihovoj upotrebi i ne pretpostavljaju da njihovo korištenje na stranicama resursa ima samo 2 zadatka.

Svrhe i slučajevi upotrebe

Glavna 2 svrha naslova u oznakama H1-H6 je da dizajniraju i strukturiraju sadržaj na stranicama resursa kako bi ga učinili čitljivijim i lakšim za korištenje posjetiteljima stranice. Ne bismo trebali slijediti nikakve druge ciljeve iz ovih oznaka.

Osim što se jednostavno koriste kao elementi strukturiranja sadržaja i njegovog dizajna, posjetitelji često koriste ove oznake da daju potreban dizajn pojedinačnim frazama ili čak cijelim rečenicama. Ispostavilo se da oznaka H6 (na primjer) ima dizajn samo podebljanog fonta i umjesto da označava red u tekstu oznakom , umotaju ga u oznaku H6. Ovo je fundamentalno pogrešno.

Naslove u ovim oznakama treba koristiti samo za razbijanje teksta na logične dijelove. Nema odabira cijelih rečenica i pojedinačnih fraza.

Osim toga, naslovi H1-H6 imaju hijerarhiju, što ih čini različitim u dizajnu, barem u veličini fonta. Svaki najniži nivo trebao bi biti manje uočljiv od onog iznad.

Slika prikazuje ispravan dizajn naslova u ovim oznakama, kada se veličina fonta smanjuje vrhunski nivo do najnižeg. Ako imate situaciju drugačiju od ove, već biste se trebali okrenuti stilovima dizajna vaše stranice i pravilno ih urediti.

Ali postoji jedna stvar - pobrinite se da naslovi budu niži nivo(bliže H6) bili su poput naslova i nisu se spajali s njima običan tekst. Trebali bi izgledati kao zaglavlja, ne samo bold font.

Na osnovu ovog dizajna, možemo shvatiti da naslovi moraju održavati svoju hijerarhiju kada se koriste kao element strukturiranja teksta. Ne može biti da je prvi naslov H1 prvi, a zatim odmah H5 ili H6. Nakon prvog nivoa, logično je i ispravno koristiti samo naslov u H2 tag-u. Ovo je važno, kako sa stanovišta dizajna samog materijala, tako i sa stanovišta održavanja ispravne strukture.

Pretraživači sada obraćaju pažnju na ove oznake. Ali ne kao SEO elementi, već kao elementi strukturiranja. Stoga će biti čudno ako ode H1, a zatim odmah H6.

Kada koristimo ove oznake, vodimo računa o održavanju strukture. Ako idemo niz nivo, onda nema skakanja kroz nivo. Struktura bi trebala biti sljedeća: H1-H2-H3-H4-H5-H6.

Vrijedi reći da upotreba naslova nivoa H1 u ovim slučajevima neće biti prikladna, jer ga treba koristiti samo jednom na stranici i treba sadržavati naziv materijala. Stoga ga nije potrebno koristiti u tekstu.

Sada ću pokriti glavne točke korištenja naslova H1, ali prije toga ću dati nekoliko opšti savet, koji vrijede za naslove svih nivoa.

  • Ne završavajte sa tačkom;
  • Održavamo hijerarhiju kada se koristi;
  • Nema svrhe postavljati ključne riječi;
  • Oni se dešavaju čak iu vrlo kratkim člancima, budući da se svaki tekst može podijeliti na logičke dijelove;
  • Unesite u naslov sažetak naknadni tekst, a ne nešto "da je samo".

H1 osnove

Gore navedena pravila su također relevantna, ali osim njih, postoje i obavezna za ovaj određeni nivo naslova.

  • H1 je uvijek jednom na svakoj stranici;
  • Podstičemo korisnika da pročita materijal, tako da ima smisla koristiti uporne riječi (na primjer, tajne, najbolji čipovi i tako dalje);
  • Činimo ga drugačijim od oznake title, koja prikazuje naslov stranice Rezultati pretrage i potiče prijelaz na stranicu web-mjesta iz pretraživanja. Trebalo bi biti malo drugačije, ali bi svakako trebalo dati razumijevanje da se kontekst materijala na stranici nije promijenio;
  • Koristimo ključnu riječ članka, ali u razrijeđenom obliku, a ne u tačnom pojavljivanju;
  • Znakovi interpunkcije se ne preporučuju.

Upotreba u praksi

Gore sam napisao da se H1 koristi samo 1 put na stranici i trebao bi se automatski ugraditi u izgled predloška stranice i automatski će se zamijeniti u zaglavlju. Provjerite ovaj trenutak. Analizirajte naslove svojih članaka i pogledajte jesu li umotani u H1. Ako to nije slučaj, uredite svoj predložak.

Uobičajena situacija kada je umjesto H1 H2. Ovo nije gruba greška, ali bolje je to ne dozvoliti.

Ako govorimo o korištenju ostalih razina naslova H2-H6, onda ih već treba koristiti ručni način rada.

Koristeći neki CMS za kreiranje stranice, ovi naslovi se vrlo jednostavno dodaju člancima. Na primjer, u WordPress-u, panel za formatiranje u uređivaču stranica uvijek ima unos naslova gdje možete odabrati željeni nivo tako što ćete prethodno označiti željeni tekst Za priložiti u zaglavlju.

Isto je sa svakim motorom. Ako koristite HTML izgled stranice i morate ručno dodati oznake, tada neće biti poteškoća. Potrebno je samo priložiti potrebne dijelove teksta između uvodnih i završnih oznaka sa nivoa. U nastavku pogledajte primjere.

nivo 2 naslov

nivo 3 naslov

nivo 4 naslov

nivo 5 naslov
nivo 6 naslov

Što se tiče stilova za svaki nivo, vrijedi dodati pravila svakom nivou u datoteci stila.

Imajte na umu da nema tačaka ili hešova ispred naziva nivoa naslova u stilovima. Unutar zagrada navodimo same stilove: tip fonta, veličinu, boju, pozadinu i tako dalje.

Dizajn naslova H1-H6

Ako vaša zaglavlja napravite jedinstvenim dizajnom koji privlači poglede, posjetitelji će vam samo zahvaliti na tome i dizajn sadržaja će biti uključen najviši nivo. Sada jednostavna zaglavlja sa velika veličina fontovi i podebljano isticanje već su stvar prošlosti.

Jednostavne, ali u isto vrijeme, naslovi ulaze u modu uz pomoć raznih izlučevina linije, podvlačenje pozadinom i tako dalje.

Jednom sam dao nekoliko primjera takvih dizajna. Čak i ako uzmete moj blog, glavni naslov u H1 nije jednostavno dizajniran veliki print na bijeloj pozadini sa ostatkom teksta. Razdvojen je sivim okvirom opšta pozadina sajt, što ga čini vidljivijim i usmerava pažnju na njega.

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

Kao što vidite, ovo nije samo podebljani font, već predivna pozadina sa valovitom donjom površinom i podvučenim gornjim dijelom.

Zanimljiv dizajn možete vidjeti i sami na ovu stranicu.

Što se tiče naslova H2-H6, oni ne samo da mogu biti ukrašeni nekom vrstom pozadine, već i numerisani (ako koristite sadržaj na vrhu stranice) u obliku prelijepe slike. Opet, ne mora biti jednostavni brojevi. Evo dobar primjer takva ideja.

Kada znate nešto što većina ljudi ne zna, a kamoli da zna, možete krenuti dalje i pogledati glavne greške u korišćenju svih nivoa naslova na vašem sajtu.

Greške u upotrebi

Već ste mogli sami smisliti sve greške, nakon što ste proučili sav gornji materijal, ali postoje neke nijanse. Navest ću sve što se može odnositi konkretno na vas i što treba odmah ispraviti.

  • Više od jedne H1 po stranici. To nije u redu. Samo jednom po dokumentu;
  • Korištenje oznaka H1-H6 za dizajn dodatnih elemenata stranice. Na samom početku sam napisao da je svrha ovih dokumenata dizajn i strukturiranje sadržaja. Stoga ih treba koristiti samo u sadržaju. Većina predložaka web mjesta uključuje ove oznake u bočne trake za stiliziranje njihovih naslova i tako dalje. Ovo je jasno izraženo u WordPress šabloni, kada je naziv svakog widgeta na bočnoj traci zatvoren u H3 ili drugim oznakama. Ako postoji takva situacija, zamijenite oznake naslova u elementima usluge web-mjesta drugim, na primjer, oznakom "span";
  • Posebno unesite ključne riječi. Ranije je postojalo mišljenje da unošenjem ključnih riječi direktno u naslove svih nivoa možete povećati njihovu gustinu i pozicija takve stranice će biti veća. Ali sada je to već "kažnjeno zakonom" pretraživača i sankcije su izrečene za spam u naslovima. Štaviše, ove oznake se rangiraju prema drugim algoritmima. Zaključak: nema svrhe unositi ključne riječi;
  • Česta upotreba tačaka i interpunkcije. Tačke u naslovima nikako ne bi trebalo koristiti, jer je to pogrešno sa stanovišta copywritinga i opšta pravila formatiranje teksta. Takođe pokušavamo da minimiziramo broj znakova interpunkcije kako bismo povećali čitljivost naslova. Ovo također može uključivati veliki broj riječi - nemojte praviti predugačke naslove;
  • Izvod strukture sa stanovišta hijerarhije se ne poštuje. Pokušajte slijediti logički lanac u izgradnji hijerarhije H2-H6 oznaka na svakoj stranici;
  • Korištenje oznaka H1-H6 za stiliziranje drugih tekstualnih elemenata, a ne naslova. Ovo je ono o čemu sam pričao gore, kada je stil svake oznake pogrešno konfigurisan i umjesto uobičajenog podebljanja, možete koristiti naslov nekog nivoa.
  • Naslov nije prikladan ili ne nosi kontekst teksta koji ga slijedi. Da naučite kako da kreirate logične naslove, uzmite nekoliko dobro dizajniranih knjiga koje vam je lako čitati. Vodite se i strukturiranjem sadržaja na Wikipediji;
  • Uopšte se ne koriste naslovi H1-H6 ili ne u malim tekstovima. Samo potpuno odsustvo i nema o čemu da se priča, nego o odsustvu male stranice- trenutak je sumnjiv, jer svaki tekst (čak i minimalnih 1000 karaktera) ima logičku strukturu. Prelazak s jedne teme na drugu. Zašto ga ne podijeliti na logične dijelove sa podnaslovima različitih nivoa?

To je sve, dragi webmasteri. Materijal o naslovima na sajtu je došao do kraja. Ispalo je prilično čvrsto. Negdje sam se ponovio, ali ovo samo da bih vam skrenuo pažnju na ključne ideje članka. nadam se da dati materijal korisno za vas.

Usput, možete li pronaći mali nedostatak u mojim naslovima na stranici? Ako da, onda pišite u komentarima. Ovaj trenutak nije mnogo primjetan, ali je tu.

Vidimo se u narednim objavama. Još uvijek naprijed.

S poštovanjem, Konstantin Khmelev!

Zdravo momci! Osećam da se situacija zahuktava, počele su da se probijaju opscenosti u komentarima, uvrede upućene meni. Pa, već mi nedostaju ta vremena. 🙂 Najgora stvar je ignorisanje. A kad grde - dobro je, znači da nekoga uvrijedim. Zadovoljstvo. 🙂 Hej-ge-gej, druže komentatore, zdravo!!! 🙂 Ali zbog psovki sam morao da izbrišem tvoj komentar, više puta sam rekao da neću tolerisati psovanje takvog plana.

Mnogi me optužuju da prodajem artikle. Da, bilo je vremena, ali sam obećao da će se njihov broj smanjiti. Ali neki i dalje misle da ako pregledam neku uslugu, ovaj post je korumpiran. Mislite šta hoćete, gospodo. Savjest mi je čista i smiješim se u sva svoja iskrivljena 32 zuba. Odlično sam raspoložen, a bit će i moji vjerni čitaoci, barem ću pokušati. 🙂

U prošloj lekciji, govorio sam o SEO ekstenziji za pretraživače. Nisam odlučio samo da pokrenem dugo putovanu temu. Odlučio sam da stavim tačke na I. Mnogi čitaoci me pitaju kako pravilno koristiti naslove h1, h2, h3 itd.? Već sam se vratio u 2012. Radeći revizije mnogih sajtova, vidim iste greške koje ne priznajem. Dakle, vrijeme je da malo dodamo toj lekciji.

Možda će neki optimizatori smatrati h1 oznake i slično beskorisnim, ali većina ih podržava. Ako još uvek ne razumete, SEO je veoma zeznuta nauka, svako ima svoje mišljenje.

Pravila za korišćenje naslova h1, h2, h3, h4 na stranici u smislu SEO-a

Pravilo #1 : Trebao bi biti samo 1 h1 tag po stranici.

Zapamtite, samo 1, ne 2, a posebno ne 3. Mnoge ljude zanima kako saznati broj ovih oznaka na stranici, a vrlo često webmasteri počinju izvor stranice i ručno potražite ove oznake. I ja sam to radio sve dok mi moj "brato na internetu" Vitalij (http://mojwp.ru/) nije predložio jednu vrlo zeznutu stvar, koja je, ispostavilo se, ugrađena u moj omiljeni SEO trak.

šta ti je potrebno?


Veliki plus je 1 tag u h1 na stranici, što je jako dobro. Ako ga nemate ili ih ima više, u nastavku ću vam reći kako da se riješite suvišnih ili da ih dodate.

Pravilo broj 2: naslovi h2, h3, h4 treba da budu samo u samom članku.

U mom slučaju vidite da se h2 koristi vrlo korektno, ali u oznaci h3, h4 imam "smeće". Odnosno, ove fraze nemaju nikakvu korist u smislu SEO-a. Štaviše, korištenjem h oznaka u nepotrebnih mjesta smanjujemo važnost ovih oznaka za pretraživače, jer je njihova "težina" razbacana po nepotrebnim frazama. Stoga, oznake h trebaju biti samo unutar članka. Da, postoje izuzeci kada su ključne riječi vrlo kompetentno unesene u zasebne blokove na stranici, ali ni na koji način ne nabijaju frazu "Pretplatite se na stranicu" itd.

Kako popraviti ove greške?

Za korekciju slične greške ponovo nam treba još jedan dodatak o kojem sam već govorio - ovaj (za Chrome je također dostupan).

Pronalazimo element u h tag-u koji nam nije potreban na stranici, na primjer, uzeću izraze “Pretplata” i “Site”, o kojima mi je rekla RDS traka (oni su u h4, pogledajte sliku iznad). Našao sam ova 2 elementa na stranici (možete koristiti pretragu u pretraživaču Ctrl + F upisivanjem potrebna fraza za pretragu), jednog od njih "pregledamo" sa Firebugom:

A na desnoj strani vidimo stilove data tag h4 (u mom slučaju):

Sada će nam biti od koristi. Otvorite style.css fajl naše teme i dodajte karakteristike odmah na kraju ovaj stil(pogledajte strelicu na gornjoj slici), samo ga nazovem drugačije (odlučio sam da ga nazovem new4, ne zaboravite tačku na početku):

Jer dati izraz"Subscription" je u mom podnožju, otvaram footer.php fajl, ubacujem frazu "Subscription" preko CTRL + F, evo ga:

I umjesto h4 mi propisujemo naše nova klasa(u mom slučaju "new4"), odnosno, nakon modifikacije, postojat će takva slika:

Spremimo datoteku, otvorimo Firefox, osvježimo stranicu i vidimo da je h4 oznaka s riječju "Pretplata" nestala:

Pošto se kod mene stilovi riječi "Pretplata" i "Site" ne razlikuju, slično u podnožju umjesto oznake h4 do riječi "Site" propisujem klasu "new4", a vidimo da sada nema "junk" h4 na stranici:

Izvršite slične radnje sa nepotrebne oznake h3. U mom slučaju, u h3 je pogrešno koristiti fraze "Pretplatite se na besplatne lekcije", "Slične lekcije" itd. U h3 bi trebao postojati samo naslov koji se pojavljuje u tekstu. Slično, prođite kroz različite vrste stranica (članci, stranice, kategorije itd.), ali glavna stranica je zasebna priča, o čemu ću govoriti u nastavku.

Ako iznenada imate članak koji nije u h1, samo otvorite datoteku teme single.php, tamo pronađite izlaz naslova članka (pretražite u pretrazi kroz izraz "the_title") i uokvirite ga u h1:

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

Na ovog trenutka na mojoj web stranici na adresi početna stranica nema h1, što mislim da lomi strukturu.

Vjerujem da stranica ne može imati oznaku h3 ako nema h2 iznad nje, niti se može koristiti h2 ako nema h1. Isto tako, korištenje h1 i h3, na primjer, bez h2 je također pogrešno. Štaviše, sve bi trebalo jasno pratiti strukturu: h2 ne može biti veći od h1 na stranici, h3 ne smije biti veći od prve oznake h2, itd.

Šta staviti u h1 za glavnu stranicu? To može biti tekst koji ispravno uključuje najtraženije ključne riječi zbog kojih se krećete. Ponavljam, doslovce uneto, a ne glupo nabrajanje.

Također, za mnoge, opis u zaglavlju stranice prikazuje samo potrebne informacije. Obično postoje "ukusne" ključne reči, a zaglavlje se takođe smatra "slatkim mestom", gde je dobro "hraniti" pretraživače pravim frazama. Greh je ne iskoristiti ga.

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

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

Odnosno, treba da napišemo neku funkciju koja radi sledeće: ako smo na glavnoj stranici, onda se tekstu u zaglavlju dodeljuje oznaka h1, ali ako se nalazimo na stranici koja nije glavna, onda ista tekst se prikazuje, u istom stilu, ali već bez oznake h1. To je učinjeno tako da na unutrašnjim stranicama nema oznake 2 h1 (opis stranice + naslov članka).

I moj drugi "brate na internetu", ovaj put iz Kazana, koji se zove Ramil (šteta što nema blog, sad bih stavio link), ljubazno je ovo podijelio PHP funkcija(znate, nisam baš dobar u PHP-u), evo ga:

Opis stranice

Opis stranice

Ovdje morate unaprijed postaviti iste stilove za h1 i za stil "opis" u style.css, tako da posjetitelji vizualno ne vide razlike.

Također postoji mišljenje da je kako bi se izbjegle sankcije pretraživača za "spam", bolje zamijeniti naslove h2, h3 i h4 stilovima, na primjer

ili

Po mom mišljenju, sve. Ako imate pitanja - pišite, na bilo koji način ću odgovoriti. I da, nastavite da pišete smiješne komentare, nasmijavaju me i razvesele. 🙂

Pozdrav dragi čitaoci. Danas želim da dam Posebna pažnja naslovi predmeta u oznakama h1 h2 - h6, jer 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 koncepte od samog početka, sa onim što je naslov HTML dokument ah, naslov na sajtu, stranica.

Svi znamo ruski, a što se tiče opšteprihvaćen koncept 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 kakav je naslov u pitanju 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:



Evo ga 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č daje <a href="https://bumotors.ru/bs/chto-ponimaetsya-pod-cennostyu-informacii-chem-bolshe-interesuyushchee-nas-sobytie.html">veliki značaj</a> ovu oznaku. 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. Vi i ja možemo vidjeti da su takvi naslovi uvijek različiti <a href="https://bumotors.ru/bs/mozhno-li-ispolzovat-linux-v-ofise-ne-narushaya-zakon-lichnyi-opyt-vneshnii-vid.html">izgled</a> iz glavnog sadržaja stranice. Za ovo su izmišljeni <a href="https://bumotors.ru/bs/kak-rasstavit-h1-h6-v-statyah-teg-h1-eto-zagolovok-stranicy-formatirovanie-teksta-pri-pomoshchi-spec.html">posebne oznake</a>, koji su odgovorni da osiguraju 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. I unutra <a href="https://bumotors.ru/bs/partnerki-kotorye-horosho-platyat-v-sisteme-obrazovaniya-master-klassy-idealnyi-variant-pravil-vyb.html">idealan</a>- 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 postoji neka vrsta apela na posetioca, a u idealnoj situaciji, ovaj apel bi trebalo da sadrži naslov, koji zauzvrat treba da sadrži temu sajta (a ključna riječ koja odražava predmetnu stranicu). 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 ja mislim da ako bočna traka ima takve <a href="https://bumotors.ru/bs/112-nomer-ekstrennyh-sluzhb-informacionnyi-blok.html">informacioni blok</a>, koji sadrži informacije o sajtu, informacije koje odražavaju temu sajta, onda je potrebno dizajnirati takve blokove sa naslovnim oznakama.</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://i0.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 je to nemoguće učiniti. 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 obraćamo na internu optimizaciju, 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> 12/02/15 44.1K <p>Često webmastere početnike muči pitanje zašto se neke stranice rangiraju više i nadmašuju konkurente u rezultatima pretraživanja. Razlog za to može biti pogrešno postavljene oznake h1, h2 ... h6. Ako su ove oznake postavljene pogrešno, bez uzimanja u obzir specifičnosti resursa, onda je pretraživačima teže doći do tačnih informacija o člancima i ključnim riječima sadržanim u njima.</p> <p>Oznake h1 -h6 vam omogućavaju da istaknete naslove različitih nivoa. Oni jasno stavljaju do znanja koji dijelovi teksta točnije odražavaju temu članka i pružaju prednost u rangiranju.</p> <p>Pravilno označavanje omogućava pretraživačima da preciznije prikažu stranicu za upite u rezultatima pretraživanja, što povoljno utiče na poziciju resursa:</p> <h2>Zašto su nam potrebne oznake h1-h6?</h2> <p>Oznake sadrže naziv stranice, naslove i podnaslove teksta:</p> <p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/v-tegi-zakljuchaetsja-030724.png' width="100%" loading=lazy loading=lazy></p><br>U HTML-u, oznake naslova su označene sa h od engleskog "header", što znači " <span>naslov, zaglavlje</span>". Evo primjera kako to izgleda: <p><h1>header</h1></p> <p>Oznake naslova treba postaviti na svaku stranicu izvora. Istovremeno, na važnosti naslova će zavidjeti njegov broj, što je manji, to je naslov važniji:</p> <p><h1></h1>- najvažnije oznake <h2></h2>- manje bitne oznake... <h6></h6>- posljednje najvažnije oznake</p> <p>Međutim, prema njihovom postavljanju treba postupati s oprezom. Zloupotreba može dovesti do kažnjavanja vašeg resursa od strane pretraživača.</p> <h3>Sintaksa h1-h6 oznaka</h3> <p><h1>Naziv teksta</h1> <h2>Podnaslov 1</h2> ... <h2>Podnaslov 2</h2> <h3>Podnaslov 3.1</h3> ... <h3>Podnaslov 3_2</h3> <h2>Podnaslov 3</h2></p> <p><img src='https://i2.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/sintaksis-tegov-030725.png' width="100%" loading=lazy loading=lazy></p><br>Najpopularnije oznake su h1 h2 h3. <h3>Kako pravilno koristiti oznaku h1?</h3> <p>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.</p> <p>HTML h1 oznaka je najznačajnija te vrste. Sadrži naziv stranice i naslov članka. Međutim, ne treba ga miješati s oznakom <title> (<span>naslov stranice</span>). Naslov se prikazuje u pretraživaču na vrhu ekrana na lijevoj strani u trenutku kada se otvori stranica resursa. Naslov se piše u zaglavlju stranice između <head></head>, dok su h1 -h6 specificirani u “tijelu” same stranice i priloženi su oznakama <body></body>.</p> <p>Može postojati samo jedna oznaka h1 po stranici. Ako navedete nekoliko naslova sa oznakom h1, pretraživači to mogu smatrati neželjenim sadržajem, što zauzvrat prijeti zabranom:</p> <p><img src='https://i1.wp.com/internet-technologies.ru/wp-content/uploads/articles/201512/kak-pravilno-ispolzovat-030726.jpg' width="100%" loading=lazy loading=lazy></p><br>Pravila za sastavljanje glavnog naslova h1: <ul><li>Oznaka treba da koristi ključne reči koje se koriste za promociju stranice;</li> <li>Ne činite naslov h1 previše obimnim, dovoljno je nekoliko riječi;</li> <li>Tekst naslova treba da bude čitljiv;</li> <li>Meta oznaka h1 ne bi trebala sadržavati ništa osim samog teksta. Ako želite da se istakne, stavite kodove izvan oznake;</li> <li>Prije ručnog pisanja h1, uvjerite se da ga motor ne postavlja automatski;</li> <li>Sadržaj h1 treba da odgovara temi naznačenoj u naslovu stranice;</li> <li>Prilikom kompajliranja h1, obavezno koristite ključnu frazu na kojoj stranica napreduje;</li> <li>Sadržaj naslova treba da bude jedinstven, opsežan i tematski. Ne pravite h1 potpunu kopiju oznake Title. Važno je da na svakoj stranici izvora budu napisani jedinstveni h1 -h6, tako da izbjegavajte ponavljanje;</li> <li>Ne možete navesti ključne fraze u naslovu odvojene zarezima. Sadržaj h1 treba da bude jasan ne samo pretraživačima, već i posetiocima resursa.</li> </ul><p><img src='https://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. koriste se za sređivanje naslova koje prepoznaju pretraživači.</p> <h4>h2 tag</h4> <p>U pravilu se koristi za naslove postova u feedu postavljenim na glavnu stranicu ili za podnaslove u članku.</p> <h4>Oznake h3, h4</h4> <p>Često se koriste za isticanje naziva podnaslova, kategorija i widgeta na bočnoj traci.</p> <h4>Oznake h5, h6</h4> <p>Dizajniran za još manje elemente stranice koje treba odvojiti od ostatka teksta.</p> <p>Raspored naslova h1 - h6 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 aranžmana h2 -h6 :</p> <ul><li>Struktura naslova. Hijerarhija naslova se mora poštovati;</li> <li>Veličina slova. Što je niži nivo naslova, to je <a href="https://bumotors.ru/bs/melkii-shrift-v-vkontakte-kak-samomu-izmenit-shrift-vkontakte.html">manji font</a>. Uređivanje fonta 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">tačne dimenzije</a> default;</li> <li>Oznake naslova ne mogu se koristiti zajedno s drugim oznakama akcenta. U naslovima se preporučuje korištenje ključnih riječi po kojima će ova stranica biti promovirana u pretrazi;</li> <li>Za razliku od h1, oznake h2-h6 mogu se pojaviti više puta na stranici.</li> </ul><p><body> <h1>Ja sam šef hijerarhije titula</h1> <h2>Moja djeca</h2> <h3>moji unuci</h3> <h3>moji unuci</h3> <h3>moji unuci</h3> <h2>Moja djeca</h2> <h3>moji unuci</h3> <h3>moji unuci</h3> <h3>moji unuci</h3> <h4>moji praunuci</h4> <h4>moji praunuci</h4> <h4>moji praunuci</h4> </body></p> <ul><li>Ne bi trebalo biti neželjene pošte;</li> <li>Kompoziciju teksta h1 - h6 treba napraviti koristeći sinonime i uzimajući u obzir pravila morfologije;</li> <li>Main <a href="https://bumotors.ru/bs/top-klyuchevyh-zaprosov-yandeks-statistika-zaprosov-yandeks-google-i.html">ključne riječi</a> bolje je postaviti bliže početku naslova;</li> <li>Ključne fraze napisane u naslovima treba pronaći u tekstu stranice;</li> <li>Oznake H1 - h6 treba da budu kratke, koncizne i informativne:</li> </ul> <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/o-premii-muz-tv-o-premii-muz-tv-golosovanie-za-nominantov-muz.html"> <div class="img_container"><img src="/uploads/0ef01b6c28f8f566857fb20f21ef5345.jpg" border="0" alt="O nagradi mus-tv Glasanje za mus tv nominacije" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">O nagradi mus-tv Glasanje za mus tv nominacije</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/kto-vruchal-premiyu-muz-tv-priz-za-vklad-v-razvitie-muzykalnoi.html"> <div class="img_container"><img src="/uploads/9763b42bdc7b010bc2e64041cc499d86.jpg" border="0" alt="Nagrada"За вклад в развитие музыкальной индустрии"" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Nagrada "Za doprinos razvoju muzičke industrije"</span> </a> </div> <div class="theme-post col-sm-4"> <a href="https://bumotors.ru/bs/etapy-i-mehanizm-processa-inficirovaniya-i-razmnozhenie-virusov-kak.html"> <div class="img_container"><img src="/uploads/cbe7bd1ce4264b83d3e19553689c6b8b.jpg" border="0" alt="Kako djeluje virus gripe: zašto se razbolijevamo?" width="320" height="180" / loading=lazy loading=lazy></div> <span class="theme-post-link">Kako djeluje virus gripe: zašto se razbolijevamo?</span> </a> </div> </div> </div> </div> <a name="comments"></a> </div> <div class="right-column col-sm-4 col-md-4"> <div class="write"> <span class="tags-title">Kategorije:</span> <ul style="height: 286px;" id="right-tags" data-tagscount="18" data-currentmaxtag="10" class="tags"> <li class=""><a href="https://bumotors.ru/bs/category/programs/">Programi</a></li> <li class=""><a href="https://bumotors.ru/bs/category/safety/">Sigurnost</a></li> <li class=""><a href="https://bumotors.ru/bs/category/windows-10/">Windows 10</a></li> <li class=""><a href="https://bumotors.ru/bs/category/iron/">Iron</a></li> <li class=""><a href="https://bumotors.ru/bs/category/windows-8/">Windows 8</a></li> <li class=""><a href="https://bumotors.ru/bs/category/vkontakte/">U kontaktu sa</a></li> <li class=""><a href="https://bumotors.ru/bs/category/errors/">Greške</a></li> </ul> </div> <div class="banner"> </div> </div> </div> </div> <div style="clear:both"></div> </div> <div class="footer"> <div class="subscribe"> <div class="main-wrapper container"> <div class="row"> <div class="col-sm-8"> </div> <div class="col-sm-4"> <div class="social"> <a href="" class="vk social-ico"></a> <a href="https://facebook.com/" class="fb social-ico"></a> <a href="https://twitter.com/" class="tw social-ico"></a> </div> </div> </div> </div> </div> <div class="info"> <div class="main-wrapper container"> <div class="row"> <span class="footer-info col-xs-12">© 2022 bumotors.ru. Kako podesiti pametne telefone i računare. Informativni portal.</span> </div> </div> </div> </div> </body> </html>