Kontrola mobilných stránok Google. Ako hovorí Google: „Úložisko nie je optimalizované pre mobilné zariadenia. Zmena okien prehliadača

Obrátené mobilná verzia stránka pre odpustenie je jednoduchá. Vidpovidalnist na pshukovomu optimalizátor. Prítomnosť optimalizovanej verzie stránky je hodnotiacim faktorom pre dokumenty na stránke.

Nástroje pre mobilné stránky

Môžete znova navštíviť stránku pre mobilné prílohy a získať ďalšie služby:

• Google Mobile Friendly
• Google PageSpeed ​​​​Insights;
• test webovej stránky;
• lietanie na obrazovke;
• test webovej stránky;
• BrowserStack.

Vhodné pre mobilné zariadenia

PageSpeed ​​Insights

Táto služba sa jednoducho nazýva PageSpeed ​​​​Insights.

test webovej stránky

Služba je úplne bezplatná.

ScreenFly

Nástroj je bez nákladov.

Adobe Edge Inspect

Spravidla bol výber vytvorený špeciálne na prezeranie stránky prístavby Zavolám program Adobe Edge Inspect, opýtam sa vás.

Nástroj je bez nákladov.

Multiplatformový doplnok.

BrowserStack

Platený nástroj.

Bing Mobile Test

Tu je to vpravo, Google nie je problém (trochu - od 21. apríla 2015) je naozaj zlé hodnotiť stránky, pretože neprešli kontrolou v Google Webmasters za dobrú recenziu na mobilné rozšírenia.

Nerozumel som presne, stránka bude mať problémy iba vtedy, keď sa zobrazí mobilným korešpondentom, alebo aby to pripomenulo tímu, ktorý prichádza z počítača, takže budete dobrý pozorovateľ?

Podstata dňa sa nemení pre stránky, ktoré majú polovicu, ale podstatu časti, mobilná návštevnosť. Preto je jednoduchšie prejsť revíziou čo najrýchlejšie.

Poviem vám, ako to okradnúť takto:

Predtým	Po

• Prvá vlastnosť, yak pomohol virishity výživy bez ďalších rukhіv tela.

Pridajte riadok do súboru robots.txt:
Povoliť: /wp-content/themes/TemplateName/style.css

(Ak je súbor s 3 štýlmi umiestnený na inej adrese, potom ho zapíšeme. Ak je súbor s 3 štýlmi dekіlka, potom vytvoríme riadky pre súbor skinu.)

• Ďalší moment yakscho bachimo podomlennya "Interaktívne prvky raztoshovani nadto zatvorte jeden druh". Odporúčané na google.com/webmasters/tools/mobile-friendly.
  Akurát v štýloch požadovanej triedy predpisujem viac vstupov na stláčanie tlačidiel. Vistachaє okraj alebo padding vіd 5px.

  Niekedy môže tento problém spôsobiť blok Adsense. Je možné vložiť väčší blok, prípadne väčším písmom.

P.S. Okrádam klas, že prvý balvan si rozdrvil.

Dnes už nie je potrebné prekonzolovať niekoho z potrebnej mobilnej verzie stránky. Aj s kožným dňom, so smartfónmi a tabletmi stále viac a viac. V čase písania tohto článku sa tieto články blížia k 20 % tých, ktorí navštívia môj blog a na recenziu používajú mobilné prílohy. Tobto skin p'yaty prejdite na moju stránku z telefónu alebo tabletu.

Z nejakého dôvodu som o takýchto vstupoch neuvažoval, ale ak ich počet presiahol 10% z celkového počtu, začal som vyhrávať adaptívne rozloženie. To umožnilo správne zobrazovať obsah na mobilných prílohách a podporovať lojalitu k stránke, a to formou úvodných aj push systémov.

Mobilná verzia stránky a adaptívny dizajn – nie to isté. Tento článok je o testovaní adaptívneho rozloženia, ak sa zmení dizajn stránky, ak je obrazovka povolená, pridám to.

Aby ste si boli istí, že sa vaša stránka zobrazuje správne na mobilných zariadeniach, je potrebné vykonať opätovnú kontrolu a pre ktorý zdroj modré služby a nástrojov.

Shvidka opätovné overenie adaptívneho rozloženia

Populárny webový prehliadač Mozilla Firefox vybavenie nástrojom na kontrolu dizajnu stránky z hľadiska použiteľnosti na zobrazenie na mobilných rozšíreniach. Pre zrýchlenie prejdite do „Menu“ – „Rozrobka“ – „Adaptívny dizajn“. Alebo jednoducho stlačte tri klávesy na klávesnici súčasne ++[M]

