Století globální mobilizace. Chytré telefony umožnily přístup k internetu kdykoli a kdekoli. Někdy je ještě pohodlnější procházet webové stránky, sociální sítě nebo hledat informace či místo na mapě z telefonu než z počítače. Počítačové operační systémy se snaží rozhraní přiblížit těm mobilním. Hranice mezi počítačem a mobilní platformy zhubnout: mobilní zařízení aby byly výkonné a poskytovaly praktické funkce plnohodnotný počítač, a počítačová rozhraní se přibližují těm mobilním pomocí např. společných ikon, podobného uspořádání prvků, podobných gest.

Tento trend nemůže neovlivňovat tvorbu webových stránek. Manažeři doporučují „mobilní“ stránky, klienti je chtějí, designéři kreslí, návrháři rozvržení, kupodivu rozvržení a programátoři přicházejí s řešeními.

Při vytváření webu je samozřejmě snazší okamžitě určit, jak se bude chovat na mobilním zařízení, ale existují staří klienti a jejich staré a ne tak staré weby, pro které takové řešení nebylo poskytnuto. I když si někteří lidé myslí, že není potřeba vytvářet „mobilní“ webové stránky.

Pochopení toho, že objem mobilní návštěvnosti roste mílovými kroky, vede k nutnosti vymýšlet řešení pro správné zobrazení a snadné používání stránek na chytrých telefonech a tabletech. Vidím dvě skutečná řešení, naznačená v podstatě v názvu článku. Existuje ještě třetí možnost – mobilní aplikace, ale tuto možnost odmítáme. Proč? Pokud například potřebuji provést jednorázový nebo nepravidelný nákup, nenainstaluji si aplikaci do svého smartphonu, je snazší najít jinou stránku. Vytvoření aplikace má smysl pro velký projekt nebo pro projekt často používaný klienty, který bude pohodlnější otevřít přes samostatná aplikace než skrz mobilní prohlížeč. Nyní, bez ohledu na to, každý má svou vlastní aplikaci, ale ve skutečnosti je většina prostě nepotřebuje.

Zbývají dvě možnosti: adaptivní rozložení nebo mobilní verze. Nejprve si definujme rozdíl mezi těmito dvěma metodami.

Adaptivní rozložení.

Obsah stránek se nemění. Přizpůsobí se šířce a výšce obrazovky. Jednotlivé části obsahu lze roztahovat či zužovat, různě řadit (byly ve 3 sloupcích - nyní jsou v jednom), škálovat, schovávat (ale nezmizet) pod tlačítko (nejčastější věc, která se skrývá pod tlačítkem je menu).

Mobilní verze.

Hotovo na subdoméně. Nejběžnější možnosti jsou m..site, pda..ru/mobile/.

Zjistí se, že uživatel přišel z mobilního zařízení a je přesměrován na mobilní verzi s možností přepnutí plná verze. Nicméně obsah stránek vzhled a funkčnost se může radikálně lišit. Tento rozdíl tkví zpravidla ve zjednodušení a ořezání webu především pro rychlé načítání na mobilních zařízeních.

Co je lepší: mobilní verze nebo adaptivní rozložení?

Chcete-li tomuto problému porozumět, zvažte výhody a nevýhody každé možnosti.

Existují obecné výhody:

správné zobrazení na mobilních zařízeních;

na míru pro mobilní zařízení.

Mobilní verze:

schopnost „vyříznout“ nepotřebné funkce

Přepracujte web tak, aby jej matka návrháře nepoznala. To je významné, pokud jsou prvky na mobilní verzi umístěny na úplně jiných místech než na plné verzi.

Na straně serveru použijte jinou nebo mírně upravenou logiku, která vám umožní flexibilně spravovat funkčnost mobilní verze a zvýšit její rychlost načítání

Samostatná doména, která rozpláče SEO specialisty, protože pro vyhledávače to budou dva různé weby.

