Ech, Google nás opäť „poteší“ svojimi pravidlami a algoritmami a prichádza s novými „migrénami“ pre správcov webu. Tentokrát sa nám ponúka vyskúšanie nového algoritmu vhodného pre mobilné zariadenia, ktorý v mobilnom vyhľadávaní vyvolá prispôsobené stránky a zníži zdroje „nemobilných“.
Ako to všetko bude fungovať?
Veľmi jednoduché: všetky stránky, pre ktoré nie sú prispôsobené mobilné zariadenia(podľa Googlu), budú jednoducho vyhľadávacím nástrojom ignorované a objavia sa na posledných miestach v mobilnom vyhľadávaní a mobilné zdroje stúpnu vyššie. Napríklad, ak existuje niekoľko stránok s podobnou tematikou, potom na tablete používateľ nájde tie, ktoré majú prispôsobený dizajn na prezeranie na mobilných zariadeniach.
Moje dojmy z tejto inovácie sú dvojaké: na jednej strane je všetko správne, ak používam vyhľadávanie na tablete alebo smartfóne, potom chcem v SERP vidieť tie stránky, ktoré sa na obrazovke správajú správne. Na druhej strane je algoritmus na určovanie „mobility“ taký zvláštny, že núti človeka zamyslieť sa nad vhodnosťou takéhoto „know-how“. Samozrejme, že som skontroloval svoje stránky, či neobsahujú odporúčania, a pripadalo mi to prinajmenšom zvláštne, ako sa Google správa k analýze zdrojov.
Stojí za to povedať, že pri vytváraní stránok som vždy kontroloval vzhľad na rôzne zariadenia ručne a prostredníctvom služieb, takže som bol ohľadom „mobility“ pokojný, ale ukázalo sa, že to nie je také jednoduché. Google preto odporúča otestovať vaše zdroje prostredníctvom testu vhodného pre mobilné zariadenia:
Stačí zadať adresu stránok alebo stránok a kliknúť na „Analyzovať“. Pri kontrole hlavnej stránky webu môjho krymského priateľa krimeo.ru prostredníctvom testu som zistil, že stránka bola optimalizovaná pre mobilné zariadenia.
Nie je prekvapením, že šablóna reaguje a stránka na nej vyzerá skvele rôzne zariadenia... Potom som sa rozhodol skontrolovať svoje stránky a aké bolo moje prekvapenie, keď tento zdroj neprešiel testom.
Zaujímavé ... šablóna tohto blogu je tiež pohotová, viackrát som sa k nej dostal z tabletu aj zo smartfónu ... prečo sa to potom spoločnosti Google nepáčilo?
Začal som analyzovať, čo presne na stránke môže vyvolať taký výsledok. Riešenie sa našlo tam, kde som to najmenej čakal: na mojom webe sa miniatúry článkov zobrazovali v obdĺžniku s rozmermi 720 x 350 pixlov a to (podľa spoločnosti Google) neznamená, že sa web považuje za mobilný. Prekvapivo platí, že čím väčší je obrázok (tlačidlá), tým jednoduchšie je pre používateľov z mobilných zariadení zasahovať prstom ... Google však uvažuje inak.
Je tiež prekvapujúce, že pri prehliadaní stránok v smartfóne sú všetky obrázky dokonale prispôsobené veľkosti obrazovky a nie sú pozorované žiadne „rušičky“. Rozhodol som sa vykonať experiment a veľkosť obrázkov som prispôsobil, t.j. čím menšia je veľkosť obrazovky zariadenia, tým menší je obrázok na webe. Skúste chytiť roh prehliadača a zmenšiť ho. 
Niektorí webmasteri môžu mať teraz iný problém: ak sa Google správal takto pomocou miniatúr veľká veľkosť, čo znamená, že s ilustráciami k článkom bude situácia rovnaká, a to je oveľa dôležitejšie ako domovská stránka... Aby ste to urobili, musíte obrázky prispôsobiť celému webu pomocou prostriedkov na spustenie skriptu js, ale to nie je všetko, priečinok s vyrovnávacou pamäťou a pravidlo na ukladanie obrázkov je potrebné v programe .htaccess duplikovať.
Články, ktoré obsahujú obrázky veľkých rozmerov, neprechádzajú testom Google a články s menšími ilustráciami sa považujú za plne „optimalizované pre mobilné zariadenia“. Nebudem dávať screenshoty - vezmite URL samostatnej publikácie a skontrolujte, či je „mobilná“.
Prečo inak Googlebot vidí, že blog nie je optimalizovaný pre mobilné zariadenia
Pretože v súbore robots.txt je veľa zbytočných obmedzení.
V automaticky generovanom virtuálnom súbore robots.txt WordPress je iba jedno obmedzenie:
Zakázať: / wp-admin
A tu je to, čo Google píše o tom, prečo tvorcovia WordPress v predvolenom nastavení vytvorili súbor robots.txt takto:
Aby ste zaistili správne indexovanie a vykresľovanie stránok, musíte aplikácii Googlebot poskytnúť prístup k jazykom JavaScript, CSS a grafické súbory na strane. Googlebot by mal vašu stránku vidieť ako bežný používateľ... Ak súbor robots.txt neumožňuje prístup k týmto zdrojom, spoločnosť Google nebude môcť správne analyzovať a indexovať obsah. To môže zhoršiť hodnotenie vašej stránky vo vyhľadávaní.
User-agent: * Disallow: / wp-admin Disallow: / wp-includes Disallow: / wp-content / plugins Host: Your_site Sitemap: http: // Your_site / sitemap_index.xml (Sitemap by WordPress SEO by Yoast) User-agent : Googlebot-Image Allow: / wp-content / uploads / User-agent: YandexImages Allow: / wp-content / uploads /
Dúfam, že Google zlepší svoj overovací algoritmus a poskytne skutočné výsledky, pretože v reálnom živote na tabletoch a smartfónoch mnohé stránky vyzerajú skvele.
Takéto prekvapenie v podobe algoritmu vhodného pre mobilné zariadenia môžeme vidieť od 21. apríla 2015. Google nás „rozmaznáva“)). Žijete v mieri? Tu je Panda pre vás! Málo? Aj tu je tučniak! Poslať preč? Prispôsobte sa mobilom!
Výkon
Je na vás, aby ste sa rozhodli, čo s týmito informáciami urobíte, či je prechod na responzívne návrhy alebo nie je osobnou záležitosťou každého správcu webu, tieto nové pravidlá však už nadobudli účinnosť.
Mimochodom, v časti „optimalizované pre mobilné zariadenia“ sa nepovažuje iba za adaptívny dizajn Tu je vhodná stránka, samostatná mobilná verzia a doplnok pre WordPress, hlavnou vecou je, že stránka vyzerá správne na akomkoľvek zariadení. Vezmite to do úvahy.
Dobré popoludnie priatelia. Dnes trochu odbočím od reklamných nástrojov a založím novú rubriku na blogu. Hovorí sa mu „Webmastering“ a bude obsahovať užitočné materiály o zlepšovaní výkonu a kvality stránok, vstupné stránky... Začnem prehľadom skvelého nástroja na kontrolu mobility webových stránok.
Kontrola rýchlosti webu pomocou služby Google
Google na to ponúka 2 nástroje.
# 1 Prehľad rýchlosti stránky
Myslím, že ho dobre poznáš. Vložte odkaz na svoj web, kliknite na tlačidlo „Analyzovať“ a získajte výsledok vo forme dvoch záložiek.
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 smartfóny. Na karte „Pre počítače“ je rovnaká analýza pre pracovnú plochu.
Najlepšie na tom je, že služba vám umožňuje sťahovať optimalizované obrázky, CSS a skripty, ktoré chcete použiť na svojom webe. Tu je bezplatná pomoc od spoločnosti Google.
Ako vidíte na obrázku, mám vážne problémy s mobilnou verziou. Ako sa máš?
# 2 Testmysite.Withgoogle
V skutočnosti je to ten istý nástroj, len má krásny obal. Túto službu som objavil druhý deň a bol som podplatený nahlasovacím formulárom.
Keď vložíte odkaz na stránku a kliknete na „Skontrolovať“, služba ponúkne výsledok v podobe plnohodnotnej dynamickej vstupnej stránky, na ktorej vám výstižne a presvedčivo povie, ako je to so stránkou, a ponúkne stiahnuť celú správu.
Samozrejme, požiadal som o úplnú správu a do pár minút som ju dostal poštou. Vyzerá to rozumne, niekoľko obrazoviek užitočných pokynov s odkazmi na konkrétne materiály:
Je pozoruhodné, že ak analyzujete ten istý web, údaje o týchto nástrojoch sa budú mierne líšiť. Pracujú však na rovnakej technológii.
Takto môžete v priebehu niekoľkých sekúnd nielen skontrolovať mobilitu webu a skontrolovať rýchlosť načítania - ale tiež si stiahnuť plnohodnotný prehľad s optimalizovaným obsahom. Je zadarmo. Z google
Ako ste na tom s mobilitou?
Overiť mobilná verzia stránka pre chyby je jednoduchá úloha. Zodpovednosť za optimalizátor pre vyhľadávače. Prítomnosť optimalizovanej verzie stránky je faktorom pri hodnotení dokumentov stránok.
Nástroje pre mobilné stránky
Ako skontrolovať mobilnú verziu webu.Na webových stránkach pre mobilné zariadenia môžete skontrolovať tieto služby:
- Vhodné pre mobilné zariadenia Google
- Prehľady Google PageSpeed;
- Test webovej stránky;
- ScreenFly;
- Test webovej stránky;
- BrowserStack.
Vhodné pre mobilné zariadenia
Služba s názvom Mobile-Friendly ukáže, ako je web optimalizovaný pre mobilné zariadenia a aké chyby sa vyskytujú pri optimalizácii:Prehľady rýchlosti stránky
Mobilnú verziu stránky pre Google môžete skontrolovať aj pomocou nástroja od vyhľadávač Google, ktorý zobrazuje.Táto služba sa jednoducho nazýva PageSpeed Insights.
Test webovej stránky
Bolo by správne skontrolovať načítanie stránok pre rôzne zariadenia a z rôznych oblastí. Testovanie je možné vykonať pomocou testu WebPage.Služba je úplne zadarmo.
ScreenFly
Použitie špeciálneho nástroja pre mobilný vývoj môžete skontrolovať, ako sa stránka zobrazuje. Služba je navrhnutá tak, aby zobrazovala stránku vo forme, v akej sa bude stránka zobrazovať na mobilných zariadeniach, ale na vyriešenie problému stačí použiť prehliadač.Nástroj je zadarmo.
Adobe Edge Inspect
Ak existuje flotila zariadení na kontrolu stránok, môžete ich použiť. Úloha načítania stránky na všetkých zariadeniach chvíľu trvá, ale úloha sa rieši.Ak používate aplikáciu s názvom Adobe Edge Inspect, špeciálne navrhnutú na otvorenie webu na rôznych zariadeniach, úloha je zjednodušená.
Nástroj je zadarmo.
Aplikácia je multiplatformová.
BrowserStack
BrowserStack je dobre známa služba medzi vývojármi stránok. Táto služba ukazuje kompatibilitu stránok na skutočných zariadeniach.Nástroj je platený.
Mobilný test Bing
Overiť je zadarmo Stránku na zaistenie kompatibility s mobilnými zariadeniami je možné vykonať pomocou mobilného testovacieho nástroja z vyhľadávacieho nástroja Bing.Odkaz na službu -
V mnohých krajinách sa na surfovanie po internete častejšie používajú počítače ako počítače. Preto je veľmi dôležité prispôsobiť stránku pre mobilné zariadenia. Zistite, či sú vaše stránky vhodné pre používateľov smartfónov, pomôže vám to špeciálny nástroj Search Console.
Použitie
Je ľahké skontrolovať, či je stránka vhodná na zobrazenie v smartfóne: stačí zadať jej úplnú adresu URL. Overenie zvyčajne trvá menej ako minútu. Ak sú na stránke presmerovania, budú tiež spracované.
Na základe výsledkov kontroly uvidíte, ako stránka vyzerá na smartfóne, a zistíte, aké problémy môžu vzniknúť pri jej prezeraní. Najčastejšie ide o malé písmená (ťažko čitateľné na malej obrazovke) a prvky Flash (väčšina mobilných zariadení ich nepodporuje).
Hodnota metaznačky výrezu nie je nastavená
Kód stránky neurčuje vlastnosť výrezu, ktorá prehliadaču hovorí, ako správne zmeniť veľkosť prvkov stránky tak, aby zodpovedali veľkosti obrazovky zariadenia. Aby sa vaše stránky správne zobrazovali na rôznych veľkostiach obrazovky, upravte oblasť zobrazenia pomocou metaznačky oblasti zobrazenia. Ak sa chcete o tom dozvedieť viac, prečítajte si časť Základy responzívneho webového dizajnu v našej príručke.
Metaznačka výrezu musí mať hodnotu šírky zariadenia
Stránku nie je možné prispôsobiť obrazovkám rôznych veľkostí, pretože v kóde je uvedená vlastnosť výrezu s pevnou šírkou. V takom prípade musíte použiť responzívny dizajn úpravou mierky stránky tak, aby zodpovedala obrazovke.
Obsah je širší ako obrazovka
Tento prehľad identifikuje stránky, ktoré na zobrazenie textu a obrázkov vyžadujú horizontálne posúvanie. Tento problém sa vyskytuje, keď sú rozmery v štýloch CSS nastavené na absolútne hodnoty alebo keď sa používajú obrázky navrhnuté pre konkrétnu šírku okna prehliadača. Uistite sa, že hodnoty šírky a polohy sú CSS prvky sú relatívne a obrázky sú zmenšené. Podrobné informácie o tejto téme nájdete v časti Veľkosti obsahu v zobrazovacej oblasti nášho tutoriálu.
Príliš malé písmo
Táto zostava obsahuje zoznam stránok malým písmom, ktoré musia používatelia na čítanie používať gestá priblíženia. Po nastavení výrezu musíte definovať veľkosti písem, aby sa v ňom správne zobrazovali.
Interaktívne prvky sú príliš blízko
Tento prehľad uvádza stránky, na ktorých sú položky navigácie tak blízko seba, že je pre používateľa ťažké dotknúť sa jednej bez druhej. Postarajte sa o optimálne veľkosti tlačidiel, odkazov atď. A o vzdialenosti medzi nimi, aby s nimi používatelia mobilných zariadení mohli pohodlne komunikovať.
Čo bude ďalej?
- Ako pomocou špeciálnej správy zistíme, aké problémy so zobrazovaním vašich stránok v mobilných zariadeniach sme zistili (na to je potrebné overiť vlastníctvo stránok vo vašom účte Search Console)
- Ako optimalizovať svoj web pre mobilné zariadenia (pre stránky vo WordPress, Joomla! A ďalších systémoch na správu obsahu)
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 si ho však môžu pozrieť 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).
Keď je otvorená stránka kontroly optimalizácie pre mobilné zariadenia Google Search Console, musíte zadať adresu stránok alebo stránok, ktorých optimalizáciu chcete skontrolovať, a kliknúť na „ 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.