Ha a Google azt írja, hogy „Az oldal nincs mobileszközökre optimalizálva. Mobiloptimalizálás ellenőrzése. Google Search Console Mobile Checker a W3C-től

Üdvözlet, kedves barátaim!

A mobil kütyük átvették az uralmat a világon. Ma telefon nélkül nem is mennek kenyérre.

Manapság az internet rohamosan fejlődik. A mobilinternet piacának gyors növekedése arra kényszeríti a webes források készítőit, hogy oldalaikat az ilyen típusú eszközökhöz igazítsák.

Arra gondolok, hogy ha azt szeretné, hogy webhelye sikeres és népszerű legyen, akkor gondolkodjon el azon, hogyan tegye könnyűvé a megtekintését mindenféle kütyüben.

Ebben a cikkben elmondom, hogyan ellenőrizheti a webhelyet mobileszközökön speciális szolgáltatások segítségével. Feltételesen két csoportra osztottam őket: ingyenes és fizetős.

Mindegyik nagyjából ugyanúgy működik:

1. lépjen egy adott szolgáltatás fejlesztőjének webhelyére
2. töltse le a szükséges szoftvert
3. indítsa el az alkalmazást
4. és egy idő után a weboldalad mobil verziója is előtted van!

Vannak olyan szolgáltatások, amelyek online tesztelhetik webhelyét.

A választás, mint mindig, most is a tiéd!

Ingyenes

Mobilbarát. Ezt az alkalmazást a Google kifejezetten annak ellenőrzésére hozta létre, hogy egy webes erőforrás optimalizálva van-e okostelefonokra és egyéb kütyükre.

Szponzor. Ennek az alkalmazásnak köszönhetően könnyen megtekintheti, hogyan néz ki az oldal Kindle, iPad, Android és iPhone készülékeken.

iPad Peek. Az egyik legnépszerűbb ingyenes tesztelőeszköz, mellyel iPhone-on és iPaden is láthatod saját weboldalad megjelenítését.

Opera Mini szimulátor. Az Opera emulátora nagyon nagy mobil kütyü adatbázist tartalmaz. Az egyetlen hátránya az online mód hiánya, vagyis az erőforrás teszteléséhez le kell töltenie és telepítenie kell a szükséges szoftvert.

Gomez. 30 paraméterrel értékeli erőforrásának mobileszközökkel való kompatibilitását, amely lehetővé teszi a legteljesebb értékelést. Az ingyenes használathoz meg kell adnia elérhetőségeit.

MobiReady. Egy nagyszerű tesztelőeszköz, amely értékeli a tervezés érzékenységét. Az ellenőrzés a legjobb W3C (World Wide Web Consortium) szabványokon alapul.

Mobiltelefon emulátor és Screenfly. Hasonló szolgáltatások, amelyek lehetővé teszik egy webes erőforrás állapotának megtekintését bármely modul képernyőjén.

Fizetett

CrossBrowserTesting. 130 különböző böngésző és 25 operációs rendszer ellenőrzése, köztük: Blackberry, Android, iPad, iPhone. Használatához havi 29,95 dollárt kell fizetnie.

BrowserStack. Gyors hozzáférést biztosít egy hatalmas adatbázishoz. Akár 19 dollárba kerül egy hónapra, de van ingyenes verzió is.

Browshot. Androidról, iPadről, iPhone-ról való eltávolításra tervezték. Öt képernyőképért 1 dollárt kell fizetnie.

Perfecto Mobile. Hozzáférést biztosít a táblagépek és mobiltelefonok adatbázisához, amely lehetővé teszi, hogy megnézze, mennyire jó az optimalizálás az egyes készüléktípusokon. Használatáért napi 15 dollárt kell fizetni.

Multi-browser Viewer. Böngészőkön átívelő alkalmazás, amely mobil emulátorokat és böngészőket tartalmaz bármilyen formátumú teszteléshez. Akár 140 dollárba kerül, van ingyenes demóverzió is.

DeviceAnywhere. Egy nagyszerű eszköz, amely lehetővé teszi a webes tartalom helyszíni ellenőrzését egy erőforrás valós időben történő tesztelésével. Fizethető (100 USD havonta) és ingyenes is.