Nutnost přejít na plnou verzi, pokud se něco stane. Například získat plnou funkčnost. Pokud je například odkaz na mobilní verzi na jiném webu, pak budou muset návštěvníci z počítače provést zbytečnou akci (kliknout na „plná verze“) nebo použít verzi, která je pro počítač nepohodlná.

Adaptivní rozložení:

Stránka se vždy přizpůsobí aktuální rozlišení. Při zmenšení okna prohlížeče na počítači nebo při změně orientace na mobilním zařízení.

S touto metodou jsou zpravidla všechny prvky na stejných místech jako v plné verzi a pro uživatele, který zná plnou verzi, nebude těžké zjistit mobilní verzi.

Stejná doména, stejné adresy. Žádná přesměrování, problémy s mapami stránek a roboty. SEO se usmívají.

Složitý projekt s vysokou zátěží se na mobilním zařízení otevře dlouho. Alespoň 4G, alespoň 24G, Mobilní internet- Toto je mobilní internet.

Nedostatek flexibility při výběru funkčnosti. Všechno, co bylo na počítači, bude zapnuté mobilní telefon. Všechny prvky jsou na stejných (nebo téměř stejných) místech, což není vždy dobré. Chcete-li něco odstranit, musíte to skrýt v css, což odstraní zbytečnou funkčnost, ale nezvýší rychlost načítání. A pokud by naopak mělo být něco pouze na mobilu, tak se to také vždy načte a schová se jen při vysokých rozlišeních.

Malé rozlišení není vždy vhodné pro mobilní zařízení. Možná je to jen okno prohlížeče, které není otevřené na celou obrazovku. Na první pohled "no a co?" Jsou ale věci, které je potřeba zobrazovat pouze na mobilních zařízeních a v tomto případě se objeví na počítači.

Měli byste zvolit adaptivní rozložení nebo mobilní verzi?

Jak vidíme, navzdory skutečnosti, že se jedná o velmi podobné koncepty, existují rozdíly.

Co si vybrat ve prospěch.

Pokud se jedná o vysoce nabitý internetový obchod nebo nějaký velký projekt, pak samozřejmě pro vysoký výkon musíte vytvořit mobilní verzi.

Pokud web není příliš „těžký“ nebo dokonce jednoduchý, pak bude adaptivní rozvržení nejlepším, elegantním a krásným řešením.

Hlasuji pro třetí možnost. Jedná se stále o adaptivní rozložení, ale optimalizované od samého začátku, tedy zpočátku rychlé načítání. To je dobré nejen pro uživatele přihlášené z mobilních zařízení, ale pro uživatele z počítače.

Rychlý web je dobrý web.

Již ve fázi vývoje technických specifikací a designu je nutné určit, jak bude web vypadat na malých obrazovkách. A dokonce buďte připraveni vzdát se některých nepotřebných funkcí kvůli rychlosti a všestrannosti. A vývojáři vytvářející web by si měli položit otázku optimalizace dotazů do databáze a tím snížení jejich počtu, optimalizace kódu na serverové a klientské části.

Adaptivní rozvržení - nejlepší možnost. A je lepší o tom přemýšlet ve fázi vytváření technických specifikací. Odloženo na později tento problém se vám může vrátit:

• u SEO optimalizátorů pokles výsledků mobilního vyhledávání a následně i pokles návštěvnosti z mobilních zařízení (a to je obrovský, neustále se zvyšující počet lidí);
• programátoři věnovali čas tomu, aby stránky „alespoň nějak“ vypadaly na chytrých telefonech, a později adaptivnímu redesignu nebo vytvoření mobilní verze
• majitelé webových stránek ztracené klienty, kdo půjde ke konkurentům, jejichž web v telefonu plní své funkce a vypadá korektně.

Tam jsme přišli na to, proč je to potřeba adaptivní design, jaké jsou jeho výhody a zda je potřeba nebo ne. Jak jsme z článku pochopili, responzivní design je potřeba a potřebuje ho každý. Dnes se podíváme na to, co je pro web lepší: adaptivní design nebo samostatná mobilní verze.

Naše společnost se neustále zlepšuje a získává nové zkušenosti. V tomto článku budeme hovořit o jednom z nich.

