Izgled križnog preglednika, "privlači" tražilice

Kada se web mjesto stvori, važno je osigurati njegovu učinkovitost izgled web-preglednika. Što je to? Kako se to može učiniti? Koje su zamke?

Što je izgled web-preglednika?

Html / css je osnova za izradu web stranice. Mnogi webmasteri pristupaju to načelu: ja sam dobar - i dovoljno. A kako je to neugodno kada dolazite iz preglednika ili mobilnog uređaja, a web mjesto nije ispravno prikazano. U takvim slučajevima prilagodljivi dizajn i raspored cross-preglednika dolaze do spašavanja.

Css i html su u ovom slučaju okosnica kojom se sve implementira. U nekim se slučajevima jаvascript može koristiti za tu svrhu. No krajnji je cilj osigurati da sve radi na različitim verzijama. Stoga, ako želite osigurati kompatibilnost cross-preglednik, tako da je stranica dobro prikazuje u svim preglednicima, potrebno je da sve vrijeme, od prvog trenutka rad na licu mjesta.

Opći vodič korak po korak

Pogledajmo dakle kako izraditi izgled web oglasa. U početku je potrebno odlučiti o kojim će programima raditi s web-lokacijom. Imajte na umu da se broj preglednika približava dvjesto, pa pokušavajući ugoditi svima je stvar nevjerojatne složenosti. Stoga odaberite broj u rasponu od 3 do 8. Da biste odredili što želite usredotočiti, možete koristiti pomoćne usluge poput Yandex Metrika i Google Analytics. Nakon toga, trebali biste saznati kako će se riješiti problem postizanja kompatibilnosti unakrsnog preglednika.

Mnogi ljudi čine svoju ponudu za kaki. To su posebni kodovi, selektori i pravila koja samo jedan specifični preglednik razumije. No, s obzirom da morate napisati barem nekoliko desetaka umetaka za različitim preglednicima i verzije preglednika, mnogi baca takav pristup zbog svoje visoke cijene, trajanju i iracionalno. Neki se ljudi oslanjaju na upotrebu onih elemenata koji se prikazuju istovjetno. Ali često se izgube brojne važne prednosti. Kako bi se smanjili gubici, prilagodljivi dizajn također se koristi paralelno. Što je to?

Prilagodljiv dizajn

Ovaj pristup izgledu web mjesta, tijekom kojih je stranica izrađena od gume, tj. Koja se prilagođava različitim preglednicima i veličinama zaslona. Treba napomenuti da su prilagodljivi dizajn i kompatibilnost unakrsnog preglednika blisko isprepleteni, a kad razgovaraju o jednoj stvari, onda, u pravilu, oni znače drugu. Pogledajmo mali primjer.

Postoje takvi preglednici kao Opera i Opera Mini. Prva se koristi na običnim računalima, a drugo - na mobilnim telefonima. Općenito, slični su, ali imaju niz mogućnosti. U takvim slučajevima važno je povezati pojedine datoteke i / ili koristiti medijske upite. Što je ovo? U prvom slučaju izrađuju se zasebne datoteke koje su usmjerene na rad određenog preglednika i njihov je poziv propisan. U drugom slučaju trebate datoteke s medijskim upitima. Ako program koji se koristi odgovara specifičnim zahtjevima, datoteka se učitava u željenu konfiguraciju.

Što da radim?

U početku imajte na umu da prilikom rada s HTML-om, izgled web-preglednika zahtijeva posebnu pozornost. Stoga, za veću učinkovitost, trebali biste maksimalno povećati upotrebu kaskadnih stilskih listova. Također je potrebno promijeniti neke načine rada. Dakle, mnogi neiskusni ljudi, kada pokazuju veličinu nečega, koriste piksela - px. Uzmimo u obzir primjer velikog naslova koji ukrašava vrh stranice.

Imala je širinu od 800 piksela. S ekranom u 1600, to će biti prilično atraktivan. Ali na 700Rh to će izgledati smiješno. Što učiniti u ovom slučaju? Veličinu možete postaviti ne u pikselima već u postocima! I natpis će zauzeti ne fiksnu duljinu, već pola širine zaslona. U postotcima, možete odrediti udaljenost na kojoj će se određeni element postaviti s rubova zaslona. Ali što ako je zaslon premalen?

Pretpostavimo da je 300? U tom ćemo slučaju pomoći u medijskom upitu, koji mora biti popravljen pri učvršćivanju širine. A ako je 700 px ili manje, može se utvrditi da će natpis zauzeti 75% mjesta. A ako je širina 300px i manja, možete postaviti sve 100%. Općenito, tema je vrlo zanimljiva i korisna pa se može detaljno proučavati. Ali, nažalost, ovdje informacije o knjizi, i staviti sve u članku neće raditi.

Zašto prilagodljivi izgled cross-preglednika uključuje tražilice?

A odgovor je vrlo jednostavan: to ukazuje na to da programeri nadgledaju web mjesto i čine ga što ugodnijim za svoje korisnike. Dakle, takve se ljude može poticati dajući im više položaje u tražilicama. Naravno, vaša web stranica neće biti odmah prikazana na TOP-1, ali u kombinaciji s drugim čimbenicima to će vam omogućiti snažno penjanje. Valja napomenuti da ovo nije samo beskorisni poziv, već nešto što zaslužuje takvu pozornost.

Uostalom, samo mislim: što je korisnik ako mu se na licu da nije baš ugodno u izgledu? Ali on može doći do zaključka da tražilice nude nisku kvalitetu sadržaja! Stoga, pažljivo odabiru mjesta koja bi trebala biti ponuđena. Osim toga tu je i webmasteri korist, jer oni stvaraju kvalitetnu ljusku za sadržaj, u kojem će ljudi moći dobiti potrebne informacije iz bilo kojeg hardver: računalo, laptop, tablet, smartphone ili mobilnog telefona. Prema tome, što više zadovoljni posjetitelji, brže se mjesto povećava i razina prihoda.

zaključak

Valja napomenuti da je skromna činjenica da stvaranje web-lokacije unakrsnog preglednika s prilagodljivim dizajnom nije lagan, vrlo dug i dugotrajan zadatak. Stoga, morate biti strpljivi i zapamtite da je disciplina sjajna stvar! Možda nešto u početku neće funkcionirati, ali je potrebno pokušati, tražiti informacije, koristiti različite pristupe i ne odustati. A onda će biti potrebno napraviti web stranicu koja će pokazati bilo koji interes svojim posjetiteljima.