Amint látja, rengeteg program és szolgáltatás létezik, válassza ki a legkényelmesebb lehetőséget, és használja egészségére.

Mobil verzió keresőmotorokhoz

Néha a webhely tökéletesen megjelenik minden mobileszközön, de a Google és a Yandex keresőmotorjai nem ismerik fel a mobilitást. Csak arról van szó, hogy a Yandex és a google további követelményeket támaszt a mobil verzióval szemben.

A mobil verzió Google-hoz való adaptációját a Mobilbarát szolgáltatás segítségével ellenőrizheti. Már említettem az ingyenes eszközök listájában.

A Yandex esetében pedig van egy hasonló eszköz a webmesterfiók jelenleg tesztelt verziójában (https://beta.webmaster.yandex.ru/).

Iratkozzon fel a bloghírekre, és sok érdekes és hasznos dolgot fog megtudni. Addig is elköszönök tőletek, találkozunk az új cikkben!

Tisztelettel! Abdullin Ruslan

A weboldalakat általában nem telefonokra, de még csak nem is táblagépekre, hanem számítógépekre vagy laptopokra fejlesztik. A webhely felhasználói azonban bármilyen eszközről megtekinthetik. Annak megértése érdekében, hogy az oldal tartalma a legtöbb eszközön egyformán jól jelenik meg, rendelkezhet maroknyi mobiltelefonnal, amelyek különböző képernyőfelbontásúak és különböző operációs rendszereken működnek, vagy használhat kész szolgáltatásokat, amelyek ellenőrzik, hogyan Az oldal mobileszközökön való megtekintésre készült. Ebben a cikkben a Google által kínált eszközök egyikét tekintjük át annak ellenőrzésére, hogy oldala mobilra optimalizált-e.

A Google Search Console mobiloptimalizálási ellenőrzőjének megnyitása

A Google Search Console mobiloptimalizálási ellenőrzésének megnyitásához be kell írnia a címet a böngésző címsorába:

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

vagy egyszerűen lépjen a → erre a hivatkozásra (új ablakban nyílik meg).

Miután megnyílt a Google Search Console mobiloptimalizálási ellenőrző oldala, meg kell adnia annak a webhelynek vagy oldalnak a címét, amelynek optimalizálását ellenőrizni szeretné, majd kattintson a " Jelölje be» az alábbi képen látható módon:

Ezt követően a Google Search Console-nak eltart egy ideig, amíg betölti és elemzi a megadott oldalt:

Ha az ellenőrzés eredménye alapján a Google Search Console úgy dönt, hogy az oldal mobileszközökre optimalizált, akkor az alábbi képen láthatóhoz hasonló üzenet érkezik:

Ha az ellenőrzés eredményeként hibákat talál, az üzenetet kiadó oldal a következőképpen fog kinézni:

nyilvánvaló problématerületek jelzése az oldalon.

Összegzés:

Így gyorsan és meglehetősen hatékonyan értékelheti az oldal optimalizálását, hogy ne csak számítógépen, hanem mobiltelefonon is kényelmes legyen használni. Ezenkívül a Google Search Console számos olyan javaslatot ad, amelyek hasznosak lehetnek a webhely megfelelő működésének optimalizálásához bármilyen eszközön, beleértve a mobileszközöket is.

A mostani cikkben az oldal mobil verziójának ellenőrzéséről, kényelméről, olvashatóságáról és helyes megjelenítéséről lesz szó.

Webhelyének ellenőrzése a mobileszközökön való kényelmes megjelenítés érdekében különféle webszolgáltatások segítségével ellenőrizhető. Különösen, ezt a szolgáltatást a Google-tól lehetővé teszi, hogy megfelelően felmérje mobilelrendezése műveltségét.

Nemrég a Google bejelentette, hogy a mobil elrendezés követelményeinek nem megfelelő oldalakat pesszimizálják a mobileszközökkel végzett keresések során. Ez az algoritmus már működik, és néhány webhely, amely nem törődött a mobilplatformokon való megjelenéssel, valóban kimaradt a mobil keresési eredmények közül.

Ha webhelye háromszor kényelmes az asztali platformok számára, ellenőriznie kell a mobil elrendezés minőségét, ellenkező esetben a forgalom lenyűgöző részét elveszíti (a mobilplatformok aránya a keresésben évről évre gyorsan növekszik), ami azt jelenti, hogy elveszíti ügyfeleit. Ezért webhelyeit mobileszközökhöz kell igazítania, és ellenőriznie kell a webhelyek megfelelő megjelenítését a mobilböngészőkben.

A mobil elrendezés minőségének ellenőrzése a Google Chrome segítségével

A fejlesztők számára a Google remek mobil szimulációs eszközzel rendelkezik. Ez az eszköz a Google Chrome böngészőbe van beépítve. A hozzáféréshez nyomja meg a gombot F12 a böngészőben (váltson fejlesztői módba), és kattintson az okostelefon ikonjára:

Az oldal átvált eszközváltási módba, ahol a közkedvelt mobileszközök közül választhat egyet, a hálózat típusát (GPRS, 2G, 3G, 4G stb.), szigorú megjelenítési beállításokat adhat meg. Ez lehetővé teszi a webhely működésének szimulálását bizonyos mobileszközökön. Az elérhető eszközök között megtalálhatók az iPad, iPad Mini, iPhone, BlackBerry, Google Nexus, HTC, LG, Nokia, Samsung Galaxy és néhány más népszerű eszköz különböző verziói.

Egy adott eszköz kiválasztásával mobileszközön is ellenőrizheti a webhelyet. Például a „Nubex” webhely főoldalának megjelenítése iPad 3-on:

És a Samsung Galaxy S4-en:

Itt nem csak az oldal megjelenítését láthatja egy adott eszközön, hanem teljes mértékben együttműködhet az oldallal, mintha a megfelelő kütyü állna Ön előtt. Kétségtelen, hogy ez az eszköz egyszerűen nélkülözhetetlen az oldal mobil verziójának fejlesztéséhez, de azt, hogy webhelye hogyan jelenik meg valódi eszközökön, valódi eszközökön kell ellenőrizni. Ez különösen fontos, ha ellenőrizni kell a webhely megjelenítését "natív" böngészőkben (Safari - iPad / iPhone, IE - Windows Phone stb.).

Szép napot mindenkinek, barátaimnak és blogom vendégeinek. A mai cikkem meglehetősen rövid lesz, de nem veszíti el a relevanciáját. Mégpedig egy olyan dologról szeretnék mesélni, hogy a google ellenőrzi az oldal mobil verzióját. És talán nem is írnék ilyen nyilvánvaló cikket, ha ez a csekk mostanában nem zavart volna.

Ellenőrzés a google-val

Korábban az emberek nem foglalkoztak a reszponzív dizájnnal vagy a mobil verzióval. De aztán, amikor megjelent az információ, hogy a keresők leminősítik azokat az oldalakat, amelyeknek nem volt mobil verziója, az emberek megfeszültek (mint a HTTPS esetében). Az emberek azonnal elkezdtek mobilverziókat rendelni szabadúszóktól, néhányan speciális bővítményeket telepítettek, amelyek ferdén működtek.

Így amikor valaki adaptív elrendezést vagy mobilverziót szerzett be, azonnal leellenőrizte egy speciális Google szolgáltatásban, amely csak azt nézi meg, hogy az elrendezése hogyan felel meg a követelményeknek. Most egy kicsit változott a felület, de a lényeg ugyanaz marad.

Ahhoz, hogy saját maga ellenőrizhesse ezt az esetet, el kell mennie ehhez a szolgáltatáshoz - search.google.com/search-console/mobile-friendly. Ezután az URL-sávba írja be a webhely címét, és várjon. Rövid idő elteltével minden információt megkap arról, hogy webhelye megfelel-e a Google mobil elrendezésre vonatkozó követelményeinek.

Nem ertem...

Tökéletesen tudom, hogy az oldalam adaptált, főleg, hogy nemrég javítottam ki az elrendezést. Nemrég azonban szórakozásból elmentem ebbe a szolgálatba, hogy megnézzem, mit fog szólni az öreg Gosha, és nagyon meglepődtem. A helyzet az, hogy a szolgáltatás azt mondta nekem, hogy a blogomat soha nem alakították át, és rosszul olvasható mobileszközökön.

Nem értettem, mi a baj, ezért elkezdtem megoldást keresni az interneten. És ezen az oldalon találtam. Kiderült, hogy az egész a robots.txt fájlban volt. Nekem fekete-fehérre írták, hogy a keresők ne indexeljék a téma fájljaimat, ezért nem látott mobil verziót sem.

Miután eltávolítottam egy sort a robotokról ( Disallow: /wp-content/themes/my theme), akkor a szolgáltatás azonnal megállapította, hogy a mobil verzióm normális. Szóval ne aggódj, ha veled is megtörténik ugyanez. Valószínűleg egyszerűen nem engedélyezte a Google-nak, hogy indexelje a témáját.

Nos, ezzel valószínűleg befejezem mai cikkemet. Remélem hasznos volt számodra. Amint látod A google mobilwebhely-ellenőrzője segítségével láthatja, hogy a webhely megfelel-e a webhely követelményeinek. Valójában azonban ritkán találni olyan oldalt, amely ne rendelkezik saját mobilverzióval vagy alkalmazkodóképességgel. Még egy kis idő eltelik, és minden újonnan létrehozott webhely automatikusan SSL-tanúsítvánnyal rendelkezik.

Köszönöm, hogy olvastál. Biztosan várlak még titeket blogom oldalain. Addig is javaslom, hogy olvasson el más cikkeket. Biztos vagyok benne, hogy sok érdekes dolgot fog találni magadnak. Sok szerencsét. Viszlát!

Üdvözlettel: Dmitrij Kostin.

Eh, a Google ismét „tetszik” nekünk a szabályaival és algoritmusaival, új „migrénekkel” rukkol elő a webmesterek számára. Ezúttal egy új, mobilbarát algoritmus kipróbálását ajánljuk, amely növeli az adaptált webhelyeket a mobilkeresésben, és csökkenti a „nem mobil” erőforrásokat.

Hogyan fog mindez működni?

Nagyon egyszerű: minden olyan oldalt, amely nem adaptált mobileszközökre (a Google szerint), egyszerűen figyelmen kívül hagyja a kereső, és a mobilkeresésben az utolsó helyeken jelennek meg, a mobil erőforrások pedig magasabbra emelkednek. Például, ha több hasonló témájú webhely van, akkor a táblagépen a felhasználó megtalálja azokat, amelyek mobileszközökön való megtekintéshez adaptált kialakításúak.

Kettős a benyomásom erről az újításról: egyrészt minden helyes, ha táblagépen vagy okostelefonon használom a keresést, akkor azokat az oldalakat szeretném látni a keresési eredmények között, amelyek megfelelően viselkednek a képernyőn. Másrészt a „mobilitás” meghatározásának algoritmusa annyira furcsa, hogy elgondolkodtat az ilyen „know-how” megfelelőségén. Természetesen megvizsgáltam a webhelyeimet az ajánlások alapján, és enyhén szólva furcsa viselkedést tapasztaltam a Google-ban az erőforrás-elemzéssel kapcsolatban.

Érdemes elmondani, hogy a weboldalak készítésekor mindig manuálisan és szolgáltatásokon keresztül ellenőriztem a megjelenést a különböző eszközökön, így nyugodt voltam a „mobilitást illetően”, de kiderült, hogy nem olyan egyszerű. Tehát a Google azt javasolja, hogy ellenőrizze erőforrásait egy mobilbarát teszt segítségével:

Csak írja be a webhely vagy az oldal címét, és kattintson az "Elemzés" gombra. Miközben a teszten keresztül ellenőriztem krími barátom krimeo.ru webhelyének főoldalát, azt láttam, hogy az oldal mobileszközökre van optimalizálva.

Nem meglepő, hogy a sablon reszponzív, és a webhely remekül néz ki különböző eszközökön. Aztán úgy döntöttem, hogy megnézem a webhelyemet, és mi volt a meglepetésem, amikor ez az erőforrás nem ment át a teszten.

Érdekes... ennek a blognak a sablonja is reszponzív, többször is bejelentkeztem tableten és okostelefonon... miért nem tetszett akkor a Google-nek?

Elkezdtem elemezni, hogy az oldalon pontosan mi válthat ki ilyen eredményt. A megoldást ott találták meg, ahol a legkevésbé számítottam rá: oldalamon a cikkek miniatűrjei 720x350px-es téglalappal jelentek meg, és ez (a Google szerint) nem teszi mobilnak az oldalt. Meglepő módon minél nagyobb a kép (gomb) – a mobileszközökről érkező felhasználóknak annál könnyebben üthetnek ujjal... de a Google másként gondolja.

Meglepő az is, hogy okostelefonon nézegetve az oldalt minden kép tökéletesen alkalmazkodik a képernyő méretéhez, és nem figyelhető meg „elakadások”. Nos, elhatároztam, hogy elvégzek egy kísérletet, és adaptívvá tettem a képek méretét, pl. minél kisebb a készülék képernyőmérete, annál kisebb a kép az oldalon. Próbáld meg megragadni a böngésző sarkát az egérrel és kicsinyíteni.
Most néhány webmesternek egy másik problémája lehet: ha a Google így viselkedett a nagy miniatűröknél, akkor a cikkek illusztrációival is ugyanez lesz a helyzet, és ez sokkal fontosabb, mint a főoldal. Ehhez a képeket a teljes webhelyre adaptívvá kell tenni egy js script elindításával, de ez még nem minden, a cache mappát és a képek mentési szabályát meg kell duplikálni a .htaccess fájlban.

Így van – a nagy képeket tartalmazó cikkek nem mennek át a Google tesztjén, és azok az anyagok, amelyek nem túl nagy illusztrációkkal rendelkeznek, teljesen „mobileszközökre optimalizáltnak” minősülnek. Képernyőképeket nem adok – csak vegye ki egy külön kiadvány URL-jét, és ellenőrizze a „mobilitást”.

Mi másért látja a Googlebot, hogy a blog nincs mobileszközökre optimalizálva?

Mert a robots.txt-ben rengeteg felesleges korlátozás van.

Csak egy tilalom van a WordPress által automatikusan generált virtuális robots.txt fájlban:

Disallow: /wp-admin

És íme, amit a Google ír arról, hogy a WordPress készítői miért a robots.txt fájlt tették alapértelmezetté:

Az oldalak megfelelő indexelése és megjelenítése érdekében hozzáférést kell adnia a Googlebotnak a JavaScript-hez, a CSS-hez és a webhelyén található grafikákhoz. A Googlebotnak normál felhasználóként kell látnia webhelyét. Ha a hozzáférés ezekhez az erőforrásokhoz le van tiltva a robots.txt fájlban, akkor a Google nem tudja megfelelően elemezni és indexelni a tartalmat. Ez ronthatja webhelye pozícióját a Keresésben.

Felhasználói ügynök: * Disallow: /wp-admin Disallow: /wp-includes Disallow: /wp-content/plugins Host: YourSite Webhelytérkép: http://YourSite/sitemap_index.xml (Webhelytérkép: WordPress SEO, Yoast) User -agent : Googlebot-Image Allow: /wp-content/uploads/ User-agent: YandexImages Allow: /wp-content/uploads/

Remélem, hogy a Google javítani fogja ellenőrző algoritmusát, és valós eredményeket ad, mert sok webhely nagyszerűen néz ki a „valós életben” táblagépeken és okostelefonokon.

2015. április 21-e óta láthatunk ilyen meglepetést egy mobilbarát algoritmus formájában. A Google "elront" minket)). Nyugodtan élsz? Tessék Panda! Kevés? Nate is a pingvin! elhunyt? Legyen mobilbarát!

Következtetés

Döntse el maga, hogy mit kezd ezzel az információval, hogy átvált-e az adaptív kialakításra vagy sem, az minden webmester személyes dolga, de ezek az új szabályok már életbe léptek.

Egyébként nem csak az adaptív oldaltervezés számít „mobileszközökre optimalizáltnak”, itt megfelelő egy külön mobilverzió és egy WordPress-bővítmény is, a lényeg, hogy az oldal bármilyen eszközön helyesen nézzen ki. Vegye figyelembe.