Na konci článku najdete příjemný bonus :)

mobilní verze

Mobilní verze webu je jeho samostatnou verzí určenou pro chytré telefony a tablety. Obvykle má design optimalizované pro mobilní zařízení, díky čemuž je obsah prezentován v čitelné podobě a načítání probíhá téměř okamžitě. Obvykle jsou umístěny na subdoméně ve tvaru m.site.ru nebo mobile.site.ru.

Výhody

Pohodlí

Uživatelé se nemusí posouvat tam a zpět nebo diagonálně hledat správný obsah, zvyšujte a snižujte, abyste si přečetli požadovaný text. Celý web je prezentován v jednom sloupci, který je nutné posouvat shora dolů. Veškerý obsah je obvykle strukturován a rozdělen do logických bloků.

Rychlost stahování

Design mobilní verze je zpravidla velmi zjednodušen a kód a skripty jsou minimalizovány, čímž se dosahuje velmi rychlé načítání stránky na mobilních zařízeních.

Úpravy na webu

Mobilní verze je ve skutečnosti samostatný web, což znamená, že provádění změn není obtížné. Není třeba se starat o to, jak zajistit, aby se změny týkaly pouze mobilní verze a neovlivnily desktopovou verzi.

Přepněte na hlavní verzi

Ve většině případů se uživatel bez problémů přepne na hlavní verzi webu, pokud bude potřebovat využít funkcionalitu, která v mobilní verzi není.

Nedostatky

Zdvojení

Duplicitní obsah na různých subdoménách má negativní dopad na propagaci vyhledávačů. Na tvorbě mobilní verze se zpravidla podílejí programátoři a na propagaci se podílejí SEO specialisté. A i když jsou v testovací verzi zohledněna všechna přání SEO specialistů, není pravda, že přejdou na bojovou verzi v původní podobě. Často se během převodu něco změní nebo něco přidá. V důsledku toho můžeme skončit s problémy s hodnocením kvůli duplicitám v mobilní verzi.

Aktualizace

Veškerý obsah přidaný na hlavní stránku bude muset být duplikován na mobilní verzi. A pokud je web například zpravodajským portálem a je denně aktualizován, může to být poměrně nákladný proces.

Omezení funkčnosti

Do mobilní verze se často nepřenášejí náročná funkční řešení. Obvykle se před vytvořením mobilního webu analyzují požadavky a chování uživatelů z mobilních zařízení a na základě těchto dat je uvedeno pouze to, co je pro mobilní návštěvníky skutečně důležité.

Mobilní verze se osvědčila a stále je často využívána webmastery. Totéž lze aplikovat na mobilní aplikace. To už je ale velmi drahé a běžný web si vývoj mobilních aplikací nemůže dovolit.

Adaptivní rozložení

Responzivně navržený web se stejně pohodlně zobrazuje na stolních i mobilních zařízeních.

Výhody

Snadná implementace

S adaptivním rozložením se šířka obrazovky zpravidla přizpůsobuje správná velikost Zobrazit. To vše lze implementovat pomocí HTML a CSS. A moderní CMS a frameworky vám to umožňují pouhými několika kliknutími. A moderní šablony již okamžitě poskytují adaptivní design. Zbývá jen nainstalovat? a za pár minut máte responzivní design, který je vhodný pro každé publikum.

SEO

Pokud se v mobilní verzi potýkáme s duplikací obsahu na různých subdoménách, pak zde podobný problém Ne. Bude mít stránka jednu adresu (URL)? a když se změní rozlišení obrazovky nebo zařízení, náš design se nerozbije nebo nebudeme přesměrováni na mobilní verzi. Tato možnost lépe řeší problém duplicitního obsahu než atributy rel="canonical" nebo zákazy v souboru robots.txt v mobilní verzi.

Nedostatky

Těžkost

Obvykle jsou s přizpůsobivostí ponechány všechny funkce dostupné uživatelům. To znamená, že mobilní návštěvníci se mohou setkat se změtí skriptů a velké množství informace, které by bylo těžké okamžitě uchopit na malém displeji smartphonu. Pokud je normální, že desktop má velikost 200-250 KB, tak ten mobilní většinou zabere méně než 50 KB.

