Zdravím vás, milí priatelia!

Mobilné pomôcky ovládli svet. Dnes už bez telefónu nechodia ani na chlieb.

V dnešnej dobe sa internet rýchlo rozvíja. Rýchly rast trhu mobilný internet núti tvorcov webových zdrojov prispôsobiť svoje stránky daný typ zariadení.

Ide mi o to, že ak chcete, aby bola vaša stránka úspešná a populárna, mali by ste premýšľať o tom, ako uľahčiť zobrazenie na všetkých druhoch pomôcok.

V tomto článku vám poviem, ako skontrolovať, či na vašom webe nie je mobilné zariadenia ah pomocou špeciálnych služieb. Zhruba som ich rozdelil do dvoch skupín: zadarmo a platené.

Všetky fungujú na takmer rovnakom princípe:

1. prejdite na stránku vývojára tejto alebo tej služby
2. stiahnite si potrebný softvér
3. spustite aplikáciu
4. a po chvíli je mobilná verzia vášho webu pred vami!

Existujú služby, ktoré môžu váš web otestovať online.

Voľba, ako vždy, je na vás!

Zadarmo

Priateľské k mobilu... Túto aplikáciu vytvorila spoločnosť Google špeciálne na kontrolu, či je webový zdroj optimalizovaný pre smartfóny a ďalšie moduly gadget.

Responzinátor... Vďaka túto aplikáciu môžete ľahko vidieť, ako stránka vyzerá na Kindle, iPad, Android, iPhone.

Ipad nakuknúť... Jeden z najpopulárnejších bezplatných testovacích nástrojov, pomocou ktorého môžete vidieť zobrazenie svojej vlastnej webovej stránky na zariadeniach iPhone a iPad.

Mini simulátor Opera... Emulátor Opera obsahuje veľmi veľkú databázu mobilných pomôcok. Za jeho jedinú nevýhodu možno považovať nedostatok online režimu, to znamená, že na otestovanie vášho zdroja si budete musieť stiahnuť a nainštalovať potrebný softvér.

Gomez... Hodnotí kompatibilitu vášho zdroja s mobilnými zariadeniami podľa 30 parametrov, čo vám umožní získať najkompletnejšie hodnotenie. Na bezplatné používanie musíte zadať svoje kontaktné údaje.

MobiReady... Skvelý testovací nástroj, ktorý meria odozvu dizajnu. Overovanie je založené na najlepších štandardoch W3C (World Wide Web Consortium).

Emulátor mobilného telefónu a Screenfly... Podobné služby, ktoré tiež umožňujú zobraziť stav webového zdroja na obrazovkách akýchkoľvek miniaplikácií.

Zaplatené

CrossBrowserTesting... Testy na 130 rôzne prehliadače a 25 operačných systémov vrátane: Blackberry, Android, iPad, iPhone. Aby ste ho mohli používať, budete musieť platiť 29,95 dolára mesačne.

BrowserStack... Poskytuje rýchly prístup k obrovskej databáze. Stojí to až 19 dolárov za jeden mesiac, ale existuje aj bezplatná verzia.

Browshot... Navrhnuté na odstránenie z Androidu, iPadu, iPhonu. Za päť snímok obrazovky budete musieť zaplatiť 1 dolár.

Perfecto mobile... Poskytuje prístup k databáze tabletov a mobilné telefóny, čo vám umožní vidieť, ako dobre je optimalizácia na každom type zariadenia. Za jeho použitie musíte zaplatiť až 15 dolárov za deň.

Multi-Browser Viewer... Aplikácia naprieč prehliadačmi obsahujúca mobilné emulátory a prehliadače na testovanie v akomkoľvek formáte. Stojí až 140 dolárov a k dispozícii je aj bezplatná demo verzia.

Zariadenie kdekoľvek... Vynikajúci nástroj, ktorý vám umožňuje kontrolovať webový obsah testovaním zdroja v reálnom čase. Môže byť zaplatený (100 dolárov mesačne) alebo zadarmo.

