Nove strukturne HTML5 oznake. Postavljanje kontakt podataka na sve stranice
Nove strukturne HTML5 oznake. Postavljanje kontakt podataka na sve stranice
19.04.2019Zanimljiv
HTML5 semantički elementi lako opisati njihovo značenje ili svrhu i za preglednike i za web programere. Prije pojave HTML5 standarda, sva označavanja stranica su se uglavnom provodila 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.
Standard HTML5 pružio je nove elemente za strukturiranje, grupiranje 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 prikaz 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 grupira elemente sa sličnim karakteristikama. Razlikuju se sljedeće opće kategorije:
Meta sadržaj
Streaming sadržaja
Sadržaj odjeljka
Sadržaj zaglavlja
Sadržaj teksta
Ugrađeni sadržaj
Interaktivni sadržaj
Opis HTML5 elemenata
1. Element
Kategorije sadržaja: streaming sadržaja. Grupirajte uvodne i navigacijske elemente, izborno. 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 mogu se postaviti unutar elemenata
2. Element
Kategorije sadržaja: Dizajniran za stvaranje navigacijskog bloka za web stranicu ili cijelu web stranicu, a da nije nužno unutra ... Na stranici može biti nekoliko elemenata
Kao elemente navigacijske trake možete koristiti ne samo stavke popisa:
Također možete dodati naslove unutar elementa:
3. Element
Kategorije sadržaja: streaming sadržaja, sekcijski sadržaj. Koristi se za grupiranje postova - postova, članaka, postova na blogu, komentara. To je samostalan blok za višekratnu upotrebu, koji obično počinje zaglavljem. Može se duplicirati na drugim stranicama stranice i sadržavati druge elemente unutar koji su sadržajno usko povezani sa sadržajem vanjskog članka. Ako se na stranici nalazi samo jedan članak s naslovom i tekstualnim sadržajem, ne treba ga omotati elementom. ... Preporuča se koristiti element samo ako će sadržaj elementa biti eksplicitno naznačen u shemi 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 blok omota, u tu svrhu je prikladnije koristiti element
... Sadržaj može biti sadržaj, dijelovi znanstvenih publikacija, program događaja. Početna stranica stranica se također može podijeliti u odjeljke - blok popratne informacije, novosti i kontakti. Preporuča se koristiti element samo ako će sadržaj elementa biti eksplicitno naznačen u shemi dokumenta.
...
...
...
iznutra
Možete kreirati roditeljske elemente s 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 s člancima različitih tema. To možete naglasiti postavljanjem svakog članka iste teme unutar elementa.
Bilješke o prirodi
...
...
Povijesne bilješke
...
...
5. element
Kategorije sadržaja: streaming sadržaja, sekcijski sadržaj. Grupira sadržaj koji je izravno povezan s okolnim sadržajem, ali koji se može smatrati odvojenim (tj. uklanjanje ovog bloka neće utjecati na razumijevanje glavnog sadržaja)... Najčešće se element postavlja kao bočna traka (kao u knjigama) i uključuje grupu elemenata:
6. Element
Kategorije sadržaja: streaming sadržaja. Predstavlja podnožje odjeljka koji 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 nadopunjuje podacima o autorskim pravima, poveznicama na uvjete korištenja, kontakt podacima, poveznicama na povezane sadržaje i slično.
Jedan web dokument može imati više elemenata
7. Element
Kategorije sadržaja: streaming sadržaja. Koristi se za identifikaciju podataka za kontakt 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 pregledniku 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 pretraživanje (u slučaju da je obrazac za pretraživanje glavna funkcija dokumenta).
Element ne može biti potomak elemenata kao što su ,
Pudlica
O pasmini
9. Element
Kategorije sadržaja: streaming sadržaja, korijenski sadržaj odjeljka. Element predstavlja samostalni sadržaj (opcionalno s naslovom) koji je samostalni element glavnog toka. Element se može premjestiti iz glavnog sadržaja dokumenta u bočni stupac ili aplikaciju bez utjecaja na tijek dokumenta. Korištenje elementa može 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, s mogućim naznakom vremena i pomaka vremenske zone. Tekst zatvoren u ovoj oznaci nije stiliziran od strane preglednika. Atribut datetime dostupan je za oznaku, čiji sadržaj određuje što će korisnik vidjeti na zaslonu svog računala:
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 odvajanje T (vrijeme):
12. Element
Kategorije sadržaja: streaming sadržaja, tekstualni sadržaj. Tekst postavljen unutar oznake , označeno prema zadanim postavkama žuta boja(boja pozadine i boja fonta u odabranom bloku mogu se promijeniti postavljanjem određenih css stilova). Preko 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 napisane 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. Jedna oznaka, pokazuje pregledniku mjesto za dodavanje dugog prijeloma reda ako je potrebno.
15. Elementi za opisivanje istočnoazijskih simbola
Kategorije sadržaja: streaming sadržaja, tekstualni sadržaj. Element omogućuje vam da označite jedan ili više elemenata kategorije tekstualnog sadržaja koristeći ruby bilješku. Ruby bilješka 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
Cap sugerira da je uočljiviji broj koji je napisan na sredini stranice i velikom. Učinite to ako želite što je više moguće više klijenata uspjeli proći i razgovarati sa zaposlenicima tvrtke.
Navedite kontakte različitih odjela
Za veliku tvrtku koja svaki dan prima ogroman tok poziva kupaca, logično je odmah postaviti koordinate odjela prodaje, tehničke podrške, HR-a i drugih odjela. Tako će ljudi brže moći dobiti odgovor na pitanje koje zanima.
Na web stranici međunarodnog restoranskog holdinga "Ginza Project" nalaze se telefoni call-centra, PR-službe, HR-odjela i drugih odjela.
Kontakti regionalnih odjela ne moraju se odjednom izlagati na velikom popisu. Možete ih prikazati samo klikom na naziv željenog predstavništva. Na primjer, kao u odjeljku s podacima za kontakt na web stranici Autolak Refinish.
"Centar za međunarodnu razmjenu" ima dosta pododjela diljem svijeta. Predstavnici tvrtke grupirani su u naslove po zemljama za zgodna pretraga njihove telefonske brojeve i adrese.
Fotografije natpisa offline trgovine na web stranici ulične robne marke BatNorton pomoći će kupcima u navigaciji trgovačkim centrom i pronalaženju pravog odjela.
Kontakti regionalnih ureda Sainera pojavljuju se u skočnim prozorima. Ova tehnika će osloboditi stranicu za kontakt od viška informacija. Korisnik će se moći detaljno upoznati s telefonskim brojem i adresom samo trgovca koji mu je potreban.
"Window Continent" ima četrdeset i sedam predstavništava u Moskvi. Za praktičnost kupaca, kontakti su objavljeni na stranici u tri oblika: jedan popis, na karti grada i na karti metroa. U posljednje dvije opcije, kontakt podaci se pojavljuju u skočnom prozoru klikom na željeni prikaz.
Napišite kontakte zaposlenika
Osoba vjeruje drugoj osobi više nego neosobnom imenu određene tvrtke. Stoga nam recite nešto o svojim stručnjacima. Pokažite da su određeni ljudi odgovorni za svako područje rada tvrtke.
Pokušajte objaviti fotografije zaposlenika. Razmislite koje će slike potaknuti najviše povjerenja kupaca? Možda će to biti fotografije na radnom mjestu ili fotografije u poslovnim odijelima u profesionalnom studiju.
Prikaži upute
Jasna karta lokacije štedi vrijeme na objašnjavanju svakom klijentu kako doći do tvrtke. I osigurava da se većina gostiju ne izgubi.
Nacrtani smjerovi su dobri. Pružaju realistične slike zgrada, parkova i drugih obližnjih objekata kojima će se ljudi voditi prilikom traženja vašeg ureda.
Međutim, imajte na umu da je renderiranje uputa za vožnju radno intenzivan zadatak. I najvjerojatnije je pogodan za tvrtke koje imaju nekoliko ureda ili prodajnih mjesta, jedan ili dva.
Ako tvrtka ima mnogo ureda ili predstavništava, onda je lakše koristiti standardnu kartu, a ne nacrtanu. Lako ga je stvoriti u bilo kojem konstruktoru karata. A kako ne bi zatrpali stranicu kontaktima na stranici s brojnim uputama za vožnju, mogu se sakriti u skočnim prozorima.
Web stranica Mary Tartufa sadrži nacrtane upute do dva svadbena salona.
Ucrtana ruta do suvenirnice Presentstar prikazuje najsitnije detalje: od mačke ispod drveta do vanzemaljaca koji kradu Ladu.
Kontakti predstavništava „Centar međunarodna razmjena»Objavljeno na stranici u obliku liste. Ako kliknete na naziv predstavništva, karta će se otvoriti u skočnom prozoru.
U odjeljku s podacima za kontakt na web stranici PSKB banke upute do svakog ureda u početku su skrivene. A pojavljuju se klikom na naziv ureda u padajućim blokovima.
Na kontakt stranici online trgovine s markom Sony u skočnom prozoru korisnik odabire željeni grad. I odmah nakon toga, stranica prikazuje odgovarajuće kontakt informacije, upute i tekstualni opis kako doći tamo.
Na web stranici automobilskog festivala "Unlim 500+" tri različite sheme- putovanje do mjesta događanja, auto-poligonska karta i lokacija kafića i scene na vidikovcu. Ti biraš željenu shemu- mijenjaju se opis na lijevoj strani stranice i karta na desnoj strani.
Na web stranici Rozovoza kontakt podaci su postavljeni u jednom skočnom prozoru. A već unutar prozora možete prebaciti dva informacijska bloka: adrese skladišta cvijeća i telefonski broj dostavne službe.
Na web stranici stambenog kompleksa Panorama Skolkovo moguće je ucrtati rutu od proizvoljne točke na karti do prodajnog ureda.
Iskoristite skočni prostor unutar karte
Ponekad na karti trebate prikazati adrese i telefonske brojeve nekoliko prodajnih mjesta odjednom. Ali ako sve izložiš kontakt informacije odmah, tada će stranica biti preopterećena, bit će teško pronaći nešto konkretno.
Prikladno je sakriti kontakte u skočnim prozorima koji se pojavljuju klikom na određenu točku na karti. Nedostatak velike količine kontakt podataka za različite trgovine, predstavništva i urede vizualno olakšava stranicu, lakše je kretati se po njoj.
Na web stranici ugostiteljskog holdinga Ginza Project unutar skočnog prozora možete prebaciti četiri informacijska bloka: adresu restorana, broj telefona, radno vrijeme i najbližu metro stanicu.
Na web stranici Leto banke u skočnom prozoru na karti možete ocijeniti rad poslovnice na skali od 5 stupnjeva.
Na web stranici cvjetne baze "All in bundle" u skočnom prozoru, osim adrese, broja telefona i radnog vremena, nalaze se i fotografije svakog skladišta.
Skočni prozori na karti uputa do centara za učenje strani jezici"J & S" ima gumb za online poziv, vezu na grupu Vkontakte i nekoliko fotografija. A također i takve “ standardni set»Kao adresa, broj telefona i radno vrijeme.
Prenesite fotografiju ulaza u ured tvrtke
Pokažite kako izgleda ulaz u ured tvrtke. Pogotovo ako nemate svoj logo na pročelju zgrade. Lakše je to jednom prikazati na fotografiji nego svaki put to klijentima objasniti riječima.
Napišite kako doći do ureda
Navedite nekoliko opcija kako biste opisali kako ljudi mogu doći do vas: pješice, automobilom, mimo javni prijevoz... Zamislite sebe na mjestu osobe koja je izašla iz posljednjeg vagona metroa na stanici Kaluzhskaya i prvi put se našla u ulici Profsoyuznaya. Kamo bi trebao dalje? S koje strane ulice? Gdje i gdje se treba isključiti? Recite nam o tome što je detaljnije moguće.
Upute za orijentaciju mogu se izložiti odjednom ili sakriti informacijski blokovi proširivo klikom miša.
Na web stranici suvenirnice "Presentstar" nalaze se upute za planinare i automobiliste.
U Gazprom ne možete doći samo pješice, već i trolejbusom ili automobilom. Opis šetnji i izleta u ured izlaže se na stranici s kontaktima.
Na web stranici Refinish Autolaka klikom na odgovarajući naslov pojavljuju se opisi kako doći do tvrtke automobilom ili javnim prijevozom.
Stranica s kontaktima klinike za reprodukciju MAMA ne sadrži samo upute za korisnike trolejbusa i automobila, već i za nerezidentne goste koji putuju sa željezničkog kolodvora ili zračne luke. Blokovi sa različitih tekstova prebacite klikom na ikone s automobilom, autobusom, vlakom.
Obratite pažnju na tekstove
Nemojte biti dosadni, poradite na tekstovima i naslovima na stranici za kontakt. Upečatljiv naslov zaustavit će lutajuće oči na pravom mjestu.
Rambler kaže da postoji mnogo razloga da mu pišete. Ali na ovom mjestu bi mogla biti neka sivkasta fraza poput "Popis e-mail adresa".
Brend pletenih kapa "Handy Hat" želi biti bliže svojim kupcima. Dođite, kaže, u naš Vkontaktek.
Na stranici s kontaktima proizvođača ukrasnih impregnacija "Veres" nalazi se jedna jednostavna fraza da su proizvodi predstavljeni u više od 300 gradova Rusije. U ovom trenutku mogao bi postojati standardni naslov "Naši predstavnici". Ali tada nitko ne bi znao koliko je široka geografija djelatnosti tvrtke.
Postavite vezu na kontakte u drugim odjeljcima stranice
“U crno-crnom podnožju, u najdaljem kutu, među desetak drugih linkova, skrivena je jedina poveznica na stranici na stranicu za kontakt. Tako da ga nitko sigurno ne može pronaći "- užasna priča o jednoj tvrtki koja nije htjela čuti pozive i čitati pisma ljudi.
Ako želite da se što više kupaca javi u kontakt, onda učinite poveznicu na odjeljak za kontakte što vidljivijom. Na primjer, upotrijebite slike za dizajn veze.
Veza na kontakt podatke gdje je to prikladno. Na primjer, pišete vijest o nadolazećem predavanju eminentnog poslovnog trenera u vašoj tvrtki. Logično je članak dopuniti linkom na kontakt podatke kako bi se svi mogli prijaviti na predavanje.
Na svakoj stranici stranice cvjetne baze "Sve u paketu" jasno je vidljiva poveznica na adrese skladišta.
Kontakt stranica jedna je od ključnih na web stranici komercijalnog smjera. Treba se fokusirati ne toliko na promocija na tražilicama(iako je i to važno), koliko za potpunu informaciju posjetitelja. Kontakt podaci tvrtke su komercijalni čimbenici rangiranje - tražilice ocjenjuju resurs sa stajališta njegovog konkurentska prednost ispred sličnih stranica.
Prirodno, savršena stranica kontakti neće otvoriti izravan put do TOP-3, ali će njezin doprinos biti važan u cjelokupnoj strategiji promocije. U ovom ćemo članku razmotriti kako pravilno urediti stranicu "Kontakti" na web mjestu kako bismo dobili dodatni plus u karmi stranice u očima PS-a.
Dostupnost jednim klikom
Stranica za kontakt trebala bi se otvoriti jednim klikom s bilo koje stranice resursa. Preporučljivo je postaviti poveznicu na nju u prvi vidljivi dio ekrana: obično je tako horizontalni izbornik u zaglavlju stranice. Također možete duplicirati vezu u podnožju kako bi korisnik mogao pronaći načine komunikacije čitajući informacije do kraja i završavajući na dnu stranice. Preporuča se postaviti link na stranicu za kontakt što je više moguće u kodu - dakle robot za pretraživanje dat će mu veći prioritet.
Mikropodaci u izgledu
Bolje je uključiti atribute Schema.org u HTML kod tijekom izgleda stranice za kontakt. Korištenje standardiziranog mikro-označavanja omogućit će tražilicama da bolje prouče resurs, dobiju od njega važna informacija i usredotočite se na to u rezultatima Rezultati pretraživanja... Jednostavno rečeno, u isječku sa ispravna postavka prikazat će se adresa, regija i drugi podaci, što će poboljšati stopu klikanja. Tražilice pružaju detaljne informacije o korištenju sintakse Schema.org u svojoj pomoći. Također uključite u oznaku
naziv tvrtke i <a href="https://bumotors.ru/hr/podobrat-domen-po-klyuchevym-slovam-podbiraem-domen-s-klyuchevym-slovom.html">ključna riječ</a>(na primjer, "Kontakti", "Upute za vožnju" ili "Adresa ureda"). Na primjer, <title>Tvrtka Venik - Kontakti»
Korištenje potrebnih elemenata
Kontakt stranica treba sadržavati cijeli popis načini kontaktiranja tvrtke (uključujući fizičku adresu), informacije o radnom vremenu. Dajte svojim kupcima što više informacija i imat ćete manje vremena za odgovaranje na glupa pitanja o tome kako nazvati odjel prodaje ili na koju adresu poslati zahtjev za prodaju. Obavezni elementi stranice "Kontakti":
telefonski broj s pozivnim brojem (broj grada je uvijek poželjniji od mobilnog). Još bolje - ako tvrtka koristi besplatni broj s šifrom 8 (800). Mobilni brojevi trebaju biti sekundarni, a ne primarni. Ne bi škodilo navesti brojeve ključnih stručnjaka tvrtke;
adresa - morate navesti stvarnu poštanska adresa s indeksom. To uvelike povećava razinu povjerenja u tvrtku (ako je na stranici s kontaktima - samo broj mobitela i polje Povratne informacije, prirodno se nameće pitanje - od koga se ona skriva?);
E-mail. U ovom slučaju je bolje i objaviti glavna adresa i adrese ključnih stručnjaka/odjela;
raspored rada - potrebno je navesti podatke o radnom vremenu, satima prijema ključnih stručnjaka, vremenu ručka, radu vikendom. Koristan element bit će pokazatelj vremena prije zatvaranja, na primjer: "Ostalo je 1 sat 14 minuta do zatvaranja trgovine.";
upute - može se organizirati pomoću ugrađenih Yandex.Maps ili Google karata. Rutu je bolje popratiti tekstualnim komentarom za vozače i pješake, dati informacije o dostupnosti parkinga, sustavu propusnica. Za potpunu sliku - dodaj GPS koordinate, pogotovo ako se vaša tvrtka ne nalazi na malo poznatom mjestu;
ulaz u zgradu - najbolje rješenje bit će fotografija koja vam omogućuje da točno vidite potrebna vrata. Također možete dopuniti vođeni video pomoću tehnologija virtualne stvarnosti na google kartama.
Dostupnost dodatnih elemenata
Ako na stranici navedete gore opisane informacije - u većini slučajeva to će biti dovoljno za potencijalnim klijentima ili su partneri pronašli način da vas kontaktiraju i odvezu se do vašeg ureda. Ali te se mogućnosti mogu proširiti pružanjem dodatnih informacija. Uključuje:
sredstva online komunikacije - lakonski obrasci za povratne informacije (doslovno - ime, polje za email adresa ili telefon, polje za poruku), Skype;
personalizacija zaposlenika - objavljivanje fotografija i imena menadžera i ključnih stručnjaka;
video ili grafika - fotografija ureda, video s dijagramom pješačke rute;
pravni podaci - PSRN, PIB, kontrolna točka, pravna adresa, puno ime i prezime direktora i drugi podaci potrebni partnerima;
dodajte QR kod s osnovnim informacijama o putovanju;
gumb "ispis tekstualne verzije".
Ako imate puno posjetitelja i aktivnih kupaca, morate unijeti captcha za obrazac za povratne informacije, što će vam pomoći da odsiječete veliki broj neželjena pošta. Ali nemojte zaboraviti da je captcha faktor "prepadanja" za brojne posjetitelje koji se mogu predomisliti o slanju poruke.
Što je dobro, što je loše
Pred vama su dvije stranice kontakata. Prvi od njih je u TOP-10 Yandexa, drugi je izvan TOP-50. Koristeći stečeno znanje, sami procijenite što je uzrokovalo takvu razliku.
Ispravan dizajn stranice "Kontakti".
Netočan dizajn stranice "Kontakti".
Što učiniti s kontaktima podružnica?
Ako tvrtka ima više podružnica unutar istog grada ili predstavništva u regijama, trebate se pobrinuti za izradu zasebnih stranica za kontakt za svaki odjel. Ako se radi o 2-3 poslovnice u istom gradu, preporučljivo je navesti njihove kontakte na jednoj stranici, ali se u isto vrijeme ne smije dopustiti da se stranica pretvori u „list“. Ako ima mnogo adresa, kreirajte zasebna stranica za svaku, a na općoj stranici napraviti kartu s oznakama i poveznicama na sve odjele odn kratki popis s poveznicama. Svidjet će se i korisnicima i robotima za pretraživanje.
Malo je teže organizirati kontakt stranice područnih odjela. Moguće je da ćete morati raščlaniti adrese regije prema relevantnim stranicama. Međutim, u ovom slučaju morate razmotriti geografsko ciljanje. V tražilice ah - geo-ovisni izlaz. Jednostavno rečeno, stanovnici Moskve ili Sankt Peterburga za bilo koji komercijalni zahtjev vidjet će različite stranice u rezultatima pretraživanja. Regiju dodjeljuju tražilice prilikom pregleda podataka navedenih na stranici "Kontakti". Stoga će biti logičnije da predstavništva naprave zasebne stranice na poddomenama i promoviraju ih u regionalnim rezultatima pretraživanja.
Kontakti i promocija web stranice
Yandex.Webmaster i Google alati za webmastere omogućuju vam da obavijestite tražilice o regiji vaše stranice, uslugama tvrtke, rasporedu rada, adresi i drugim važnim podacima koji će se prikazati u rezultatima pretraživanja. Da biste to učinili u Yandex.Webmasteru, trebate upotrijebiti alate Regija web-mjesta i adrese i organizacije. Google za ovo je “ Google adrese". Osim visokokvalitetnog isječka, to će dati priliku za postavljanje podataka tvrtke usluge kartiranja- a to će privući dodatni promet.
Postavljanje kontakt podataka na sve stranice
Telefonski broj i ostali kontakt podaci (ili poveznica na njih) moraju biti navedeni na svakoj stranici stranice. Istodobno, moraju biti jasno vidljivi, inače posjetitelj koji je spreman nazvati i naručiti možda neće pronaći vaše kontakte i otići do konkurenata.
Kako bi posjetitelj mogao odabrati prikladan način naručivanja robe, navedite sve svoje kontakt podatke: telefon, e-mail, Skype, ICQ itd. U većini slučajeva broj fiksnog telefona je vjerodostojniji od broja mobilnog telefona.
Prisutnost prikladne i informativne kontakt stranice omogućit će stvaranje učinkovit kanal komunikacija s posjetiteljima, povećati razinu povjerenja u tvrtku. Pravilna optimizacija ove stranice povećat će atraktivnost stranice za tražilice i pridonijeti cjelokupna strategija uspješno napredovanje u komercijalni upiti... Slobodno se obratite profesionalcima kako biste postigli ove prednosti.
Što vam omogućuje da jasno opišete blokove sadržaja
Što je HTML5?
HTML5 je najnovija verzija Hypertext Markup Language (HTML), najradikalnija revizija jezika u njegovoj povijesti. Ova verzija ima mnogo novih značajki različitim područjima... Najznačajniji od njih su sljedeći.
Ugrađene multimedijske oznake za podršku audio i video sadržaja
Oznaka platna za crtanje sadržaja izravno u pregledniku
"Razumni" obrasci koji dopuštaju operacije kao što je provjera valjanosti korištenjem potrebnog atributa
Poboljšanje kvalifikacijskih vještina na ovu temu
Ovaj je članak dio programa Put znanja. cm.
Novi set strukturni elementi (oznake) u HTML5 redefiniraju način na koji su HTML dokumenti strukturirani. Novi strukturne oznake usmjerena na podjelu HTML dokumenta na logičke dijelove. Naziv svake oznake strukture opisuje vrstu sadržaja koji je oznaka namijenjena pohraniti. Ovaj članak je o Detaljan opis ove nove oznake.
Povijest problema
Godine 1989. Tim Berners-Lee stvorio je prvu verziju HTML-a kako bi prevladao određena ograničenja tada postojećih metoda pristupa informacijama na Internetu. Na početno stanje postojanje interneta, orijentacija u njemu bila izazovan zadatak... Sadržaj na Internetu bio je skup zasebnih dokumenata i nije postojao jednostavna metoda navigaciju kroz ove dokumente. Doista, korisnik je trebao znati točnu adresu dokument koji tražite i ručno unesite ovu adresu. Berners-Lee je stvorio dvije tehnologije za rješavanje ovog problema: Hypertext Transfer Protocol (HTTP) i HTML jezik(Hypertext Markup Language).
HTTP je servisni protokol koji web poslužitelji koriste za isporuku sadržaja. Pogledaj adresna traka vaš web preglednik. Ako vaš preglednik prikazuje puni URL, tada najvjerojatnije URL počinje znakovima "http: //". Ovaj dio URL-a govori pregledniku koju vrstu protokola treba koristiti prilikom postavljanja zahtjeva web poslužitelju. Kada web poslužitelj primi zahtjev za dokumentom, u većini slučajeva taj dokument je predstavljen HTML format ili pretvoren u ovaj format. To je HTML dokument koji se šalje pregledniku koji je zatražio.
HTML je skriptni jezik koji web pregledniku govori kako prikazati sadržaj. Unutar sadržaja mogu biti prisutne veze na druge dokumente, pružajući korisniku prikladnu metodu navigacije između dokumenata na Internetu.
Ova kombinacija HTTP i HTML tehnologija omogućuje brzu i jednostavnu navigaciju internetskim sadržajem - za navigaciju između dokumenata dovoljno je kliknuti na poveznice u tekstu. Nakon što je stvorio spomenute dvije tehnologije, Berners-Lee je osnovao organizaciju pod nazivom W3C ( Širom svijeta Web konzorcij). W3C je vodio razvoj prve četiri verzije HTML-a.
Prvobitna svrha interneta bila je služiti jednostavnom tekstualni dokumenti... Prvi preglednici bili su isključivo tekstualno orijentirani (drugim riječima, nisu imali fensi prozore - samo je tekst bio prisutan na ekranu). Čak je i dodavanje slika bilo vrlo značajno postignuće – u trenutku kada su se prvi put pojavile. Danas ljudi rade puno stvari na internetu, od slanja poruka do e-mail prije gledanja televizijski programi... Internet je već evoluirao u mnogo više od mehanizma za prijenos jednostavnih tekstualnih dokumenata. Nove značajke i nove upotrebe stvorile su nove izazove i izazove koje HTML nikada nije trebao riješiti.
W3C je pokušao riješiti probleme današnjeg Interneta sa standardom Extensible Hypertext Markup Language (XHTML 2.0). Međutim, ovaj standard nije bio široko prihvaćen i do sada je zapravo napušten. Godine 2004., dok se W3C fokusirao na XHMTL 2.0, druga organizacija pod nazivom Radna skupina za tehnologiju web hipertekstualnih aplikacija (WHATWG) počela je razvijati HTML5, koji je zajednica bio puno bolje prihvaćen od XHTML 2.0. W3C je prekinuo rad na XHTML 2.0 i trenutno radi s WHATWG na razvoju HTML5 specifikacije.
Podržani preglednici
U vrijeme pisanja ovog teksta, HTML5 standard još nije službeno objavljen. Većina sadržaja na webu još uvijek je izrađena prema specifikaciji HTML 4. Međutim, neki preglednici podržavaju HTML5 specifikaciju. Situacija može biti nezgodna, jer svaki od ovih preglednika može podržavati samo podskup HTML5 značajki. Prije izrade svoje HTML5 web stranice, testirajte svaki od ciljanih preglednika kako biste bili sigurni da podržavaju značajke koje namjeravate koristiti na svojoj web stranici.
Ažurirana vrsta dokumenta
Bez obzira na mogućnosti vaših ciljanih preglednika, svakom pregledniku morate reći da želite prikazati svoj sadržaj pomoću HTML5 specifikacije. To se može učiniti pomoću deklaracije doctype.
doctype govori pregledniku u kojoj je verziji označnog jezika napisana trenutna stranica. To čini s predloškom Definicija vrste dokumenta (DTD). DTD specificira pravila koja koristi označni jezik kako bi preglednici ispravno prikazali sadržaj.
Koncept deklaracija doctype može biti prilično zbunjujući. Postoje mnoge vrste dokumenata u trenutnoj HTML specifikaciji, među kojima razlike nisu posve očite. Tablica 1 prikazuje dostupne na ovaj trenutak deklaracije doctype i njihove mogućnosti.
Tablica 1. Deklaracije tipa dokumenta i njihove mogućnosti
Deklaracija tipa dokumenta
Mogućnosti
Primjer
HTML 4.01 strog
Omogućuje korištenje svih elemenata i HTML atributi međutim ne dopušta oznake prezentacije kao što je font. Elementi okvira nisu dopušteni.
HTML 4.01 prijelazni
Isto kao strogi HTML, ali dopušta oznake kao što je font. Elementi okvira nisu dopušteni.
HTML 4.01 skup okvira
Slično HTML prijelaznoj deklaraciji, ali dopušta korištenje elemenata okvira.
XHTML 1.0 strog
Isto kao i strogi HTML, ali sav sadržaj mora biti u XML formatu. Na primjer, svaki element za otvaranje mora imati odgovarajući element za zatvaranje. Elementi okvira nisu dopušteni.
XHTML 1.0 prijelazni
Slično HTML prijelaznoj deklaraciji, međutim sav sadržaj mora biti u XML formatu. Elementi okvira nisu dopušteni.
XHTML 1.0 okvir
Slično XHTML prijelaznoj deklaraciji, ali dopušta elemente okvira.
XHTML 1.1
Slično XHTML striktnoj deklaraciji, plus nudi mogućnosti modula kao što je podrška za Ruby za istočnoazijske jezike.
Na sreću, doctype je uvelike pojednostavljen u HTML5 specifikaciji. Doista, postoji samo jedna takva deklaracija u HTML5. Da bi vaš preglednik generirao pomoću HTML5 specifikacije, dodajte doctype prikazan u.
Listing 1. HTML5 doctype
Deklaracija mora biti na samom početku HTML dokumenta, prije oznake .
Nove strukturne oznake
Preduvjet za stvaranje novih strukturnih oznaka je želja da se web stranice podijele u logičke dijelove s elementima čiji se opisni nazivi podudaraju sa sadržajem koji sadrže. Konceptualno se web stranica može smatrati dokumentom. Dokumenti sadrže zaglavlja, podnožja, poglavlja i razne druge legenda razdvajanje dokumenata na logičke dijelove.
V ovaj odjeljak primjer ispituje trenutne metode cijepanja HTML dokumenta. U sljedećim odjeljcima članka izmijenit ćemo izvorni kod pomoću HTML5 strukturnih oznaka i in korak po korak Razmotrimo stvaranje logičke strukture dokumenta.
HTML 4 pristup
Čak i ako ste prije kreirali samo osnovne HTML dokumente, još uvijek ste upoznati s oznakom div. U eri prije HTML5, oznaka div bila je primarni mehanizam za stvaranje blokova sadržaja u HTML dokumentu. Kao primjer, pokazuje kako koristiti div oznake za izradu jednostavne stranice sa zaglavljem, područjem sadržaja i podnožjem.
Popis 2. Jednostavna HTML stranica koja koristi div oznake
Jednostavna HTML stranica koja koristi Div
Zaglavlje
Sadržaj
Ovaj pristup odlično funkcionira; div oznaka je izvrstan element Opća namjena... Međutim, bez gledanja atributa id svake div oznake, teško je reći koji dio dokumenta svaka div oznaka predstavlja. Može se tvrditi da ako je atribut id ispravno imenovan, njegove su mogućnosti dovoljne kao indikator, ali korištenje id atributa nije obavezno. Postoje mnoge vrste atributa id koje se mogu smatrati jednako valjanima. Sama oznaka div ne daje naznaku koju vrstu sadržaja joj je dodijeljeno predstavljati.
HTML5 pristup
HTML5 rješava ovaj problem pružanjem skupa oznaka koje točnije definiraju osnovne blokove sadržaja koji čine HTML dokument. Bez obzira na konačni sadržaj koji web stranica prikazuje, većina web stranica se sastoji od razne kombinacije tipične odjeljke i elemente stranice.
Listing 4. Dodavanje oznake odjeljka
Jednostavna HTML stranicaZaglavlje
Ovo je važan dio stranice.
Oznaka članka
Oznaka članka označava važne dijelove sadržaja unutar web stranice. Na primjer, na blogu svaki pojedinačni post predstavlja značajan dio sadržaja. Nakon dodavanja oznake artikla uzorku koda, dobivamo kod prikazan u.
Popis 5. Dodavanje oznaka članaka
Jednostavna HTML stranicaZaglavlje
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
Na stranu oznaka
Oznaka aside označava da je sadržaj sadržan u ovom elementu povezan s glavnim sadržajem ove stranice, ali nije njegov dio. U određenom smislu, njegova je primjena slična ugrađivanju komentara u tijelo teksta (poput ovog komentara). Sadržaj u zagradama pruža dodatne informacije o elementu koji sadrži taj sadržaj. Nakon dodavanja oznake aside uzorku koda, dobivamo kod prikazan u.
Listing 6. Dodavanje oznake aside
Jednostavna HTML stranicaZaglavlje
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
Oznaka podnožja
Oznaka podnožja označava sadržaj koji sadrži kao podnožje trenutnog dokumenta. Nakon dodavanja oznake podnožja uzorku koda, dobivamo kod prikazan u.
Listing 7. Dodavanje oznake podnožja
Jednostavna HTML stranicaZaglavlje
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
U ovom trenutku, svi divovi iz izvornog primjera zamijenjeni su HTML5 strukturnim oznakama.
Nav oznaka
Listing 8. Dodavanje navigacijske oznake
Jednostavna HTML stranicaZaglavlje
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
Konačna verzija primjera
Sljedeće prikazuje rezultat zamjene izvornih div oznaka novim HTML5 strukturnim oznakama.
Listing 9. Konačna verzija primjera
Jednostavna HTML stranicaZaglavlje
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
Ovo je važan dio sadržaja na stranici. Možda post na blogu.
Iako je ovaj primjer pojednostavljen što je više moguće u svrhu demonstracije, usporedba originalan primjer na bazi div elementi() s rezultirajućom varijantom () jasno pokazuje svrhu novih oznaka strukture.
Zaključak
Nove strukturne oznake HTML5 opisuju sadržaj koji sadrže i pomažu podijeliti dokument u logičke odjeljke. Poput autora koji piše knjigu, autor dokumenta još uvijek može odlučiti kada i gdje će koristiti te nove elemente u svom dokumentu. Iako dva autora koji pišu istu knjigu mogu odabrati različite načine za podjelu knjige na poglavlja, korištenje poglavlja je i dalje dosljedan pristup podjelu knjiga. Isto tako, iako dva autora web-stranice mogu odabrati različite strukture, novi strukturni elementi HTML5 pružaju web programerima dosljedno novo iskustvo koje prethodne div oznake nisu pružale.
