HTML je svijet konvencija izvedenih iz formalizacije. Podjela podataka dobivenih u procesu sistematizacije područja i rješavanja problema na zaglavlje, podnožje i tijelo dokumenta tradicionalni je pristup. Možda je nastala po logici običnog dokumenta. Ali najvjerojatnije je upravo ova ideja strukturiranja preživjela do danas zbog konkurencije između popularnih sustava za upravljanje sadržajem (CMS), koji HTML kod o sebi postavljaju u podnožje svake stranice.

Značenje i mjesto podnožja

Obično HTML stranica uključuje "potpis" - blok oznaka na dnu dokumenta. Ovako programer (kupac) zamišlja podnožje web stranice. Nema sumnje da su to samo podaci o vlasniku stranice i autorskim pravima, poveznice na druge stranice, povratne informacije, tehnička podrška itd. To je ono što posjetitelji misle, a to je ono na što programeri računaju.

Ali podnožje stranice može biti ne samo na dnu, ili bolje rečeno ne samo podnožje, već njegovo značenje. Podnožje je podnožje, što znači da nešto specifično, poput dna stranice, treba biti isključivo na dnu. To je osnovna logika, ali u svakom konkretnom slučaju preporučljivo je unaprijed odlučiti: da podnožje stranice nije podnožje, već samo autorstvo, vlasnička prava, navigacija, tehnička podrška, poveznice na društvene mreže i povratne informacije.

Prema CMS-u, podnožje je njegov potpis, a uređivanje podnožja stranice dostupno je programeru. Ručno rađene stranice obično nisu sklone mijenjanju mišljenja posjetitelja i uvijek stavljaju podnožje na dno, već kreiraju strukturu i sadržaj u svom stilu.

Plutajući podrum i mobilni uređaji

Ideja vezivanja podnožja za dno prozora je uobičajena. Problem je odlučiti o stilu postavljanja glavnog sadržaja. Neki programeri izrađuju cijelu stranicu i postavljaju oznake podnožja na kraj koda kao ugrađene elemente bez apsolutnog pozicioniranja. CMS također slijedi ovaj obrazac.

Neki programeri popravljaju položaj zaglavlja i podnožja u isto vrijeme. U ovom slučaju ispada da je podnožje web mjesta jednostavno proširenje donjeg ruba prozora preglednika. Ovo rješenje zahtijeva dodatni napor u pisanju JavaScript koda, budući da posjetitelj uvijek može promijeniti veličinu prozora preglednika, a koordinate tagova podnožja morat će se ponovno izračunati.

Na mobilnim uređajima nema dna ili vrha. Njihov ekran se može okretati u prostoru. Stavljanje nečega na dno ili na vrh relativan je zadatak. Rješenje se sastoji od stranice specifične strukture koja pruža relevantan sadržaj. Ovdje nema miša, ali postoji sustav različitih opcija za dodirivanje i pomicanje prstiju posjetitelja po ekranu.

Ideja virtualne tipkovnice i podnožja web stranice - što je to? Ovo je stvarni položaj prilike za unos podataka strogo ispod polja za unos podataka. Malo nezgodno rješenje, ali stvarno radi.

Sadržajna struktura i stvarno značenje

U svakom trenutku kada je posjetitelj na stranici, bez obzira na uređaj koji koristi, sadržaj mora promišljati kroz adaptivni izgled na način da posjetitelj nema pitanja:

• zaglavlje stranice je ovdje;
• sadržaj - ovdje;
• a podnožje stranice - da je samo na zahtjev.

Prozor preglednika uvijek nameće ograničenja na sadržaj stranice ovisno o verziji preglednika i modelu uređaja na kojem se pokreće. I programski jezici na strani poslužitelja i JavaScript daju programeru potrebne alate za određivanje okruženja u kojem se stranica učitava.

Ispravna upotreba podataka preglednika dovoljna je za ispravno označavanje sadržaja, određivanje lokacije zaglavlja, podnožja i sadržaja.

Podnožje je važan strukturni element svake web stranice; često se naziva "footer". Nalazi se na dnu web stranice i suprotan je element zaglavlju (zaglavlje stranice), koje se nalazi na vrhu.

Podrum služi kao dodatni blok za smještaj podataka o tvrtki i povezivanje. Pravilno ispunjeno podnožje dobro utječe i poboljšava njegovu upotrebljivost. Ponekad se koristi kao dodatni alat - pomoćnik za prikupljanje tragova.

