všichni dnes slyšíme toto slovo „responzivní“ v doméně webového designu. Lidé velmi doporučují a jdou ga-ga nad důležitostí používání responzivního designu. Ale nováčci v oblasti profesionálního blogování a webmasteringu často trvají trochu času, než se zmocní všech těchto bzučení o tom, co je responzivní web a jak jej rozvíjet.
lidé často vytvářejí témata svých webových stránek na základě obrazového souboru (např. Zatímco všechny návrhy webových stránek začínají jako obrázek, měli byste být velmi opatrní, aby jejich design odpovídal principům reakce a byl vhodný pro mobilní zařízení. Pojďme se ponořit do tématu a zjistit vše o tomto problému.
no, citlivost webových stránek odkazuje na jeho schopnost přizpůsobit zobrazení podle zařízení, na kterém je vidět. Pryč jsou dny, kdy většina lidí používá stolní počítače-nyní existují nejrůznější zařízení. Stolní počítače, notebooky, netbooky, tablety, mini tablety, čtečky elektronických knih, smartphony a ne tak chytré telefony! UF! Příliš mnoho na to, aby se o to nestaralo!
všechna tato zařízení mají své vlastní specifické velikosti a rozlišení obrazovky. „Rigidní“ web se nebude moci přizpůsobit (nebo řekněme, reagovat) různým velikostem obrazovky. Vzhled vodorovného posuvníku v prohlížeči je jedním z nejvýraznějších znamení, že web nereaguje.
naproti tomu webové stránky s citlivým tématem se budou moci přizpůsobit a zajistí, že obsah bude snadno čitelný jakékoli velikosti obrazovky.
opravdu ne. Citlivé téma upraví zobrazení s primárním cílem, aby návštěvník mohl používat obsah webových stránek. K dosažení tohoto cíle může Web skrýt některé součásti příslušenství (například postranní panel) a změnit velikost dalších komponent(např. obrázky, písma atd.).)
je docela snadné vědět, jak citlivý je téma vašeho webu. Stačí ji otevřít na různých velikostech počítačových monitorů a obrazovek mobilních telefonů. Pokud vidíte svůj web v pořádku a veškerý obsah je čitelný, váš web reaguje. Pokud nemáte jiný druh zařízení pro testování vašich webových stránek, můžete také použít online test pro odezvu.
obecná odpověď je, že ano je to velmi důležité. Ale dříve, než se rozhodnete udělat člověka vašeho webu transformovat v citlivý jeden-měli byste se podívat na vaše data webového provozu. Z těchto údajů se pokuste zjistit, kolik provozu váš web přijímá z mobilních zařízení. Obvykle webové stránky jsou určeny pro použití na ploše / notebooku-ale pokud jste stále významný provoz ze zařízení, jako jsou tablety / mobilní telefony-měli byste vidět, jak vaše webové stránky se dívá na těchto zařízeních.
v současné době asijské webové stránky dostávají v průměru 27% svého provozu z mobilních zařízení. Toto procento by bylo mnohem vyšší pro webové stránky v oblastech, jako je Evropa a Amerika, protože mobilní zařízení jsou relativně mnohem populárnější.
budete překvapeni, že citlivost lze snadno dosáhnout pouze pomocí CSS. Současné standardy CSS vám umožňují stylizovat váš web pro různé typy obrazovek. To znamená, že můžete mít samostatná pravidla CSS pro různé velikosti obrazovky. Například:
@media screen a (max-width:320px) {
.primární-postranní panel { zobrazit: none } / / skrýt postranní panel, pokud je velikost obrazovky 320px nebo menší
}
@obrazovka média a (min-šířka:1024px) {
tělo { velikost písma: 12px } / / nastavte velikost písma pro velikosti obrazovky větší než 1024px
}
taková přizpůsobená pravidla CSS budou řídit vzhled vašeho webu v závislosti na prostoru dostupném na obrazovce.
pokud se rozhodnete pro responzivní design pro svůj web nebo blog, můžete očekávat následující výhody:
- provoz se na vašem webu zvýší, protože uživatelé mobilních zařízení jej budou moci používat a mohou se rozhodnout vrátit nové informace. Pokud mobilní uživatelé nemohou používat obsah webových stránek-nevrátí se!
- pokud používáte reklamy na svých webových stránkách k vydělávání peněz online-vaše příjmy se mohou zvýšit, protože responzivní web bude schopen pěkně zobrazovat reklamy také na mobilních zařízeních.
- nebudete muset vyvíjet různé verze svého webu nebo blogu pro různé platformy. To také ušetří čas na údržbu, protože více verzí vyžaduje více času na údržbu.
- pokud vyvíjíte více než jednu verzi pro různé typy zařízení, čelíte nebezpečí, že Google indexuje duplicitní adresy URL. Různé adresy URL, které odkazují na stejný obsah, se nazývají duplicitní adresy URL. Google klade těžký trest na duplicitní adresy URL, protože věří, že obsah je také duplicitní. Responzivní design webových stránek vás chrání před takovým trestem.
- nebudete se muset starat o správnou detekci agenta, protože stejný web bude fungovat pro všechny agenty prohlížeče.
- sdílení URL na webových stránkách sociálních médií bude snazší, protože každá stránka na vašem webu bude mít pouze jednu adresu URL.
neexistují žádné významné nevýhody responzivního designu kromě toho, že další pravidla CSS mohou zvětšit velikost souboru CSS a v důsledku toho se zvýší doba stahování. Ale s rychlejším internetem dostupným po celém světě-nemyslím si, že to představuje skutečný problém.
v responzivním designu se různé obrázky nepoužívají pro různé velikosti obrazovky. Místo toho se stejný obrázek změní pomocí CSS, aby se vešel na obrazovku zařízení. Mobilní zařízení tedy budou muset také stahovat stejné obrázky s vysokým rozlišením, které se zobrazují na připojeních k ploše.
nyní víme, že responzivní design může trochu zatěžovat mobilní připojení k internetu, je důležité, abyste mohli vyzkoušet, jak rychle funguje váš současný (citlivý nebo nereagující) design. Nejlepší online nástroj, jak to vyzkoušet, je PageSpeed od společnosti Google. Tento nástroj může skóre vaše webové stránky na stolních i mobilních zařízeních.
většina webových stránek společnosti Google nyní reaguje. Například web Chromebook používá responzivní design. Google je však průkopnickou společností všeho, co souvisí s internetem. Jak stále více a více dalších podniků uznává důležitost responzivního designu, webové stránky se přesouvají k tomuto novému paradigmatu. Podívejte se na webové stránky řetězce restaurací Wendy, příchozí marketingová společnost HubSpot a noviny Boston Globe, abyste získali inspiraci.
ano, existuje mnoho významných webových stránek, které dosud nepřijaly responzivní design. Příkladem jsou CNN a BBC. Jedná se o masivní webové stránky a kompletní redesign tak, aby zahrnoval citlivost, může vyžadovat značné investice. To by mohl být důvod, proč se tyto mediální domy teprve chystají reagovat.
ne, není to opravdu drahé. Pokud vlastníte web / blog založený na WordPress, je k dispozici mnoho citlivých témat. Twentythirteen) je také navržen tak, aby reagoval. Většina bezplatných témat nabízených WordPress a Blogger jsou citlivé. Pokud však používáte téma třetí strany-musíte zkontrolovat jeho citlivost.