Ako vidíte, existuje veľa programov a služieb, vyberte si najvhodnejšiu možnosť a použite ju pre svoje zdravie.

Mobilná verzia pre vyhľadávače

Niekedy sa stránka zobrazuje dobre na všetkých mobilných zariadeniach, ale vyhľadávače google a Yandex neuznáva jeho prenosnosť. Jednoducho Yandex a google majú viac Ďalšie požiadavky Komu mobilná verzia.

Prispôsobenie mobilnej verzie pre Google môžete skontrolovať pomocou služby Mobile Friendly. Už som to spomenul v zozname bezplatných nástrojov.

A pre Yandex existuje podobný nástroj v stále testovanej verzii kancelárie správcu webu (https://beta.webmaster.yandex.ru/).

Prihláste sa na odber noviniek z blogu a dozviete sa veľa zaujímavých a užitočných vecí. Medzitým sa s vami lúčim, vidíme sa v novom článku!

S pozdravom Abdullin Ruslan

Tu je prípad, Google čoskoro (povráva sa - od 21. apríla 2015) začne veľmi zle hodnotiť weby, ktoré neboli testované správcom webu Google na uľahčenie prezerania na mobilných zariadeniach.

Nie je to úplne jasné, stránka bude mať problémy iba vtedy, ak sa zobrazí mobilným používateľom alebo dokonca tým, ktorí sa prihlásili z počítača, to znamená, že bude existovať samostatný problém?

V podstate sa to takmer nemení na stránkach, ktoré majú polovicu alebo značnú časť mobilnej návštevnosti. Preto je lepšie absolvovať test čo najskôr.

Poviem vám, ako to urobiť:

Predtým	Po

• Prvý kus, čo pomohlo vyriešiť problém bez ďalších gest.

V súbore robots.txt pridajte riadok:
Povoliť:/wp-content/themes/Template_Name/style.css

(Ak sa súbor so štýlmi nachádza na inej adrese, napíšte ho. Ak existuje niekoľko súborov so štýlmi, vložte riadky pre každý súbor.)

• Druhý moment ak vidíme správu „Interaktívne prvky sú príliš blízko seba“. Zobrazené na google.com/webmasters/tools/mobile-friendly.
  K požadovanej triede len priradí viac zarážok pre odkazy a tlačidlá v štýloch. Zachytí okraj alebo vypchávku od 5 pixelov.

  Blok Adsense môže niekedy spôsobiť taký problém. Možno budete musieť vložiť väčší blok alebo väčšie písmo.

P.S. Pôvodne očakávam, že primárnu úlohu ste vykonali vy.

Webové stránky väčšinou nie sú vyvinuté na telefónoch alebo dokonca tabletoch, ale na počítačoch alebo prenosných počítačoch. Používatelia stránok ho však môžu zobraziť z akéhokoľvek zariadenia. Aby ste pochopili, že obsah stránok sa na väčšine zariadení zobrazuje rovnako dobre, môžete mať po ruke veľa mobilných telefónov s rôznym rozlíšením obrazovky a pracujúcich s rôznym rozlíšením. operačné systémy, ale môžete použiť hotové služby, ktoré skontrolujú, do akej miery je stránka prispôsobená na prezeranie na mobilných zariadeniach. V tomto článku sa pozrieme na jeden z týchto nástrojov, ktoré Google ponúka na kontrolu, či je vaša stránka optimalizovaná pre mobilné zariadenia.

Ako otvoriť kontrolu mobilnej optimalizácie Google Search Console

Ak chcete otvoriť kontrolu optimalizácie pre mobilné zariadenia Zariadenia Google Je potrebné zadať Search Console adresný riadok adresa prehliadača:

Https://search.google.com/test/mobile-friendly

alebo jednoducho choďte na → tento odkaz (otvorí sa v novom okne).

Po stránke kontroly mobilnej optimalizácie Google vyhľadávanie Konzola je otvorená, musíte zadať adresu stránok alebo stránok, ktorých optimalizáciu je potrebné skontrolovať a kliknúť na tlačidlo „ Overiť"Ako je znázornené na obrázku nižšie:

Potom Google Search Console chvíľu trvá, kým sa načíta a analyzuje zadaná stránka:

Ak Google Search Console na základe výsledkov kontroly rozhodne, že stránka je optimalizovaná pre mobilné zariadenia, zobrazí sa správa podobná tej na obrázku nižšie:

Ak sa v dôsledku kontroly odhalia chyby, potom stránka na odoslanie správy bude vyzerať takto:

s uvedením zjavných problémových oblastí na stránke.

Zhrnutie:

Môžete tak rýchlo a efektívne vyhodnotiť, do akej miery je stránka optimalizovaná, aby bolo vhodné ju používať nielen na počítači, ale aj na mobilné telefóny... Google Search Console navyše poskytuje množstvo odporúčaní, ktoré môžu byť užitočné pre optimalizáciu. správna práca web na akomkoľvek zariadení vrátane mobilného.

Tento článok sa zameria na to, ako skontrolovať mobilnú verziu webu, jeho pohodlie, čitateľnosť a správne zobrazenie.

Kontrolu použiteľnosti svojho webu pre mobilné zariadenia môžete skontrolovať pomocou rôznych webových služieb. Najmä túto službu od spoločnosti Google vám umožňuje adekvátne posúdiť gramotnosť vášho mobilného rozloženia.

Nedávno Google oznámila, že weby, ktoré nespĺňajú požiadavky na rozloženie pre mobilné zariadenia, budú pri vyhľadávaní vykonanom pomocou mobilných zariadení pesimizované. Tento algoritmus už funguje a niektoré weby, ktoré sa neobťažovali zobrazovať na mobilných platformách, boli vo výsledkoch vyhľadávania pre mobilné zariadenia skutočne vynechané.

Ak je váš web trikrát vhodný pre platformy pre stolné počítače, musíte skontrolovať kvalitu rozloženia pre mobilné zariadenia, inak prídete o pôsobivú časť návštevnosti (podiel mobilných platforiem na vyhľadávaní každým rokom rýchlo rastie), čo znamená, že budete prísť o svojich zákazníkov. Preto musíte svoje stránky prispôsobiť pre mobilné zariadenia a skontrolovať správnosť zobrazovania stránok v mobilných prehliadačoch.

Kontrola kvality rozloženia pre mobilné zariadenia pomocou prehliadača Google Chrome

Pre vývojárov má Google skvelý nástroj na simuláciu mobilných zariadení. Tento nástroj je vstavaný prehliadač Google Chrome. Na prístup k nemu musíte kliknúť F12 v prehliadači (prejdite do režimu vývojára) a kliknite na ikonu smartfónu:

Stránka sa prevedie do režimu prepínania zariadení, kde si môžete vybrať jedno z obľúbených mobilných zariadení, typ siete (GPRS, 2G, 3G, 4G atď.), Zadať prísne parametre zobrazenia. To vám umožní simulovať prevádzku stránok na konkrétnych mobilných zariadeniach. Medzi dostupné zariadenia patria rôzne verzie iPadu, ipad mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy a niektoré ďalšie obľúbené zariadenia.

Výberom konkrétneho zariadenia môžete stránku skontrolovať na mobilnom zariadení. Napríklad zobrazovanie domovská stránka stránka „Nubex“ na iPade 3:

A na Samsung Galaxy S4:

Tu môžete nielen vidieť zobrazenie stránok na konkrétnom zariadení, ale tiež s nimi úplne pracovať, ako keby ste pred sebou mali potrebný modul gadget. Tento nástroj je nepochybne nepostrádateľný pri vývoji mobilnej verzie webu, ale ako sa bude váš web zobrazovať na skutočných zariadeniach - musíte skontrolovať na skutočných zariadeniach. Toto je obzvlášť dôležité, ak potrebujete skontrolovať zobrazenie stránok v „natívnych“ prehliadačoch (Safari - pre iPad / iPhone, IE - pre Windows telefón atď.).