Existuje niečo také, Google čoskoro (podľa povestí - od 21. apríla 2015) začne veľmi zle hodnotiť weby, ktoré neboli testované správcami webu Google na ľahké prezeranie na mobilné zariadeniaoh.
Nie je to úplne jasné, web bude mať problémy, iba ak sa bude zobrazovať používateľom mobilných zariadení alebo dokonca tým, ktorí sa prihlásili z počítača. To znamená, že bude existovať samostatný problém.
V zásade sa to takmer nemení pre stránky, ktoré majú polovicu alebo významnú časť mobilnej prevádzky. Preto je lepšie absolvovať test čo najrýchlejšie.
Poviem vám, ako na to:
| Predtým | Po |
|---|---|
 |  |
- Prvý kus, čo pomohlo vyriešiť problém bez ďalších gest.
- Druhý okamih, ak uvidíme správu „Interaktívne prvky sú príliš blízko pri sebe.“ Zobrazené na google.com/webmasters/tools/mobile-friendly.
Je to tak, že v štýloch predpísaná trieda predpisuje viac zarážok pre odkazy a tlačidlá. Chytí okraj alebo polstrovanie od 5 pixlov.Niekedy môže taký problém spôsobiť blok Adsense. Možno budete musieť vložiť väčší blok alebo väčšie písmo.
V súbore robots.txt pridajte riadok:
Povoliť: / wp-content / themes / Template_Name / style.css(Ak je súbor so štýlmi umiestnený na inej adrese, napíšte ho. Ak existuje niekoľko súborov so štýlmi, vložte riadky pre každý súbor.)
P.S. Spočiatku očakávam, že primár ste vykonali vy.
Dobré popoludnie priatelia. Dnes trochu ustúpim od reklamných nástrojov a založím novú rubriku na blogu. Volá sa „Webmastering“ a bude obsahovať užitočné materiály na zlepšenie výkonu a kvality webu, cieľové stránky. Začnem prehľadom skvelého nástroja na kontrolu mobility webových stránok.
Kontrola rýchlosti stránok pomocou Googlu
Google na to ponúka dva nástroje.
# 1 PageSpeed \u200b\u200bInsights
Myslím, že ho dobre poznáš. Vložte odkaz na svoj web, stlačte tlačidlo „Analyzovať“ a získate výsledok v podobe dvoch kariet.
Karta „Pre mobilné zariadenia“ obsahuje správu o rýchlosti načítania stránky pre mobilné zariadenia a - dôležité! - hodnotenie pohodlia stránka pre smartphony. Na karte „Pre počítače“ je rovnaká analýza pre pracovnú plochu.
Najlepšie na tom je, že služba umožňuje sťahovanie optimalizované obrázky, css a skripty, ktoré sa majú použiť na vašom webe. Tu je taký pomoc zadarmo z google.
Ako vidíte na snímke obrazovky, s mobilnou verziou mám vážne problémy. Ako sa máš?
# 2 Testmysite.Withgoogle
V skutočnosti je to ten istý nástroj, má len krásny obal. Túto službu som objavil druhý deň a bol som podplatený formulárom na nahlásenie.
Keď vložíte odkaz na web a kliknete na „Skontrolovať“, služba ponúkne výsledok v podobe plnohodnotnej dynamickej cieľovej stránky, na ktorej vám stručne a presvedčivo povie, ako je to s webom, a ponúkne stiahnite si celú správu.
Samozrejme, požiadal som o úplnú správu a za pár minút som ju dostal poštou. Vyzerá rozumne, má niekoľko obrazoviek užitočných pokynov s odkazmi na konkrétne materiály:
Je pozoruhodné, že ak analyzujete to isté miesto, údaje pre tieto nástroje sa budú mierne líšiť. Pracujú však na rovnakej technológii.
Takto môžete behom niekoľkých sekúnd nielen skontrolovať mobilitu webu a skontrolovať rýchlosť načítania, ale aj stiahnuť si plnohodnotný prehľad s optimalizovaným obsahom. Je zadarmo. Z google
A čo tvoja mobilita?
Pri svojich projektoch ste si pravdepodobne už dávno všimli toto číslo mobilných používateľov neustále rastie. U niektorých je tento trend menej zreteľný a pri niektorých projektoch sa tento počet každý rok zdvojnásobuje alebo zvyšuje. Podľa údajov LiveInternet viac ako 50% prenosu na Runete teraz spadá na mobilné zariadenia. Mimochodom, veľa čitateľov tohto blogu sa už dlhšie sťažuje, že tu neexistuje mobilná verzia 🙂, ktorá sa samozrejme v blízkej budúcnosti napraví.
Túto skutočnosť mobilizácie nemôžu prehliadať ani vyhľadávacie platformy. Postupne poskytujú výhody v mobilnom vyhľadávaní tým webom, ktoré sú prispôsobené zariadeniam používateľov.
Google spočiatku označoval stránky v úryvkoch, aby sa správne zobrazovali na mobilných telefónoch.
Spoločnosť Google tiež vytvorila nástroj, ktorý správcom webových stránok pomáha kontrolovať správnosť zobrazovania webových stránok na mobilných zariadeniach:
https://www.google.com/webmasters/tools/mobile-friendly/
21. apríla spoločnosť Google uviedla na trh nový algoritmus s názvom Mobilegeddon na Západe. Úspešné absolvovanie testu Priateľstvo k mobilnej sieti je teraz jedným z faktorov SEO, ktoré Google zohľadňuje. Doteraz nedošlo k žiadnym zásadným zmenám v SERP, ale teraz sa môžete pripraviť.
Ako zaistíte, aby web reagoval na Google? Tajomstvo je jednoduché - musíte nastaviť úlohu pre svojich programátorov / návrhárov rozloženia. No, ak nie je čas čakať, potom ... môžete použiť MobileCheat 🙂
V skutočnosti ide o nevyskúšanú technológiu, nie je známe, k čomu povedie v budúcnosti, preto ju používajte iba na svoje vlastné nebezpečenstvo a riziko. Tu je možné vykonať aspoň sériu testov.
Ako obísť Google Test pomocou MobileCheat
Sú len dve veci:
1. Pridajte do kódu metaznačku výrezu.
2. Zavrite prístup robota k súborom CSS alebo k priečinku, v ktorom sú umiestnené, prostredníctvom súboru robots.txt
Takto napríklad môj blog prejde predvoleným testom:
Pri uzatváraní CSS sa obrázok zmení:
Zdá sa, že sa na stránke nič nezmenilo, ale výsledky testov sú úplne odlišné. Mimochodom, na niektorých stránkach sám rád vypnem CSS, aby bolo pohodlnejšie ich prezerať a používať 🙂, preto ide o úplne oprávnenú schému. Je však uvedený iba na informačné účely.
Čo si o tom myslíš? Bude to Google počítať ako ťah pultu s rytierom alebo to má vopred premyslené a stránku okamžite skontroluje a zmatuje? 🙂
Zdravím vás, drahí priatelia!
Mobilné gadgety ovládli svet. Dnes bez telefónu nejdú ani na chlieb.
V súčasnosti sa internet rýchlo rozvíja. Prudký rast trhu mobilný internet núti tvorcov webových zdrojov prispôsobiť svoje stránky daný typ zariadenia.
Ide mi o to, že ak chcete, aby vaše stránky boli úspešné a populárne, mali by ste premýšľať o tom, ako uľahčiť ich prezeranie vo všetkých druhoch gadgetov.
V tomto článku vám poviem, ako skontrolovať web na mobilných zariadeniach pomocou špeciálnych služieb. Zhruba som ich rozdelil do dvoch skupín: bezplatné a platené.
Všetky fungujú na takmer rovnakom princípe:
- prejdite na web vývojára tejto alebo tej služby
- stiahnite si potrebný softvér
- spustiť aplikáciu
- a po chvíli budete mať mobilnú verziu svojho webu pred sebou!
Existujú služby, ktoré môžu váš web otestovať online.
Voľba, ako vždy, je na vás!
zadarmo
Priateľské k mobilným zariadeniam... Túto aplikáciu vytvoril Google špeciálne na overenie, či je webový zdroj optimalizovaný pre smartphony a ďalšie pomôcky.
Responzor... Vďaka tejto aplikácie môžete ľahko zistiť, ako web vyzerá na zariadeniach Kindle, iPad, Android, iPhone.
Ipad nakuknúť... Jeden z najpopulárnejších bezplatných nástrojov na testovanie, pomocou ktorého môžete vidieť zobrazenie svojich webových stránok na zariadeniach iPhone a iPad.
Simulátor Opera Mini... Emulátor Opera obsahuje veľmi veľká základňa mobilné gadgety. Jeho jedinou nevýhodou je nedostatok online režimu, to znamená, že na otestovanie svojich zdrojov si budete musieť stiahnuť a nainštalovať potrebný softvér.
Gomez... Posudzuje kompatibilitu vášho zdroja s mobilnými zariadeniami o 30 parametrov, čo vám umožní získať najkompletnejšie hodnotenie. Pre bezplatné použitie musíte zadať svoje kontaktné údaje.
MobiReady... Skvelý testovací nástroj, ktorý meria citlivosť dizajnu. Overenie je založené na najlepšie štandardy 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 ľubovoľných gadgetov.
Zaplatené
CrossBrowserTestovanie ... Skúšky na 130 rôzne prehliadače a 25 operačných systémov vrátane: Blackberry, Android, iPad, iPhone. Ak ho chcete použiť, budete musieť platiť 29,95 dolárov mesačne.
BrowserStack ... Poskytuje rýchly prístup na obrovskú základňu. Stojí to až 19 dolárov na 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, ktorá vám umožní zistiť, aká dobrá je optimalizácia pre každý typ zariadenia. Ak ho chcete používať, musíte zaplatiť až 15 dolárov za deň.
Prehliadač viacerých prehľadávačov... Aplikácia pre rôzne prehliadače obsahujúca mobilné emulátory a prehliadače na testovanie v akomkoľvek formáte. Stojí to až 140 dolárov a k dispozícii je tiež bezplatná ukážková verzia.
DeviceAnywhere... Vynikajúci nástroj, ktorý umožňuje bodovú kontrolu webového obsahu testovaním zdroja v reálnom čase. Môže byť zaplatená (100 USD mesačne) alebo zadarmo.
Ako vidíte, existuje veľa programov a služieb, vyberte si najviac pohodlná možnosť a používať to pre zdravie.
Mobilná verzia pre vyhľadávače
Niekedy sa stránka zobrazuje perfektne na všetkých mobilných zariadeniach, ale vyhľadávače Google a Yandex nerozpoznávajú jej mobilitu. Je to tak, že Yandex a google majú ďalšie požiadavky na mobilnú verziu.
Adaptáciu 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 aj v aktuálne testovanej verzii kancelárie správcu webu (https://beta.webmaster.yandex.ru/).
Prihláste sa na odber blogových noviniek a dozviete sa veľa zaujímavého a užitočného. Medzitým sa s vami lúčim, vidíme sa v novom článku!
S úctou! Abdullin Ruslan
Verzie stránok nie sú iba možným rozmarom vývojárov, dodatočnou položkou výdavkov (alebo zárobkov, ak hovoríme o dodávateľoch) a prejavom znepokojenia návštevníkov zdroja. Podľa posledných vyjadrení zástupcov spoločnosti Google budú stránky, ktoré nespĺňajú požiadavky responzívneho dizajnu, v mobilnom vyhľadávaní pesimizované. Domáci vyhľadávač Yandex vydal aj odporúčania „Dôležitosť mobilnosti“ a ubezpečil, že v záujme pohodlia používateľov mobilných zariadení bude vo výsledkoch vyhľadávania označovať mobilné verzie a uprednostňovať adaptívne stránky.
Takže vývojári v povinné je potrebné prispôsobiť stránky pre smartfóny a skontrolovať prevádzkyschopnosť zobrazenia zdrojov. V opačnom prípade môžete v blízkej budúcnosti očakávať stratu významnej časti prenosu, a teda potenciálnych zákazníkov, pretože nové algoritmy pre prácu od spoločností Google a Yandex sú už účinné. Skontrolujte mobilná verzia stránky môžete rôzne cesty: Zmenou prehliadača pri prepnutí do režimu vývojára, použitím emulátorov mobilných zariadení alebo webových služieb.
Vhodnosť webových stránok pre mobilné zariadenia
Adaptabilita na mobilné zariadenia sa posudzuje podľa rôznych parametrov. Je dôležité skontrolovať mobilnú verziu stránky nielen z hľadiska správneho zobrazenia, stojí za to zvážiť ďalšie faktory:
- nedostatok animácie, „ťažký“ dizajn a obrázky;
- rýchlosť načítania zdrojov (mala by byť minimálna);
- nie je potrebné horizontálne posúvanie;
- nedostatok doplnkov Silverlight a appletov Java;
- jednoduchá navigácia po stránkach;
- kód obsahuje výrezovú metaznačku.
Ak sú splnené vyššie uvedené podmienky, algoritmy najbežnejších vyhľadávacích nástrojov rozpoznajú webovú stránku ako vhodnú pre mobilné zariadenia a zvyšujú pozíciu stránky vo výsledkoch vyhľadávania v porovnaní so zdrojmi, ktoré nie sú prispôsobené.
Skutočné testovanie na mobilných zariadeniach
Najpohodlnejším spôsobom je testovanie mobilnej verzie stránky na skutočných smartfónoch. Táto metóda umožní testovanie v reálnych podmienkach. V ideálnom prípade je lepšie skontrolovať webový zdroj na viacerých zariadeniach, ale ak rozpočet projektu nezahŕňa náklady na nákup niekoľkých smartfónov najpopulárnejších modelov, postačí zariadenie so systémom Android alebo Apple.
Zmena veľkosti okna prehliadača
Najjednoduchšou, ale z hľadiska validácie nie optimálnou, je zmena veľkosti okna prehliadača. Ak je stránka vyrobená pomocou technológie, môžete týmto spôsobom skontrolovať mobilnú verziu stránky. Ale v prípadoch, keď sa použije samostatný dizajn, je potrebné, aby zdroj jasne uvádzal, že používateľ pochádza zo smartfónu, tabletu alebo iného mobilného zariadenia. Takže tadiaľto umožňuje skontrolovať dostupnosť mobilnej verzie stránky. Je však nepravdepodobné, že by sa hodnotila správnosť zobrazenia (z technického hľadiska).
V prehliadači sa prepína do vývojárskeho režimu
Optimálnejší spôsob kontroly mobilnej verzie webu (Google alebo Yandex a ďalšie) vyhľadávače zvýraznite prispôsobivosť v zozname najdôležitejších faktorov ovplyvňujúcich hodnotenie) - to je prepnutie do režimu vývojára v prehliadači. Metóda funguje podobným spôsobom s viacerými prehľadávačmi:
- Mozilla: Do vývojárskeho režimu sa môžete prepnúť výberom možnosti „Responzívny dizajn“ v ponuke „Vývoj“; lisovanie kombinácia Ctrl + Shift + M; kliknutím na tlačidlo „Režim responzívneho dizajnu“ na paneli nástrojov vývojára webu;
- Chrome: prejsť na mobilný režim stlačením klávesu F12 by ste mali zvoliť ikonu mobilnej verzie (smartphone v ľavom hornom rohu zobrazeného okna).
V prehliadači Opera môžete prepnúť do vývojárskeho režimu a skontrolovať mobilnú verziu stlačením kombinácie klávesov Ctrl + Shift + i, ale existuje aj iná možnosť. Špeciálna verzia prehliadača - Opera Mobile Classic Emulator - vám umožňuje vyhodnotiť mobilný dizajn mnohými spôsobmi. Verzie programu existujú pre hlavné operačné systémy.
Emulátory mobilných zariadení: Android Studio a Apple Xcode
Mobilnú verziu stránok („Yandex“ a Google) môžete skontrolovať pomocou emulátorov mobilných zariadení, ktorými sú pre Android a Apple Android Studio alebo Apple Xcode.
Takéto nástroje celkom presne reprodukujú web tak, ako bude vyzerať na mobilných zariadeniach: v programoch sú predinštalované najbežnejšie verzie prehľadávačov pre mobilné zariadenia. Emulátory však nezohľadňujú rýchlosť sťahovania a niektoré ďalšie nuansy, ktoré je možné pozorovať v reálnych podmienkach.
Ak to chcete skontrolovať, stačí nainštalovať jeden z vyššie uvedených programov do počítača a otvoriť web z emulátora.
Mobilné webové služby na overenie návrhu
Je ich viac jednoduchými spôsobmi skontrolujte mobilnú verziu stránky. Napríklad online služba Responsinator vám umožňuje vyhodnotiť správnosť zobrazenia zdroja na mobilných zariadeniach a ľahké použitie stránky používateľom. Zdroj zobrazuje web tak, ako by vyzeral v šiestich rôznych zariadení Android alebo Apple a vo viacerých smeroch.
Kontrola optimalizácie webových stránok pre mobilné zariadenia
Ďalšie zdroje, ktoré vám umožňujú skontrolovať mobilnú verziu stránok, dodatočne hodnotia prispôsobivosť a nielen ukazujú, ako by stránka vyzerala na rôznych zariadeniach. Najuznávanejšie služby sú Google Mobile Friendly a Yandex WebMaster (kontrola webových stránok). Bingova kontrola alebo napríklad mobilná kontrola W3C tiež hodnotia optimalizáciu stránok pre mobilné zariadenia.
Od správcu webu sa pri hodnotení verzie webu pre mobilné zariadenia využívajúce služby online vyžaduje, aby ste zadali adresu zdroja a počkali na dokončenie analýzy. Väčšina z vyššie uvedených služieb kontroluje optimalizáciu vyššie uvedených parametrov vhodnosti pre mobilné zariadenia.
Adaptabilitu webového zdroja teda môžete vyhodnotiť niekoľkými spôsobmi: od testovania na skutočných smartfónoch, tabletoch alebo iných mobilných zariadeniach alebo po zmene veľkosti okna webového prehliadača, kontrole emulátorov alebo v režime vývojára webového prehliadača a končiac s pomocou služieb od spoločnosti Yandex a Google. Je veľmi ľahké komplexne skontrolovať mobilnú verziu stránok. Umožní vám to vykonať potrebné úpravy a vylepšiť pozíciu stránky vo výsledkoch vyhľadávania.