Většina lidí jde do sítě prostřednictvím mobilních gadgetů - tablety, telefony, v souvislosti s touto optimalizací webu jde také na novou úroveň. Pokud uživatel přichází a vidí, že stránky není optimalizováno pro mobilní zařízení: Obrázek nelze zobrazit, tlačítka se přesunula, písma jsou malá a nečitelná, design je sperma - 99 z 100%, což vyjde a začíná hledá další pohodlnější. A položte zaškrtnutí, že zdroj je nonreland, to znamená, že neodpovídá vyhledávacímu dotazu. Proto musí být konstrukce stránky nutně přizpůsobena různým mobilním zařízením. Co je to mobilní verze webu, jak to udělat, a co je to způsob, jak je lepší aplikovat? Přečtěte si více v tomto článku.

Existují čtyři klíčové způsoby přizpůsobení webu pod mobilní verzí.

Metoda První - adaptivní design

Adaptivní šablony naznačují změnu obrazu webu v závislosti na velikosti obrazovky. Zpravidla se stanoví na standard 1600, 1500, 1280, 1100, 1024 a 980 pixelů. Pro implementaci uplatňují dotazy. Sám se nezmění.

Výhody této metody by měly zahrnovat:

• pohodlný vývoj, protože samotná struktura je upravena pro parametry obrazovky a jakákoliv aktualizace nevyžaduje design od nuly, stačí opravit CSS a HTML;
• jedna adresa URL - Uživatel nemusí zapamatovat několik jmen, není třeba přesměrovat (přesměrování z jedné adresy na jinou), což může komplikovat práci webmasteru a vyhledávače je snazší třídit a hodnit zdroj s jednou adresou.

Adaptivní vzory mají samozřejmě své nevýhody, které mimochodem více než výhody. Nicméně, mnoho vývojářů dodržuje tento koncept, například společnost Google Corporation, mobilní verze stránky, jehož má adaptivní design. Nevýhody:

• Adaptivní design nepodporuje stejné úkoly na mobilním zařízení jako na PC. Pokud je to například mobilní verze webových stránek banky, kde uživatel bude s největší pravděpodobností důležitými informacemi o průběhu měn nebo nejbližších bankomatů, pak takový design je dost. Pokud se jedná o komplexní strukturovaný zdroj s řadou sekcí a podsekance, je nepravděpodobné, že by návštěvníky mohlo dělat návštěvníky.
• Pomalé zatížení otočí oblíbené místo v nenáviděcích. To platí zejména pro zdroje, kde jsou v hojnosti přítomny animace, videa, vyskakovací okna a další aktivní prvky. Vzhledem k velké hmotnosti bude stránka jednoduše "brzda", uživatel je naštvaný a odejde a vyhledávací pozice webu je spadnout.
• Neschopnost vypnout mobilní verzi je další závažná chyba. Pokud je nějaký prvek skryto takovým uspořádáním, nemůžete dělat nic, abyste ho mohli otevřít, na rozdíl od míst, kde lze vypnout a jít do běžné domény.

Taková mobilní verze stránky rychle, bez speciálních dovedností a nákladů, umožňuje přizpůsobit zdroj na libovolné miniaplikace. Bude však vhodný, s ohledem na uvedené nedostatky, malým, jednoduchým zdrojům s minimálními informacemi a multimédií bez komplexní navigace a animace. Pro komplexní místo budou vhodné 2 další metody.

Druhou metodou je samostatná verze webu.

Tato metoda je velmi běžná a často s úspěchem je místo na mobilním zařízení vhodnější pro vnímání. Jeho podstatou je vytvořit samostatnou verzi stránky nakreslené pod aplikací a umístěnou na samostatné URL nebo subdoménu, například m.vk.com. V tomto případě je zachována hlavní funkce, jen jinak vypadá jako návrh místa. Výhody této metody jsou zřejmé:

• pohodlné uživatelské rozhraní;
• snadno měnit a vytvářet úpravy, protože verze existuje odděleně od hlavního zdroje;
• vzhledem k nízké hmotnosti pracuje samostatná verze webu mnohem rychleji než adaptivní vzor;
• nejčastěji je možné přepnout na hlavní verzi stránky pomocí mobilu.

Ale tady nebyly nedostatky:

• Několik adres - desktop a mobilní verze webu. Jak si uživatel pamatovat dvě možnosti? Webové průvodci jsou často předepsáni z verze DeXted do mobilu, ale pokud tato stránka neexistuje v mobilní verzi, uživatel obdrží chybu. Má také potíže s vyhledávači, které jsou obtížné řadit 2 identické zdroje, a to přímo ovlivňuje propagaci.
• Mobilní verze webu z počítače, pokud uživatel na něm chystá, vypadá směšně, což může ovlivnit i docházku.
• Tato verze je častěji vyvrtána, desktopová, takže uživatel obdrží velmi omezenou funkčnost. Ale zároveň, pokud něco chybí, návštěvník může dosáhnout plné verzi stránky.

Obecně platí, že samostatný mobilní stránka sama ochází a je nejčastějšími způsoby přizpůsobení zdrojů pro mobilní zařízení. To je oblíbené mezi hlavními online obchody, například Amazon.

Třetí cesta - ress-design

Vyhledávač Google aktivně podporuje tento směr mobilního designu. Je to nejtěžší, náklady, ale účinná metoda přizpůsobit místo pod telefonem nebo tabletem. To se nazývá ress. Jedná se o cílový zdroj v mobilní aplikaci, kterou lze stáhnout pro každé zařízení samostatně. Pro Android - se službou GooglePlay a pro Apple - s iTunes.

Takové aplikace jsou rychlé, volné, pohodlné, mají schopnost přizpůsobit různé typy informací, zatímco paměť telefonu a internetového provozu nejsou konzumovány jako při návštěvě webu prostřednictvím prohlížeče. Budou snadno jít na ně, protože odkaz bude vždy na obrazovce po ruce, a není třeba zadat napadený název v adresním řádku prohlížeče.

Samozřejmě zde a jeho nedostatky, jako je potíže s rozvojem, vysoké náklady na práci velkého počtu programátorů, je třeba provést několik možností rozvržení. Někdy se mobilní zařízení nerozpozná aplikací. Je zapotřebí pravidelná technická podpora, upevnění nedostatků. Tato možnost je však považována za to nejlepší ze tří navrhovaných v důsledku jeho produktivní, nepřerušované práce.

Nejlevnější způsob, jak udělat mobilní místo

Všechny výše uvedené metody naznačují i \u200b\u200bdlouhý a složitý, ale stále placené Web Magisterova práce. Pokud nevidíte akutní potřebu takového vývoje, budete odpovídat jednoduché a zdarma mobilní verzi webu. Jak to usnadnit?

Stáhněte si fotografii speciální šablony (pluginy) pro adaptivní design. Například detektor WP Mobile, WordPress Mobile Pack, WPSMART Mobile a další. Pomohou vám správně zobrazit web v telefonu, zatímco obdržíte několik tipů, které by mělo být opraveno, aby se stránka lépe přizpůsobila mobilní verzi.

Tato metoda je samozřejmě sotva vhodná pro vážné zdroje. Tato svobodná příležitost je spíše určena pro malé a nejjednodušší stránky, blogy, novinky. Neměli byste také zapomenout, že vyhledávač Google, stejně jako Yandex, dnes dělá vážné požadavky na mobilní verze, proto existuje obrovská šance na snížení pozic pomocí takové metody.

S touto metodou bude s největší pravděpodobností reklamní a vyskakovací bannery odříznuty, ale stránka bude načtena rychle a bez "LAGS".

Principy mobilních verzí

Nezáleží na tom, mobilní verze webu byla vytvořena zdarma nebo pomocí stavu webmasteru, je proveden na systému RESS nebo pomocí adaptivní šablony. Nejdůležitější je, že pro jeho účinnou práci musíte dodržovat několik velmi důležitých principů. Co by mělo být mobilní verze webu? Jak to udělat produktivní, efektivní a produktivní?

Odstraníme všechno příliš mnoho

Minimalismus - co by měl vývojář mobilní verze stránky usilovat o. Představte si, jak těžké je vnímat informace, které je zastřeleno květinami, tlačítka, bannery, a které máte křehké při hledání požadovaného materiálu. Mobilní design by měl být jednoduchý a čistý. Vyberte 2-3 barvy do samostatného prostoru (například značky). Lepší, pokud je jeden z nich bílý. Sdílejte prostor malé obrazovky srozumitelným a čitelným zónám. Virtuální klíče musí být viditelné tak, aby uživatel jasně věděl, kde stiskněte, a pila - to je výrobek, zde je formulář pro vyplnění dat, zde je informace o dodání a platbě.