Máte na svedomí približne nasledujúci obrázok:

Zmenou rozdielu medzi budovou a orientáciou obrazovky môžete zmeniť vzhľad vašej lokality na mobilných zariadeniach.

Prehliadač Google Chrome tiež môžem zaviesť podporu pre prispôsobenie dizajnu webovej stránky. Pre ktorú ideme do ponuky, vyberte položku „Ďalšie nástroje“ a potom „nástroje predajcu“ (alebo stlačte kláves ).

Potom kliknite na ikonu responzívneho dizajnu (alebo kliknite na klávesnicu naraz ++[M]):

V strede obrazovky budete tancovať, pretože vaša stránka sa bude zobrazovať na obrazovkách mobilných zariadení:

SEO testovanie mobilného dizajnu

Ako sa zdá, dvaja svetoví lídri vo vyhľadávaní Google a Yandex majú vlastnú neskromnú myšlienku, a tak môžu vidieť stránku na obrazovkách mobilných zariadení. A keďže sa stránka považuje za nefunkčnú pre mobilných divákov, v prehliadači vyhľadávania sa zníži. Takže podľa názoru SEO, ak nechcete míňať mobilné aplikácie, môžete mať nielen adaptívny dizajn, ale poke systémy dlhuje vvazhat yogo tak, ze je pripojeny k mobilnym pridavkom.

Aby sme skontrolovali prispôsobivosť pre doplnkovú službu Google, prejdeme na ďalšiu adresu a pošleme ju na vašu stránku: https://www.google.com/webmasters/tools/mobile-friendly/.

Os vyzerá takto ako výsledok mojej recenzie blogu:

S Yandexom, trochu skladnejším, na preklad jazyka sa musíte zaregistrovať v službe Yandex.Webmaster a urýchliť beta verziu rozhrania:

On-line služby na kontrolu adaptability

Hlavným manažérom týchto služieb prezentujte (ukážte), ako vaša stránka vyzerá na mobilnom rozšírení. Stránky s takouto funkcionalitou sú anonymné. Prinesiem od nich ďalšie skutky. Väčšina zápachu vipadkiv duplikuje funkčnosť prehliadačov FireFox a Chrome.

Google resizer

Začnem znova s ​​Google, čo je najlepšia služba na demonštráciu prispôsobivosti: http://design.google.com/resizer/#

Prehľadávač Quirktools

Ďalšou príjemnou službou je http://quirktools.com/screenfly/. Ukážte mi, ako môže vaša stránka vyzerať v televízii!

Prispôsobený Symby.ru

No, ak si nechcete vytvoriť „čarodejníka“, uvediem príklad ešte jednej stránky: http://symby.ru/adaptest/. Na jednej strane môžete vidieť vetvičku rôznych obrazoviek.

Zabezpečenie robota a mobilnej verzie stránky

Keďže ste pokazili, že vaša stránka je prispôsobivá a správne sa zobrazuje na obrazovkách väčšiny prístavieb, zmeníte rýchlosť svojej práce. No poznám veľa mobilov.

PageSpeed ​​Insights

Google je pred planétou: https://developers.google.com/speed/pagespeed/insights/ . Táto služba sa zobrazí, ako keby ste sa pozerali na stránku na obrazovke telefónu, a poskytne odporúčania, ako optimalizovať kód, aby sa zvýšila rýchlosť interakcie s mobilnými rozšíreniami.

WebPageTest

Dotiahnem do konca aplikáciu služby, ktorá ukáže nielen to, ako stránka vyzerá na mobilnom rozšírení, ale ukáže aj rýchlosť vášho robota: http://www.webpagetest.org/

Višnovki

Podľa mňa je pre všetkých robotov pri zmenách dizajnu stránky jednoduchšie vyhrať príležitosť prehliadač Firefox ten Chrome. Z nejakého dôvodu je absolútne nevyhnutné zmeniť lojalitu systémov vyhľadávačov k vášmu dizajnu. A potom, pre pokoj duše, alebo, aby som sa pochválil, môžete zrýchliť online služby.

Pekný deň priatelia. Dnes uvidím tri reklamné nástroje a spustím novú rubriku na blogoch. Prevezmeme názov „Webmastering“ a zahrnieme relevantné materiály na tému zvyšovania produktivity a kvality stránky, pristávacie strany. A začnem pohľadom na elegantný nástroj na opätovné skontrolovanie mobility webu.

Rýchlosť stránky skontrolujeme naraz od Googlu

Pre ktoré Google podporuje 2 nástroje.

#1 PageSpeed ​​​​Insights

