Na mojim gornjim informacijski projekti Najprije stručnjak za temu sastavlja strukturu članka (naslove i podnaslove), a zatim tekstopisci pišu tekst na temelju njih.
Struktura je zapravo vrlo važna ako vam je stalo do kvalitete. A da biste stvorili normalnu strukturu, morate razumjeti kako h oznake rade.
h1 je glavni podnaslov u članku, obično se nalazi iznad teksta.
Prvi naslov trebao bi biti vizualno veći od ostalih naslova na stranici.
h2-h6 su mali podnaslovi koji se postavljaju po principu ugniježđenja.
Čemu uopće služe zaglavlja?
Za one koji nisu baš upućeni u tematiku, evo u principu jednog dobrog videa o osnovama sastavljanja podnaslova h1-h6. Ako se ne smatrate stručnjakom, pogledajte:
I da učvrstimo gradivo, malo slabiji video:
Naslovi su dizajnirani tako da u jednoj frazi ili čak riječi istaknu glavnu bit, ideju sljedećeg teksta. Obično osoba prvo obrati pozornost na njih, odlučujući hoće li pročitati ostatak materijala. Naslovi su posebno važni u reklamnim tekstovima i pismima, te služe kao glavni alat za privlačenje pozornosti ciljane publike.
U kodu oznaka izgleda ovako:
, gdje slovo h dolazi od riječi “header”, što znači “naslov”. Svaka razina je označena odgovarajućim brojem.
H-tagovi kroz oči ljudi
Tekst podijeljen u podnaslove izgleda urednije i lakše se čita. Moderan korisnik Odavno je naučio pregledavati članke u samo nekoliko sekundi i brzo donositi zaključke isplati li se pročitati cijeli tekst i sadrži li 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ćuju vam stvaranje svojevrsne karte za čitatelja pomoću koje se može brzo kretati kroz tekst. A ako ti istaknuti dijelovi uspiju privući pozornost, tada će se osoba zadržati na stranici i vjerojatno će pročitati cijeli članak. Rezultat možete provjeriti na čimbenici ponašanja. Ako ljudi ostanu na stranici i poduzmu neke radnje, to znači da SEO posao nije obavljen uzalud.
H-tagovi kroz oči tražilica
Roboti za pretraživanje prikupljaju informacije od njih za semantičku analizu. Razine naslova h1, h2, h3 od posebne su važnosti za botove. Njihova nedosljednost ili ne ispravna primjena može negativno utjecati na rangiranje stranice. Ako uopće nema h-oznaka u HTML kodu, web mjesto će imati poteškoća s promicanjem. Razine h4, h5, h6 manje su značajne.
Hijerarhija H-oznaka
Glavno pravilo pri slaganju naslova je njihova hijerarhija. Nije nužno da tagovi slijede jedan za drugim po veličini, ali je neprihvatljivo koristiti npr. h3 u tekstu ako nigdje nemate h2 meta ili koristiti h6 bez h5.
Ovako izgleda hijerarhija s ispravnim ugniježđenjem:
Što je h1 oznaka?
Oznaka h1 je sadržaj teksta (poput naslova knjige ili naslova novinskog članka).
Svaka stranica treba imati jedan i samo jedan h1 tag.
Što se tiče atraktivnosti za korisnika, ono je od primarne važnosti. Ali za SEO promociju, .
Naslov je također naslov, ali nije napisan samo za ljude, već i za robote. Ne prikazuje se na samoj stranici, već samo u kartici preglednika i u isječku kao aktivna veza na web stranicu. Zapravo, naslov je alternativni, ali glavni naslov za HTML dokument. Ako ga nema, onda tražilica uzima h1 kao osnovu i koristi ga u srp.
Zašto bi se h1 razlikovao od naslova?
Vrlo je važno razumjeti da su h1 i Title različite naslove. 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 toga da stranica padne pod filter. Nedavno su se tražilice počele fokusirati na Posebna pažnja kvalitetu sadržaja i njegove SEO postavke. Duplikati, spam, kaotično postavljanje naslova i njihova neusklađenost sa sadržajem su kažnjivi.
Zahtjevi za duljinu H1
Preporuča se da H1 bude sažetiji od naslova, ne premašujući broj znakova veći od 50. Ali neće biti katastrofa ako naslov ispadne duži, kada nije moguće ugurati cijelu bit u naznačeno broj.
Posebni dodaci za WordPress omogućuju analizu ispravno punjenje sve meta izravno u editoru.
Pravila za pravilno pisanje h1
- Mora biti jedinstven za cijelu stranicu i apsolutno čitljiv;
- Ne ponavlja se naslovna oznaka, ali mu također ne proturječi;
- Ne biste trebali biti predugi (naslov možete učiniti voluminoznijim);
- Korišten samo jednom po stranici;
- Relevantno za tekst i odražava semantičku bit materijala;
- Zanimljiv i privlačan korisniku;
- Ne možete staviti točku na kraju i preporuča se minimalna upotreba interpunkcijskih znakova.
Primjena ključeva
Glavni ključne fraze, prije svega, mora sadržavati naslov. Ali i oni bi trebali biti napisani u h1. U oba slučaja bolje je to učiniti na samom početku. Ali bilo bi bolje ključne riječi nisu se duplirali u ove dvije oznake. Morate koristiti različite oblike riječi ili razrijeđene pojave u h1 i izravne pojave u naslovu.
Neki uzimaju sve ključeve na stranici i koriste ih za stvaranje strukture članka. Odmah imajte na umu da će bez cool PF-ova takvo rasipanje ključeva u podnaslovima biti kažnjeno filtrom za neželjenu poštu.
Psihološke tehnike za pisanje atraktivnog naslova
Naslov bi trebao biti privlačan. Evo videozapisa Maxima Ilyakhova, stručnjaka u području medija, rektora Škole urednika i tvorca usluge Glavred:
Evo još par “trikova” koji se koriste pri pisanju naslova.
Riješenje
Imajte na umu da čovjek uvijek ne traži informacije ili robu, već, prije svega, rješenje za svoje probleme, želje, potrebe. Točno se pozabavite željenim problemom ciljane publike
Primjer dobrog naslova: „Opada li vam kosa? Zaustavite gubitak kose u tjedan dana."
Primjer lošeg naslova: “Može li se zaustaviti gubitak kose?”
U prvom slučaju jasno identificiramo problem i predlažemo specifično rješenje. U drugom slučaju neizravno se utječe na problem i zamagljuju se opcije za njegovo rješavanje.
Intriga
Primjer dobrog naslova: “Otkrivamo tajnu najučinkovitijeg recepta za gubitak kose.”
Primjer lošeg naslova: " Najbolji recept za gubitak kose."
Prijemni "ispit"
Ovako napisana rečenica izaziva čitatelja, poziva ga da sam sebe iskuša.
Primjer dobrog naslova: “Jeste li sigurni da se ispravno borite protiv gubitka kose?”
Primjer lošeg naslova: “Znate li sve o gubitku kose.”
Naravno, ovo nisu sve metode koje pomažu utjecati na percepciju osobe i privući njezin interes. Čitajte knjige o marketingu kako biste saznali više ako ste zainteresirani za ovu temu. Inače, naslov može biti i “primamljiv”. Štoviše, najvjerojatnije je on taj koji je istaknut u rezultatima pretraživanja. Njegov prikaz možete provjeriti nakon što se stranica indeksira.
Zašto su potrebni podnaslovi h2-h6?
Oznake od h2 do h6 nalaze se u tijelu samog članka, strukturno ga dijeleći na tematske odlomke, te u kodu HTML dokumenta, ističući ga značajni elementi. Oni su također identificirani roboti za pretraživanje za semantičku analizu stranice.
Potrebno je hijerarhijski označiti sve važno i vrijedi pogledati korisnika na stranici. Ova struktura pomaže osobi da se brzo snađe u informacijama i procijeni njihovu usklađenost s njihovim potrebama.
h2 – fokusira pozornost korisnika i tražilice na glavni sadržaj članka. Prikazuje najvažnije stvari u tekstu.
h3 je podstavka za informacije koje idu pod H2, otkrivajući ih još dublje.
h4, h5, h6 – definiraju se kao ugniježđeni podnaslovi (detaljno otkrivaju bit H2 ili H3) i koriste se u tekstu za isticanje sitnica i smislene riječi, kao iu izborniku, bočnoj traci i drugim komponentama web dokumenta.
Sve h-oznake moraju biti unutar 50 znakova.
Kako pravilno napisati podnaslove h2-h6
- Nemoguće je da najmanji podnaslov bude prisutan bez većeg. To jest, ako tekst sadrži meta oznaku h4, tada joj moraju prethoditi h2 i h3.
- Što je viši nivo naslova, to bi font trebao biti veći. U WordPressu su zadane postavke obično postavljene tako da se oznake automatski ispravno formatiraju.
- Sve h-oznake moraju odgovarati sadržaju sadržaja i odražavati bit informacija.
- Neprihvatljivo je koristiti h1-h6 kao sidra ili aktivne veze.
- Ne možete pisati druge oznake unutar oznake h.
- U h-tagovima dopušteni su samo tekst i interpunkcija.
- Podnaslovi ne smiju sadržavati neželjene ključne riječi. Najbolje je koristiti ključne riječi u naslovu, h1, h2, au manjim, poput h3, h5, h6, fokusirati se na detaljnu raspravu o temi.
Ako izgled stranice sadrži naslov i glavni naslov H1, ali sam tekst članka nije prevelik i ne sadrži podnaslove, to nije pogreška. Postoji dosta stranica u TOP-u gdje je sadržaj gotovo kontinuirana traka, možda podijeljena na paragrafe. Možete doći na vodeću poziciju bez "mađijanja" nad označavanjem teksta, stavljajući veći naglasak na. WordPress stranice lako se indeksiraju od strane tražilica. Ipak, korištenje ovih oznaka ne samo da olakšava zadatak, već i čini sadržaj lakšim i ugodnijim za vizualnu percepciju.
Kako ispuniti h-tagove u WordPressu
h1 se obično popunjava u polju iznad teksta u objavi:
Da biste napravili podnaslove h2-h6, morate istaknuti neophodan element i, lebdeći pokazivač iznad kartice "naslovi", odaberite onaj koji vam je potreban klikom na njega. Učinite isto za svaki od podnaslova, uključujući ih u željenom formatu.
Postoji još jednostavniji način - možete upisati tekst u Word koristeći potrebne oznake i jednostavno kopirajte i zalijepite članak u WordPress uređivač. Istaknuto u Naslovi riječi automatski će se pojaviti u prave veličine. Ako je potrebno, možete ih ispraviti pomoću alata za uređivanje WordPress CMS-a.
Nastavlja emitirati svijetu o zamršenosti SEO-a i još mnogo toga. A danas je na dnevnom redu vrlo relevantna tema - zaglavlja web stranice.
Pitanja kao što su ispravna struktura zaglavlja ili načelo korištenja h1, h2 i h3 oznaka u html zaglavljima izazivaju žestoku raspravu, kako u SEO zajednici tako i među običnim webmasterima.
Koristeći ovu priliku, želio bih izraziti svoju zahvalnost čitateljima SEO Mayaka na njihovom aktivnom sudjelovanju u životu bloga. Ne prođe dan da ne dobijem e-mail s pitanjima ili zahtjevima.
Vaša pisma, dragi čitatelji, često formuliraju teme za moje buduće postove, čime me gotovo u potpunosti oslobađaju potrebe da ih planiram.
Na početku svoje karijere kao webmaster također sam se pitao kako pravilno koristiti HTML oznake u zaglavljima na web stranici. Dok sam čitao razne članke na tu temu, uzalud sam pokušavao shvatiti koja je točna struktura naslova iz SEO perspektive.
Ali svi savjeti "iskusnih" temeljili su se na nekakvom nagađanju i nitko nije dao jasno opravdanje za svoje teorije. Proveo sam dosta vremena, "prokopao" hrpu tematskog materijala i kao rezultat toga imao sam još više pitanja.
Tema još nije zatvorena! Mnogi webmasteri početnici jednostavno se izgube u moru informacija i općenito prestaju razumjeti bilo što. Situacija je vrlo slična zabuni oko upotrebe nofollow i noidex oznaka.
Ovim ću člankom pokušati razjasniti temu koja brine mnoge i ujedno odgovoriti na pitanja mojih čitatelja. Ići!
Cijela istina o utjecaju HTML oznaka h1 - h6 na promociju web stranice
Većina SEO optimizatora savjetuje stavljanje naslova članka izravno u h1 oznaku i postavljanje naslova bloga kao obične veze.
Naslov članka
Naslovi u tijelu članka
Podnaslovi u tijelu članka
Naslovi na bočnoj traci
h5 i h6 nije potrebno koristitiOva struktura naslova koristi se na gotovo svakom drugom blogu. Ne mogu reći da je to pogrešno, želim reći nešto drugo.
Prije nekoliko godina, još uvijek nisam pronašao jasne odgovore na svoja pitanja, ja ispravna struktura primjene h1 - h6, odlučio sam ostaviti sve kako je izvorno bilo raspoređeno u predlošku. A bilo je ovako uređeno:
Naslov stranice u zaglavlju
Naslov članka
Naslovi koje sam umetnuo u tijelo članka
Naslovi usluga ispod članka i na bočnoj traci
Uopće nije korišten
Koristi se za neka elegantna zaglavlja bočne trake
S vremenom je lavovski dio stranica moje kulinarske stranice dospio na TOP, a za upite s učestalošću od 10 000 - 100 000 upita mjesečno. Imajte na umu da su glavni naslovi mojih članaka bili zatvoreni u oznaku h2.
U vezi s navedenim postavlja se par razumnih pitanja za “iskusne”. Ljudi, kako se to događa i gdje je hvaljeni utjecaj oznake h1? Ako idemo logikom vašeg savjeta, onda bi moji članci, s “nerazvijenim” h2 naslovima, trebali biti negdje u pozadini Rezultati pretraživanja?
Na bilješku! Naslov članka omeđen HTML h1 tagom, sa SEO gledišta, ne razlikuje se od naslova omeđenog h2 tagom
Mnogi webmasteri, nakon što su pročitali takve upute, provode svoje vrijeme mijenjajući strukturu naslova u nadi da će to pomoći njihovim "omiljenim" stranicama da se probiju u TOP.
Morat ćemo ih uznemiriti. Da bi članci bili dostojni TOP-a, oznaka h1, najblaže rečeno, neće biti dovoljna!
Da bi bile u TOP-u, stranice moraju imati dobar pokazatelj ponašanja. Štoviše, članci moraju biti ispravno sastavljeni, ključevi moraju biti ispravno odabrani za njih, moraju imati visoku relevantnost za upite pretraživanja i još mnogo toga.
I što je najvažnije, oni bi trebali biti zanimljivi i korisni za korisnike, a tada će cijenjeni TOP postati mnogo bliži. To su stvari, a naslovi, bili h1 ili h2, nemaju neki značajniji utjecaj na rangiranje stranica u rezultatima pretraživanja.
Predviđam da će se mnogi odlučiti ne složiti sa mnom. Pa, to je stvar vlasnika. Ali kako moji argumenti ne bi izgledali neutemeljeni, objavit ću svoje dopisivanje s Yandexovom službom podrške, koju stalno vodim, o raznim temama.
Kako Yandex gleda na zaglavlja stranica
Nadam se da se momci iz Platoovog tima neće uvrijediti što sam javno iznio neke detalje naše komunikacije s njima. Ali kako ja to vidim, samo moje riječi u ovom slučaju, neće biti dovoljno.
Moje pismo Platonu:
Pozdrav dragi Yandexov tim za podršku!
Imam nekoliko pitanja za vas u vezi koristeći HTML oznake u naslovima.
Na Internetu, na raznim forumima i drugdje postoji velika pompa oko upotrebe h1 i h2 oznaka u naslovima. Mnogi ljudi preporučuju prilaganje naslova glavnih postova u h1, dok drugi, naprotiv, tvrde da bi h1 trebao istaknuti opći naslov stranice.
S moje točke gledišta, kada moderne tehnologije, HTML oznake naslova ne bi trebale imati značajan utjecaj na rangiranje određene stranice ili web mjesta općenito u pretraživanju.
U vezi sa gore navedenim, htio sam pitati:
1. Je li važno u kojoj je oznaci naslov?
2. Je li moguće koristiti sliku kao naslov i kako će robot za pretraživanje to “izgledati”?
3. Uzimaju li algoritmi robota u obzir hijerarhiju oznaka h1, h2 itd.?
Bit ću vam vrlo zahvalan na odgovoru.
Srdačan pozdrav, Vitaly Kirillov
Na što sam ubrzo dobio sljedeći odgovor:
Pozdrav, Vitalij!
1. Ne, to ne utječe na poredak.
2. Da, možete. Najvjerojatnije ć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 snađe kroz stranicu, što znači da štedi njegovo vrijeme. Osim toga, robotu Yandex bit će lakše razumjeti strukturu dokumenta. Stoga biste trebali istaknuti naslove s ovim oznakama u skladu s hijerarhijom dokumenta.
S poštovanjem, Platon Shchukin
Usluga podrške Yandex
Nadam se da sam mnoge uvjerio!
Sažmimo sve gore navedeno i izvučemo neke zaključke:
Zaključak br. 1. Naslovi web-mjesta trebaju imati jasnu hijerarhiju. Odnosno, počevši od naslova stranice (h1) i tako dalje niz lanac.
Zaključak br. 2. HTML h1 oznaka ne utječe na rangiranje. Robota nije briga u kojoj je oznaci naslov članka. Bilo bi glupo pretpostaviti suprotno, s obzirom na današnje moćne analitičke tehnologije.
Zaključak br. 3. Naslov može biti čak i ispravno optimizirana slika. Možete sigurno koristiti bilo koju sliku, na primjer s logotipom, kao naslov stranice.
Istovremeno, nitko nije otkazao pravilan sastav naslova sa SEO gledišta, ali o tome neki drugi put.
Ažuriranje od 06.02.2014
Nakon rasprave u komentarima, odlučio sam provesti eksperiment. Danas sam objavio članak pod naslovom “Dinamički Sitemap korištenjem sveobuhvatnog dodatka za SEO paket”, u kojem je naslov glavnog posta bio ograđen h6 oznakom.
Svrha eksperimenta je utvrditi utjecaj HTML oznaka h1 - h6 na rangiranje stranica u rezultatima pretraživanja i time zatvoriti ovu temu.
—————————————————————————————————————————————————-
Ažuriranje od 30. lipnja 2014
Eksperiment je već dovršen i da biste provjerili njegove rezultate, unesite izraz "Dinamička karta web mjesta" u Yandex ili Google pretraživanje, pod kojim je eksperimentalni članak prilagođen.
Vidimo se!
Iskreno, Vitalij Kirilov
Igore. Ažuriranje: 6. listopada 2012.
Pozdrav, dragi čitatelji! Nastavljam objavljivati u rubrici, a današnji post bit će posvećen formiranju html naslova (h1-h6 tagovi), kao i metodama oblikovanja html tekst izoliranjem potrebne riječi ili fraze (strong, b; em, i oznake) i fragmente teksta (blockquote, pre oznake).
Mora se reći da su ovi alati vrlo često traženi u radu webmastera, pa sam smatrao potrebnim govoriti o njima, pogotovo jer pravilna upotreba gore navedenih html oznaka pridonosi uspješnoj promociji projekta. Općenito govoreći, sve informacije koje nudim su vrlo važne, njihova količina je promišljena, pa se pokušajte upoznati s njima što je bliže moguće, nastojim ne dati ništa suvišno.
Ovo se odnosi i na ovaj odjeljak osnove html-a, kao i druge rubrike. U okviru ovog odjeljka već smo ispitali koncept, kao i definiciju. Da vas podsjetim jako puno važno pravilo: blok oznake može sadržavati druge blok elementi, međutim, snažno se ne preporučuje postavljanje blok oznaka unutar ugrađenih oznaka.
Oznake naslova h1-h6
Siguran sam da su mnogi od vas već naišli na oznake naslova h1-h6, ali možda neki podcjenjuju njihovu važnost u smislu SEO pogled. Činjenica je da ove oznake igraju važnu ulogu u ovom pitanju i pokušat ću se dotaknuti i ovog aspekta. Elementi h1-h6 su dobili ime po veliko slovo engleska riječ"Zaglavlje" Sintaksa zaglavlja u html kodu je sljedeća:
H1 sadržaj zaglavlja
H2 sadržaj zaglavlja
H3 sadržaj zaglavlja
h4 sadržaj zaglavlja
h5 sadržaj zaglavlja
h6 sadržaj zaglavlja
Pisanjem ovog dijela html koda kada se prikaže u pregledniku, dobivamo:
Najviše vrhunska razina 1, najniža - 6. Dakle, svaki tekst može se klasificirati u smislu njegove važnosti. Oznake h1-h6 su blok oznake, tako da naslov koji definiraju zauzima sav mogući prostor širine. Međutim, iako su ovi elementi blok elementi, oni ne bi trebali sadržavati druge blok oznake, samo ugrađene oznake. Što se tiče optimizacije članaka i cijelog resursa u cjelini, postoji nekoliko preporuka:
- najvažniji su sa stajališta rangiranja u tražilicama, stoga su najtraženiji i najčešće korišteni. Preporučljivo je upotrijebiti h1 tag naslov jednom na stranici (obično se nalazi na stranici s člankom kao naslovom posta, na mom blogu je za sada malo krivo, ali idem popraviti situaciju ). Naslov h2 koristi se za podnaslove, ako je građa velika i treba je podijeliti na logične dijelove, h3 - za podnaslove logičnih fragmenata tih dijelova; osim toga, h2 i h3 mogu se koristiti na glavnoj stranici i stranicama kategorija.
- 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 praktičnosti čitatelja, tada i oni dolaze u pomoć (na primjer, u opsežnom priručniku, u svakom od dijelova definiranih elementom h3, to je potrebno istaknuti logične dijelove s podnaslovom h4). Osim toga, oznake h4, h5, h6 mogu se koristiti za nazive bilo kojih blokova u bočnoj traci, podnožju (podnožju) itd.
- Preporučljivo je obavezno koristiti naslove h1, h2, h3. Naravno, nisam analizirao ozbiljnost tražilica kada se ovo pravilo ne poštuje, ali logično je pretpostaviti da se to uzima u obzir prilikom rangiranja.
- Mora se dodati da sadržaj naslova, posebno h1-h3, mora nužno sadržavati ključne riječi definirane s , budući da tražilice pridaju veliku važnost ključnim riječima i frazama.
Pa, naravno, korištenje oznaka html zaglavlja, a to je glavna stvar, čini materijal praktičnijim za razumijevanje korisnika. Što se tiče atributa poravnati oznake h1-h6, onda neću sada o tome, jer se ne preporučuje za upotrebu prema pravilima html specifikacije. Razgovarat ćemo o tome kako diverzificirati izgled podnaslova prihvatljivim metodama koje neće kršiti pravila kada počnemo proučavati.
Oblikovanje teksta pomoću posebnih HTML oznaka
Oblikovanje teksta- ovo je izbor sredstava za promjenu, kao što je uređivanje fonta ili korištenje raznih efekata. U mnogim slučajevima njihova ispravna uporaba doprinosi promociji web stranice.
Logičko i fizičko oblikovanje - značajke korištenja svakog od njih
Dopustite mi da primijetim razliku između logičkih i fizičkih (vizualnih) oznaka za oblikovanje. Physical je prvenstveno namijenjen korisnicima koji im omogućuje da istaknu njima važne dijelove teksta. Logical, s druge strane, stavlja naglasak na odabrani tekst za tražilice koje to područje uzimaju u obzir prilikom rangiranja.
Najupečatljiviji primjer su strong i em, što su oznake logičko oblikovanje, te prema tome b i i - fizičko oblikovanje. Prilikom prikaza teksta uokvirenog oznakama strong i b (podebljano), em i i (kurziv) u pregledniku nema vizualne razlike:
Podebljani tekst za tražilice Podebljani tekst za korisnike Tekst u kurzivu za tražilice Tekst u kurzivu za korisnike
Priča se da je značenje oznaka strong i em U zadnje vrijeme pao ozbiljno i tražilice sada im se pridaje malo pažnje. Međutim, ipak ne bih preporučio da se zanosite njihovom upotrebom, označavanjem ključnih riječi njima, pogotovo jer postoji razumna alternativa u obliku elemenata em i i.
Koje još oznake postoje koje vam omogućuju formatiranje tekstualnog sadržaja?
Sada još nekoliko riječi o drugim oznakama za formatiranje teksta, koje se iznimno rijetko koriste, ali su ipak potrebne jer postoje. Možda će nekome ova informacija biti korisna. Kao i obično, zabilježit ću samo one oznake koje su u skladu sa specifikacijom html 5. Počnimo s fizičkim (vizualnim) oznakama za oblikovanje (oznake b i i raspravljene su gore).
- Mali - služi za smanjenje veličine fonta za jedan u odnosu na obični tekst.
Naravno, ovo su samo neki od fizičkih elemenata oblikovanja, ali ja sam odabrao samo one koji vrijede u odnosu na html 5, ostale je preporučljivo zamijeniti css stilovima s kojima ću vas uskoro upoznati. Ispod su primjeri oznaka logičnog oblikovanja.
- Abbr - označava da je navedeni niz znakova kratica. Skraćenica se dešifrira pomoću atributa titula i iskače kada kursor pomaknete preko teksta.
Ponekad korak naprijed zahtijeva korak nazad.
(function() ( var request, b = document.body, c = "className", cs = "customize-support", rcs =new RegExp("(^|\\s+)(no-)?"+cs+" (\\s+|$)"); zahtjev = istina; b = b.replace(rcs, ""); b += (window.postMessage && zahtjev ? " " : " ne-") + cs; )() );
Oznake logičkog i fizičkog oblikovanja predstavljene iznad često se ne susreću pri pisanju html koda, ali znanje o njima potrebno je barem kako bi se pojasnila njihova uloga u modernoj promociji web stranica. Zatim ćemo pogledati još dvije HTML oznake za oblikovanje teksta koje igraju važnu ulogu.
Kako umetnuti citat pomoću blockquote i istaknuti fragment teksta pomoću pre
Html blockquote oznaka koristi se za oblikovanje teksta, označavanje citata unutar dokumenta. Prilično je uobičajen i često se koristi pri pisanju postova na web stranicama i blogovima o određenim temama. Evo primjera:
Oznaka blockquote je uparena oznaka i može uključivati blokove (na primjer p oznake odlomaka) i elemente u liniji.
Odlomak teksta omeđen oznakom p
Odlomak teksta unutar oznake za oblikovanje blok citata.
Nema skup jedinstvenih atributa, ali . U svakoj temi dizajn citata u tekstu može biti drugačiji, ovisi o stilu i dizajnu predloška koji je određen css stilovima koje 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 često tražen - oznaka pre. Ovaj element vam omogućuje da prikažete dio teksta unaprijed formatiran izravno u HTML kodu. Zadana značajka prikaza u pregledniku je da se bilo koji broj razmaka koji se pojavljuju u nizu prikazuje kao jedan na web stranici. Oznaka unaprijed pomaže zaobići ovu specifičnu značajku. Odnosno, ono što ste i kako ste napisali bit će točno reproducirano na stranici ako je dio teksta zatvoren između početnih i završnih pre oznaka.
Oblikovanje HTML teksta pomoću pre oznake pre oznake - upareni i blok elementi
Tekst će se pojaviti u točno istom obliku u pregledniku:
Oblikovanje HTML teksta pomoću pre oznake pre oznake - upareni i blok elementi
Pa, to je vjerojatno sve o čemu sam danas želio razgovarati u vezi s oznakama naslova h1-h6, kao i glavnim elementima html oblikovanja teksta. Sigurno će biti nastavka, stoga se pretplatite na ažuriranja bloga kako ne biste propustili najnovije materijale. Pa, na kraju, nakon dugog teškog članka, nasmiješite se dok gledate našu manju braću:
Želite pravodobno primati svježe, relevantne i korisne članke? Tada se možete pretplatiti:
Više članaka na ovu temu:
34 recenzije
- Sergej
Hvala na detaljnom članku o trenutna tema, ali odmah se nameću pitanja.
Prije svega, naslovi, odnosno njihova izravna uporaba. Naišao sam na dva mišljenja.
1. Kod treba sadržavati naziv stranice, - naslov članka, - podnaslove. Oznaka bi trebala biti jedina na stranici.
2. - naslov članka i naziv stranice, - podnaslovi.Ti koristiš prvu opciju, ja koristim drugu, ali ne mogu sam opravdati izbor, jer su mi tako savjetovali.
Još jedno pitanje o snažnoj oznaci - opet postoje glasine da se PS-ovi prema njoj počinju odnositi ne samo ravnodušno, već i neprijateljski, točnije, s obzirom na njihovo isticanje ključne riječi ili izraza. Alternativa je istaknuti rečenicu koja sadrži ključ u cijelosti.
U nekom sam trenutku potpuno napustio ovaj tag, ali prerano je govoriti o rezultatima.
- Sergej
Žao mi je, zaboravio sam da motor izrezuje oznake:
1. Kod h1 treba sadržavati naziv stranice, h2 - naslov članka, h3 - podnaslove. Oznaka bi trebala biti jedina na stranici.
2. - h1 je naslov članka i naziv stranice, h2 su podnaslovi. - Bosiljak
Igore, samo ne mogu shvatiti gdje je oznaka H1. Ti i ja imamo sliku u zaglavlju. Imaš tu oznaku. Prilikom analize moje web stranice s jednom uslugom, na kraju mi je rečeno da uopće nemam H1 oznaku na svojoj web stranici. Kako ga uopće umetnuti u zaglavlje stranice?
- Igore
Sergey, mnogo toga što se tiče SEO-a uči se u praksi kroz eksperimente. Ne mogu definitivno odgovoriti ovaj trenutakŠto je bolje, nitko to ne može. Ne 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 svakoj stavci, odmah ću ih objaviti. O oznaka jaka, onda, po mom mišljenju, isticanje ključnih riječi ili izraza jednom u članku ne bi trebalo učiniti nikakvu štetu, sve je to nepotrebno hype.
- Igore
Točno. 🙂
- Igore
Vasily, napisao sam naslov u funkcijama teme izravno na administrativnoj ploči. Izgled- Teme, za moju temu postoji mnogo opcija s kojima možete uređivati ovo ili ono područje moje teme, uključujući unos naslova. A ti si, koliko sam shvatio, promijenio izvorni naslov svoje teme, zar ne? Štoviše, potpuno su promijenili sliku, a slika je već imala naziv vašeg resursa. Niste napisali h1 u zaglavlju, odakle dolazi? Pažljivije pogledajte funkcije svoje teme, možda i tamo postoji slična funkcija. Tamo gdje izgleda "Upravljanje temama", trebale bi postojati poveznice, nešto poput "Prilagodba", "Opcije teme" i već tamo potražite poveznicu poput "Naziv i opis stranice". U mojoj temi, na primjer, možete puno toga promijeniti, čak i boje web stranice i zaglavlje, učitavanjem nove slike. Javite mi u komentarima kako je ispalo.
- Bosiljak
Da, promijenio sam sliku u zaglavlju. Vraćen na mjesto testiranja originalna slika. I dalje nigdje nisam mogao pronaći H1. Instalirao sam vrlo sličnu twin temu, ni ove oznake nema, samo H2. Mogu li postojati teme bez oznake H1? Zatim sam instalirao standardnu temu, nisam našao ovu oznaku na glavnoj stranici, ali na stranici postoji oznaka H1 u naslovu članka. Ali ne znam kako to dodati u zaglavlje stranice.
- Igore
Vasily, pažljivije pročitaj moj prethodni odgovor i pokušaj unijeti naziv web stranice kroz administrativnu ploču. Trebala bi postojati funkcija kontrole teme, imate stilove za h1 zaglavlje u svom CSS-u, pogledao sam.
- Bosiljak
U standardna tema sve je. U samim postavkama teme nema takvih opcija. Kroz
Administratorska ploča -> Teme -> Postavke i opis stranice. Tamo sam napisao naziv stranice i
Kratki opis. Ali još uvijek nema oznake h1. Ponovno sam ovo instalirao na testnom mjestu
tema, ovdje je adresa http://komp.vellisa.ru/. Možete se prijaviti putem Yandexa, jer je zatvoren
od indeksiranja. Ranije, kada sam napisao naziv stranice u Admin Panel, to je bilo dodano u zaglavlje, ali nije izgledalo lijepo. Sada se iz nekog razloga natpisi ne dodaju. - Igore
Vasilij, istražio sam tvoj problem. Stvar je u tome da, prema css stilovi Naslov vaše teme, okružen h1 oznakama, jednostavno ne stane u zaglavlje. Pokušajte sljedeće. Ako radite sa Chrome preglednik, pomaknite kursor na sliku u zaglavlju i kliknite desni klik miševi, od kontekstni izbornik odaberite Pregled koda artikla. U donjoj polovici prozora vidjet ćete html kod Ova određena slika, ova linija bit će istaknuta tamnoplavom bojom. Ova poveznica vodi do slike zaglavlja vaše teme. S desne strane bit će prikazani stilovi za ovaj određeni element. Desnom tipkom miša kliknite ovu vezu i odaberite "Izbriši čvor" iz kontekstnog izbornika. Vidite li da je element uklonjen? Nadam se da razumijete da će nakon ponovnog pokretanja preglednika sve doći na svoje mjesto, pa možete eksperimentirati koliko god želite. Ovaj element je zatvoren u spremniku<_div class="span-11">. Nakon uklanjanja veze na slike, veza na početna stranica. Kao sidro za ovu vezu napišite bilo koju riječ u h1 oznakama, na primjer, Svijet. Odnosno, izgledat će otprilike ovako: poveznica na glavnu stranicu zatvorena u spremniku span-11<_a_href vellisa.ru_=""><_h1>Svijet<_><_>. I odmah ćete vidjeti ovu riječ umjesto slike (što, usput, nije potrebno, budući da je naziv teme tu, koliko sam shvatio. Pokušajte prenijeti sliku umjesto ove slike manje veličine i ponovno pokušajte unijeti naziv stranice kroz admin panel. Ako ne bude išlo, djelovat ćemo sadržajnije.
- Bosiljak
Igore, hvala ti puno na pomoći. Izbrisao sam element, ali nije baš jasno kako ga umetnuti. Nasumično sam ubacio ovu riječ, nije baš išlo, ali riječ je bila tu. Ne mogu napisati promjene u nazivu stranice, promijenim ga, ali ništa se ne prikazuje u zaglavlju.
Je li općenito moguće osigurati da na svojoj glavnoj stranici još uvijek imam sliku koja je sada tamo i nekako dodati h1 oznake? - Igore
Vasily, malo strpljenja, sada sam previše zauzet, čim riješim problem, ne obećavam, ali pokušat ću pomoći, objavit ću odgovor u komentarima.
- Bosiljak
Hvala Igore. Naravno da ću pričekati, nije hitna stvar.
- Eugene
Slažem se da su oznake neophodna stvar i njihovo ignoriranje je skuplje za vas. Ako se H1 H2 gotovo automatski pojavljuje na stranici (naslov članka i web stranice), tada H3 treba sami napisati u tijelu članka.
Na računu poravnati atribut Ove oznake su kontroverzna opcija. Još nisam primijetio njegov utjecaj na promociju, vjerojatnije je da ga nema. Nema kršenja niti u dijelu valjanosti. Pa pretpostavljam da je svačija volja. - Igore
Evgeniy, stvarno još nema utjecaja na promicanje atributa align, ali što se tiče valjanosti, zanio si se. Ne preporučuje se za korištenje ne samo prema specifikaciji html 5, već čak ni prema html 4.01. Umjesto ovog atributa, preporuča se koristiti sličan svojstva poravnanja teksta, koji je napisan u css-u.
- Igore
Vasily, oprosti što smo morali čekati tako dugo. Samo sam se malo rasteretio i sad sam riješio tvoj problem. Slijedite moje daljnje upute kako bi se zaglavlje H1 pojavilo u zaglavlju. Najprije morate urediti svoju naslovnu sliku. Možete ga pronaći ovdje: http://vellisa.ru/wp-content/themes/cooltext643525798.png, odnosno u mapi s trenutnom temom. Preuzmite ga na svoje računalo pomoću npr. Otvorite ga u bilo kojem grafički urednik, čak i jednostavno program bojanja učinit će. Tamo jednostavnom gumicom izbrišite natpis "vellisa.ru". Ako se to ne učini bit će dvostruki natpis ili će ga natpis s h1 preklopiti i izgledat će ružno. Zatim otvorite datoteku header.php, koja je odgovorna za zaglavlje, koristeći notepad++, pronađite redak tamo.
U prethodnom sam opisao glavne faktore rangiranja za tražilice.
U ovom članku ćemo pogledati kako pravilno sastaviti naslove za stranice web stranice. Ovaj se faktor odnosi na interne faktore rangiranja i potreban je kada odgovarajuća optimizacija sadržaj na stranicama web mjesta.
Već sam govorio o njihovoj važnosti i ulozi za SEO. Danas ćemo pobliže pogledati oznake poput H. Ukupno ima 6 takvih oznaka, no uglavnom se koriste samo prve 3 - oznake h1, h2 i h3.
SEO stranica h1 naslov i njegova važnost
Najviše glavni naslov stranice su označene oznakom h1. To može biti naslov stranice, članka ili proizvoda. Ovo je obavezno zaglavlje i mora biti prisutno na svim stranicama web mjesta bez iznimke.
Vrlo često naiđem na takvu situaciju na web stranicama koje sam napisao ili jednostavno u neprofesionalno sastavljenim predlošcima da jednostavno nema h1 oznake. Na mjestu naslova stranice umjesto h1 nalazi se oznaka h2. Još je unutra najbolji mogući scenarij- događa se da na stranici uopće nema naslova tipa H. A ono što izgleda kao zaglavlje samo je običan div ili span blok s unaprijed napisanim stilovima sličnim zaglavlju.
Obavezno provjerite prisutnost oznake h1 na stranici na samom početku optimizacije ili čak i ranije - u fazi razvoja stranice. Osim toga, na stranici bi trebao biti samo 1 h1 tag.
Opet, česta pojava je kada na stranici postoji nekoliko h1 oznaka. Ovo je opet tipično za web-mjesta koja su sami napisali, bilo napravljena pomoću konstruktora ili pomoću razne vrste softver poput , groznog koda o kojem sam ranije pisao.
Zadnja stranica koju sam uzeo za optimizaciju bila je samo stranica od jedne stranice sastavljena na Museu i kada sam pogledala kod stranice našla sam čak 7 naslova označenih oznakom h1 - ovo je užasna greška.
Naslov H2 i njegova važnost za promociju
Ako se mnogi još uvijek pridržavaju pravila i koriste h1 na stranicama svoje stranice, onda mnogi zanemaruju oznaku h2, ali uzalud! Ova oznaka obično označava pododjeljke članka ili stranice.
Još uvijek u fazi prikupljanja semantička jezgra za web mjesto u cjelini ili za zasebni članak, morate otprilike razumjeti od kojih će se odjeljaka članak sastojati. Hoćemo li detaljno opisati prednosti, troškove ili bilo koje druge pojedinosti o temi članka ili proizvoda.
Razmotrimo primjer stranice proizvoda u trgovini fotografske opreme - ako h1 naslov stranice izgleda kao "Canon 6d Body", tada ćemo h2 tagom grubo razbiti opis samog proizvoda na stranici na dijelove ( pododjeljci) i izgledaju kao "Karakteristike Canon 6d Body" i "Prednosti fotoaparata Canon 6d Body".
Dakle, zbog naslova poput h2, mi ćemo uhvatiti važne točke, što također može zanimati posjetitelja stranice osim samog naziva. Sada će se stranica natjecati s drugima ne samo po zahtjevima za glavnim “Canon 6d Body”, već i po dodatnim zahtjevima u vezi s prednostima i karakteristikama ovog modela fotoaparata. I pokrivenost više zahtjeva zauzvrat znači povećanje prometa na stranici.
Usput, primijetio sam slučajeve i na svom blogu i na stranicama klijenata kada je naslov poput h2 završio u isječku rezultata pretraživanja. Tu u pravilu ide ili h1 ili naslov - oba su najvažnija naslova stranice i imaju prednost, no moguć je i utjecaj h2 na isječak.
Na primjer, ovaj članak može lako doći do TOP-a za upit "Naslov h2", samo zato što se ovaj izraz nalazi u oznaci h2.
Nekoliko riječi o naslovu h3 i je li uopće potreban
Vrlo rijetko koristim naslov s oznakom h3 u svojim člancima. U slučajevima kada članak sadrži 5000 znakova ili više, pa čak i ne uvijek, možete se snaći i razdvojiti članak na pododjeljke i označiti ih oznakom h2.
Svi naslovi počevši od h3 pa do h6 imaju istu ulogu stranice za pojašnjenje i podjele na pododjeljke, ali to se koristi izuzetno rijetko. Samo morate imati vrlo velik članak kako biste mogli izgraditi takvu hijerarhiju pododjeljaka stranice i koristiti sve vrste naslova.
Za primjer ugniježđivanja podnaslova, pisati ću o hijerarhiji naslova, a naslov ovog odjeljka označiti oznakom h3.
Redoslijed i hijerarhija naslova na web stranici
Svi naslovi moraju biti u strogom redoslijedu. Prvi naslov na stranici uvijek je h1.
Ako su se pododjeljci za svaki od naslova h2 pokazali impresivne veličine i dotiču nekoliko još manjih podtema, tada unutar svakog ili jednog zasebnog pododjeljka s oznakom h2 napravite presavijene "mini" pododjeljke stranice i označite ih sa h3.
Nije nužno da svi pododjeljci naslovljeni oznakom h2 budu veliki i potrebno ih je podijeliti u još nekoliko pododjeljaka. U nastavku ću pokušati jasno pokazati kako pravilno ugnijezditi zaglavlja na stranici.
8 sviđanja
- 1
Pavao
Alexander, jako sam zabrinut zbog pitanja o oznakama. Trudim se pisati ispravno i jasno o svojim uslugama. Sve sam razumio s naslovom stranice (h1), ali imam 12 na istoj stranici razne ponude za klijenta, izravno povezano s glavna tema stranice. Dakle, mogu li napraviti 12 h2 naslova na ovoj stranici? Koliko teksta treba biti ispod svakog naslova? I da, razvodnim ih slikama... Unaprijed hvala na odgovoru.
- 3
Andrej
Kako će raspon unutar h1 utjecati na poredak?
w3c ima puno grešaka. ili još bolje, napravite NASLOV - 5
Grattol Kazahstan
Molim vas, recite mi što će se dogoditi ako prvo dođe h3, a zatim h2? Imam trgovinu na Wukomerzu i opis proizvoda je ovakav. Trebam li to popraviti? Tamo već ima mnogo robe.
- 7
Sergej
I ako se moja oznaka h1 sastoji od dvije fraze, od kojih je jedna, prema ideji dizajnera, napravljena s različitim pomakom. Kako onda bez, recimo, span unutar h1 taga?
- 9
Julija
Alexander, molim te reci mi. Na web stranici koja prodaje proizvod, u opisu imamo i h1 i h2. Pitanje: “Tehničke karakteristike” i “Uključeno” - je li moguće/potrebno instalirati h3? Mislim da je ovo nepotrebno i bolje nego inače podebljano, zar ne?
- 11
Aleksandar
Dobar dan, Alexander. Imam 2 pitanja na ovu temu:
1. Želim napraviti mikrooznaku za proizvode online trgovine i imam pitanje: je li moguće koristiti takav dizajn unutar h1 taga? Je li u redu da je itemprop ugniježđen u h1...?.
Pozdrav prijatelji! Drago nam je što vas možemo pozdraviti na blogu Andreya i Dashe - Thebizfromscratch. Prošlo je dosta vremena otkako smo išta pisali o SEO-u, au ovom članku želimo to nadoknaditi jer je današnja tema Utjecaj naslova H1, H2 – H6 na promociju web stranice. Reći ćemo vam koja pravila i principe koristimo za pisanje naslova na našem blogu i nadamo se da će vam naše iskustvo biti od koristi.
Kako ispravno postaviti meta oznake H1, H2…H6
Dakle, kada stvaramo publikaciju, pišemo meta oznake sljedećim redoslijedom:
To je najznačajniji naslov, stoga je uobičajeno u h1 oznake uključiti glavni ključ za pretraživanje, po mogućnosti razrijeđen neutralnim riječima, tj. razrijeđeni naslov.
Sljedeći najvažniji naslov je onaj koji se koristi za označavanje onog koji odgovara glavnom upitu. zahtjev niske frekvencije.
- H3, H4, H5, H6
Zapravo, oni nemaju previše utjecaja na napredovanje. Međutim, uključivanje ključnih riječi u njih može dovesti do pretjerane optimizacije, što će izazvati samo negativan odgovor robota za pretraživanje. Stoga ove meta oznake koristimo samo za lijepo strukturiranje članka. Kako bi posjetiteljima bilo lakše čitati i odmah razumjeti 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/izraza.
A kako bi gore navedene informacije bile ispravno shvaćene, pogledajmo primjer! Pretpostavimo da ste napisali članak pod upit za pretraživanje- “Kako napraviti web stranicu.” Ovu frazu potrebno je unijeti u polje Naslov i ponoviti najmanje 2 puta bez promjena u samom tekstu. Ili, kao što mnogi ljudi rade, ponove upit za pretraživanje svakih 1000 znakova. 
Ako trebate dodatno istaknuti strukturu, slobodno upotrijebite H2 koji sadrži niskofrekventni upit. Opet, u okviru primjera - “Kako napraviti kvalitetnu web stranicu na WordPress motor" Napišite ostatak meta oznaka bez ključnih riječi. 
- Nemojte uključivati poveznice na druge promovirane stranice u svojim naslovima. Kôd veze bit će uzet u obzir tražilice, kao ključne riječi, i samo će naštetiti vašem poretku.
- Ne postavljajte naslove nižeg reda iznad važnijih. H1 bi trebao biti prvi, zatim H2 i onda rastućim redoslijedom. Trebala bi se pojaviti struktura stabla.
- Preporuča se koristiti H1 jednom, H2 ne više od 3 puta, a H3-H6 onoliko puta koliko je potrebno (samo bez ključeva i samo po potrebi).
Možda su to bila osnovna načela i pravila kojima se rukovodimo pri pripremi članaka. Nadamo se da je tema - utjecaj rubrika H1, H2 - H6 na promociju web stranice - obrađena i da ste je sami pronašli korisna informacija. Ako imate bilo kakvih pitanja, svakako ih postavite u komentarima, pokušat ćemo vam pomoći.