Všechny další možnosti, které by přišly v ruce v desktopové verzi, by usnadnily uživatele uživateli, zde přinese pouze potíže. Nechte jen nejdůležitější prvky. Animace, reklamní bannery, multimédia, s největší pravděpodobností, bude jen zpomalit pracovní místo nebo aplikaci a odvádět od hlavní věci.

Zarovnání

Úroveň zarovnání není méně akutní, protože pokud je špatná k tomu, aby ji uživatel obdržel pouze konec důležitých slov. Obecně přijímaný je vyrovnání levého okraje a svisle. Představte si, jak procházíte zpravodajským zdrojům v telefonu. Uděláte to shora dolů, ale ne v levé nebo pravé straně.

Sdružení

Pokud neexistuje možnost dlouhého řetězce přechodů, zkuste kombinovat několik kroků k jednomu. Místo například vyžadují data v několika etapách - jméno, pak adresu, kde dům, ulice, byt atd., Se nachází v každé jednotlivé buňce. Takže ne nutit uživatele, aby se pokusil dostat hodně malých buněk, nabídnout jej vyplnit pouze 2 - jméno a adresu.

A separace

Někdy, naopak, je nutné odpojit příliš mnoho informací. Například v rozevírací nabídce máte seznam více než 80 měst, kde se provádí dodávka. Skupina je podle krajů tak, aby uživatel nemusel posouvat tento obrovský seznam. Když to bude bránit kurzorem do regionálního centra nebo oblasti, další seznam měst se rozpadne.

Seznamy

Mimochodem, o seznamech. Existují dva z nich - pevné v abecedním nebo jiném pořadí a substituci. Jejich volba závisí na tom, co bude uvedeno.

Opraveno je vhodné, pokud uživatel ví přesně to, co hledá. Například město, číslo nebo datum. Druhá možnost je vhodná pro dlouhá složitá jména nebo pro případy, kdy existuje mnoho variant ve stejném jménu, a každý uživatel přináší uživateli k cíli. Možnost s autodistribucí je častěji používána, když návštěvník potřebuje pomoc. Například místo pro pletení nabízí koupit pletací jehlice. Uživatel zavádí vyhledávací dotaz "kovové spinky", a v řádku vidí "obrázky 5 mm", "4,5 mm" pletací jehlice atd.

Autokomplete

Tato položka se týká obzvláště lokalit, kde se něco prodává online, a je nutné vyplnit standardní formy platby, doručení atd. Pokud osoba provede nákup z telefonu, s největší pravděpodobností nemá čas se dostat Počítač, což znamená, že procesní nakupování musí být co nejrychleji a pohodlné.

Pro tento formulář může obsahovat již dokončené údaje, můžete uchýlit se k nejoblíbenějším odpovědím. Například vložte dnešní datum, metodu hotovosti, město, pokud pracujete v jednom regionu. Mohou být změněny, ale pokud spadnete do cíle, čas uživatele bude uložen.

Všechno je čteno, všechno je viditelné

Vytvoření mobilní verze webu, nezapomeňte, že všechny telefony jsou jiné a vizi. Možná budou vaše stránky prohlíženy z malé obrazovky, takže písma musí být jednoduchá a čitelná, tlačítka jsou poměrně velká, takže můžete kliknout a nedostanete na jinou stránku a obrázky by měly být otevřeny odděleně, velké, zejména pokud jsme Mluví o internetovém časopise.

Některé statistiky

Mluvit o přizpůsobení webu na mobilní zařízení, není možné se uchýlit k statistikám, aby pochopil, jak je tento proces důležitý pro propagaci.

Čísla jsou následující. Dnes 87% populace využívá pomůcky, zřejmě, s výjimkou nejmladších dětí a některých starších lidí. Ekonomové předpovídají růst mobilního obchodu 100krát na dalších 5 let. Zároveň pouze 21% stránek upravených pro práci s mobilními zařízeními. To znamená, že internetový provoz a trh elektronického obchodu jsou obsazeny pouze v malé 5. části.

Přemýšlejte o těchto číslech. Má smysl přizpůsobit váš zdroj? Samozřejmě ano. Navíc, zatímco na tomto trhu je tolik volného místa, můžete si na něm vzít svůj vlastní segment.