Účely návštěvy

Uživatelé často navštěvují stránky, aby zjistili kontaktní informace, pokyny, dostupnost poboček atd. A na některých webech budou muset procházet několik obtížných stránek, aby dosáhli svého cíle.

Žádná volba

Na mobilní verzi, pokud programátor vymyslel blok křivě a schoval telefony za logo, můžete vždy přejít na desktopovou verzi a i se škálováním zobrazit kontaktní údaje. Pokud se programátor posere s adaptivním rozložením, pak se budete muset pokusit zjistit, co chcete, a ne každý to dokáže. Adaptivní design proto musí být zpočátku navržen velmi dobře a kompetentně a poté stejně kompetentně testován.

Sečteno a podtrženo: adaptivní rozložení nebo mobilní verze?

Zde neexistuje jediná správná odpověď. Vybráno pro každý úkol nejlepší možnost. A responzivní design, který je pro jeden web ideální, v jiném případě způsobí jen problémy související s použitelností webu. Pro velké hráče a objemné weby může být jednodušší vytvořit mobilní aplikaci, která bude mít pouze funkce, které uživatelé potřebují.

Náš názor je, že pokud máte pouze informační web, pak je responzivní design perfektní. Protože komprimace textu a obrázků je mnohem snazší než rozhodování o tom, jak předělat obrovskou kalkulačku na webu bez ztráty použitelnosti.

Ale pokud máte na svém webu Osobní oblast s obrovskou funkcionalitou nebo její stránky bude obtížné přenést do adaptivního designu, pak je jednodušší udělat mobilní verzi, kde budou všechny nástroje pro uživatele pohodlně umístěny.

No, pokud ještě nemáte web a o jeho vytvoření teprve uvažujete, pak je lepší adaptivní design okamžitě zahrnout do vývoje.

Proč potřebujete mobilní verzi nebo responzivní design webu?
Pokud o tomto problému mladá generace podnikatelů nepochybuje, další část se zamyslí nad tím, proč by za to měli utrácet peníze.

Co určuje potřebu jedné nebo druhé verze pro mobilní zařízení?

Podle posledních údajů se počet uživatelů internetu používajících mobilní zařízení za rok zvýšil o 90 %! Z 80 milionů uživatelů internetu na celém světě jich 50 milionů používá mobilní zařízení. V ruském segmentu tvoří mobilní provoz 25 % a v některých oblastech dosahuje 40 %.

Hlavním problémem je, že dříve byly webové stránky původně navrženy se zaměřením na rozlišení počítačových monitorů, ale jak se ukázalo, tradiční rozložení pro mobilní zařízení není zcela vhodné, protože rozměry obrazovky smartphonu se liší od úhlopříčky monitoru. , což je důvod, proč existuje rozpor mezi grafikou a designem. Používání takových stránek z telefonů je zcela nepohodlné: dlouho se načítají, nefungují malý a nečitelný text, nepohodlná navigace, horizontální rolování, flash a java skripty. Většina návštěvníků takových stránek je otrávená a okamžitě je opustí, aniž by podnikli cílené akce.

Dalším důvodem, proč byste měli přemýšlet o vývoji mobilní verze, je dostupnost mobilní vyhledávání, a pokud váš web nemá mobilní verzi, pak se tam nedostane. Google a Yandex nás o tom informují ve svých požadavcích a doporučeních a je to pochopitelné, protože v desktopovém vyhledávání je jakási stabilní situace, kdy vyhledávače obrátily svou pozornost na rostoucí trh mobilního vyhledávání. To vše nás přimělo k vývoji bezplatné mobilní verze pro váš web.

cílová vyhledávače- poskytovat lidem relevantní a užitečné informace. Vyhledávače a vývojáři webových stránek se snaží zajistit, aby návštěvníci z jakéhokoli zařízení mohli stránky po opuštění výsledků vyhledávání snadno a pohodlně procházet.