Što staviti u podnožje

Tipično, podnožje sadrži podatke koji su potrebni na bilo kojoj stranici i koji bi uvijek trebali biti "pri ruci" korisniku. Često se informacije iz zaglavlja dupliciraju u podrumu. Ovisno o vrsti stranice, određuje se popis podataka za podnožje. Formira se ovisno o izgledu stranica, sadržaju preostalih blokova itd. U podrum se često postavljaju sljedeće vrste sadržaja:

• Blok povezivanja

Takvo povezivanje može biti dupliciranje glavnog izbornika koji sadrži važne i popularne odjeljke. Ako odjeljci imaju višerazinsku strukturu, podijeljeni su u stupce s naslovima objašnjenja.

izvor sima-land.ru

Oblak oznaka također može poslužiti kao međusobno povezivanje. To mogu biti popularni dijelovi informativne stranice, važne vijesti ili članci.

izvor vesti.ru

• Autorska prava

Podnožje web mjesta često sadrži informacije o autorstvu, opisuje pravila korištenja i reprodukcije materijala i informacije o programerima resursa.

izvor vesti-ural.ru

• O partnerima

Često se u podnožju objavljuju informacije o onima koji podržavaju projekt, surađuju s tvrtkom i sl. Takve informacije pozitivno utječu na povećanje razine povjerenja. Osim toga, ovo je dobra opcija za one koji imaju obvezu postavljanja affiliate linkova na sve internetske stranice stranice. Linkovi na vlastite projekte, mobilne verzije i poddomene također se obično postavljaju ovdje.

izvor ekb.rbc.ru

• Kontakti

U podnožju možete navesti samo osnovne podatke za kontakt: adresu, telefon, e-mail, ponekad čak i samo telefon. Detaljnije informacije dostupne su na stranici kontakti.

izvor uniland.ru

• Društveni mediji

izvor e1.ru

• Olovni obrasci

Korisnicima je prikladno imati obrazac za povratne informacije u podnožju, uključujući mogućnost da ostave svoje kontakte, naruče povratni poziv ili se pretplate. Osim toga, ova opcija omogućuje dobivanje podataka o zainteresiranim posjetiteljima.

izvor afisha.yandex.ru

• Karta

Često se interaktivna karta nalazi u podnožju stranice, što povećava jednostavnost korištenja stranice za korisnike. Mnogi ljudi odabiru proizvod ili uslugu u blizini kuće, fokusirajući se na točnu lokaciju tvrtke. Osim toga, prisutnost ovih informacija povećava razinu povjerenja u tvrtku, što ukazuje na to da ona stvarno radi, a ne samo da se prezentira na internetu.

Učinkovitost web stranice ili odredišne ​​stranice ovisi o mnogo različitih razloga, a cijela poteškoća u razvoju mrežnog resursa leži u ispravnom izračunavanju i predviđanju utjecaja većine ovih čimbenika. I upotrebljivost (od engleskog usability - jednostavnost korištenja), i vizualni dizajn, i brendiranje - sve to ima izravan utjecaj na korisnika i konačne rezultate konverzije, generiranja potencijalnih kupaca i prodaje.

Ali evo pitanja za vas: koliko mislite da je podnožje važno za resurs? Čini se da se nalazi na najneupadljivijem dijelu stranice i gotovo je nevidljiv... Ali ne.

Stručnjaci za internetski marketing sugeriraju da podnožje nikada ne treba ostaviti bez pozornosti, a ono je prepuno golemog potencijala. Pročitajte u nastavku kako biste saznali kako podnožje utječe na promociju web stranice, kako osloboditi ovaj potencijal i učiniti podnožje smislenijim i pogodnijim za uspjeh vaše marketinške strategije.

1. Kreativni dizajn

Prvo u čemu možete i trebate pokazati svoju kreativnost je dizajn. U podnožje ne morate stavljati apsolutno nikakve informacije: nema ikona društvenih mreža, nema poveznica na dodatne materijale, ali učiniti ga vizualno atraktivnim vaša je dužnost.

To se posebno odnosi na one vlasnike resursa koji nastoje što više pojednostaviti svoju stranicu i, u potrazi za upotrebljivošću, učiniti je potpuno dosadnom i beživotnom.