Hádam ho dobre poznáš. Prilepte správu na svoju stránku, stlačte tlačidlo "Analyzovať" a vyberte výsledok z dvoch kariet.

Karta „Pre mobil“ obsahuje poznámku o dostupnosti stránky pre mobilné zariadenia a je to dôležité! - hodnotenie transparentnosti stránky pre smartfóny. Záložka „Pre počítače“ je podobná tej istej analýze pre pracovnú plochu.

Zistite, aké služby vám umožňujú využívať výhody optimalizované obrázky, css a skripty, aby ste ich zobrazili na svojom webe. os taka bezkoshtovna pomoc zadajte Google.

Ako môžete vidieť na snímke obrazovky, s mobilnou verziou môžu byť vážne problémy. A ako to dokážete?

#2 Testmysite.Withgoogle

Je to naozaj ten istý nástroj, len spálený na novom harne. Túto službu poznám už niekoľko dní a kúpil som si formu podania hovoru.

Ak na stránku vložíte správu a stlačíte „Skontrolovať“, služba zobrazí výsledok na zdanlivo úplne dynamickú vstupnú stránku, na ktorej je možné ju obrátiť, ako v prípade stránky, a vyzve stiahnuť novú zvuk.

Pochopil som, požiadal som o druhý hovor a na chvíľu som vzal jogu na miesto. Pri pohľade múdro, špunty obrazoviek hnedý návod so správami na konkrétnych materiáloch:

Všimnite si, že ak analyzujete jednu a tú istú stránku, počet týchto nástrojov sa bude trikrát líšiť. Smrad však funguje na jednej technológii.

Os je tak doslova za pár sekúnd môžete rovnako dobre previesť web na mobilitu a previesť rýchlosť záujmu – a tiež zachytiť celkový obraz optimalizovaného obsahu. Žiadne náklady. Zobraziť Google

Ako teda zvládate svoju mobilitu?

Verzie stránky - nie je možné len zabaganka rozrobnikov, dodatková stattya vitrat (alebo zárobky, ako keď hovoríme o dodávateľoch) a ukazovanie turboti o zdroji. Podľa zvyšku vyjadrení zástupcov Google budú stránky, ktoré nepodporujú adaptívny dizajn, simulované vo vtipe, ktorý je postavený na mobilných zariadeniach. Oficiálny vyhľadávací systém Yandex tiež vydal odporúčanie „Aké dôležité je byť mobilný“ a spieval, takže v záujme dobrej kvality mobilných rozšírení označil čas pre mobilnú verziu založenú na vyhľadávaní a prioritné adaptívne stránky.

Takže k obchodníkom obov jazykový poriadok je potrebné prispôsobiť stránku pre smartfóny a skontrolovať správnosť zdroja. V iných prípadoch nie je nezvyčajné vidieť stratu významnej časti návštevnosti, a preto potenciálni zákazníci, dokonca aj nové algoritmy pre roboty ako Google a Yandex, už zomierajú. Môžete previesť mobilnú verziu stránky iným spôsobom: zmeňte prehliadač na hodinu, aby ste prešli do režimu predajcu, pre ďalšie emulátory v mobilných zariadeniach alebo webových službách.

Láskavosť k stránke pre mobilné rozšírenia

Adaptabilita na mobilné zariadenia sa hodnotí podľa rôznych parametrov. Je dôležité skontrolovať mobilnú verziu webu nielen kvôli správnemu vykresleniu, ale aj opraviť ďalšie faktory:

• prítomnosť animácie, „dôležitej“ pre dizajn a obrázky;
• rýchlosť zapojenia zdrojov (môže byť minimálna);
• potreba horizontálneho rolovania;
• dostupnosť doplnkov Silverlight a apletov Java;
• jednoduchá navigácia na stránke;
• kód predpisu má metaznačku zobrazovanej oblasti.

Algoritmy najrozsiahlejších vyhľadávačov rozpoznávajú webovú stránku ako doplnok pre mobilné zariadenia a posúvajú pozíciu stránky medzi typy zdrojov, ktoré nie sú prispôsobené.

Skutočné testovanie na mobilných zariadeniach

Najlepšie je protestovať proti mobilnej verzii stránky na skutočných smartfónoch. Koho spôsobom je možné vykonať testovanie v skutočných mysliach. V ideálnom prípade by sa webový zdroj mal prepracovať viac na niekoľkých prístavbách, ale ak rozpočet nebude vyčlenený na projekt, vynaloží sa na poskytnutie množstva smartfónov v najobľúbenejších modeloch, bude stačiť pridať na základný android alebo Apple.

Zmena okien prehliadača

