Često webmastere početnike muči pitanje zašto su neke stranice bolje rangirane i zaobilaze konkurente u Rezultati pretrage... Razlog za to može biti pogrešno postavljene oznake h1, h2… h6. Ako su ove oznake postavljene pogrešno, bez uzimanja u obzir specifičnosti resursa, pretraživačima je teže doći tačne informacije o člancima i ključnim riječima koje sadrži.
Oznake H1 -h6 vam omogućavaju da istaknete naslove različitih nivoa. Oni jasno stavljaju do znanja koji dijelovi teksta bliže odražavaju temu članka i pružaju prednost u rangiranju.
Kompetentno postavljanje oznaka omogućava pretraživačima da preciznije prikažu stranicu za upite u rezultatima pretraživanja, što povoljno utiče na poziciju resursa:
Zašto su potrebne oznake h1-h6?
Oznake sadrže naziv stranice, naslove i podnaslove teksta:
V HTML oznake zaglavlja su označena sa h od engleskog "header", što znači " naslov, zaglavlje". Evo primjera kako to izgleda:
Naslov
Postavljanje oznaka naslova treba da se izvrši na svakoj stranici izvora. U isto vrijeme, važnost naslova ovisit će o njegovom broju, što je manji, to je naslov važniji:
- najvažnije oznake - manje značajne oznake... - posljednje najvažnije oznake
Međutim, treba biti oprezan s njihovim postavljanjem. Zloupotreba može dovesti do toga da vaš resurs potpadne pod sankcije pretraživača.
Sintaksa oznake H1-h6
Naziv teksta
Podnaslov 1
...
Podnaslov 2
Podnaslov 3.1
...
Podnaslov 3_2
Podnaslov 3
Najpopularnije oznake su h1 h2 h3.
Kako pravilno koristiti oznaku h1?
Ignoriranjem oznake h1, webmasteri se toga uskraćuju važna prednost poput optimizacije sadržaja. Na motorima se često piše automatski, ali ne uvijek, i data činjenica treba uzeti u obzir.
h1 HTML oznaka je najsmislenija te vrste. Sadrži naziv stranice i naslov članka. Međutim, ne treba ga miješati s oznakom
(naslov stranice). Naslov se prikazuje u pretraživaču na vrhu ekrana sa leve strane u trenutku kada se otvori stranica resursa. Naslov se piše u zaglavlju stranice između , dok su h1 -h6 naznačene u "tijelo" same stranice i zatvorene su u tagovima .
Samo jedan h1 tag može biti prisutan na stranici. Ako navedete nekoliko zaglavlja s oznakom h1, pretraživači bi to mogli smatrati prekomjernom neželjenom porukom, što zauzvrat prijeti da bude zabranjeno:
Pravila za sastavljanje glavnog naslova h1:
Oznaku treba koristiti ključne riječi koristi se za promociju stranice;
Ne biste trebali učiniti naslov h1 previše obimnim, dovoljno je samo nekoliko riječi;
Tekst naslova mora biti čitljiv;
Meta oznaka h1 ne bi trebala sadržavati ništa osim samog teksta. Ako ga želite istaknuti, stavite kodove izvan oznake;
Prije ručnog podešavanja h1, uvjerite se da ga motor ne postavlja automatski;
Sadržaj h1 treba da odgovara temi navedenoj u naslovu stranice;
Kada sastavljate h1, obavezno koristite ključnu frazu kojom se stranica promovira;
Sadržaj naslova treba da bude jedinstven, opsežan i tematski. Ne pravite h1 punu kopiju Oznaka naslova... Važno je da na svakoj stranici resursa budu napisani jedinstveni h1 -h6, stoga izbjegavajte ponavljanja;
Ne može se navesti u naslovu ključne fraze odvojeno zarezima. Sadržaj h1 trebao bi biti razumljiv ne samo za pretraživače, već i za posjetitelje resursa.
Kako pravilno koristiti oznake h2-h6?
Pored h1 za postavljanje naslova, koji su identifikovani tražilice, oznake su h2, h3, h4, h5, h6, itd.
H2 oznaka
Obično se koristi za naslove postova u feedu na početnoj stranici ili za podnaslove u članku.
Oznake h3, h4
Često se koriste za isticanje imena podnaslova, naslova i widgeta na bočnoj traci.
Oznake h5, h6
Dizajniran za još manje elemente stranice koje treba odvojiti od ostatka teksta.
Raspored naslova h1 - h6 in različite verzije motori se mogu implementirati na različite načine.
Pravila plasmana h2 -h6:
Struktura zaglavlja. Mora se poštovati hijerarhija naslova;
Veličina slova. Što je niži nivo naslova, to je manji font... Uređivanje fontova se vrši u stilovima. Ali, po pravilu, fontovi imaju ispravne veličine default;
Oznake zaglavlja ne mogu se koristiti zajedno s drugim oznakama naglaska. Preporučljivo je koristiti ključne riječi u naslovima po kojima će ova stranica biti promovirana u pretrazi;
Za razliku od h1, oznake h2 -h6 mogu se pisati više puta na stranici.
Ja sam zadužen za hijerarhiju naslova
Moja deca
Moji unuci
Moji unuci
Moji unuci
Moja deca
Moji unuci
Moji unuci
Moji unuci
Moji praunuci
Moji praunuci
Moji praunuci
Ne bi trebalo biti neželjene pošte;
Kompoziciju teksta h1 - h6 treba napraviti koristeći sinonime i uzimajući u obzir pravila morfologije;
Glavni ključni upiti bolje je postaviti bliže početku naslova;
Ključne fraze napisane u naslovima moraju se pojaviti u tekstu stranice;
Oznake h1 - h6 trebaju biti kratke, sažete i informativne:
HTML5 semantički elementi lako opisuju njihovo značenje ili svrhu i za pretraživače i za web programere. Prije pojave HTML5 standarda, sva označavanja stranica su se obavljala uglavnom pomoću elemenata
kojima su dodijeljene klase ili ID-ovi radi jasnoće označavanja (na primjer,
). Uz njihovu pomoć postavljena su zaglavlja i podnožja u HTML dokument, bočne ploče, navigaciju i još mnogo toga.
HTML5 standard je dao nove elemente za strukturiranje, grupisanje sadržaja i označavanje tekstualnog sadržaja. Novi semantički elementi omogućili su poboljšanje strukture web stranice, dodajući semantičko značenje sadržaju koji je u njima (bio je
, postalo je ). Ne postoje pravila za prikazivanje izgleda elemenata, tako da možete stilizirati elemente kako vam odgovara. Svi artikli su dostupni.
Prema HTML5 specifikaciji, svaki element pripada određenoj (nula ili više) kategoriji. Svaki od njih grupiše elemente sa sličnim karakteristikama. Razlikuju se sljedeće opće kategorije:
Meta sadržaj
Streaming sadržaja
Sadržaj odjeljka
Sadržaj zaglavlja
Tekstualni sadržaj
Ugrađeni sadržaj
Interaktivni sadržaj
Opis HTML5 elemenata
1. Element
Kategorije sadržaja: streaming sadržaja. Grupe uvodne i navigacijske elemente, opciono. Može sadržavati naslove, sadržaj odjeljka stranice, obrazac za pretraživanje ili logotip. HTML dokument može sadržavati nekoliko elemenata u isto vrijeme i mogu se nalaziti bilo gdje na stranici.
Opis stranice
Element ne može se postaviti unutar elemenata
2. Element
Kategorije sadržaja: Dizajniran za kreiranje navigacijskog bloka za web stranicu ili cijelu web stranicu, a da nije nužno unutra ... Na stranici može biti nekoliko elemenata
Kategorije sadržaja: streaming sadržaja, sekcijski sadržaj. Koristi se za grupisanje postova - postova, članaka, blog postova, komentara. To je samostalan blok za višekratnu upotrebu, koji obično počinje zaglavljem. Može se duplirati na drugim stranicama stranice i sadržavati druge elemente unutar koji su sadržajno blisko povezani sa sadržajem eksternog članka. Ako na stranici postoji samo jedan članak s naslovom i tekstualnim sadržajem, ne treba ga omotati elementom. ... Preporučljivo je koristiti element samo ako će sadržaj elementa biti eksplicitno naznačen u šemi dokumenta.
...
4. Element
Kategorije sadržaja: streaming sadržaja, sekcijski sadržaj. Element predstavlja generički dio dokumenta. Grupira povezan sadržaj i obično sadrži naslov. To nije omotni blok, u tu svrhu je prikladnije koristiti element
... Sadržaj može biti sadržaj, dijelovi naučnih publikacija, program događaja. Početna stranica sajt se takođe može podeliti na sekcije - blok pozadinske informacije, vijesti i kontakti. Preporučljivo je koristiti element samo ako će sadržaj elementa biti eksplicitno naznačen u šemi dokumenta.
...
...
...
unutra
Možete kreirati roditeljske elemente sa ugniježđenim elementima koji imaju jedan ili više elemenata ... Ne moraju sve stranice biti ovako strukturirane, ali ovo je valjan način ugniježđenja elemenata. Na primjer, glavno područje sadržaja stranice sadrži dva bloka sa člancima različitih tema. To možete naglasiti postavljanjem svakog članka iste teme unutar elementa.
Bilješke o prirodi
...
...
Historijske bilješke
...
...
5. element
Kategorije sadržaja: streaming sadržaja, sekcijski sadržaj. Grupira sadržaj koji je direktno povezan sa okolnim sadržajem, ali koji se može smatrati odvojenim (tj. uklanjanje ovog bloka neće uticati na razumijevanje glavnog sadržaja)... Najčešće se element postavlja kao bočna traka (kao u knjigama) i uključuje grupu elemenata: , digitalni podaci, citati, oglasne jedinice, arhivski zapisi. Nije prikladno za blokove jednostavno postavljene sa strane.
6. Element
Kategorije sadržaja: streaming sadržaja. Predstavlja podnožje sekcije koja sadrži ili korijenskog elementa. Obično sadrži podatke o autoru članka, podatke o autorskim pravima itd. Kada se koristi kao zaglavlje ili podnožje za cijelu stranicu, sadržaj se dopunjava informacijama o autorskim pravima, linkovima na uvjete korištenja, kontakt informacijama, linkovima na srodni sadržaj i slično.
Jedan web dokument može imati više elemenata
7. Element
Kategorije sadržaja: streaming sadržaja. Koristi se za identifikaciju kontakt informacija za autora/vlasnika dokumenta ili članka. Za označavanje autora dokumenta, oznaka se postavlja unutar elementa
, za prikaz autora članka - unutar oznake ... Obično se prikazuje u pretraživaču kurzivom.
8. Element
Kategorije sadržaja: streaming sadržaja. Element predstavlja glavni sadržaj dokumenta (sadržaj elementa ). Sadržaj unutar elementa mora biti jedinstven i ne ponavlja se u svim dokumentima stranice, kao što su navigacijske veze, informacije o autorskim pravima, logotipi, obrasci za pretragu (u slučaju da je formular za pretraživanje glavna funkcija dokumenta).
Element ne može biti potomak elemenata kao što su ,
Kategorije sadržaja: streaming sadržaja, osnovni sadržaj odjeljka. Element predstavlja samostalni sadržaj (opcionalno sa naslovom) koji je samostalni element glavnog toka. Element se može premjestiti iz glavnog sadržaja dokumenta u bočnu kolonu ili aplikaciju bez utjecaja na tok dokumenta. Korištenje elementa mogu dodati kratke karakteristike na ilustracije, fotografije, dijagrame, isječke koda, itd.
Jesenska šuma
Element je blok, po širini zauzima cijelu širinu bloka kontejnera minus margine margina:
10. Element
Element - potomak elementa ne pripada nijednoj kategoriji sadržaja. Element je blok element, širina je jednaka širini elementa , zadana visina je 18px.
11. Element
Kategorije sadržaja: Određuje vrijeme (24 sata) ili datum prema gregorijanskom kalendaru, uz moguću naznaku vremena i pomaka vremenske zone. Tekst zatvoren u ovoj oznaci nije stilizovan od strane pretraživača. Za oznaku je dostupan atribut datetime, čiji sadržaj određuje šta će korisnik vidjeti na ekranu svog računara:
Da bi se datum automatski čitao, mora biti u formatu GGGG-MM-DD. Vrijeme, koje se također može specificirati, navedeno je u formatu HH:MM uz dodatak prefiksa za razdvajanje T (vrijeme):
12. Element
Kategorije sadržaja: streaming sadržaja, tekstualni sadržaj. Tekst postavljen unutar oznake , označeno prema zadanim postavkama žuta(boja pozadine i boja fonta u odabranom bloku mogu se promijeniti postavljanjem određenih css stilova). Korišćenjem ovu oznaku možete označiti važan sadržaj kao i ključne riječi.
13. Element
Kategorije sadržaja: streaming sadržaja, tekstualni sadržaj. Odvaja dio teksta koji bi trebao biti izoliran od ostatka teksta za dvosmjerno oblikovanje teksta. Koristi se za tekstove pisane istovremeno na jezicima koji se čitaju s lijeva na desno i s desna na lijevo.
14. Element
Kategorije sadržaja: streaming sadržaja, tekstualni sadržaj. Pojedinačna oznaka, pokazuje pretraživaču mjesto za dodavanje dugačkog prijeloma reda ako je potrebno.
15. Elementi za opisivanje istočnoazijskih simbola
Kategorije sadržaja: streaming sadržaja, tekstualni sadržaj. Element omogućava vam da označite jedan ili više elemenata kategorije tekstualnog sadržaja koristeći ruby napomenu. Ruby anotacija se prvenstveno koristi u istočnoazijskoj tipografiji kao vodič za izgovor ili za uključivanje drugih karakteristika. Element može sadržavati: - jedan ili više tekstualnih čvorova ili elemenata ; - jedan ili više elemenata
Elementi ,
Element definira priloženi tekst kao osnovnu komponentu napomene. Element
Kada radite sa web-stranicom, prva od oznaka s kojom se programer susreće u HTML-u je ... Kada se koristi bez atributa, razlike u odnosu na druge tagove nisu vidljive, što postavlja pitanje mogući razlozi njegovu upotrebu.
Kako i gdje koristiti?
je uvod u neki dio dokumenta. Nije obavezno i obično se pojavljuje na vrhu dijela stranice. Sa engleskog "tag" se prevodi kao "naslov", ali se u ruskom slengu češće koristi riječ "kapa". Obično se ova oznaka koristi na vrhu stranice, gdje se nalaze naziv i logo web stranice, kao i podmeni. Međutim, često možete pronaći njegovu upotrebu u naslovima odjeljaka.
U HTML-u , kao i niz drugih oznaka, pojavio se samo u 5. verziji jezika za označavanje. Stoga, svi pretraživači to ne rade ispravno. Specifikacija jezika pretpostavlja da oznaka sadrži naslov odjeljka (h1-h6) ili stranica, kao i pomoćne elemente potrebne u "zaglavlju" stranice, uključujući banere, blok kontakt informacija i druge. Kao i većina oznaka u HTML-u, mora imati svoj "završni par" -, što označava kraj svojstava ove oznake. Želeći da se prilagodite svom lični tip dizajn, za oznaku možete koristiti brojne atribute koji određuju njen stil.
Primjeri korištenja
Praksa rada s oznakom omogućit će vam da u potpunosti razumijete principe rada. ... HTML primjeri njegove upotrebe mogu se naći na gotovo svim važnijim stranicama. Na njima se obično koristi za označavanje zaglavlja.
Jedan od načina za postavljanje "zaglavlja" stranice pomoću oznake je sljedeći primjer:
HTML5
Osim naslova, ovdje možete dodati i sve željene elemente i oznake, osim
int header(string string [, bool zamjena])
zaglavlje () koristi se za slanje sirovih HTTP zaglavlja. Pogledajte HTTP / 1.1 specifikaciju za informacije o HTTP zaglavljima.
Opcioni parametar zamijeniti označava da li zaglavlje treba zamijeniti prethodno slično zaglavlje ili treba dodati drugo zaglavlje istog tipa. Po defaultu, zamjena se izvodi, ali ako prođete FALSE kao drugi argument, možete forsirati kreiranje više zaglavlja istog tipa. Na primjer:
Bilješka: string zaglavlja HTTP statusa će uvijek biti prvi poslan klijentu, bez obzira da li je poziv u toku zaglavlje () prvi ili ne. Ovaj status se može poništiti pozivom zaglavlje () sa nova linija status u bilo kom trenutku, osim ako su HTTP zaglavlja već poslana.
Bilješka: u PHP 3 ovo radi samo ako. ako je PHP preveden kao Apache modul. Isti efekat možete postići koristeći zaglavlje Status.
Bilješka: HTTP / 1.1 zahtijeva apsolutni URI kao argument za lokaciju: uključujući šemu, ime hosta i apsolutni put ali neki klijenti prihvataju relativne URI-je. Obično možete koristiti $ _SERVER ["HTTP_HOST"], $ _SERVER ["PHP_SELF"] i dirname () da kreirate apsolutni URI od relativnog:
Bilješka: možda ćete otkriti da se vaše stranice ne keširaju čak i ako ne prikažete sva gornja zaglavlja. Postoje opcije koje korisnici mogu postaviti u svojim pretraživačima koje mijenjaju zadano ponašanje keširanja. Slanjem gornjih zaglavlja morate poništiti sve postavke koje bi inače mogle keširati vaše skripte.
// kršenje: primijetite prazan red na vrhu
Bilješka: U PHP-u 4 možete koristiti baferovanje izlaza da rešite ovaj problem tako što ćete sav svoj izlaz proslediti pretraživaču, baferovan na serveru pre slanja. Možeš da pozoveš ob_start () i ob_end_flush () u vašoj skripti, ili postavljanjem output_buffering konfiguracijske direktive u vašoj php.ini datoteci ili konfiguracijskim datotekama servera.
Ako želite da korisnik bude upitan o spremanju podataka koje šaljete, kao što je generirani PDF, možete koristiti zaglavlje Content-Disposition da pružite preporučenu datoteku i prisilite pretraživač da prikaže dijalog za spremanje.
Pustili smo nova knjiga„Marketing sadržaja u društvene mreže: Kako ući u glavu pretplatnika i zaljubiti se u svoj brend."
Zaglavlje stranice je gornji dio site, drugim riječima, zaglavlje stranice, važna komponenta web resursa koja prva upada u oči.
Više videa na našem kanalu - naučite internet marketing uz SEMANTICA
Šta je zaglavlje (header) stranice u našem životu kao primjer? Na primjer, na glavi graditelja vidimo kacigu, a kuhara - bijelu kapu. Glava mladenke je ukrašena velom, a muslimanka je pokrivena hedžabom. Vidimo krunu na kraljevoj glavi. Kažu da pokrivalo za glavu utiče na ponašanje i po njemu često možemo tačno odrediti kakva osoba stoji ispred nas.
Zaglavlje stranice nalazi se na svakoj od njegovih stranica i može biti isto na svakoj stranici ili različito. Ako koristite različita zaglavlja na stranicama, zapamtite da je dizajn zaglavlja uključen unutrašnja stranica treba biti skraćena verzija zaglavlja početna stranica... Ovo je pravilo lijepog ponašanja u dizajnu web stranica.
Šta treba pisati u zaglavlju stranice
Kao i kod posjetitelja, tako i kod tražilice vaša stranica počinje zaglavljem. Dakle, zaglavlje sadrži:
Imajte na umu da su elementi zaglavlja koji moraju biti prisutni na svakoj stranici ime i kontakti.
Ne zaboravite na prezentacijsku ulogu zaglavlja, tako da bi njegov dizajn trebao privući pažnju, ali ne bi trebao odvlačiti posjetitelja od pretraživanja. informacije koje su vam potrebne... Loše zaglavlje može otuđiti vaše posjetitelje i oni će otići na drugu stranicu čiji sadržaj može biti lošiji od vašeg.
Zašto je važno objaviti kontakte u zaglavlju
Pretraživač svakoj web lokaciji dodjeljuje određenu regiju, od kojih je jedna glavna. Prije svega, fokusira se na kontakte navedene u zaglavlju stranice. Nakon toga, traži stranicu "Kontakti" na kojoj možete odrediti dodatne regije.
Zaglavlje stranice i HTML pravila
Za uspješna promocija stranice, potrebno je primijeniti nekoliko pravila prilikom izrade zaglavlja.
Ime i kontakti nikada ne bi trebali biti prikazani kao slika. Samo tekst koji pretraživač može razumjeti.
Prisutnost naslova H1, koji je isti na svim stranicama vaše stranice, ometat će promociju resursa.
Nemojte koristiti teške slike, blic i puno grafike. Ovo otežava učitavanje stranice i nervira mnoge korisnike.
Nemojte ugrađivati horizontalni meni u Flash, nemojte prikazivati meni u obliku slika. Koristite samo tekst. U suprotnom, ako trebate promijeniti stavke menija, možete naići na određene poteškoće.
Kreirajte HTML zaglavlja. Dolje zaglavlja sa svim slikama ili flash animacijama! Zašto komplikovati svoj posao? Ako želite da se izdvojite, možete nenametljivo koristiti dinamičke elemente u svom dizajnu, pokretane skriptama.
Poklopac treba biti takve visine da ne ometa percepciju sadržaja. Za informacionih resursa logično je napraviti nisko zaglavlje (100-200 piksela). Za odredišne stranice i prezentacijske vizit karte, veličina zaglavlja može biti nešto veća.
Kako kreirati pravo zaglavlje
Ako imate gotov brend book, tada bi sve stranice web-mjesta, uključujući zaglavlje, trebale biti dizajnirane u skladu s njim. Važan zadatak web dizajnera je ostvariti uniformni stil između zaglavlja, polja sadržaja i podnožja stranice.
Preferirajte pozitivne slike: ljude sa osmjesima na licima, lijepa djevojka, priroda. Za ozbiljnu atmosferu koristite bezlične slike u prigušenom boje, uvijek sa logom.
Recimo da želimo zaglavlje za mjesto za pranje rublja. Odaberite fotografiju veš mašina(treba odmah pokazati posjetiocu na koju stranicu je došao i šta mu se ovdje može ponuditi). Alternativno, možete koristiti fotografiju atraktivne djevojke koja pere odjeću, kao i elemente dizajna koji izazivaju osjećaj čistoće i svježine. Svaka fotografija mora biti jedinstvena, ili barem jedinstvena upotreba grafički editor... Možete kreirati logotip, na primjer, shematski bubanj za pranje i val unutar njega. Ime označavamo pored logotipa.
Sajt se pozdravlja svojim zaglavljem, jedinstven je poslovna kartica... Stoga, kada razvijate web stranicu, obratite maksimalnu pažnju na zaglavlje!