Naprotiv, podnožje se s pravom može nazvati poligonom za najsmjela dizajnerska rješenja i otkrića. I jako je dobro ako ih još uvijek imate. Diverzificirajte slobodno vrijeme gostiju svoje web stranice privlačnim slikama i dizajnom.

Yesinsurance je osiguravajuće društvo sa sjedištem u Velikoj Britaniji. Međutim, ne izgleda tipično za ovu industriju. Umjesto fokusiranja na klasičnu shemu boja koja simbolizira povjerenje i profesionalizam, tvrtka je odabrala svijetle i vesele boje. Dok zaglavlje stranice i njezin glavni dio nisu opterećeni nepotrebnim detaljima i fokusirani su na ono što je bitno, podnožje se upečatljivo razlikuje od njih – duhovito je, otvoreno, veselo i fokusira našu pozornost na glavnu poruku tvrtke. : “Živite bezbrižno i sretno.”

Podnožje web stranice Urban Pie također je nevjerojatno privlačno. Njegov stil i boja su u skladu s ostatkom izvora, iako ne sadrži nikakve podatke. Utječe na emocije posjetitelja. Možda mislite da je takav izbor potpuno neprikladan i da ne daje nikakav pozitivan doprinos optimizaciji konverzija, međutim, vrijedi napomenuti da je emotivni aspekt uvijek bio, jest i bit će jedna od glavnih smjernica pri izradi učinkovitih web stranica. I ovo treba uzeti u obzir.

2. Jedna vizualna linija

Ovdje je sve jednostavno - morate biti sigurni da je podnožje organski utkano u vizualnu strukturu web mjesta, da je kao završetak kompozicije započete u zaglavlju i da s njim tvori jednu temu. Dakle, kako podnožje vaše web stranice učiniti lijepim? To se radi na sljedeći način: neki elementi dizajna ponavljaju se u zaglavlju, središnjem dijelu stranice i podnožju, čime se stvara ujednačenost i koherentnost svih dijelova.

Različitost pojedinačnih elemenata dizajna dobiva neku logiku i obrazac, a ovaj potez ne samo da vizualno čini stranicu skladnijom i cjelovitijom, već i ne dopušta posjetiteljima da ni na trenutak zaborave gdje se nalaze. Osim toga, izvorne teme se bolje pamte i izazivaju pozitivne emocije, zar ne?

Jedan od najboljih primjera kohezivne vizualne strukture može se pronaći na The Pixel Creative Blogu.

3. Alternativna navigacija

Zamislimo se na mjestu online posjetitelja. Dođete do stranice i slijedite jednu od predloženih ruta u pokušaju da pronađete informacije koje su vam potrebne. Na kraju skrolate jednu od stranica do kraja, nadajući se da ćete ipak pronaći barem zrnce potrebnog materijala i... u podnožju naiđete na alternativnu opciju za kretanje po stranici koja vam objašnjava strukturu izvora u pristupačnom obliku.

Zapravo, upravo u tu svrhu stručnjaci za internet marketing daju sljedeće savjete o tome kako dizajnirati podnožje stranice: tamo postavite alternativni izbornik, neku vrstu analoga karte, koji se koristi "u posebno teškim slučajevima".

SEO agencija HitReach nije samo postavila alternativni izbornik u podnožje svoje web stranice, već je stilskim crtežima prikazala sva područja djelovanja tvrtke. Riječ je o strateški uspješnom potezu jer se posjetitelju razočaranom neuspješnim pretragama u pristupačnom, kreativnom obliku prenose osnovne informacije o tvrtki, zadržavajući ga na stranici i nudeći druge opcije za rješavanje problema.

Video hoster Wistia napravio je sljedeće: u zaglavlje su postavili poveznice na informacije najvišeg prioriteta, au podnožje su već smjestili sav sadržaj segmentiran u nekoliko točaka. Za one koji žele pretraživati ​​nešto specifično, izbornik u podnožju će svakako biti odličan vodič.

Podnožje je idealno mjesto gdje možete staviti linkove na zanimljive, ali ne baš bitne informacije. Kako kažu, vukovi su siti, a ovce na sigurnom, jer će ti podaci i dalje biti dostupni prilikom učitavanja bilo koje stranice.

Ekološka zajednica Ecoki je u podnožje svoje web stranice postavila linkove na popularne članke na vlastitom blogu, a također - nećete vjerovati! — poveznice na druge stranice preporučene ciljanoj publici.

5. Povjerenje

