Zkontrolujte v Yandexu shodu s mobilní verzí. Kontrola optimalizace pro mobily. Google Search Console. Interaktivní prvky jsou příliš blízko

Jde o to, že Google brzy (podle pověstí - od 21. dubna 2015) začne velmi špatně hodnotit stránky, které nebyly testovány webmastery Google z hlediska snadného prohlížení mobilní zařízení Ach.

Není to přesně jasné, stránka bude mít problémy, jen když se zobrazí mobilním uživatelům, nebo i těm, kteří se přihlásili z PC, tedy bude samostatný problém?

Téměř to nemění podstatu stránek, které mají polovinu nebo významnou část mobilní návštěvnosti. Proto je lepší absolvovat test co nejdříve.

Řeknu vám, jak to udělat:

Před	Po

První čip, což pomohlo vyřešit problém bez dalších gest.

Do souboru robots.txt napište řádek:
Povolit: /wp-content/themes/TemplateName/style.css

(Pokud je soubor se styly umístěn na jiné adrese, pak jej zapíšeme. Pokud je souborů se styly více, pak pro každý soubor nalepíme řádky.)

druhý okamžik, pokud vidíme zprávu "Interaktivní prvky jsou příliš blízko u sebe." Zobrazeno na adrese google.com/webmasters/tools/mobile-friendly.
Jen ve stylech požadované třídy předepisuje více odsazení pro odkazy a tlačítka. Trvá to margin nebo padding od 5px.
Někdy může tento problém způsobit blok Adsense. Možná budete muset vložit větší blok nebo větší písmo.

P.S. Zpočátku očekávám, že ten primární jste vytvořili vy.

Verze stránek nejsou jen možným rozmarem vývojářů, dodatečnou nákladovou položkou (nebo výdělkem, mluvíme-li o dodavatelích) a projevem zájmu o návštěvníky zdrojů. Podle nejnovějšího oznámení společnosti Google budou weby, které nesplňují požadavky na responzivní design, pesimizovány v mobilním vyhledávání. Domácí vyhledávač Yandex také vydal doporučení „Důležité být mobilní“ a ujistil, že v zájmu pohodlí uživatelů mobilních zařízení označí mobilní verze ve výsledcích vyhledávání a upřednostní adaptivní stránky.

Vývojáři tedy musí nutně přizpůsobit stránky pro chytré telefony a zkontrolovat správnost zobrazení zdroje. V opačném případě můžete brzy očekávat ztrátu významné části provozu, a tím i potenciálních zákazníků, protože nové pracovní algoritmy od Googlu a Yandexu již fungují. Můžete zkontrolovat mobilní verzi webu různé způsoby: Změna prohlížeče při přepnutí do vývojářského režimu, používání emulátorů mobilních zařízení nebo webových služeb.

Přívětivost stránek pro mobilní zařízení

Adaptabilita na mobilní zařízení se hodnotí podle různých parametrů. Mobilní verzi webu je důležité kontrolovat nejen z hlediska správného zobrazení, stojí za to zvážit i další faktory:

nedostatek animace, "těžký" design a obrázky;
rychlost načítání zdrojů (měla by být minimální);
není potřeba horizontální rolování;
nedostatek zásuvných modulů Silverlight a apletů Java;
jednoduchá navigace na webu;
Metaznačka viewportu je zapsána v kódu.

Pokud jsou tyto podmínky splněny, algoritmy nejběžnějších vyhledávačů rozpoznají webovou stránku jako vhodnou pro mobilní zařízení a zvýší pozici webu ve výsledcích vyhledávání ve vztahu k nepřizpůsobeným zdrojům.

Reálné testování na mobilních zařízeních

Nejpohodlnější je otestovat mobilní verzi stránek na skutečných smartphonech. Tato metoda umožní testování v reálných podmínkách. V ideálním případě je lepší zkontrolovat webový zdroj na několika zařízeních, ale pokud rozpočet projektu nezahrnuje náklady na nákup několika smartphonů nejoblíbenějších modelů, bude stačit zařízení Android nebo Apple.

Změna velikosti okna prohlížeče

Nejjednodušší, ale ne optimální z hlediska ověření, je změna velikosti okna prohlížeče. Pokud je stránka vytvořena pomocí technologie, můžete tímto způsobem zkontrolovat mobilní verzi webu. Ale v případech, kdy je použit samostatný design, zdroj potřebuje jasné označení, že uživatel přišel ze smartphonu, tabletu nebo jiného mobilního zařízení. Tak, tato metoda umožňuje ověřit dostupnost mobilní verze webu. Ale správnost zobrazení (z technického hlediska) pravděpodobně nebude hodnocena.