Nedávné studie ukazují, že ti, kdo používají chytré telefony a jiná mobilní zařízení k přístupu na internet, se častěji vracejí na stránky, které mají mobilní verzi, a tito uživatelé také častěji nakupují online, což, jak budete souhlasit, je velmi důležité. A jelikož vyhledávače toto vše sledují a snaží se zlepšit kvalitu výsledků vyhledávání, stalo se pohodlné prohlížení webu z takových zařízení faktorem ovlivňujícím propagaci webu.

Řešení pro příjem mobilního provozu

Pro vytvoření mobilní verze existují 3 technologie:

1. Mobilní verze, jako samostatný web pro mobilní zařízení na subdoméně;
2. Adaptivní design;
3. Mobilní aplikace pro IOS, Android, Windows Phone.

S mobilní aplikace vše je jasné: jsou vyvíjeny pro mobilní zařízení operační systémy a návštěvníci webu při přístupu z mobilního zařízení obdrží nabídku ke stažení, například jako kinopoisk.ru.

Vývoj takové aplikace stojí úměrně mobilní verzi a někdy i více.
Takové řešení má mnoho výhod, včetně dobře promyšleného rozhraní, některých „triků“, osobního účtu atd.

Nevýhodou je, že je potřeba uživatele povzbudit ke stažení a instalaci aplikace, což je samostatná výdajová položka nebo položka v marketingové strategii.
Takové aplikace je potřeba udržovat a aktualizovat, chránit před hackováním atd. Což také stojí peníze.

Nyní se podívejme na rozdíly mezi mobilní verzí a responzivním designem.

Adaptivní design

Responzivní design znamená, že díky určitým stylům kódu se váš web automaticky přizpůsobí šířce velikosti zařízení, na kterém je otevřen, ať už jde o PC monitor, smartphone nebo tablet. Dříve jsme o tom psali v několika článcích „Jak vytvořit mobilní verzi webu“ a „Použití metaznačky Viewport“. Designéři layoutu při vývoji webu nerozvrhnou web do určité velikosti, například 800x480 px, ale vytvoří webové stránky z prvků, které se automaticky přizpůsobí šířce obrazovky. Bloky jednoduše změní své umístění a některé se na chytrých telefonech vůbec nezobrazují. Tato možnost je vhodnější pro jednoduché weby s vizitkami nebo blogy.

Výhody responzivního designu:

• Kompetentní zobrazení webových stránek a všech jejich prvků na jakémkoli zařízení přizpůsobením stylů mobilním prohlížečům;
• V souladu Požadavky Google pro snadné prohlížení na mobilních zařízeních;
• Snadný vývoj, náklady nižší než vytvoření mobilní verze;
• Jedna adresa URL pro běžnou verzi webu a s adaptivním rozložením, takže není potřeba přesměrovávat uživatele a návštěvníci si také nebudou muset pamatovat samostatnou adresu subdomény.
• Krása původního webu, něco, ale přesto krásný design může být zachován a to je důležité.

Nevýhody responzivního designu:

• Stránky webu jsou těžké, protože adaptivní design neumožňuje nahradit těžké desktopové prvky lehkými, a proto se web z mobilních zařízení načítá dlouho. Což je velmi důležité, takže rychlost stahování je třeba optimalizovat;
• V případě problémů s adaptivním uspořádáním nemá návštěvník webu možnost přejít na běžnou verzi webu;
• Responzivní design zahrnuje přepracování všech stránek webu, což může být nepohodlné, pokud je vaše podnikání zcela závislé na webu a jeho výkonu.

Mobilní verze webu

Mobilní verze zahrnuje vývoj verze webu na subdoméně, například m.vk.com, na kterou je návštěvník přesměrován při použití mobilního zařízení. Obvykle je tato verze vytvořena pod mobilní obrazovky o šířce menší než 620px. Tato technologie umožňuje vytvořit mini verzi webu s nejvíce důležitá informace, nepřetížené obsahem a různými designovými prvky a hlavně velkými navigačními prvky. Vhodné jak pro jednoduché weby, tak pro internetové obchody, různé služby: pošta, novinky, sociální síť.