Kde potřebujete mobilní verzi

Použití mobilní verze je vhodná pro jakoukoli platformu, která se snaží získat vysoké hodnocení. Koneckonců, to je přímý dopad na uživatele, což vytváří pohodlné podmínky pro pobyt na vašich stránkách.

Bez mobilní verze nemůžete existovat:

• newsports, protože je to jejich většina, která se dívá z telefonu do práce nebo studie;
• sociální sítě - ze stejného důvodu, plus komunikační faktor online, což znamená, že by měl být vytvořen pohodlný, srozumitelný chat;
• reference, stránky s navigací atd., Kde jsou lidé osloveni při hledání něčeho;
• online obchody jsou schopnost přilákat kupce, kteří tráví čas na nakupování a koupit vše prostřednictvím mobilního internetu.

Místo odnětí svobody

Dnes jsou mobilní technologie ve fázi aktivního růstu a vývoje, tedy snaží o vedení na trhu, každá společnost musí zajistit, aby její internetové zdroje konzistentní. Vzhledem k rostoucím uživatelským požadavkům musí stránky neustále upgradovat a přizpůsobit různým zařízením. Je jasné, že pokud je osoba nepohodlná, že bude na jednom nebo jiném zdroji, nemůže získat informace o produktu nebo ceně, umístit objednávku, naučit se o doručení, pak najde toto místo, kde to vše bude možné. Proto vyhrát v soutěžním zápase, je důležité mít flexibilní, pohodlný, funkční a zajímavý zdroj.

Pomůže to mobilní verzi webových stránek Android nebo IOS. Chcete-li to provést, vyberte jednu z výše uvedených metod Redesign je adaptivní šablona, \u200b\u200bvytváří nový web na subdoménu a přechodu na něj přesměrováním, pomocí šablon zdarma nebo vytváření mobilní aplikace, se kterou bude uživatel schopen snadno jít a být na stránce.

Všichni jsme slyšeli statistiky: 2014 je rok, kdy více a více lidí používá smartphony pro přístup k internetu než počítače nebo notebooky. . Nechcete, aby vaše stránky zůstaly za sebou, ale jak naprogramovat místo pro tento mobilní internet? Existují tři základní možnosti, z nichž každá má své výhody a nevýhody. V tomto článku zvažte výhody a nevýhody každého z nich, aby si vybrali nejlepší způsob, jak rozvíjet vaše stránky.

Možnost 1: Adaptivní design

Reising design Určuje rozlišení obrazovky, na kterém jsou stránky zobrazeny pomocí žádostí o médii, pak upraví rozložení velikosti a stránky podle získaných dat. Google Uvedl, že preferuje adaptivní design webu, což z něj činí těžkou váhou v této diskusi.

profesionálové :

1. Pouze jedna verze každé stránky. Stránka se přizpůsobí typu zařízení pro zobrazení obsahu (typ zařízení je určen, a pak se zobrazí různé obsah).
2. Tento přístup výrazně zjednodušuje údržbu stránek.
3. Reagující design se nespoléhá na detekci uživatelského agenta, jako jiné dvě možnosti. Detekce Uživatelský agent. (I.E. Detekce Jaký prohlížeč nebo zařízení vyžaduje webovou stránku) není sama o sobě špatný, ale není to úplně, a pokud dojde k selhání v procesu, mohou uživatelé získat nesprávnou verzi vašich stránek. Kromě toho osvobozuje vyhledávací pavouci z potřeby skenovat vaše stránky, pod různými Uživatelský agent. - To znamená, že vaše stránky budou lepší indexovány.
4. Adaptivní design webu, zpravidla je zpravidla naložena v prohlížečích rychleji. Vzhledem k tomu, že všechna zařízení dostávají stejný obsah, neexistuje žádný proces detekce možného přesměrování dotazu v důsledku uživatelského agenta. Každý zná, že rychlostí záleží.

Minusy:

1. Chcete-li přepsat stávající stránky, bude trvat nějakou dobu a pracovní náklady. Pokud máte velké místo, pohyb směrem k adaptivnímu designu nemůže být tou nejlepší volbou.
2. V závislosti na umístění vašich stránek stiskněte obsah na obrazovce mobilního telefonu docela obtížné.
3. Navigační prvky nejsou vždy zobrazeny v požadované velikosti a když se kurzor vznáší, povrchové prvky nefungují vůbec na dotykové obrazovkách. To může způsobit změny navigace.
4. Existují případy, kdy adaptivní stránky s velkým počtem obrázků jsou naloženy pomaleji při vysoké odezvě.

Pokud se rozhodnete vybrat stránku s citlivým designem, mějte na paměti, že je nutné zkontrolovat své stránky na různých prohlížečích a zařízeních (nebo používání zboží Uživatelský agent. Emulátor) před spuštěním webu.

Dobrým příkladem adaptivního designu je webová stránka. webová stránka :

Mobilní verze mění stránky docela krásně.

Možnost 2: Dynamická porce

Podstata dynamického porce nebo přesměrování je to, že je nejprve stanovena Uživatelský agent. Návštěvník (I.e., Jaké zařízení používá k zobrazení vašich stránek) a pak se přesměrování provádí na úrovni serveru na požadovanou ul. Dynamický přesměrování může být provedeno několika způsoby.

Jedním ze způsobů, jak implementovat dynamický přesměrování, je jednosměrný přesměrování, ve kterém jsou mobilní uživatelé přesměrováni z hlavního pravidelného místa na mobilní verzi.

Druhý typ, obousměrný přesměrování - když uživatelé jsou přesměrováni také z mobilní verze k obvyklému. Části kódu odpovědného za takový přesměrování se někdy nazývají kontrolní značky. Při implementaci označuje značku rel \u003d »Alternativní» Na obvyklé verzi, ukazující na mobilní místo; A na mobilním místě se značka nachází rel \u003d »Alternativní»označující základní plnou verzi webu.

Profesionálové:

1. Protože přesměrování se provádí na úrovni serveru, bude jen jedna Url Pro každou stránku.
2. Dynamický přesměrování také funguje dobře pro běžné mobilní telefony, které obsahují pevnou sadu funkcí, ale ne tak široký jako smartphony. Například mobilní telefony obvykle nemohou stahovat aplikace, ale zpravidla mají určité webové stránky. Velkým rozdílem je, že mobilní telefony nelze zpracovat CSS.Takže se nemohou dobře vyrovnat s citlivým designem. Proto je důležité znát své publikum a jaký typ mobilních zařízení používají.
3. Pokud chcete mít konkrétně pro své mobilní uživatele, tato volba vám umožní udělat, protože mobilní uživatelé a uživatelé obvyklé verze zobrazí jiný kód Html..

Minusy:

1. Taková implementace zdvojnásobuje množství práce, protože musíte provést samostatný web pro mobilní zařízení, se samostatným množinou indexovaných Html.vyžadující oddělení SEO..
2. Požadovaný seznam řádků vlastních agentů také vyžaduje trvalou údržbu, protože nové řádky musí být přidány, když vytvářejí nové mobilní zařízení.
3. Konečně, mějte na paměti, že budete muset použít " HTTP záhlaví se liší"Pokud vaše stránky dává obsah dynamicky. Titul pomáhá dostat obsah správně a pomáhá správné mezipaměti motoru webu. Google ukazuje podrobné informace o tom, jak tento název přidat ( https://developers.google.com/webmasters/smartphone-sites/Details#dydynamicserving.) .

Možnost 3: Mobilní stránka

Tato volba z názvu zahrnuje vytvoření samostatné domény speciálně pro mobilní uživatele. Nejběžnější příklady jsou m.domain.ru.nebo mobile.domain.ru.. To je populární volba pro velké maloobchodníky. Tato metoda zahrnuje vývoj obsahu, zejména pro návštěvníky používající mobilní telefon (a žádné přesměrování na úrovni serveru).

Profesionálové:

1. Pro velké stránky s počtem stránek ve stovkách tisíc nebo miliony, zavedení adaptivního designu způsobí příliš mnoho práce. V případě mobilního místa - bude možné postupně zvýšit mobilní verzi webu (jako samostatný web) a práce bude mnohem méně.
2. Stejně jako u dynamického přesměrování, místo pro mobilní zařízení vypadá lépe na mobilních telefonech než místo s adaptivním designem. V závislosti na demografii vašich stránek nemůže být kritériem; Ale pro některé podniky je důležité.

Minusy:

1. Vaše mobilní stránka nebude mít prospěch z jakéhokoli pozitivního růstu profilu zpětného odkazu na hlavní stránku (pokud jste neplánovali obousměrné spedice). Takže pokud chcete, aby vás své mobilní uživatelé našli v organickém vyhledávání, může být tento okamžik zvláštní negativní.
2. Vaše mobilní stránky bude vyžadovat další práci na SEO. Budete muset předložit samostatné karty XML Sitemap pro Google a Yandex. Kromě toho budete muset upravit meta tagy. Mobilní meta tagy by měly být kratší než pro místo obvyklé verze.

Zde je příklad, kdy se mobilní místo provádí správně. Nytimes.com. Má hlavní webové stránky pro návštěvníky ze stolních počítačů:

A mobile.nytimes.com. Pro mobilní návštěvníky:

Jak vidíte, obsah byl významně přeformátován a snížen tak, aby byl čitelný v mobilním zařízení.

závěry

Chcete-li udělat správnou volbu pro vaše stránky, nezapomeňte se zeptat sami sebe, kolik vašich návštěvníků používá mobilní zařízení pro přístup k webu. Překontrolovat. Pokud je celkové procento mobilního provozu v blízkosti úrovně 5%, pak pravděpodobně nemůžete spěchat k zavedení designu pro mobilní telefon.

Pokud jsou prognózy odůvodněny, použije se používání mobilu i nadále zvyšovat. Pak ti, jejichž místa nebudou správně zobrazeny na mobilních zařízeních, ztrácejí významnou část vyhledávacího provozu a nejen. Make stránky "pro lidi" a budete šťastní!

Každoročně se návštěvníci stále více vstupují na internet a nakupují z mobilních zařízení. S nimi, podle Yandex.metrics od jara 2016, 29% všech návštěv na stránkách se provádí v Rusku, a toto číslo neustále roste.

Vyhledávače, které jsou vždy unavené pro pohodlí koncového uživatele, doporučujeme, aby jejich stránky reagovaly na různá zařízení. Nyní při pořizování v mobilním vydání, zda je stránka optimalizována pro smartphony / tablety nebo ne. Proto při vytváření stránek je lepší přemýšlet o tom hned. Pokud stránky již existuje a funguje, je nutné jej optimalizovat, aby se udržel krok s časy a neztratil potenciální zákazníky pomocí mobilních zařízení.

Existují dvě možnosti pro optimalizaci webu pro smartphony a tablety: adaptivní rozložení a mobilní verze. Zvažte, jaký rozdíl mezi těmito způsoby se naučíme jejich klady a nevýhody.

Adaptivní design

Hlavním prvkem je, že všechny prvky rozhraní jsou automaticky upraveny na obrazovce různých velikostí. Díky tomu takové stránky jsou stejně dobře a pohodlně zobrazeny na osobní počítače, notebooky, smartphony a tablety.

Výhody:

• místo je vždy upraveno pro aktuální rozlišení obrazovky - při změně orientace na mobilním zařízení nebo s poklesem okna prohlížeče na ploše;
• není třeba konfigurovat přesměrování;
• místo je lépe hodnoceno do mobilního vydání;
• snadná správa stránek, protože obsah se automaticky upraví pro různá zařízení;
• Úspory - Adaptivní rozložení webových stránek bude stát levnější než vývoj samostatného místa pro mobilní zařízení.

Nevýhody:

Hlavní nevýhodou této možnosti je, že nevyřeší problém načítání webu. A v počítači a na mobilním zařízení při otevírání adaptivního místa je načten stejné množství informací. Proto je důležité vzít v úvahu, že stránky, které se otevřou na počítači okamžitě na smartphonu nebo tabletu pomocí mobilního internetu, se otevřou pomalu.

Mobilní verze

Mobilní verze předpokládá, že jsou vytvořeny dvě stránky: hlavní pro prohlížení z počítačů a mobilních telefonů pro smartphony a tablety.

Výhody:

• stejně jako adaptivní rozložení je mobilní verze lépe hodnocena v mobilním vydávání;
• schopnost poslat na místě pouze funkčnost a obsah, který je nezbytný pro smartphony a tablety;
• menu, navigace a další konstrukční prvky mohou být plně přizpůsobeny potřebám mobilních uživatelů;
• hlavní (pro počítače) a mobilní verze lze měnit nezávisle na sobě;
• rychlé zatížení.

Nevýhody:

• je třeba strávit prostředky na podporu a správu dvou zdrojů zároveň sledovat význam informací o obou;
• při umístění obsahu je nutné jej spustit přizpůsobení na mobilní zařízení a pak dvakrát publikovat: na hlavní a mobilní verzi;
• nutnost konfigurovat přesměrování;
• problém s duplicitou obsahu - jeden článek má dva různé adresy, které negativně ovlivňuje indikátor jedinečnosti a účinnost zobrazení ve vyhledávačích;
• mobilní verze webu vyžaduje velké investice: musíte zohlednit náklady na rozvoj, aktualizovat mobilní verzi a nákup samostatné domény.

Výsledky srovnání

Na základě výše uvedených výhod a nevýhod dvou možností pro optimalizaci webu pod mobilních zařízeními doporučujeme přepnout na adaptivní rozložení: Tato volba je nejen méně nákladná v ceně a čase ve srovnání s mobilní verzí, ale také umožňuje pohodlně spravovat místo.

Zažijte platformu pro vytváření stránek Nethouse

Na základě dosud existuje více než 50 000 aktivních zdrojů dnes: online obchody, stránky firem a specialistů, ležící, portfolio a blogy. V prosinci 2016 jsme zahájili nové adaptivní šablony a nabídli uživatelům jít do nich v několika kliknutí myší, bez ztráty informací a absolutně zdarma.

K dnešnímu dni, asi 25% našich uživatelů přepnuto na adaptivní šablony. Podívejme se, jak to ovlivnilo statistiky svých stránek.

1. Vyhledávací provoz.

Někteří z našich uživatelů zažili, že přechod na adaptivní design může nepříznivě ovlivnit provoz a musí počkat, až obnoví. Podle plánů je jasné, že se to nestalo.

2. Vyhledejte mobilní provoz.

Hledat motory Rank Adaptive weby výše v mobilním vydání a Google I v desktopové verzi stránek vydávání značek bez přizpůsobivosti řetězce "Vaše stránka není optimalizována pro smartphony." Níže uvedený graf ukazuje, že po přechodu na adaptivní rozložení se neustále zvyšuje vyhledávací provoz ze smartphonů.

3. Faktory chování.

Adaptivní design nejen vypadá nejen skvěle a externě splňuje všechny požadavky moderních trendů, ale také zlepšuje indikátory chování lokality, jako je například selhání, hloubka prohlížení a času na místě, což je zvláště důležité pro provoz z mobilních zařízení. Grafy níže uvádí změny ve statistikách týkajících se faktorů chování ve srovnání period "na" změnu šablony a "po".

Aby bylo možné určit, co je lepší - adaptivní design nebo mobilní verze webu, musíte nejprve pochopit, proč je to vše nezbytné.

Podle comscore.com, procento uživatelů při pohledu přes stránky z mobilních zařízení, každý rok se stává stále více a více:

Aktivní databáze účastníka databáze, svět, milion lidí, 2007-2015.

V tomto ohledu byly vyvinuty nové algoritmy vyhledávačů a byly zavedeny další faktory hodnocení: Nyní je vyhledávání pro vydání zohledněno, jak je web mobilní přátelský (vhodný pro prohlížení mobilních zařízení). Ve společnosti Google, mobilní přátelský algoritmus byl zahájen 21. dubna 2015, v Yandexu - Vladivostok 2. února 2016.

Desktopová verze webu a přizpůsobená verze pro mobilní zařízení

Jak ukazují vyhledávače, zda je stránka webu pohodlná pro prohlížení z mobilních zařízení:

• stránky by měly být obsahy, které nevyžadují horizontální rolování nebo škálování;
• místo by neměly být prvky, které nefungují na mnoha mobilních zařízeních - blesk, Java Applety a Silverlight-Plugins;
• texty na stránkách by měly být bez obsahu bezmocného bez obsahu škálování;
• odkazy musí být v dostatečné vzdálenosti od sebe, aby mohly být snadno stisknuté.

Co je nejdůležitější, vyhledávače vyhodnotit webové stránky jednoznačně - buď mobilní, nebo ne.

Použití nástroje Google PageSpeed \u200b\u200bInsights Tool (https://developers.google.com/speed/pagesspeed/), můžete určit, jak rychle jsou stránky stránky načteny, stejně jako jejich použitelnost. Vyhodnocení stránkySpeed \u200b\u200bmůže být od 0 do 100 bodů v "Page Speed" a "pohodlí pro uživatele", například:

Výsledky z 85 bodů a výše jsou považovány za dobré.

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

Tato služba lze použít k počáteční diagnostice a identifikovat problémy na webových stránkách.

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

Chcete-li pochopit, zda přizpůsobit stránku pro "mobilní" publikum, je nutné jej analyzovat v systémech webových analytických systémů (yandex.metric nebo Google Analytics) na účast v kontextu zařízení, ze kterých uživatelé vstupují do webu. V případě, že více než 15% diváků používá smartphony nebo tablety, doporučuje se vytvořit adaptivní rozložení nebo mobilní verzi. Je důležité vzít v úvahu provoz webu. Například pro stránky s velkým počtem návštěvníků (od 1 000 000 a vyšší) je tento plán snížen, protože je nemožné zanedbávat tento velký segment provozu webu.

Mobilní verze webu

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

"Speciální nemocná mobilní verze: Při přepnutí na adresu v panelu Adresa se k ní přidá prefix" M. ", například: m.Example.ru.

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

Příklad webu 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 stahování. To je nezbytné pro uživatele, kteří mají nízké rychlosti přístupu k internetu (GPRS nebo slabé 3G).
• Přítomnost volby, která verze je zobrazena (mobilní nebo základní).
• Dodržování požadavků vyhledávačů pro pohodlí prohlížení stránek na mobilních zařízeních.

Nevýhody mobilní verze

• Pokud potřebujete provést změny na webu, budou muset přispět k obvyklé verzi webu a na mobilu, tj. Objem práce se zvyšuje o 2 krát.
• Při vývoji je často nutné opustit část obsahu.
• Vzhledem k tomu, že mobilní a hlavní verze webu je na různých doménách, nezlepšuje faktory chování hlavní domény, tj. Bude to mínus pro SEO optimalizaci.

Jedná se o speciální design webových stránek, ve kterém prvky webu mění jejich velikost a umístění s různými rozlišením zobrazení. Místo je automaticky přizpůsobeno velikosti zařízení, na kterém je otevřen, ať už se jedná o monitor PC, smartphone nebo tablet. Díky tomuto typu rozvržení bude místo vhodné a jasně zobrazeny na různých zařízeních. S využitím adaptivních konstrukčních technologií netrpí funkčnost webu.

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

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

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

• Jedna adresa URL pro celý obsah.
• Flexibilní rozhraní - můžete konfigurovat pohodlný displej webu pro libovolnou šířku obrazovky.
• Adaptivní design splňuje požadavky vyhledávačů k pohodlí prohlížení webu na mobilních zařízeních.
• Pokud má stránky adaptivní verzi, faktory chování se na mobilních zařízeních stávají lepšími a obecné ukazatele webu se zlepšují. Pro žebříčku při hledání vydávání bude to velký plus.

Nevýhody adaptivního návrhu pro mobilní zařízení

• Je třeba vytvořit samostatné rozvržení stránky stránky pro každé rozlišení zobrazení.
• Adaptivní verze, na rozdíl od mobilu, nelze přepnout do normálního režimu. To znamená, že uživatel nezůstane výběr zobrazení webu. Nevýhoda je relevantní, pokud existují chyby v adaptivní verzi - například prvky jsou nesprávně zobrazeny.
• Složitost přidání nové šablony stránky, protože budou muset být nakonfigurována pro správné zobrazení na adaptivní verzi. Pokud přidáte informace do již existujících šablon stránek, nebudou žádné problémy s mapováním.

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

Nejlepším řešením webu je použití adaptivního uspořádání pro mobilní zařízení. I přes řadu nedostatků je místo s adaptivním uspořádáním funkční. Také přítomnost šablon stránek znamená jednoduchost přidávání obsahu na stránku, na rozdíl od mobilní verze, ve které je obsah obsahu duplikován, protože existují ve skutečnosti dvě různá místa. Velkým plusem je skutečnost, že adaptivní verze zlepšuje faktory chování hlavního webu. To je užitečné, pokud jde o propagaci a použitelnost. Na základě toho doporučujeme svou volbu ve prospěch adaptivního uspořádání.