Najjednoduchšie, ale nie optimálne v pláne opätovného overenia, je zmeniť okno prehliadača. Akoby sa strana pre ďalšiu technológiu zlomila, je možné takto zmeniť mobilnú verziu stránky. Ale v pokojnej nálade, ak je dizajn zaseknutý, zdroj bude vyžadovať jasné vyhlásenie o tom, aký druh chytrého telefónu, tabletu alebo iného mobilného rozšírenia je potrebný. takže, dánsky spôsob dovoľte mi skontrolovať viditeľnosť mobilnej verzie stránky. A os správnosti zobrazenia (technicky) sa dá len ťažko odhadnúť.

Prepnutie do režimu predajcu v prehliadači

Najoptimálnejším spôsobom konverzie mobilnej verzie stránky (Google alebo Yandex, ako aj iné vyhľadávacie systémy vidia prispôsobivosť v zozname najdôležitejších faktorov, ktoré pridávajú do hodnotenia), je prepnutie do režimu predajcu v prehliadači. Ako to urobiť v podobnom poradí z prehliadačov kіlkom:

• Do režimu predajcu môžete prejsť výberom možnosti „Responzívny dizajn“ v ponuke „Prieskumník“; tlačenie kombinácia Ctrl+ Shift + M; stlačením tlačidla „Režim responzívneho dizajnu“ na paneli nástrojov webového predajcu;
• Chrome: prejdite na mobilný režim stlačte F12 a potom vyberte ikonu mobilnej verzie (smartfón v ľavom hornom rohu okna, ktorý sa objavil).

V Opere sa prechod do režimu predajcu na opätovnú kontrolu mobilnej verzie vykonáva stlačením kombinácie Ctrl + Shift + i, prípadne existuje aj iný spôsob. Špeciálna verzia prehliadača - Opera Mobile Classic Emulator - vám umožňuje hodnotiť mobilný dizajn inak. Verzie softvéru pre hlavné operačné systémy.

Emulátory mobilných zariadení: Android Studio a Apple Xcode

Mobilnú verziu stránky ("Yandex" a Google) môžete previesť pomocou ďalších emulátorov pre mobilné zariadenia, ako sú Android a Apple, Android Studio alebo Apple Xcode.

Podobné nástroje na presné dokončenie, aby stránka vyzerala tak, ako ju vidíte na mobilných zariadeniach: programy majú nainštalované najširšie verzie prehliadačov pre mobilné zariadenia. Emulátory však nechránia rýchlosť záujmu a iné nuansy, ktoré sa dajú reálne predvídať.

Na opätovné overenie stačí nainštalovať do počítača jeden z preusporiadaných programov a otvoriť webovú stránku emulátora.

Webové služby pre kontrolu mobilného dizajnu

Іsnuet a ďalšie jednoduchými spôsobmi upraviť mobilnú verziu stránky Online služba Responsinator vám napríklad umožňuje vyhodnotiť správnosť zobrazenia zdrojov na mobilných zariadeniach a kvalitu obsahu stránky zo strany stránky. Zdroj sa pozerá na stránku, ktorá vyzerala ako víno pri pohľade na šesť prístavby založené na Androide alebo Apple a v niektorých orientáciách.

Prepracovanie optimalizácie webových stránok pre mobilné zariadenia

Ďalšie zdroje, ktoré vám umožňujú skontrolovať mobilnú verziu stránky, vyhodnotiť prispôsobivosť a nielen ukázať, ako napríklad pohľad na bi-majdanchik na rôznych prístavbách. Najuznávanejšie služby: Google Mobile Friendly a "Yandex WebMaster" (recenzia webových stránok). Vyhodnoťte optimalizáciu webových stránok pre mobilné aplikácie a tiež skontrolujte Bing alebo napríklad Mobile Checker W3C.

Všetko, čo je potrebné pre správcu webu pri hodnotení verzie stránky pre mobilné zariadenia pre ďalšie online služby, stačí zadať adresu zdroja a dokončiť analýzu. Pokročilejšie služby predstavujú premyslenú optimalizáciu pre parametre prívetivosti k mobilným prílohám, ktoré boli renovované.

Môžete tiež vyhodnotiť adaptabilitu webového zdroja spôsobmi decalcom: počnúc testovaním na skutočných smartfónoch, tabletoch alebo iných mobilných zariadeniach alebo zmenou okna webového prehliadača, opätovnou kontrolou v emulátoroch alebo v maloobchodnom režime webu. prehliadača, na výber služieb v ID "Yandex" a " Google". Previesť mobilnú verziu stránky je veľmi jednoduché, no umožňuje vám vykonať iba potrebné zmeny a zlepšiť pozíciu stránky v zobrazení prehliadača.