Výhody mobilní verze:

• Je uživatelsky přívětivý, protože je oproti běžné verzi značně zjednodušený. Mobilní verze poskytuje informace s nejvyšší prioritou a také umožňuje provést objednávku/nákup s minimem akcí.
• Je snadné provádět významné změny, protože se jedná o samostatnou verzi a nevyžaduje změny na hlavním webu;
• Rychlé načítání stránek, protože všechny potřebné prvky mají menší váhu.
• V případě problémů na mobilu je možné přejít na plnou verzi stránek;

• Splňuje pokyny Google pro mobilní sledování.

Nevýhody mobilní verze:

• Náklady na vývoj, vývoj mobilní verze jsou srovnatelné s tvorbou aplikace;
• Náklady na údržbu, je nutné udržovat verzi pro různá zařízení;
• Budete se muset vzdát některých informací, souborů a možností webu.

Jak jste viděli, obě možnosti mají své výhody a nevýhody, ale my jsme se rozhodli spojit to nejlepší z obou verzí. Výsledkem je mobilní verze s prvky adaptivního designu, můžete buď vysílat materiály z hlavního webu a bude přizpůsobena pro mobilní zařízení, nebo vytvořit samostatné sekce dostupné pouze pro mobilní zařízení. To vše umožňuje co nejpružněji přizpůsobit mobilní verzi.

Mobilní verze jako dárek!

Vývojáři Nubex se starají o své klienty a kvalitu svých webových stránek, proto jsme se připravili kompletně bezplatná aktualizace, díky kterému se objevila mobilní verze pro všechny, kteří používají náš tvůrce webových stránek. Pokud ji z nějakého důvodu nepotřebujete, můžete ji jedním kliknutím vypnout. Také jeho nastavení je zcela jednoduché a intuitivní, mobilní verzi nastavíte za 5-10 minut.

Při tvorbě mobilní verze jsme zohlednili požadavky vyhledávačů:

• Dynamické rozvržení webu, oblast zobrazení by se měla automaticky přizpůsobit velikosti obrazovek, aby se uživatel mohl vyhnout horizontálnímu posouvání stránky a změně měřítka.
• Automatická změna velikosti písma pro zlepšení čitelnosti textu.
• Pohodlný design interaktivních prvků (tlačítek atd.), umístěných v určité vzdálenosti od sebe, takže po stisknutí se vybere požadovaná oblast
• Responzivní design – vše by mělo fungovat a odrážet se na základě technologie moderních mobilních zařízení.

Také jsme vzali v úvahu:

• sbalené hlavní menu (snadno se rozkládá a šetří místo);
• nákupní košík, vyhledávání na stránkách;
• pohodlné zobrazování fotografií, alb, posuvníků a produktů;
• pro internetové obchody - pohodlný online objednávkový formulář z vašeho telefonu;
• Můžete nezávisle zapnout nebo vypnout zobrazení různých bloků a sekcí.

Nakonfigurujte si mobilní verzi webu sami nebo kontaktujte naši službu technická podpora klientům ke zlepšení kvality vašich webových zdrojů.

Toto je další zjednodušená verze webu, která se obvykle nachází na subdoméně s předponou „m“ (například m.site).

Jak je vidět z obrázku, na tabletech se otevírá i verze pro telefony a je roztažená do šířky, protože tablet je prakticky velmi, velmi široký smartphone :)

Externě a stylisticky to samozřejmě lze udělat jako hlavní web (abyste si nepřipadali jako na stránce někoho jiného): stejné barvy, fonty, prvky. Ale struktura může být radikálně odlišná a nejčastěji je. Je nepravděpodobné, že si někdo vybere byt nebo si vyzvedne auto po telefonu nebo požádá o půjčku v bance. Koneckonců je to nepohodlné, protože obrazovka je malá (ve srovnání s notebookem nebo počítačem). Jenže hledání nejbližších bankomatů nebo adresy pizzerie je opak. Proto jsou mobilní verze dělané velmi zjednodušeně, bez nějakých složitých kalkulaček, obrovských tabulek porovnávajících dva a více podobných produktů. Odstraňují všechny nejsložitější věci a zjednodušují přístup ke kontaktům, pracovní době a tak dále.