Přepnutí do vývojářského režimu v prohlížeči

Lepší způsob, jak zkontrolovat mobilní verzi webu (Google nebo Yandex, stejně jako další vyhledávače zvýraznění adaptability v seznamu nejdůležitějších faktorů ovlivňujících hodnocení) je přepnutí do vývojářského režimu v prohlížeči. Metoda funguje podobně s více prohlížeči:

Mozilla: do vývojářského režimu se můžete přepnout výběrem možnosti „Responzivní design“ v nabídce „Vývoj“; kliknutím Kombinace Ctrl+ Shift + M; kliknutím na tlačítko „Režim responzivního designu“ na panelu nástrojů pro vývojáře webu;
Chrome: přepněte do mobilního režimu stisknutím F12 a poté vyberte ikonu mobilní verze (smartphone v levém horním rohu zobrazeného okna).

V Opeře se přepnutí do vývojářského režimu pro kontrolu mobilní verze provádí stisknutím kombinace Ctrl + Shift + i, ale existuje i jiný způsob. Speciální verze prohlížeče - Opera Mobile Classic Emulator - umožňuje komplexně hodnotit mobilní design. Existují verze programu pro hlavní operační systémy.

Emulátory mobilních zařízení: Android Studio a Apple Xcode

Mobilní verzi webu ("Yandex" a Google) můžete zkontrolovat pomocí emulátorů mobilních zařízení, které jsou pro Android a Apple android studio nebo Apple Xcode.

Takové nástroje poměrně přesně reprodukují web tak, jak bude vypadat na mobilních zařízeních: v programech jsou předinstalované nejběžnější verze prohlížečů pro mobilní zařízení. Emulátory však neberou v úvahu rychlost stahování a některé další nuance, které lze pozorovat v reálných podmínkách.

Pro kontrolu stačí nainstalovat jeden z výše uvedených programů do počítače a otevřít web z emulátoru.

Webové služby pro ověření mobilního designu

Je jich víc jednoduchými způsoby zkontrolujte mobilní verzi webu. Online služba Responsinator vám například umožňuje vyhodnotit správnost zobrazení zdroje na mobilních zařízeních a snadnost použití webu uživatelem. Zdroj zobrazí web tak, jak by vypadal na šestce různá zařízení založené na Androidu nebo Apple a ve více orientacích.

Kontrola optimalizace webových stránek pro mobilní zařízení

Další zdroje, které umožňují zkontrolovat mobilní verzi webu, dodatečně vyhodnocují přizpůsobivost a nejen ukazují, jak by web vypadal na různých zařízeních. Nejuznávanější služby: Google Mobile Friendly a "Yandex Webmaster" (kontrola webových stránek). Optimalizaci webu pro mobilní zařízení hodnotí i Bing checker nebo například Mobile Checker od W3C.

Vše, co je od webmastera vyžadováno při hodnocení verze webu pro mobilní zařízení využívající online služby, je zadat adresu zdroje a počkat na dokončení analýzy. Většina výše uvedených služeb kontroluje optimalizaci podle výše uvedených parametrů mobilní přívětivosti.

Existuje tedy několik způsobů, jak vyhodnotit adaptabilitu webového zdroje: od testování na skutečných chytrých telefonech, tabletech nebo jiných mobilních zařízeních, přes změnu velikosti okna webového prohlížeče, kontrolu v emulátorech nebo ve vývojářském režimu webového prohlížeče a konče používáním služeb od Yandex a Google. Mobilní verzi webu je velmi snadné zkontrolovat komplexně a to vám umožní provést potřebné změny a zlepšit pozici webu ve výsledcích vyhledávání.

Zdravím vás, drazí přátelé!

Mobilní gadgety ovládly svět. Bez telefonu dnes nejdou ani pro chleba.

V dnešní době se internet rychle rozvíjí. Rychlý růst trhu mobilní internet nutí tvůrce webových zdrojů přizpůsobit své stránky tomuto typu zařízení.

Jde mi o to, že pokud chcete, aby byly vaše stránky úspěšné a oblíbené, měli byste přemýšlet o tom, jak usnadnit prohlížení na všech druzích gadgetů.

V tomto článku vám řeknu, jak zkontrolovat web na mobilních zařízeních pomocí speciálních služeb. Podmínečně jsem je rozdělil do dvou skupin: zdarma a placené.