Vaše podnožje može biti odličan alat koji povećava povjerenje posjetitelja u resurs i tvrtku u cjelini. Sjećate se kako smo rekli da informacije u podnožju ostaju iste na svim stranicama stranice? To nam daje priliku da objavimo ono što bi korisnici trebali imati pri ruci i pomognemo im da se bolje snalaze u online okruženju.

Još jedna opcija za pravilno popunjavanje podnožja web mjesta: u njega možete postaviti i materijal koji se ne uklapa u sadržaj nijedne stranice: to mogu biti gumbi društvenih mreža, veze na resurse trećih strana, kontakt informacije.

Stone Laboratory je lijepo dizajnirao svoju stranicu, smjestivši dosta informacija u podnožje koje ne izaziva nikakvu zamjerku. Osim alternativnog izbornika, postoje informacije koje povećavaju povjerenje u resurs, na primjer, adrese i telefonski brojevi svih ureda tvrtke.

Umjesto zaključka

Gore navedene tajne zapravo su načela na temelju kojih možete podnožje svoje web stranice učiniti što učinkovitijim. Zapamtite da je svaki detalj resursa važan i može postati ključ uspjeha konverzije, stoga radite, stvarajte, eksperimentirajte i iznenadite svoje posjetitelje originalnošću i snalažljivošću.

Što se tiče samostalnih odredišnih stranica, preporuka LPgeneratora je sljedeća:

• ako odredišna stranica ima pomicanje, postavite korisne stavke izbornika u podnožje, na primjer, usluge, slučajeve, recenzije, s automatskim pomicanjem do određenog bloka vaše stranice;

Podnožje stranice je donji dio stranice, podrum. Suprotno od (zaglavlja), pravilan dizajn podnožja igra veliku ulogu u uspjehu promocije web stranice i poboljšanju njezine upotrebljivosti.

Više videa na našem kanalu - naučite internet marketing uz SEMANTICA

Što je podnožje web stranice na primjeru

“Cipele čine ženu ženom”, kaže tajnica u poznatom filmu. I u pravu je! Ako nosite čizme od filca, hodate kroz snježnu šumu. Ako su cipele štikle, onda vas čeka nezaboravna večer. Ako nosite tenisice, onda ćete se baviti sportom ili puno hodati. zar ne?

Mnogi misle da ako je podnožje postavljeno na samo dno, korisnik nema strpljenja "skrolati" do njega, pa je samim time njegov dizajn manje bitan od dizajna zaglavlja. Ali to nije istina.

Što bi trebalo biti u podnožju stranice

Da bi web stranica funkcionirala, mora biti praktična, čitljiva i privlačna posjetitelju. Pogledajmo elemente podnožja stranice i procijenimo njihov značaj. Podnožje ne mora sadržavati sve ove elemente. Odaberite prilagođeni popis za svoju stranicu.

• Karta stranice.

Ovo je potpuni popis stranica stranice, prikazanih prema strukturi. Ovaj element poboljšava upotrebljivost, olakšava korisničku navigaciju i govori tražilicama o svim stranicama stranice. Ako na stranici postoji mnogo stranica, odaberite one najvažnije i prikažite ih u HTML karti stranice.

• Kontakti.

Duplicirajte podatke za kontakt iz zaglavlja stranice u podnožje. Možete postaviti svoje najvažnije kontakte. Ako je posjetitelj došao do kraja stranice, to znači da je pročitao sve informacije i postoji mogućnost da će naručiti. Za njegovu praktičnost potrebno je postaviti kontakte.

• Obrazac za povratne informacije.

Omogućuje posjetitelju da vas kontaktira bez napuštanja trenutne stranice. Ovo je zgodno za vaše potencijalne klijente.

• Strelica prema gore.

Omogućuje posjetitelju trenutni povratak na zaglavlje stranice bez listanja kroz dugu stranicu.

• Obrazac za narudžbu povratnog poziva.

Radi na isti način kao obrazac za povratne informacije. Ne zaboravite da se povratni poziv mora izvršiti što je prije moguće. U protivnom ćete izgubiti povjerenje potencijalnog klijenta.

• Linkovi na društvene mreže.

Ako aktivno komunicirate s posjetiteljima na društvenim mrežama, ispod postavite poveznice na svoje grupe i stranice. Društvene mreže važan su alat za povezivanje s kupcima i povećanje njihove lojalnosti.

Donekle zastarjela verzija navigacijskog bloka, koja omogućuje brzo pronalaženje potrebnih stranica.