Výhody

• Protože se jedná o další verzi webu, načítá se samostatně (tj. hlavní web se nenačte). A ještě jednou opakuji: zpravidla je to značně zjednodušené. Proto se načítá rychle oproti adaptivnímu.
• Údržba mobilní verze je poměrně jednoduchá: změny a vylepšení se netýkají počítačů.

Nedostatky

• Jako designér okamžitě vyjádřím svůj názor na tablety: natažená verze pro smartphony na nich vypadá hrozně. Ne, no, samozřejmě to můžeš použít. Ale ten adaptivní zaběhl v tomto ohledu hodně daleko.
• To vše je pro SEO optimalizaci krajně nepohodlné. Dvě adresy – hlavní web a mobilní verze – znamenají, že obsah bude duplikován.

Abyste mohli určit, co je lepší - adaptivní design nebo mobilní verze webu, musíte nejprve pochopit, proč je to vše nutné.

Podle comscore.com procento uživatelů prohlížejících webové stránky na mobilních zařízeních každým rokem roste:

Aktivní předplatitelská základna mobilní přenos data, svět, milion lidí, 2007–2015

V tomto ohledu byly vyvinuty nové algoritmy pro vyhledávače a byly zavedeny další hodnotící faktory: nyní výsledky vyhledávání zohledňují, jak je stránka vhodná pro mobily (vhodné pro prohlížení na mobilních zařízeních). V Algoritmus Google Mobile friendly byl spuštěn 21. dubna 2015 v Yandexu – „Vladivostok“ dne 2. února 2016.

Desktopová verze webu a upravená verze pro mobilní zařízení

Jak vyhledávače určují, zda je webová stránka pohodlná pro prohlížení na mobilních zařízeních:

• Stránky by měly obsahovat obsah, který pro zobrazení nevyžaduje vodorovné posouvání nebo přibližování;
• stránka by neměla obsahovat prvky, které na mnoha mobilních zařízeních nefungují – Flash, Java applety a pluginy Silverlight;
• texty na stránkách by měly být čitelné bez změny měřítka;
• Odkazy by měly být od sebe dostatečně vzdálené, aby na ně bylo snadné kliknout.

Nejdůležitější je, že vyhledávače hodnotí weby jednoznačně – ať už jsou vhodné pro mobily, nebo ne.