Všechny fungují v podstatě stejným způsobem:

přejděte na webovou stránku vývojáře konkrétní služby
stáhněte si požadovaný software
spusťte aplikaci
a po chvíli je před vámi mobilní verze vašeho webu!

Existují služby, které mohou váš web otestovat online.

Volba je jako vždy na vás!

Volný, uvolnit

Vhodné pro mobilní zařízení. Tato aplikace byla vytvořena společností Google speciálně pro kontrolu, zda je webový zdroj optimalizován pro chytré telefony a další gadgety.

Respondent. Díky této aplikaci můžete snadno vidět, jak stránka vypadá na Kindle, iPad, Android, iPhone.

Podívejte se na iPad. Jeden z nejoblíbenějších nástroje zdarma testování, se kterým si můžete prohlédnout zobrazení vlastního webu na iPhonu a iPadu.

Opera Mini simulátor. Emulátor z Opery obsahuje velmi rozsáhlou databázi mobilní gadgety. Jeho jedinou nevýhodou lze považovat nedostatek online režimu, to znamená, že pro testování svého zdroje budete muset stáhnout a nainstalovat potřebný software.

Gomez. Vyhodnocuje kompatibilitu vašeho zdroje s mobilními zařízeními pomocí 30 parametrů, což vám umožní získat nejúplnější hodnocení. Pro bezplatné použití musíte zadat své kontaktní údaje.

MobiReady. Skvělý testovací nástroj, který vyhodnocuje odezvu návrhu. Ověření je založeno na nejlepších standardech W3C (World Wide Web Consortium).

Emulátor mobilního telefonu a Screenfly. Podobné služby, které také umožňují zobrazit stav webového zdroje na obrazovkách jakýchkoli gadgetů.

Zaplaceno

CrossBrowserTesting. Kontroluje 130 různých prohlížečů a 25 operačních systémů, včetně: Blackberry, Android, iPad, iPhone. Za jeho používání budete muset platit 29,95 $ měsíčně.

BrowserStack. Poskytuje rychlý přístup k obrovské databázi. Stojí až 19 dolarů na jeden měsíc, ale existuje i bezplatná verze.

Broushot. Navrženo pro odstranění z Android, iPad, iPhone. Za pět snímků obrazovky budete muset zaplatit 1 $.

Perfecto Mobile. Umožňuje přístup k databázi tabletů a mobily, což vám umožní vidět, jak dobrá je optimalizace na jednotlivých typech zařízení. Za jeho použití musíte zaplatit až 15 $ za den.

Prohlížeč s více prohlížeči. Aplikace pro různé prohlížeče obsahující mobilní emulátory a prohlížeče pro testování v libovolném formátu. Stojí až 140 dolarů, k dispozici je i demoverze zdarma.

DeviceAnywhere. Skvělý nástroj, který vám umožní na místě zkontrolovat obsah webu testováním zdroje v reálném čase. Může být jak placený (100 $ měsíčně), tak zdarma.

Jak vidíte, programů a služeb je spousta, vyberte si tu nejpohodlnější možnost a využijte ji pro své zdraví.

Mobilní verze pro vyhledávače

Někdy web vypadá skvěle na všech mobilních zařízeních, ale vyhledávače google a Yandex nerozpoznají jeho mobilitu. Jen Yandex a google mají další požadavky na mobilní verzi.

Přizpůsobení mobilní verze Googlu můžete zkontrolovat pomocí služby Mobile friendly. Už jsem to zmínil v seznamu bezplatných nástrojů.

