Na mojim vrhunskim informativnim projektima, prvo stručnjak za tu temu sastavlja strukturu članka (naslovi i podnaslovi), a zatim tekstopisci na njima pišu tekst.
Struktura je zapravo veoma važna ako vam je stalo do kvaliteta. A da biste napravili normalnu strukturu, potrebno vam je razumijevanje kako h tagovi rade.
h1 je glavni podnaslov u članku, koji se obično postavlja iznad teksta.
Prvi naslov treba vizuelno biti veći od ostalih naslova na stranici.
h2-h6 su mali podnaslovi koji su ugniježđeni.
Čemu služe zaglavlja?
Za one koji nisu baš u ovoj temi, evo, u principu, dobrog videa o osnovama sastavljanja h1-h6 podnaslova. Ako se ne smatrate stručnjakom, pogledajte:
A za konsolidaciju materijala malo slabiji video:
Naslovi se pozivaju u jednoj frazi ili čak u riječi kako bi se istakla glavna suština, ideja sljedećeg teksta. Obično osoba prije svega obraća pažnju na njih, odlučujući hoće li pročitati ostatak materijala. Naslovi su posebno važni u reklamnim tekstovima, pismima i služe kao glavni alat za privlačenje pažnje ciljne publike.
U kodu, oznaka izgleda ovako:
, gdje slovo h dolazi od riječi "header", što u prijevodu znači "header". Svaki nivo je označen odgovarajućim brojem.
H-oznake očima ljudi
Tekst podnaslova je čišći i lakši za čitanje. Moderni korisnik je odavno naučio da skenira članke u samo nekoliko sekundi i brzo izvuče zaključke isplati li se pročitati cijeli tekst, sadrži li on korisne informacije koje traži. Naslovi upadaju u oči, ističući glavnu stvar i dajući korisniku priliku da analizira materijal.
Oznake h1, h2, h3, h4, h5, h6 omogućavaju vam da kreirate neku vrstu mape za čitaoca, prema kojoj se može brzo kretati u tekstu. A ako su ovi sekreti uspjeli privući pažnju, onda će se osoba zadržati na stranici i vjerojatno će pročitati cijeli članak. Rezultat možete provjeriti faktorima ponašanja. Ako se ljudi zadrže na stranici, izvrše bilo kakve radnje, onda posao na SEO-u nije uzaludan.
H-oznake očima pretraživača
Roboti za pretraživanje prikupljaju informacije od njih za semantičku analizu. Od posebnog značaja za botove su naslovi nivoa h1, h2, h3. Njihova nedosljedna ili nepravilna upotreba može negativno utjecati na rangiranje stranice. Ako u HTML kodu uopće nema h-tagova, tada će stranica imati teškoće u promociji. Nivoi h4, h5, h6 su manje značajni.
Hijerarhija H-tagova
Glavno pravilo u rasporedu naslova je njihova hijerarhija. Nije potrebno da oznake idu jedna za drugom po veličini, ali je neprihvatljivo koristiti npr. h3 u tekstu ako nigdje nemate meta h2 ili koristiti h6 bez h5.
Ovako izgleda hijerarhija uz pravilno ugniježđenje:
Šta je h1 oznaka
Oznaka h1 je sadržaj teksta (poput naslova knjige ili naslova članka u novinama).
Svaka stranica treba da ima jednu i samo jednu h1 oznaku.
Što se tiče atraktivnosti za korisnika, to je od najveće važnosti. Ali za SEO promociju, .
Titula je i titula, ali je propisana ne samo za ljude, već i za robote. Ne prikazuje se na samoj stranici, već samo na kartici pretraživača i u isječku kao aktivna veza do stranice. U stvari, naslov je alternativa, ali glavni naslov za html dokument. Ako nedostaje, onda pretraživač uzima h1 kao osnovu i koristi ga u srpu.
Zašto bi se h1 trebao razlikovati od naslova
Prilično je važno shvatiti da su h1 i Title različiti naslovi. I u skladu s tim moraju se vješto kombinirati. Evo osnova o ovoj temi:
Zanemarivanje pravila jedinstvenosti i relevantnosti naslova može dovesti do činjenice da će stranica potpasti pod filter. Nedavno su pretraživači počeli da obraćaju posebnu pažnju na kvalitet sadržaja i njegove SEO postavke. Kažnjivi su duplikati, spam, haotično postavljanje naslova, njihova neusklađenost sa sadržajem.
Zahtjev za dužinu H1
H1 se preporučuje da bude sažetiji od naslova, da ne prelazi broj znakova veći od 50. Ali neće biti katastrofe ako je naslov duži, kada nije moguće ugurati cijelu poentu u naznačeni iznos.
Specijalni dodaci za WordPress vam omogućavaju da analizirate ispravno popunjavanje svih meta direktno u editoru.
Pravila za kompetentno pisanje h1
- Mora biti jedinstven za cijelu stranicu i apsolutno čitljiv;
- Ne ponavlja oznaku naslova, ali je ni u suprotnosti;
- Ne bi trebalo da bude predugačak (naslov možete učiniti obimnijim);
- Korišteno samo 1 put po stranici;
- Relevantno za tekst i odražava semantičku suštinu materijala;
- Zanimljivo, atraktivno za korisnika;
- Ne možete staviti tačku na kraj i preporučuje se da znakove interpunkcije koristite na minimum.
Primjena ključeva
Glavne ključne fraze, prije svega, trebaju sadržavati naslov. Ali ih također treba napisati u h1. I tamo, i tamo bolje je to učiniti na samom početku. Ali bilo bi bolje da se ključne riječi ne dupliciraju u ove dvije oznake. Morate koristiti različite oblike riječi ili razrijediti pojavljivanja u h1 i direktna pojavljivanja u naslovu.
Neki uzimaju sve ključeve stranice i od njih sastavljaju strukturu članaka. Odmah imajte na umu da će bez cool PF-ova takvo raspršivanje ključnih riječi po podnaslovima biti kažnjeno filterom za prekomjernu neželjenu poštu.
Psihološki trikovi za sastavljanje atraktivnog naslova
Naslov bi trebao biti privlačan. Evo video snimka Maksima Iljahova, specijaliste za medije, rektora Škole urednika i kreatora usluge Glavred:
Evo još nekoliko "tehnika" koje se koriste pri sastavljanju naslova.
Rješenje
Zapamtite da čovjek uvijek traži ne informacije ili dobra, već prije svega rješenje svojih problema, potreba, potreba. Djelujte tačno na željeni problem ciljne publike
Primjer uspješnog naslova: „Kosa opada? Zaustavite padavine za nedelju dana."
Primjer neuspješnog naslova: "Može li se zaustaviti gubitak kose?"
U prvom slučaju jasno identificiramo problem i nudimo konkretno rješenje. U drugom slučaju na problem se utiče indirektno i opcije za njegovo rješavanje su zamagljene.
Intriga
Primjer uspješnog naslova: “Otkrivanje tajne najefikasnijeg recepta za gubitak kose.”
Primjer neuspješnog naslova: "Najbolji recept za gubitak kose."
Prijemni "ispit"
Rečenica u ovoj formi izaziva čitaoca da se testira.
Primjer uspješnog naslova: „Jeste li sigurni da se borite protiv gubitka kose na pravi način?“
Primjer neuspješnog naslova: "Znate li sve o gubitku kose."
Naravno, to nisu sve metode koje pomažu da se utiče na percepciju osobe i privuče njen interes. Pročitajte marketinške knjige da pročitate više ako ste zainteresovani za ovu temu. Inače, naslov može biti i "mamljiv". Štoviše, najvjerovatnije je on taj koji je istaknut u rezultatima pretraživanja. Možete provjeriti njegov prikaz nakon indeksiranja stranice.
Zašto su potrebni podnaslovi h2-h6
Oznake od h2 do h6 već se nalaze u tijelu samog članka, strukturalno ga dijeleći na tematske pasuse, te u kodu HTML dokumenta, naglašavajući njegove značajne elemente. Također ih identificiraju roboti za pretraživanje za semantičku analizu stranice.
Potrebni su kako bi se na stranici hijerarhijski označilo sve što je važno i vrijedno pažnje korisnika. Takva struktura pomaže osobi da se brzo snalazi u informacijama i procjenjuje njihovu usklađenost s njihovim potrebama.
h2 - usmjerava pažnju korisnika i pretraživača na glavni sadržaj članka. Prikazuje najznačajnije u tekstu.
h3 - je podstavka za informacije koje idu pod H2, otkrivajući ih još dublje.
h4, h5, h6 - definirani su kao ugniježđeni podnaslovi (detaljno otkrivaju suštinu H2 ili H3) i koriste se u tekstu za isticanje malih pasusa i značajnih riječi, kao i u meniju, bočnoj traci i drugim komponentama weba dokument.
Svi h-tagovi moraju biti unutar 50 znakova.
Kako pravilno napisati podnaslove h2-h6
- Nemoguće je da najmanji podnaslov bude prisutan bez većeg. Odnosno, ako tekst sadrži meta oznaku h4, onda mu moraju prethoditi h2 i h3.
- Što je viši nivo zaglavlja, to bi font trebao biti veći. U WordPress-u su zadane postavke obično postavljene na način da se oznake automatski formatiraju u ispravnom obliku.
- Svi h-tagovi moraju odgovarati sadržaju sadržaja, prikazivati suštinu informacija.
- Neprihvatljivo je koristiti h1-h6 kao sidra ili aktivne veze.
- Ne možete pisati druge oznake unutar h oznake.
- U h-tagovima su dozvoljeni samo tekst i znaci interpunkcije.
- Podnaslovi ne bi trebali sadržavati pretjerano neželjenu poštu ključnih riječi. Ključne riječi se najbolje koriste u naslovu, h1, h2, a u manjim, kao što su h3, h5, h6, fokusirati se na detaljno razotkrivanje teme.
Ako oznaka stranice sadrži naslov i glavni naslov H1, ali sam tekst članka nije prevelik i ne sadrži podnaslove, to nije greška. Postoji mnogo stranica na TOP-u, gdje je sadržaj gotovo neprekidna traka, možda podijeljena na pasuse. Moguće je doći na vodeće pozicije bez „sihir“ nad označavanjem teksta, stavljajući veći naglasak na . WordPress stranice su dobro indeksirane od strane pretraživača. Ipak, upotreba ovih oznaka ne samo da olakšava zadatak, već i čini sadržaj lakšim i vizualno ugodnijim.
Kako popuniti h-tagove u WordPress-u
h1 se obično popunjava u polju iznad teksta u postu:
Da biste napravili podnaslove h2-h6, potrebno je odabrati potreban element i, prelaskom miša iznad kartice "Naslovi", odabrati željeni klikom na njega. Uradite isto za svaki od podnaslova, uključujući ih u ispravnom formatu.
Postoji još jednostavniji način - možete upisati tekst u Word koristeći potrebne oznake i jednostavno kopirati i zalijepiti članak u WordPress editor. Naslovi odabrani u Wordu automatski će se pojaviti u ispravnoj veličini. Ako je potrebno, možete ih ispraviti koristeći WordPress CMS editor alate.
Nastavlja da emituje svijetu o zamršenostima SEO-a i još mnogo toga. A danas je na dnevnom redu vrlo aktuelna tema - naslovi sajtova.
Pitanja kao što su ispravna struktura naslova ili princip upotrebe h1, h2 i h3 oznaka u html naslovima izazivaju burne debate, kako u seo zajednicama, tako i među običnim webmasterima.
Iskoristio bih ovu priliku da izrazim svoju zahvalnost čitaocima SEO Mayaka na njihovom aktivnom učešću u životu bloga. Ne prođe dan da ne dobijem mejlove sa pitanjima ili zahtjevima.
Vaša pisma, dragi čitaoci, često su teme mojih budućih postova, čime me gotovo u potpunosti oslobađam potrebe da ih planiram.
Na početku svoje karijere webmastera, također sam se pitao kako pravilno koristiti HTML oznake u zaglavljima na web stranici. Čitajući razne članke na tu temu, uzalud sam pokušavao da shvatim koja je struktura naslova ispravna u smislu SEO-a.
Ali svi savjeti "iskusnih" bazirali su se na nekim nagađanjima i jasnim opravdanjima, niko nije iznosio svoje teorije. Proveo sam dosta vremena, „prebacio“ gomilu tematskog materijala, a kao rezultat pitanja dobio sam još više pitanja.
Tema do danas nije zatvorena! Mnogi webmasteri početnici jednostavno se izgube u moru informacija i općenito prestaju bilo šta razumjeti. Situacija je vrlo slična konfuziji oko upotrebe nofollow i noidex oznaka.
U ovom članku pokušat ću uneti malo jasnoće u temu koja mnoge muči i ujedno odgovoriti na pitanja svojih čitatelja. Idi!
Cijela istina o utjecaju h1 - h6 HTML oznaka na promociju web stranice
Većina SEO-optimizatora savjetuje da se naslov članka priloži direktno u h1 tag i da naslov bloga bude redovna veza.
Naslov članka
Naslovi u tijelu članka
Podnaslovi u tijelu članka
Naslovi na bočnoj traci
h5 i h6 su opcioniOva struktura naslova se koristi na skoro svakom drugom blogu. Ne mogu reći da ovo nije tačno, želim reći nešto drugo.
Prije par godina, bez pronalaženja jasnih odgovora na svoja pitanja, o ispravnoj strukturi za korištenje h1 - h6, odlučio sam ostaviti sve kako je prvobitno bilo uređeno u šablonu. I postavljeno je ovako:
Zaglavlje stranice u zaglavlju
Naslov članka
Naslovi koje sam ubacio u tijelo članka
Naslovi usluga ispod članka i na bočnoj traci
Uopšte nije korišteno
Koristi se za neka elegantna zaglavlja na bočnoj traci
Vremenom je lavovski dio stranica moje kulinarske stranice ušao u TOP, i to po zahtjevu, sa frekvencijom od 10.000 - 100.000 zahtjeva mjesečno. Skrećem vam pažnju na činjenicu da su glavni naslovi mojih članaka bili zatvoreni u oznaci h2.
U vezi sa navedenim, postavlja se nekoliko razumnih pitanja za "iskusne". Ljudi, kako se to dešava, ali gde je hvaljeni uticaj oznake h1? Ako slijedite logiku svog savjeta, onda bi moji članci, sa “nerazvijenim” h2 naslovima, trebali biti negdje na marginama rezultata pretraživanja?
Napomenu! Naslov članka zatvorenog u HTML h1 tag, sa stanovišta SEO-a, ne razlikuje se od naslova zatvorenog u h2 tag.
Mnogi webmasteri, nakon što su pročitali takva uputstva, petljaju mijenjajući strukturu naslova u nadi da će to pomoći njihovim „omiljenim“ stranicama da probiju u TOP.
Morate ih uznemiriti. Da bi članci bili dostojni TOP-a, oznaka h1, blago rečeno, neće biti dovoljna!
Da bi bile u TOP, stranice moraju imati dobar pokazatelj ponašanja. I ne samo to, članci moraju biti pravilno sastavljeni, ključne riječi moraju biti pravilno odabrane za njih, moraju imati visoku relevantnost za upite za pretraživanje i još mnogo toga.
I što je najvažnije, trebali bi biti zanimljivi i korisni za korisnike, a onda će željeni TOP postati mnogo bliži. Tako stvari stoje, a naslovi, bilo h1 ili h2, nemaju značajan uticaj na rangiranje stranica u SERP-u.
Predviđam da će mnogi odlučiti da se ne slažu sa mnom. Pa, to je stvar gospodara. Ali kako moji argumenti ne bi izgledali neutemeljeni, objavit ću svoju prepisku sa uslugom podrške Yandexa, koju stalno vodim, o raznim temama.
Kako Yandex gleda na zaglavlja stranice
Nadam se da se momci iz Platon tima neće uvrijediti na mene, jer objavljujem neke detalje naše komunikacije sa njima. Ali, kako ja vidim, same moje riječi, u ovom slučaju, neće biti dovoljne.
Moje pismo Platonu:
Pozdrav dragi timu za podršku Yandexa!
Imam nekoliko pitanja za vas u vezi sa upotrebom HTML oznaka u zaglavljima.
Na Internetu, na raznim forumima i ne samo, postoji velika pompa oko upotrebe h1 i h2 oznaka u naslovima. Mnogi savjetuju da se glavni naslovi objava prilože u h1, dok drugi, naprotiv, tvrde da bi h1 trebao istaknuti opći naslov stranice.
Sa moje tačke gledišta, uz moderne tehnologije, HTML naslovne oznake ne bi trebalo da imaju značajan uticaj na rangiranje u rezultatima pretrage određene stranice ili sajta uopšte.
U vezi sa gore navedenim, hteo sam da pitam:
1. Da li je bitno u kojoj se tagi nalazi ovaj ili onaj naslov?
2. Da li je moguće koristiti sliku kao naslov i kako će je robot za pretraživanje „gledati“?
3. Da li algoritmi robota uzimaju u obzir hijerarhiju oznaka h1, h2, itd.?
Biću veoma zahvalan na odgovoru.
S poštovanjem, Vitalij Kirilov
Na šta sam ubrzo dobio sledeći odgovor:
Zdravo Vitalij!
1. Ne, ovo ne utiče na rangiranje.
2. Da, možete. Najvjerovatnije će robot indeksirati takvu sliku ako je napisana u naslovu u skladu s ovim pravilima http://help.yandex.ru/images/robot-search.xml .
3. Ispravan dizajn naslova u tekstu pomaže korisniku da se brzo kreće po stranici, što znači da mu štedi vrijeme. Osim toga, Yandex robotu će biti lakše nositi se sa strukturom dokumenta. Stoga, naslovima treba dodijeliti ove oznake u skladu sa hijerarhijom dokumenta.
S poštovanjem, Platon Šukin
Yandex podrška
Nadam se da sam mnoge ubedila!
Hajde da sumiramo sve gore navedeno i izvučemo neke zaključke:
Zaključak #1. Zaglavlja stranice trebaju imati jasnu hijerarhiju. Odnosno, počevši od zaglavlja stranice (h1) i tako dalje niz lanac.
Zaključak #2. HTML h1 oznaka ne utiče na rangiranje. Robotu nije važno u kojoj je oznaci naslov članka. Bilo bi glupo pretpostaviti drugačije, s obzirom na današnje moćne analitičke tehnologije.
Zaključak broj 3. Naslov može čak biti i pravilno optimizirana slika. Možete sigurno koristiti bilo koju sliku kao zaglavlje stranice, na primjer, s logotipom.
Pritom, niko nije otkazao ispravan sastav naslova sa stanovišta SEO-a, ali o tome neki drugi put.
Ažuriranje od 02.06.2014
Nakon neke debate u komentarima, odlučio sam da napravim eksperiment. Danas sam objavio članak pod naslovom "Dinamički Sitemap koristeći sve u jednom SEO Pack Plugin" koji je imao glavni naslov posta umotan u h6 tag.
Svrha eksperimenta je otkriti utjecaj HTML tagova h1 - h6 na rangiranje stranica u rezultatima pretraživanja i na taj način zatvoriti ovu temu.
—————————————————————————————————————————————————-
Ažuriranje od 30.06.2014
Eksperiment je već završen, a da biste provjerili njegove rezultate, unesite u pretragu za Yandex ili Google frazu "Dynamic sitemap", ispod koje je izoštren eksperimentalni članak.
Vidimo se!
S poštovanjem, Vitalij Kirilov
Igor. Ažuriranje: 6. oktobar 2012.
Pozdrav dragi čitaoci! Nastavljam da objavljujem u sekciji i današnji post će biti posvećen formiranju html naslova (tagovi h1-h6), kao i načinima formatiranja html teksta isticanjem potrebnih reči ili fraza (jaki, b; em, i tagovi ) i fragmenti teksta (navodnik, pre-tagovi) .
Moram reći da su ovi alati vrlo često traženi u radu webmastera, pa sam smatrao potrebnim govoriti o njima, pogotovo jer ispravna upotreba gore navedenih html tagova doprinosi uspješnoj promociji projekta. Uopšteno govoreći, sve informacije koje nudim su veoma važne, njihov obim je promišljen, pa pokušajte da ih što bliže upoznate, trudim se da ne dam ništa suvišno.
Ovo se odnosi i na ovaj odeljak o osnovama html-a i na druge naslove. U okviru ovog odjeljka već smo razmatrali koncept, kao i definiciju. Dozvolite mi da vas podsjetim na jedno vrlo važno pravilo: blok oznake mogu sadržavati druge blok elemente, ali postavljanje blok oznaka unutar inline tagova se ne preporučuje.
Oznake naslova h1-h6
Siguran sam da su mnogi od vas već naišli na h1-h6 oznake naslova mnogo puta, ali možda neki od vas potcjenjuju njihov značaj u smislu SEO-a. Činjenica je da ove oznake igraju važnu ulogu u slučaju i ja ću pokušati da se dotaknem i ovog aspekta. Elementi h1-h6 dobili su naziv po velikom slovu engleske riječi "Header" (zaglavlje). Sintaksa za zaglavlja u html kodu je sljedeća:
Sadržaj zaglavlja h1
h2 sadržaj zaglavlja
sadržaj zaglavlja h3
h4 sadržaj zaglavlja
sadržaj naslova h5
Sadržaj naslova h6
Pisanjem ovog komada html koda kada se prikaže u pretraživaču, dobijamo:
Najviši nivo je 1, najniži je 6. Dakle, svaki tekst se može klasifikovati u smislu njegove važnosti. Oznake h1-h6 su blok oznake, tako da naslov definiran njima zauzima što je moguće više prostora u širini. Međutim, iako su ovi elementi blok elementi, oni ne smiju sadržavati druge blok oznake, samo one inline. Kada je u pitanju optimizacija članaka i resursa u cjelini, postoji nekoliko preporuka:
- najvažniji u pogledu rangiranja od strane pretraživača, odnosno oni su najtraženiji i često korišteni. Preporučljivo je koristiti h1 tag title jednom po stranici (obično se nalazi na stranici sa člankom kao naslovom posta, na mom blogu je do sada malo drugačije, ali ću popraviti situaciju) . Naslov h2 se koristi za podnaslove, ako je materijal velik i treba ga podijeliti na logičke dijelove, h3 - za podnaslove logičkih fragmenata ovih dijelova; osim toga, h2 i h3 se mogu koristiti na glavnoj stranici i stranicama kategorije.
- Oznake h4, h5, h6 se rijetko koriste, jer se slabo uzimaju u obzir prilikom rangiranja. Međutim, ako je članak velik i potrebno je istaknuti neke fragmente radi udobnosti čitatelja, onda i oni dolaze u pomoć (na primjer, u obimnom priručniku, u svakom od dijelova definiranih elementom h3, to je potrebno za isticanje logičkih delova sa podnaslovom h4). Osim toga, oznake h4, h5, h6 mogu se koristiti za nazive bilo kojeg bloka u bočnoj traci, podnožju (podnožju) itd.
- Preporučljivo je koristiti naslove h1, h2, h3 bez greške. Naravno, nisam analizirao ozbiljnost pretraživača u slučaju nepoštivanja ovog pravila, ali je logično pretpostaviti da se to uzima u obzir prilikom rangiranja.
- Treba dodati da sadržaj naslova, posebno h1-h3, mora obavezno uključivati ključne riječi definisane sa , budući da pretraživači pridaju veliki značaj ključnim riječima i frazama.
Pa, naravno, upotreba html oznaka zaglavlja, a to je glavna stvar, čini materijal lakšim za korištenje. Što se tiče atributa align oznaka h1-h6, neću sada o tome, jer se ne preporučuje za korištenje prema pravilima html specifikacije. Razgovarat ćemo o tome kako promijeniti izgled podnaslova na prihvatljiv način koji neće narušiti .
Formatiranje teksta sa posebnim HTML oznakama
Formatiranje teksta je izbor načina za njegovu promjenu, kao što je uređivanje fonta ili korištenje različitih efekata. U mnogim slučajevima njihova ispravna upotreba doprinosi promociji stranice.
Logičko i fizičko formatiranje - značajke korištenja svakog od njih
Primetiću razliku između logičkih i fizičkih (vizuelnih) oznaka za formatiranje. Fizička je prvenstveno namijenjena korisnicima, što vam omogućava da im istaknete bitne dijelove teksta. Ono logično naglašava odabrani tekst pretraživačima koji ovu oblast uzimaju u obzir prilikom rangiranja.
Najupečatljiviji primjer su strong i em, koji su oznake logičkog formatiranja, a b i i su oznake fizičkog formatiranja. Kada se u pretraživaču prikazuje tekst uokviren oznakama strong i b (podebljano), em i i (kurziv), nema vizuelne razlike:
Podebljavanje teksta za pretraživače Podebljajte tekst za korisnike Kurziv tekst za pretraživače Kurziv tekst za korisnike
Priča se da je vrijednost jakih i em tagova u posljednje vrijeme ozbiljno pala i tražilice sada obraćaju malo pažnje na njih. Ipak, ne bih savjetovao da se zanosite njihovim korištenjem, označavajući ključne riječi njima, pogotovo jer postoji razumna alternativa u odnosu na elemente em i i.
Koje druge oznake postoje koje vam omogućavaju da formatirate tekstualni sadržaj
Sada još nekoliko riječi o drugim oznakama za oblikovanje teksta koje se rijetko koriste, ali su još uvijek potrebne, budući da postoje. Možda će nekome ove informacije biti korisne. Kao i obično, označiću samo one tagove koji odgovaraju specifikaciji html 5. Počnimo sa oznakama fizičkog (vizuelnog) formatiranja (oznake b i i su diskutovane gore).
- Mali - koristi se za smanjenje veličine fonta za jedan, u poređenju sa običnim tekstom.
Naravno, ovo su samo neki od elemenata fizičkog formatiranja, međutim, odabrao sam samo one koji vrijede u odnosu na html 5, preporučljivo je zamijeniti ostale css stilovima, sa kojima ću vas uskoro upoznati. Slijede primjeri oznaka logičkog oblikovanja.
- Skraćenica - označava da je dati niz znakova skraćenica. Skraćenica se dešifruje pomoću atributa naslov i iskače kada pomerite kursor preko teksta.
Ponekad je za korak naprijed potreban korak unazad.
(function() (var zahtjev, b = document.body, c = "ime klase", cs = "prilagodi-podrška", rcs =novi RegExp("(^|\\s+)(no-)?"+cs+" (\\s+|$)"); zahtjev = istina; b = b.replace(rcs, ""); b += (window.postMessage && zahtjev ? " " : " ne-") + cs; )() );
Gore predstavljene logičke i fizičke oznake formatiranja često se ne nalaze pri pisanju html koda, međutim znanje o njima je neophodno barem da bi se razjasnila njihova uloga u modernoj promociji web stranice. Zatim razmotrite još dvije oznake za formatiranje html teksta koje igraju važnu ulogu.
Kako umetnuti citat sa blok citatom i istaknuti fragment teksta sa pre
HTML oznaka blockquote se koristi za formatiranje teksta isticanjem citata unutar dokumenta. Prilično je uobičajen i često se koristi prilikom pisanja postova na web stranicama i blogovima o određenim temama. Evo primjera:
Oznaka blockquote je uparena i može uključivati i blok (na primjer, oznake p paragrafa) i inline elemente.
Odlomak teksta zatvoren u p tag
Paragraf teksta zatvoren u oznaku za formatiranje blok citata.
Nema skup jedinstvenih atributa, već . U svakoj temi dizajn citata u tekstu može biti različit, zavisi od stila i dizajna šablona koji je određen css stilovima, što sam već nekoliko puta spomenuo i do kojih ćemo svakako doći u bliskoj budućnosti.
Pa, i na kraju, o još jednom elementu oblikovanja, koji je prilično često tražen - pre tag. Ovaj element vam omogućava da prikažete fragment teksta koji je prethodno formatiran direktno u html kodu. Posebnost prikaza u podrazumevanom pretraživaču je da se bilo koji broj razmaka koji idu uzastopno prenosi kao jedan na web stranici. Pre-tag pomaže zaobići ovu specifičnu funkciju. Odnosno, kao što ste napisali, biće tačno reprodukovano na stranici ako je odeljak teksta zatvoren između otvaranja i zatvaranja predoznaka.
HTML formatiranje teksta sa pre tagom pre tagom - par i blok element
Potpuno u istom obliku, tekst će biti prikazan u pretraživaču:
HTML formatiranje teksta sa pre tagom pre tagom - par i blok element
Pa, to je verovatno sve o čemu sam danas želeo da pričam u vezi sa oznakama zaglavlja h1-h6, kao i sa glavnim elementima oblikovanja html teksta. Nastavak slijedi, pa se obavezno pretplatite na ažuriranja bloga, kako ne biste propustili najnovije materijale. Pa, u zaključku, nakon dugog teškog članka, nasmiješite se, gledajući našu manju braću:
Želite li na vrijeme primati svježe relevantne i korisne članke? Tada se možete pretplatiti:
Više članaka na ovu temu:
34 mišljenja
- Sergej
Hvala vam na detaljnom članku o aktuelnoj temi, ali odmah se nameću pitanja.
Prije svega, naslovi, tačnije njihova direktna upotreba. Vidio sam dva mišljenja.
1. Šifra treba da sadrži naziv sajta, - naslov članka, - podnaslove. Oznaka na stranici mora biti jedinstvena.
2. - naslov članka i naziv stranice, - titlovi.Vi koristite prvu opciju, ja koristim drugu, ali ne mogu sama opravdati izbor, jer mi je tako savjetovano.
Drugo pitanje je jaka oznaka - opet, postoje glasine da PS počinju da se prema tome odnose ne samo ravnodušno, već neprijateljski, tačnije, prema dodeljivanju ključne reči ili fraze za njih. Kao alternativa, predlaže se da se rečenica koja sadrži ključ izoluje u celini.
U nekom trenutku sam potpuno napustio ovu oznaku, ali prerano je govoriti o rezultatima.
- Sergej
Žao mi je, zaboravio sam da motor uklanja oznake:
1. u kodu h1 treba da stoji naziv sajta, h2 - naslov članka, h3 - podnaslovi. Oznaka na stranici mora biti jedinstvena.
2. - h1 naslov članka i naziv stranice, h2 - titlovi. - Bosiljak
Igore, ne mogu da shvatim gde je oznaka H1. Ti i ja imamo sliku u zaglavlju. Imaš tu oznaku. Kada sam analizirao svoju stranicu s jednom uslugom, kao rezultat toga, rečeno mi je da uopće nemam H1 oznaku na svojoj web lokaciji. Kako to umetnuti u zaglavlje stranice?
- Igor
Sergej, mnogo toga što se tiče SEO se uči u praksi kroz eksperimente. Ne mogu nedvosmisleno da odgovorim trenutno šta je bolje, ali niko ne može. Ne postoji univerzalno rješenje, sve ovisi o temi resursa i njegovoj promociji. Ali razumijem vašu zabrinutost i želju da shvatite istinu. Čim budem imao određene podatke o svakom artiklu, odmah ću ih objaviti u publikaciji. Što se tiče jakog tag-a, po mom mišljenju, isticanje ključnih riječi ili fraza jednom u članku ne bi trebalo štetiti, sve je to nepotrebno hype.
- Igor
Upravo. 🙂
- Igor
Vasilije, napisao sam naslov u funkcijama teme direktno u admin panelu. Izgled - Teme, za moju temu postoji mnogo opcija pomoću kojih možete uređivati jednu ili drugu oblast moje teme, uključujući unos naslova. A ti si, koliko sam shvatio, promijenio originalno zaglavlje svoje teme, zar ne? Štaviše, slika je potpuno promijenjena, a slika je već imala naziv vašeg resursa. Nisi napisao h1 u zaglavlju, odakle dolazi. Pogledajte bliže funkcije svoje teme, možda i tamo postoji slična funkcija. Tamo gdje pogledate „Upravljanje temama“, trebale bi biti veze, nešto poput „Prilagodi“, „Opcije teme“ i već tamo potražite vezu sličnu „Naziv i opis stranice“. U mojoj temi, na primjer, možete promijeniti mnogo stvari, čak i boje stranice i zaglavlja, postavljanjem nove slike. Javite mi u komentarima kako je ispalo.
- Bosiljak
Da, promijenio sam sliku u zaglavlju. Na probnom mjestu vraćena je originalna slika. Ipak, H1 nigdje nije pronađen. Stavio sam vrlo sličnu twin temu, također nema ove oznake, samo H2. Mogu li postojati teme bez oznake H1? Zatim sam postavio standardnu temu, nisam našao ovu oznaku na glavnoj stranici, a na stranici je oznaka H1 u naslovu članka. Ne znam kako da to dodam u zaglavlje stranice.
- Igor
Vasilij, pažljivije pročitaj moj prethodni odgovor i pokušaj da uneseš naziv stranice kroz admin panel. Trebalo bi da postoji funkcija upravljanja temom, imate stilove za h1 zaglavlje u svom css-u, pogledao sam.
- Bosiljak
Sve je u zadanoj temi. Ne postoje takve opcije u postavkama teme. Kroz
Admin panel -> Teme -> Postavke i opis stranice. Tamo sam napisao naziv stranice i
Kratki opis. Ali oznaka h1 još uvijek nedostaje. Na testnoj lokaciji sam ovo ponovo instalirao
tema, evo adrese http://komp.vellisa.ru/. Možete ići preko Yandexa, jer je zatvoren
od indeksiranja. Ranije, kada sam pisao ime stranice u Admin panelu, dodano je u zaglavlje, ali nije izgledalo lijepo. Iz nekog razloga, natpisi se sada ne dodaju. - Igor
Basil, istražio sam tvoj problem. Činjenica je da prema css stilovima vaše teme, naslov zatvoren u h1 tagovima jednostavno ne stane u zaglavlje. Pokušajte sljedeće. Ako radite sa preglednikom Chrome, pomaknite kursor na sliku u zaglavlju i kliknite desnim tasterom miša, izaberite "View Element Code" iz kontekstnog menija. U donjoj polovini prozora vidjet ćete html kod ove slike, ova linija će biti označena tamno plavom bojom. Ova veza je do slike zaglavlja vaše teme. Stilovi za ovaj element će biti predstavljeni na desnoj strani. Kliknite desnim tasterom miša na ovu vezu i izaberite "Izbriši čvor" iz kontekstnog menija. Vidite, element je uklonjen? Nadam se da razumijete da će nakon ponovnog pokretanja pretraživača sve doći na svoje mjesto, tako da možete eksperimentirati koliko god želite. Ovaj element je zatvoren u kontejner<_div class="span-11">. Nakon uklanjanja veze do slika, veza do glavne stranice će ostati. Kao sidro za ovu vezu, napišite bilo koju riječ u h1 tagovima, na primjer, Svijet. Odnosno, izgledat će otprilike ovako: link do glavne stranice zatvoren u span-11 kontejner<_a_href vellisa.ru_=""><_h1>Svijet<_><_>. I odmah ćete vidjeti ovu riječ na mjestu slike (koja, inače, nije potrebna, jer postoji naziv teme, kako ja razumijem. Pokušajte da postavite manju sliku umjesto ove slike i ponovo pokušajte da registrujete naziv stranice preko admin panela.Ako ne uspije, djelovat ćemo podložnije.
- Bosiljak
Igore, hvala puno na pomoći. Izbrisao sam element, a onda kako ga ubaciti nije baš jasno. Ubacio sam ovu riječ nasumično, nije baš išlo, ali riječ jeste. Ne mogu da upišem promene u naziv sajta, promenim ga, ali ništa se ne prikazuje u zaglavlju.
Generalno, da li je moguće napraviti tako da imam sliku na glavnoj stranici koja je sada tamo i nekako dodati h1 oznake? - Igor
Vasilij, malo strpljenja, sad sam prezauzet, čim riješim problem, ne obećavam, ali pokušaću da pomognem, objaviću odgovor u komentarima.
- Bosiljak
Hvala Igore. Naravno da ću sačekati, nije hitno.
- Evgeniy
Slažem se da su oznake neophodna stvar i da je njihovo ignorisanje skuplje za sebe. Ako se H1 H2 gotovo automatski pojavi na stranici (naslov članka i web-mjesta), onda H3 treba olovkom upisati u tijelo članka.
Na račun atributa align za ove oznake, kontroverzna opcija. Nisam još primetio njegov uticaj na promociju, nego ne postoji. Nema povreda ni sa strane valjanosti. Dakle, pretpostavljam da je to na svima. - Igor
Eugene, stvarno još nema utjecaja na promociju atributa align, ali što se valjanosti tiče, uzbudio si se. Zastario je ne samo prema html 5 specifikaciji, već čak i prema html 4.01. Umjesto ovog atributa, preporučuje se korištenje sličnog svojstva text-align, koje je napisano u css-u.
- Igor
Basile, izvini na dugom cekanju. Malo sam se istovario i sad sam riješio tvoj problem. Slijedite moja daljnja uputstva kako bi se naslov H1 pojavio u zaglavlju. Prvo morate urediti svoju sliku u zaglavlju. Imate ga ovdje: http://vellisa.ru/wp-content/themes/cooltext643525798.png , odnosno u folderu s trenutnom temom. Preuzmite ga na svoj računar sa npr. Otvorite ga u bilo kojem grafičkom uređivaču, čak će i jednostavan program za slikanje učiniti dovoljno. Tamo jednostavnom gumicom izbrišite natpis "vellisa.ru". Ako se to ne učini, tada će biti dvostruki natpis ili će se na njega postaviti natpis sa h1, izgledat će ružno. Zatim otvorite datoteku header.php s notepad++, koja je odgovorna za zaglavlje, pronađite red tamo.
U prethodnom sam opisao glavne faktore rangiranja za pretraživače.
U ovom članku ćemo analizirati kako pravilno napisati naslove za stranice web stranice. Ovaj faktor se odnosi na interne faktore rangiranja i neophodan je za pravilnu optimizaciju sadržaja na stranicama sajta.
Ranije sam raspravljao o njihovoj važnosti i ulozi za SEO. Danas ćemo detaljnije pogledati oznake tipa H. Takvih oznaka ima ukupno 6, ali se uglavnom koriste samo prve 3 - oznake h1, h2 i h3.
SEO h1 naslov stranice i njegova važnost
Glavni naslov stranice označen je oznakom h1. To može biti naslov stranice, članka ili proizvoda. Ovo je obavezan naslov i mora biti prisutan na svim stranicama bez izuzetka.
Vrlo često susrećem na web-stranicama koje su sami napisali ili jednostavno u neprofesionalno sastavljenim šablonima takav trenutak da jednostavno nema h1 oznake. Umjesto naslova stranice, umjesto h1, nalazi se oznaka h2. To je čak iu najboljem slučaju - dešava se da na stranici uopće nema zaglavlja tipa H. A ono što izgleda kao tip zaglavlja je samo običan blok div ili span s unaprijed definiranim stilovima koji izgledaju kao zaglavlje.
Obavezno provjerite prisutnost oznake h1 na stranici na samom početku optimizacije ili čak ranije - u fazi razvoja stranice. Osim toga, oznaka h1 bi trebala biti samo 1 po stranici.
Opet, uobičajena pojava kada postoji nekoliko h1 oznaka na stranici. Ovo je opet tipično za web-lokacije koje su sami napisali ili napravljene na konstruktoru ili uz pomoć raznih vrsta softvera, na primjer, o strašnom kodu o kojem sam ranije pisao.
Posljednja stranica koju sam uzeo za optimizaciju bila je ista ona stranica na jednoj stranici napravljena na Museu, a kada sam pogledao kod stranice, našao sam čak 7 naslova označenih oznakom h1 - ovo je strašna greška.
Naslov h2 i njegov značaj za promociju
Ako se mnogi ljudi i dalje pridržavaju pravila i koriste h1 na stranicama svoje stranice, onda mnogi ljudi zanemaruju oznaku h2, ali uzalud! Ova oznaka je obično označena pododjeljcima članka, stranice.
Čak iu fazi prikupljanja semantičke jezgre za web lokaciju u cjelini ili za poseban članak, morate otprilike razumjeti od kojih se odjeljaka članak sastoji. Hoćemo li detaljno opisati prednosti, troškove ili bilo koje druge detalje o temi članka ili o proizvodu.
Razmotrimo primjer stranice proizvoda u prodavnici fotografske opreme - ako h1 naslov stranice izgleda kao "Canon 6d Body", onda ćemo s oznakom h2 grubo razbiti opis samog proizvoda na stranici na dijelove (pododjeljke ) i izgledaju kao "Canon 6d Body Features" i "Camera Advantages Canon 6d Body".
Tako ćemo, zbog naslova tipa h2, uhvatiti važne tačke koje mogu biti interesantne i posjetitelju stranice pored samog naslova. Sada će sajt konkurisati ostalima ne samo po zahtevu za glavni "Canon 6d Body", već i po dodatnim zahtevima u vezi sa prednostima i karakteristikama ovog modela fotoaparata. A pokrivenost većeg broja zahtjeva zauzvrat je povećanje prometa na stranici.
Inače, primijetio sam slučajeve na svom blogu i na klijentskim stranicama kada je naslov tipa h2 uključen u isječak rezultata pretrage. U pravilu, tu dolazi ili h1 ili title - oba su najvažniji naslovi stranica i imaju prednost, ali uticaj h2 na snippet nije isključen.
Na primjer, ovaj članak može lako doći do TOP za upit "Header h2", samo zato što je ova fraza u h2 tag.
Nekoliko riječi o h3 zaglavlju i da li je uopće potrebno
Vrlo rijetko koristim naslov sa oznakom h3 u svojim člancima. U slučajevima kada je članak 5000 znakova ili više, a onda ne uvijek - možete proći i razbiti članak na pododjeljke i označiti ih oznakom h2.
Svi naslovi od h3 do h6 imaju istu ulogu pojašnjavanja i podjele stranice, ali se to rijetko koristi. Samo trebate imati veliki članak da biste mogli izgraditi takvu hijerarhiju pododjeljaka stranica i koristiti sve vrste naslova.
Za primjer ugniježđenja podnaslova, pisaću o hijerarhiji naslova i označiti naslov ovog odjeljka oznakom h3.
Redoslijed i hijerarhija naslova na stranici web stranice
Svi naslovi moraju biti u strogom redu. Naslov h1 uvijek ide prvi na stranici.
Ako su se pododjeljci za svaki od naslova h2 pokazali impresivne veličine i doticali su se nekoliko još manjih podtema, tada unutar svakog ili jednog pojedinačnog pododjeljka s oznakom h2 napravite presavijene "mini" pododjeljke stranice i označite ih h3.
Nije neophodno da svi pododeljci na čelu sa oznakom h2 budu veliki i da ih treba podeliti na još nekoliko podsekcija. U nastavku ću pokušati jasno pokazati kako pravilno ugnijezditi naslove na stranici.
8 sviđanja
- 1
Paul
Aleksandre, veoma sam zabrinut zbog pitanja oznaka. Trudim se da pišem korektno i jasno o svojim uslugama. Shvatio sam sve o naslovu stranice (h1), ali imam 12 različitih ponuda za klijenta na istoj stranici, direktno vezanih za glavnu temu stranice. Dakle, mogu li napraviti 12 h2 naslova na ovoj stranici? Koliko teksta treba da bude ispod svakog naslova? I da, razvodnjavam ih slikama... Hvala unapred na odgovoru.
- 3
Andrew
kako će raspon unutar h1 uticati na rangiranje.
ima puno grešaka na w3c. ili bolje napraviti GLAVU - 5
Grattol Kazakhstan
Molim vas recite mi šta će se dogoditi ako prvo dođe h3, a zatim h2? Imam radnju na Wookomertz-u i opis robe je ovako urađen. Treba li to ispraviti? Jednostavno nema dovoljno robe.
- 7
Sergej
A ako se moj h1 tag sastoji od dvije fraze, od kojih je jedna, prema ideji dizajnera, napravljena drugim fontom. Kako onda bez, recimo, span unutar oznake h1?
- 9
Julia
Aleksandre, reci mi molim te. Na sajtu za prodaju robe, u opisu imamo i h1 i h2. Pitanje: "Specifikacije" i "Uključeno" - mogu li/treba li staviti h3? Mislim da je ovo suvišno i bolje od uobičajenog podebljanog slova, zar ne?
- 11
Alexander
Dobar dan Aleksandre. Imam 2 pitanja na ovu temu:
1. Želim napraviti mikro-oznaku za robu online trgovine i postavilo se pitanje - da li je moguće koristiti takvu strukturu unutar oznake h1? Ništa što je h1 ugniježđen itemprop...?.
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 tema za danas je Uticaj H1, H2 - H6 naslova 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 pretraživanje priloži po mogućnosti razrijeđen neutralnim riječima u h1 tagovima, tj. razvodnjeni naslov.
Sljedeći najvažniji naslov, uz pomoć kojeg se razlikuje niskofrekventni zahtjev koji se podudara s glavnim zahtjevom.
- 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 bi posjetiteljima olakšali čitanje i odmah razumjeli gdje jedna misao završava, a druga počinje. Š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 spomenute 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 pisati bez ključnih riječi. 
- 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.
- Ne stavljajte niže naslove iznad važnijih. Prvo treba slijediti H1, zatim H2 i onda uzlazno. Trebalo bi se pojaviti struktura drveta.
- 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.
