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 naslova H1, H2 - H6 na promociju web stranice. Reći ćemo vam po kojim pravilima i principima propisujemo naslove na našem blogu i nadamo se da će vam naše iskustvo biti od koristi.
Kako pravilno postaviti meta tagove H1, H2…H6
Dakle, kada pravimo publikaciju, pišemo meta tagove sljedećim redoslijedom:
To je najznačajniji naslov, stoga je uobičajeno priložiti glavni ključ za pretragu, 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 posjetiteljima olakšaju čitanje i odmah shvate gdje prestaje jedna misao, a počinje druga. Štoviše, ne zaboravite da su svi postovi napisani isključivo za čitatelje i ne biste se trebali zanositi čestim ponavljanjem istih riječi / fraza.
A da bi se gore navedene informacije ispravno shvatile, pogledajmo primjer! Pretpostavimo da ste napisali članak za upit za pretraživanje - "Kako napraviti web stranicu." Ova fraza mora biti upisana u polje Naslov i ponovljena najmanje 2 puta bez promjena u samom tekstu. Ili, kao što mnogi rade, ponavljaju upit za pretragu 1 put na 1000 znakova. 
Ako dodatno trebate istaknuti strukturu, slobodno koristite H2 koji sadrži upit niske frekvencije. Opet, kao dio primjera - "Kako napraviti kvalitetnu web stranicu na WordPress engine-u." Ostatak meta tagova treba napisati bez ključnih riječi. 
- 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.
Da li bi H1 i TITLE trebali biti isti ili bi trebali biti različiti? Dugogodišnje pitanje koje se nužno postavlja na svakom sastanku na kojem postoje SEO stručnjaci. Odakle je došao, teško je reći. Možda zbog neslaganja između preporuka pretraživača i primjera u TOP10.
Argumenti za različite naslovne oznake i H1: kažu, tražilica će "misliti" da želimo dvostruko iskoristiti značenje ključne riječi, za što će svakako kazniti 🙂
Razlozi za iste oznake: citat u Yandex pomoći za webmastere.
Da bi robot koji analizira Vašu stranicu mogao ispravno istaći najvažnije odjeljke i ključne stranice, potrebno je da ... tekst u oznaci TITLE za ključne stranice odgovara njegovom nazivu (sa istaknutim naslovom stranice, za na primjer, pomoću oznake H1) i sa tekstovima veza koje upućuju na ovu stranicu.
Kako ih zapravo učiniti istim ili različitim? Uglavnom, nije bitno. Ali vrijedi razmotriti nekoliko tačaka.
- H1 i TITLE se moraju ukrštati
Ako je naslov o jednoj stvari, a H1 o drugoj, onda je pretrazi teže odrediti za koje je ključne riječi stranica relevantna, a korisnici će biti u poteškoćama. Takođe, ovi delovi koda pomažu pretraživačima da formiraju posebne elemente u isječku, kao što su breadcrumbs ili linkovi do sajta. Drugim riječima, nemojte činiti TITLE i H1 potpuno različitim. Pogledajmo nekoliko primjera (samo kao demonstraciju, bez preliminarne analize semantike).
Sajt je salon italijanskog nameštaja u Moskvi. Glavne ključne riječi: salon talijanskog namještaja, talijanski namještaj…
NAZIV: Salon italijanskog namještaja u Moskvi. Kupnja namještaja iz Italije | Naziv salona
H1: dobrodošli
Nije najbolja opcija, jer u H1 uopće nema promoviranih ključnih riječi. Pozdrav se može napisati u tekstu.
H1: Ekskluzivni namještaj iz Italije
Već bolje, jer se oznake ukrštaju duž ključnog "namještaj iz Italije". Ali možda nije u prioritetnim zahtjevima.
H1: Salon italijanskog namještaja Name-Salon
Normalno zaglavlje za glavni zahtjev, ništa više.
Kao što vidite, nema smisla praviti H1 i TITLE potpuno istim, ali oni se ipak moraju ukrštati.
— H1 i TITLE su vidljivi korisnicima u različitim fazama interakcije sa sajtom
TITLE korisnik češće vidi i prije odlaska na stranicu. H1 već vidi kada je na stranici. U tom smislu, bolje je H1 učiniti kratkim i što je moguće više opisati suštinu odredišne stranice, mnogo ovisi o njenoj namjeni. Što se tiče TITLE, osim sadržaja ključnih riječi, on treba da motiviše korisnika na klik (prijelaz). Inače, možete optimizirati relevantnost teksta, ali ne optimizirati konverziju u klikove i, shodno tome, ne primati sav promet.
Na primjer, dio radio-kontroliranih helikoptera na lokaciji.
H1: RC helikopteri (logično)
NAZIV: Kupujte radio-upravljane helikoptere sa dostavom u Moskvi
Ovdje riječ "kupi" poziva na akciju, a "isporuka u Moskvi" uklanja brojna pitanja prije klika.
Tema informacija: kako tkati narukvice od gume
H1: Kako tkati narukvice od gumica na razboju
NAZIV: Gumene narukvice: upute korak po korak i uzorci tkanja sa fotografijama i video zapisima
“Upute i šeme korak po korak” ne samo da proširuju semantiku, već i povećavaju vjerovatnoću klikanja na naslov. Osoba koja traži "kako tkati" samo znači uputstva korak po korak sa fotografijom, ali to ne može uključiti u svoj zahtjev.
— TITLE se pojavljuje na društvenoj mreži
Ako se kod dalje ne konfiguriše, onda kada korisnici dijele stranicu na društvenoj mreži, naslov se preuzima iz naslova. Ako je neželjena pošta, onda onemogućava i prelazak sa društvenih mreža i deljenje u principu. Ako je samo kratak kao H1, onda je i ovo loša opcija.
Ova stavka je najrelevantnija za informativne i novinske projekte. Ali neke od njih rade samo za društvene mreže, pa se pozovite iz naslova poput „Ova žena više nije mogla da se gleda u ogledalo. I to je ono što je ona uradila…” nije uvijek tačno za SEO. Samo imajte na umu kada sastavljate naslove da mogu dobiti naslove na društvenim mrežama.
— TITLE može sadržavati dodatne ključne fraze
Kako bi se stranica promovirala ne samo za odabrane srednjefrekventne fraze, već i za susjedne, kao i veliki skup niskofrekventnih fraza, u naslov se mogu dodati neke riječi iz porodičnog kernela. U skladu s tim, ovo će ga razlikovati od H1 oznake.
Na primjer, imamo skup zahtjeva: ugradnja bitumenskih pločica, ugradnja fleksibilnih pločica, upute za ugradnju pločica, tehnologija ugradnje pločica, tehnologija polaganja bitumenskih pločica, polaganje bitumenskih pločica, ugradnja fleksibilnih pločica video, itd itd. .
H1: Upute za ugradnju fleksibilnih bitumenskih pločica
NAZIV: Postavljanje fleksibilnih pločica, tehnologija polaganja. Cijena, video
Ovdje su naslov i H1 potpuno različiti, ukrštaju se samo s nekim riječima (instalacija, bituminoz, pločica). Nema smisla umetati sve riječi iz jezgra u naslov ili H1, izgledat će neželjeno, a razdvajanje riječi u odjeljke koda (uključujući druge naslove) je dobra strategija.
Šta je naslov, apsolutno svi znaju. Ovo je prostran, atraktivan naslov, koji, uprkos svojoj kratkoći, sadrži suštinu čitave publikacije, članka itd. Ali naslov na stranici sajta nije baš onakav kakav smo navikli viđati u novinama, časopisima ili knjigama. Zašto? Pokušajmo to shvatiti.
Šta je H1?
H1 je glavni naslov u članku, naslov prvog nivoa. Svaka stranica na Internetu ima svoju strukturu. Naslovi H1-H6 vam samo omogućavaju da pravilno strukturirate materijale, kako za pretraživače tako i za korisnike. H1 - glavni naslov, H2-H6 sekundarni, ugniježđeni podnaslovi. U kodu, zaglavlja izgledaju ovako:
sam naslov
, broj samo označava nivo naslova.Naslovi na Internetu služe ne samo za ukazivanje na strukturu i suštinu onoga što se opisuje, već i za optimizaciju stranice. Da biste stranicu doveli na vidljive pozicije u rezultatima pretrage, napišite prave naslove, poštujući 2 jednostavna uslova:
Uvjet 1. Ključne riječi u naslovima
Da biste to učinili, morate razviti visokokvalitetno semantičko jezgro - odnosite se prema njemu vrlo odgovorno i zapamtite da ne možete umetnuti isti ključ na sve stranice web-mjesta. Relevantnost je sve: morate ispuniti očekivanja kupaca i pretraživača. U naslovima glavne stranice možete uzeti srednje i visokofrekventne upite. A na stranicama proizvoda (kartica proizvoda) naslovi s niskofrekventnim tipkama su sasvim prihvatljivi. Ključ mora voditi do određene pozicije ili jedinice, biti precizan, a ne generaliziran.
Kada postavljate ključne riječi, učinite to pažljivo: nemojte pretjerano koristiti ključne riječi niti praviti neželjene naslove (na primjer, kupi stan u Moskvi, kupi torbu za frižider, kupi motocikl Krasnojarsk po ceni, tvoju ne razumem itd.). Zadržite ljepotu fraze i njene logike. U velikom i moćnom ruskom jeziku, riječi se konjugiraju i odbijaju, a roboti sada razumiju značenje, razumiju jezik ništa gore od tebe i mene! I ne brinite - neželjena pošta je očigledna svima, a Baden-Baden je na korak od vas, i ne zaboravite na Pandu iz Google-a.
Primjer gdje broj tipki prelazi skalu, brute force.
Iz glavnog naslova je jasno o kojem proizvodu će biti riječi. Naravno, u prvom pasusu ne možete bez ključa, ali učinite to nenametljivo, a ne tako otvoreno i agresivno.
Pa nadam se da nikome neće pasti na pamet da sve ključne riječi namijenjene jednoj stranici ugura u naslov. Ništa dobro neće biti od toga. =)
Zapamtite da se tekst kreira ne samo za pretraživače, već i za ljude. Općenito, roboti vole humane, jednostavne i razumljive tekstove. Ako u naslovu ključne riječi organski stoje na početku rečenice, onda će funkcionirati malo bolje. One. Sa stanovišta optimizacije stranice za ključnu reč „Hoteli u Moskvi“, naslov „Hoteli u Moskvi – zvanični sajtovi, recenzije, fotografije“ će raditi bolje od „Recenzije, fotografije i zvanični sajtovi hotela u Moskvi“.
Uvjet 2. Oznake -
Kada postavljate tekstove na sajt, ne zaboravite da pravilno postavite oznake. Oznake za naslove teksta definirani su sljedećim HTML kodom:
-. Prema našim zapažanjima, dvije oznake su dovoljne - -. Sada ljudi ne čitaju velike tekstove, pa čak ni na osnovu logike stvari nije potrebno ugniježditi toliki broj naslova. Izuzetak mogu biti stranice sa puno video zapisa, slika, interaktivnih elemenata itd. Ali ovo je ipak izuzetak, a ne pravilo.
-. Sada ljudi ne čitaju velike tekstove, pa čak ni na osnovu logike stvari nije potrebno ugniježditi toliki broj naslova. Izuzetak mogu biti stranice sa puno video zapisa, slika, interaktivnih elemenata itd. Ali ovo je ipak izuzetak, a ne pravilo.
Pretraživači također uzimaju u obzir dimenziju i važnost oznaka.
-. Prilikom postavljanja obratite pažnju na činjenicu da se naslovi vizualno izdvajaju od općeg teksta.
Ne treba koristiti veze u naslovima, posebno u
: na ovaj način ćete osobu odvesti sa stranice na drugi materijal ili, ako se povežete na istu stranicu, napravite kružni link koji ne čini ništa dobro.
Može se referencirati iz naslova nivoa
i niže, ali i ako je to opravdano i logično.
Web pretraživači pridaju veliku važnost naslovima jer se koriste za označavanje važnih informacija. Tako će mašinama biti lakše da čitaju tekst i razumeju njegovu strukturu, logiku; vidi šta je najvažnije. Ne pokušavajte varati i primjenjivati oznake
-za sav tekst na stranici, jer neće biti od koristi. Roboti nisu glupi i općenito su vrlo ranjivi - mogu se osvetiti nečim neugodnim za vašu stranicu. Stoga, razmislite sedam puta unaprijed, posljedice su strašne. Prilikom pisanja naslova u tekstu, pridržavajte se sljedećih pravila:
Doveli smo stvari u red. oznake
-raspoređeni po principu hijerarhije: tag važnije od oznake . U stvarnosti, to izgleda ovako:
Pretraživači su perfekcionisti: vole ispravan redoslijed, tako da sve bude na svom mjestu, na svojim policama. Dakle, slijedimo logiku: najmlađi sin se ne može roditi prije najstarijeg. Ovo nije dozvoljeno - evo primjera s pokvarenom hijerarhijom:
Osim toga, oznaka
igra važnu ulogu u formiranju brzih veza u rezultatima Yandex pretraživanja.
Ako sve uspije, onda učinak tako naizgled beznačajnog i lakog posla neće dugo trajati.
A ako imate bilo kakvih poteškoća, obratite se našim stručnjacima, spremni smo provjeriti jesu li naslovi vaše stranice ispravno napisani, ispravno ih napisati u slučaju grešaka i odgovoriti na sva pitanja. Kompilacija naslova za 1 stranicu (+ izbor 3 relevantna ključa) - od 450 rubalja.
Doveli smo stvari u red. oznake
-raspoređeni po principu hijerarhije: tag važnije od oznake . U stvarnosti, to izgleda ovako:
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.
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ć mnogo puta naišli na oznake naslova h1-h6, 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 najčešće korišteni. Preporučljivo je koristiti naziv oznake h1 jednom po stranici (obično se nalazi na stranici sa člankom kao naslovom posta, na mom blogu je do sada malo drugačije, ali idem da popravim 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 lakšeg čitanja, onda i oni priskaču 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čki je prvenstveno namijenjen korisnicima, što vam omogućava da za njih 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 je 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 pretraživači 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 formatiranje tekstualnog sadržaja
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 fizičkim (vizuelnim) oznakama za formatiranje (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, ja sam odabrao 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 oznake logičkog i fizičkog 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 zadanom pretraživaču je da se bilo koji broj razmaka koji idu uzastopno prenose 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ć i 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 stranici. 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 jedno ili drugo područje 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 se nalazi 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. Preko puta
Admin panel -> Teme -> Postavke i opis stranice. Tu 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 ka slikama, veza do glavne stranice će ostati. Kao sidro za ovu vezu, napišite bilo koju riječ zatvorenu u h1 tagove, na primjer, Svijet. Odnosno, izgledat će otprilike ovako: link do glavne stranice zatvoren u kontejneru span-11<_a_href vellisa.ru_=""><_h1>Svijet<_><_>. I odmah ćete vidjeti ovu riječ na mjestu slike (koja, inače, nije potrebna, jer postoji naziv teme, koliko ja razumijem. Pokušajte da postavite manju sliku umjesto ove slike i ponovo pokušajte ući na stranicu ime preko admin panela.Ako ne uspije djelovat ćemo više predmet.
- 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.
Općenito, 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 skoro automatski pojavi na stranici (naslov članka i sajt), onda bi H3 trebalo da bude upisano u telo članka olovkama.
Na račun atributa align za ove oznake, kontroverzna opcija. Još nisam primijetio njegov uticaj na promociju, nego ne postoji. Nema povreda ni sa strane valjanosti. Dakle, pretpostavljam da je na svima. - Igor
Eugene, stvarno još nema utjecaja na promociju atributa align, ali što se tiče valjanosti, ti si se uzbudio. 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 i jednostavan program za slikanje može. 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 sa notepad++, koja je odgovorna za zaglavlje, pronađite red tamo.
H1 oznaka ili H1 naslov je naslov prvog nivoa i ima najveći značaj i važnost među svim naslovima. H1 oznaka treba primijeniti jednom po stranici, pojaviti se iznad svih ostalih naslova i imati najveću veličinu fonta.
Ukupno ima šest oznaka naslova. To su h1, h2, h3, h4, h5, h6. Ove oznake se koriste za formatiranje teksta na stranici. H1 je najznačajniji među njima i za posjetitelje i za pretraživače.
Dobrodošli na stranice. U ovom članku ću podijeliti s vama neke točke kada koristite zaglavlje H1 na stranicama bloga koje pokreće CMS WordPress.
H1 oznaka - vrijednost promocije
Pretraživači koriste riječi i fraze korištene u ovoj oznaci kako bi odredili relevantnost stranica za upit za pretraživanje. Ova oznaka je jedan od najznačajnijih elemenata relevantnosti. Kada optimizuju tekst stranice, pretraživači vrednuju samo oznaku TITLE više od oznake H1.
I da budem sažetiji i konkretniji H1 tag se preporučuje za naslove stranica naših web stranica i moraju sadržavati ključnu riječ za koju se ova stranica promovira.
Relevantnost stranice, zajedno sa , jedan je od najznačajnijih pokazatelja za sticanje lojalnosti pretraživača.
Pravila H1 naslova
Da biste postigli dobar rezultat prilikom promocije stranica web stranice, trebali biste slijediti sljedeća pravila za popunjavanje:
- Svaka stranica mora sadržavati JEDNU H1 oznaku.
- Oznaka mora sadržavati jednu ključnu riječ za koju se stranica promovira.
- Sadržaj H1 zaglavlja mora biti jedinstven za svaku stranicu.
- Oznaka H1 ne smije biti hiperveza.
- Poželjno je da oznaka ne sadrži klase, identifikatore i druge CSS elemente, već da je u "golom" obliku.
- Nije preporučljivo koristiti znakove interpunkcije, zareze, dvotočke i tako dalje u sadržaju.
- Veličina oznake ne smije biti veća od dvije rečenice, jedna je bolja.
U html kodu, naslov stranice bi trebao izgledati ovako:
Oznaka H1 je naslov stranice
Najtipičnije greške su odsustvo oznake H1 na stranici ili prisustvo više od jednog naslova. Takve greške se obično nalaze na stranicama odjeljaka koje navode članke u tim odjeljcima.
Kontrola popunjavanja oznake H1 na cijeloj web lokaciji vrši se u okviru . Za obavljanje takve revizije postoji mnogo vrijednih alata. Preporucicu vam uslugu Megaindexa - audit.megaindex.ru .
H1 oznaka, aplikacija u WordPress-u
Teorija je ponovljena, a sada ćemo se zadržati na nekim tehničkim pitanjima vezanim za korištenje oznake H1 na stranicama koje koriste WordPress CMS. Budući da većina blogera početnika koristi besplatne šablone, oni mogu sadržavati neke nedostatke.
Konkretno, postoje opcije kada je naslov stranice istaknut ne oznakom H1, već drugom oznakom, najčešće je to H2.
Ista mana se pojavila na mom blogu nakon što sam ga kreirao pomoću programa Artisteer. Prilikom pregleda HTML koda, ustanovljeno je da su svi naslovi stranica prikazani sa H2 oznakom.
Da to popravim, morao sam urediti fajl single.php, što većina šablona naziva datotekama koje prikazuju informacije za svaki pojedinačni zapis. Kako sam to uradio sada ću jasno pokazati.
U tijelu datoteke single.php tražimo dio koda koji prikazuje naslov. U mom slučaju je to izgledalo ovako:
Promijenite h2 oznake označene crvenom bojom u potrebne h1 i datoteku single.php fiksiran i spreman za upotrebu. Ispostavilo se da je sasvim jednostavno, promijenio par karaktera i gotovi ste. Blok sada izgleda ovako:
U vašem slučaju, izraz može biti malo drugačijeg oblika, ali nadam se da razumete značenje.
Morao sam napraviti slične promjene sa drugom datotekom teme page.php, koji je odgovoran za prikazivanje stranica bloga. Kao što znate, blog na CMS WordPress-u sadrži postove i stranice.
Funkcije za njihovo kreiranje i modificiranje nalaze se u različitim odjeljcima administracije bloga, pohranjene su na različitim mjestima i, shodno tome, različiti programski moduli su odgovorni za njihov izlaz.
Kao rezultat, dio koda u datoteci page.php, koji prikazuje naslov stranice počeo je izgledati ovako:
» rel="bookmark" title="»>
Ali to nije bilo sve, na mom šablonu sam našao da se H1 tag koristi kada se prikazuje naslov samog bloga. I morao sam da odlučim da li da ostavim sve kako jeste ili da postignem izlaz naslova stranica sa oznakom H1.
Uostalom, upotreba dva ili više naslova ovog tipa na jednoj stranici se ne preporučuje. Pretraživači to mogu smatrati ponovnom optimizacijom i izvući odgovarajuće zaključke.
H1 oznaka, prilagođavanje WordPress šablona
Na kraju sam odlučio da ispravim ovu manu, pogotovo što nije donosio mnogo problema. Sada ću vas o svemu detaljno izvještavati.
Da bi se to postiglo, bilo je potrebno izmijeniti samo dva fajla.
Prvo header.php je izlazna datoteka zaglavlja bloga.
Sekunda style.css— fajl opisa stila bloga.
header.php promjene
Nalazimo u header.php fragment koji prikazuje naslov bloga i promijenite oznaku naslova h1 (označeno crvenom bojom one znakove koje mijenjam) u paragraf tag p . Kao rezultat toga, dobili smo takav kod.
Promjene u datoteci style.css
Plavom bojom sam označio ime css klase, koje ćemo morati ispraviti u datoteci style.css kako bi font i veličina izlaza zaglavlja bloga ostali isti kao prije promjene. Zatim otvorite datoteku stila, potražite potrebnu klasu "art-Logo-name", fragment je ispod
h1 .art-Logo-name, h1 .art-Logo-name a, h1 .art-Logo-name a:link, h1 .art-Logo-name a:posjećeno, h1 .art-Logo-name a:hover
{
veličina fonta: 29px;
dekoracija teksta: nema;
padding:0;
margin:0;
boja: #E0EDF0 !važno;
}
Promijenim sve h1 označene crvenom bojom u p i dobijem kao rezultat
p .art-Logo-name, p .art-Logo-name a, p .art-Logo-name a:link, p .art-Logo-name a:posjećen, p .art-Logo-name a:hover
{
porodica fontova: Arial, Helvetica, Sans-Serif;
veličina fonta: 29px;
dekoracija teksta: nema;
padding:0;
margin:0;
boja: #E0EDF0 !važno;
}
To je, zapravo, sve što sam želio da vam kažem o H1 oznaci, kao jednom od elemenata.
Napomenuću samo da sam sve radove na tome obavio test poddomena, tako da posjetioci mog bloga ne doživljavaju poteškoće u slučaju problema koji mogu nastati prilikom ovakve manipulacije. Da, i sa stanovišta sigurnosti i sigurnosti funkcionalnosti stranice, ovo bi bila ispravna odluka.
Za kraj bih vas pozvao da pogledate kratak video, doduše, glasno je na engleskom, ali mi je sve bilo jasno, nadam se da će vam biti lako razumjeti. Ovaj video dobro nadopunjuje tekst članka i za početnike ili one koji nisu jaki u programiranju bit će dobra pomoć. Sretno gledanje.
Dozvolite mi da završim sa ovim i želim vam uspjeh.