A pro Yandex existuje podobný nástroj v aktuálně testované verzi účtu webmastera (https://beta.webmaster.yandex.ru/).

Přihlaste se k odběru novinek na blogu a dozvíte se spoustu zajímavých a užitečných věcí. Zatím se s vámi loučím, uvidíme se v novém článku!

S pozdravem! Abdullin Ruslan

V aktuálním článku si povíme, jak probíhá kontrola mobilní verze stránek, její pohodlnost, čitelnost a správné zobrazení.

Kontrolu vašeho webu pro pohodlí zobrazení na mobilních zařízeních lze zkontrolovat pomocí různých webových služeb. Zejména, tuto službu od Googlu vám umožňuje adekvátně posoudit gramotnost vašeho mobilního rozvržení.

Nedávno Google oznámil, že stránky, které nesplňují požadavky na mobilní vzhled, budou pesimizovány ve vyhledávání prováděném pomocí mobilních zařízení. Tento algoritmus již funguje a některé weby, kterým nezáleželo na zobrazování na mobilních platformách, byly ve výsledcích mobilního vyhledávání vynechány.

Pokud je váš web třikrát vhodný pro desktopové platformy, musíte zkontrolovat kvalitu mobilního rozvržení, jinak přijdete o působivou část návštěvnosti (podíl mobilních platforem ve vyhledávání každým rokem rychle roste), což znamená, že ztratíte své zákazníky. Proto je potřeba své stránky přizpůsobit pro mobilní zařízení a zkontrolovat správné zobrazení stránek v mobilních prohlížečích.

Kontrola kvality mobilního rozvržení pomocí Google Chrome

Pro vývojáře má Google skvělý nástroj pro simulaci mobilních zařízení. Tento nástroj je zabudován do prohlížeče Google Chrome. Pro přístup k němu stiskněte F12 v prohlížeči (přepněte do vývojářského režimu) a klikněte na ikonu smartphonu:

Stránka bude převedena do režimu přepínání zařízení, kde si můžete vybrat jedno z oblíbených mobilních zařízení, typ sítě (GPRS, 2G, 3G, 4G atd.), zadat přísná nastavení zobrazení. To vám umožní simulovat práci webu na konkrétních mobilních zařízeních. K číslu dostupná zařízení obsahovat různé verze iPadu, IPAD mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy a některá další populární zařízení.

Výběrem konkrétního zařízení můžete web zkontrolovat na mobilním zařízení. Například zobrazení domovská stránka web "Nubex" na iPad 3:

A na Samsung Galaxy S4:

Zde můžete nejen vidět zobrazení webu na konkrétním zařízení, ale také s webem plně pracovat, jako byste před sebou měli ten správný gadget. Tento nástroj je bezesporu prostě nepostradatelný při vývoji mobilní verze webu, ale to, jak se bude váš web zobrazovat na reálných zařízeních, je potřeba ověřit na reálných zařízeních. To je zvláště důležité, pokud potřebujete zkontrolovat zobrazení webu v "nativních" prohlížečích (Safari - pro iPad / iPhone, IE - pro Windows telefon atd.).

Dobré odpoledne přátelé. Dnes šlápnu trochu stranou od reklamních nástrojů a založím novou rubriku na blogu. Jmenuje se „Webmastering“ a bude obsahovat užitečné materiály o zlepšení výkonu a kvality webu, vstupních stránek. A začnu recenzí skvělého nástroje pro kontrolu mobility webu.

Zkontrolujte rychlost webu pomocí Googlu

K tomu nabízí Google 2 nástroje.

#1 PageSpeed Insights

Myslím, že ho dobře znáš. Vložte odkaz na svůj web, klikněte na tlačítko "Analyzovat" a získejte výsledek ve formě dvou záložek.

Záložka "Mobil" obsahuje zprávu o rychlosti načítání stránek pro mobilní zařízení a - důležité! — hodnocení pohodlí stránky pro chytré telefony. Karta „Pro počítače“ představuje stejnou analýzu pro pracovní plochu.

Nejlepší na tom je, že služba umožňuje stahování optimalizované obrázky, css a skripty k použití na vašem webu. Takhle bezplatná pomoc od Googlu.

Jak můžete vidět ze snímku obrazovky, mám vážné problémy s mobilní verzí. A jak se vám daří?

#2 Testmysite.Withgoogle

Ve skutečnosti se jedná o stejný nástroj, jen má krásný obal. Onehdy jsem objevil tuto službu a byl podplacen formulářem pro hlášení.

Když vložíte odkaz na stránky a kliknete na „Zkontrolovat“, služba nabídne výsledek v podobě plnohodnotné dynamické cílové stránky, na které výstižně a přesvědčivě sdělí, jak to se stránkou chodí, a nabídne ke stažení celé zprávy.

Samozřejmě jsem požádal o úplnou zprávu a o několik minut později jsem ji obdržel poštou. Vypadá to rozumně, několik obrazovek užitečných pokynů s odkazy na konkrétní materiály:

Je pozoruhodné, že pokud analyzujete stejný web, budou se čísla pro tyto nástroje mírně lišit. Pracují však na stejné technologii.

Tímto způsobem můžete během několika sekund nejen zkontrolovat mobilitu webu a zkontrolovat rychlost stahování - ale také stáhnout plnohodnotnou zprávu s optimalizovaným obsahem. Zdarma. od Googlu

No a jak jsi na tom s mobilitou?