• Veza razvojnog programera

Kakvu ulogu ima podnožje?

Lijepo podnožje - inače podnožje resursa - ne samo da poboljšava izgled stranice, već je i korisno za korisničko iskustvo.

Dat ćemo osnovne savjete kako napraviti funkcionalno podnožje za svoju web stranicu.

Obratite pažnju na:

• Važnost hijerarhije. Ne trpajte informacije zajedno. Korisnik bi ga trebao lako razumjeti.
• Brisanje popisa. Ostavite više prostora za naslove popisa nego za sam tekst.
• Prisutnost granica između elemenata.
• Jedinstvo fontova. Koristite stilove dizajna koji dobro funkcioniraju zajedno.
• Podjela u stupce. Ovo strukturira informacije.
• Prisutnost uvlake između podnožja i posljednjeg bloka web mjesta.
• Jedinstvo podnožja na svim stranicama portala.
• Jedinstvo stilova za podnožje i cijelo mjesto.
• Jednostavnost. Stavite se u kožu korisnika. Trebao bi moći lako pronaći informacije koje ga zanimaju.
• Koristite podnožje ako u glavnom dijelu podnožja ima previše informacija.

Svako podnožje mora biti jasno odvojeno od glavnog sadržaja stranice. Obično je podnožje ukrašeno drugom bojom, sadržajni dio web izvora. Boja podnožja također se može malo razlikovati od pozadine stranice; obično je podnožje tamnije.

Dizajnirajte svoje podnožje na neobičan način. Na primjer, dizajn podruma može uključivati ​​presavijeni komad pergamenta. Ako vrh sadrži otok i valove, tada se dno može oblikovati u obliku morskog dna, a zanimljiv element bit će otvorena škrinja s blagom. Na web stranici umjetnika ključni element podnožja mogu biti kist i paleta, a na web stranici glazbenika crni klavir koji se pretvara u crno podnožje. Dno mjesta također može biti dizajnirano u jasnom klasičnom stilu.

Zanimljivo podnožje također može privući pozornost korisnika.

Na stope konverzije utječu mnogi čimbenici, uključujući upotrebljivost i vizualni dizajn. Podnožje stranice (footer ili “footer”), unatoč tome što se nalazi na dnu stranice i gotovo uvijek je nevidljivo na prvom ekranu, također je od velike važnosti.

Prilikom izrade online trgovine njoj morate posvetiti ništa manje pozornosti nego drugim elementima i učiniti je što sadržajnijom.

Registracija

Podnožje treba biti dizajnirano u istom stilu kao i cijela web stranica internet trgovine. Štoviše, čak i ako je cijela online trgovina dizajnirana u minimalističkom stilu, u podnožje možete dodati lijepe slike ili animacije jer neće odvlačiti pozornost. Možete ga dizajnirati na originalan način kako biste izazvali pozitivne emocije među posjetiteljima.

Navigacija web stranice

Možete postaviti alternativnu navigaciju web stranice u podnožje. Ovo je posebno zgodno na stranicama s dugim stranicama. Posjetitelj će se pomaknuti do kraja i, bez povratka, moći će otići na potrebne dijelove kataloga. Možete ga učiniti detaljnijim nego u zaglavlju internetske trgovine; tamo ima dovoljno prostora.

Linkovi na stranice

Podnožje je odlično za objavljivanje korisnih, ali ne previše značajnih informacija. Na primjer, ako gornji izbornik sadrži poveznice na katalog ili kategorije internetske trgovine, tada u podnožju možete dodati veze na blog ili korisne članke.

Kontakt podaci

Najčešće se u podnožje dodaju kontakt podaci, poveznice na stranice na društvenim mrežama, a ponekad čak i karta koja označava lokaciju internetske trgovine (ili mjesta preuzimanja). Takve informacije povećavaju povjerenje posjetitelja.

U podnožje web-mjesta također možete dodati informacije čiji je cilj pomoć kupcu. Ako skrola do dna stranice i ne pronađe ono što je tražio, najvjerojatnije će zatvoriti stranicu. U tom slučaju u podnožje možete dodati gumb "pretraživanje stranice" ili "Zatraži poziv".

Ne biste trebali dodavati nepotrebne informacije u podnožje web mjesta - na primjer, bolje je ostaviti podatke o tvrtki (TIN, OGRN, itd.) Za stranice "O tvrtki" ili "Kontakti".