Používáním nástroj Google PageSpeed ​​​​Insights (https://developers.google.com/speed/pagespeed/) může určit, jak rychle se načítají stránky vašeho webu a jaká je jejich použitelnost. Skóre PageSpeed ​​se může pohybovat od 0 do 100 bodů pro rychlost načítání stránky a uživatelský dojem, například:

Výsledky 85 a více bodů jsou považovány za dobré.

Pokud stránka webu nesplňuje požadavky na službu, je vydána zpráva ve formě doporučení pro řešení problémů, například:

Tuto službu lze využít pro prvotní diagnostiku a identifikaci problémů na webu.

V jakých případech je nutné vyvinout mobilní nebo adaptivní verzi pro webové stránky?

Abychom pochopili, zda se vyplatí přizpůsobit web pro „mobilní“ publikum, je nutné jej analyzovat v systémech webové analýzy (Yandex.Metrica nebo Google Analytics) podle návštěvnosti podle zařízení, ze kterého uživatelé na web přistupují. Pokud více než 15 % publika používá chytré telefony nebo tablety, doporučuje se vyvinout adaptivní rozvržení nebo mobilní verzi. Zde je důležité vzít v úvahu návštěvnost webu. Například pro weby s velkým počtem návštěvníků (od 1 000 000 a více) je tato laťka snížena, protože tak velký segment návštěvnosti webu nelze zanedbat.

Mobilní verze webu

mobilní verze- samostatná verze nebo samostatná šablona, ​​přizpůsobená pro zobrazení na mobilních zařízeních. Nemusí zobrazit všechny bloky, které jsou v hlavní verzi webu.

„Speciální funkce“ mobilní verze: když na ni přepnete, změní se adresa URL v adresním řádku prohlížeče - přidá se k ní předpona „m“, například: m.example.ru.

Zobrazení na monitoru počítače a na mobilním zařízení: mobilní verze se liší od hlavní

Příklad webové stránky s upravenou mobilní verzí: http://www.lamoda.ru/ (m.lamoda.ru).

Hlavní výhody mobilní verze webu

• Nízká hmotnost a v důsledku toho vysoká rychlost nakládání. To je důležité pro uživatele, kteří mají nízká rychlost Přístup k internetu (GPRS nebo slabé 3G).
• Uživatel má na výběr, kterou verzi bude zobrazovat (mobilní nebo hlavní).
• Splnění požadavků vyhledávače pro snadné prohlížení webu na mobilních zařízeních.

Nevýhody mobilní verze

• Pokud je nutné provést změny na webu, budou muset být provedeny jak na běžné verzi webu, tak na mobilní verzi, tj. množství práce se zvýší 2krát.
• Při jeho vývoji často musíte opustit část obsahu.
• Vzhledem k tomu, že mobilní a hlavní verze webu jsou na různých doménách, nezlepšuje se behaviorální faktory hlavní doména, tedy to bude mínus pro SEO optimalizaci.

Jedná se o speciální design webové stránky, ve kterém prvky webu mění svou velikost a umístění různá rozlišení Zobrazit. Stránka se automaticky přizpůsobí velikosti zařízení, na kterém je otevřena, ať už jde o PC monitor, chytrý telefon nebo tablet. Díky tomuto typu rozvržení bude web pohodlně a přehledně zobrazen různá zařízení. S využitím technologií adaptivního designu funkčnost stránek vůbec netrpí.

Zobrazení na monitoru počítače a na mobilním zařízení – adaptivní verze se liší od té hlavní

Příklad webu s adaptivní verzí: http://www.mvideo.ru/.

Výhody responzivního designu pro mobilní zařízení

• Jedna adresa URL pro veškerý obsah.
• Flexibilní rozhraní - můžete nakonfigurovat pohodlné zobrazení webu pro jakoukoli šířku obrazovky.
• Adaptivní design splňuje požadavky vyhledávačů na snadné prohlížení webu na mobilních zařízeních.
• Pokud má web adaptivní verzi, pak se na mobilních zařízeních zlepší faktory chování, což zlepší celkový výkon webu. To bude velké plus pro umístění ve výsledcích vyhledávání.

Nevýhody mobilního responzivního designu

• Potřeba vytvořit samostatné rozvržení stránky webu pro každé rozlišení displeje.
• Adaptivní verzi na rozdíl od té mobilní nelze přepnout normální mód. To znamená, že uživatel nemá na výběr zobrazení webu. Nevýhoda je relevantní, pokud má adaptivní verze chyby – například prvky se zobrazují nesprávně.
• Je obtížné přidat novou šablonu stránky, protože bude nutné nakonfigurovat, aby se v adaptivní verzi zobrazovaly správně. Pokud přidáte informace do existujících šablon stránek, nebudou žádné problémy se zobrazením.

Co je lepší: adaptivní rozvržení pro mobilní zařízení nebo mobilní verze webu?

Nejlepším řešením pro web je použití adaptivního rozvržení pro mobilní zařízení. Přes řadu nedostatků je web s adaptivním rozložením funkčnější. Přítomnost šablon stránek také znamená, že je snadné přidávat obsah na web, na rozdíl od mobilní verze, ve které je přidávání obsahu duplikováno, protože ve skutečnosti existují dva různé weby. Velkým plusem je fakt, že adaptivní verze zlepšuje faktory chování hlavního webu. To je užitečné z hlediska propagace a použitelnosti. Na základě toho doporučujeme zvolit si adaptivní uspořádání.