Проверка на мобилната версия на Google. Ако Google изпише „Страницата не е оптимизирана за мобилни устройства

Проверката на мобилната версия на сайта за грешки е проста задача. Отговорност за оптимизатора за търсачки. Наличието на оптимизирана версия на сайт е фактор за класиране на документите на сайта.

Инструменти за мобилни сайтове

Как да проверите мобилната версия на сайта.

Можете да проверите сайта за мобилни устройства, като използвате услугите:

Удобен за мобилни устройства на Google
Google PageSpeed Insights;
тест на уеб страница;
екранна муха;
тест на уеб страница;
BrowserStack.

Удобен за мобилни устройства

Услуга, наречена Mobile-Friendly, ще покаже как сайтът е оптимизиран за мобилни устройства и какви са грешките по отношение на оптимизацията:

PageSpeed Insights

Можете също да проверите мобилната версия на сайта за Google с помощта на инструмента от търсачката Google системикоето показва.

Услугата се нарича просто PageSpeed Insights.

тест на уеб страница

Би било правилно да проверите зареждането на сайта за различни устройства и от различни региони. Можете да го проверите с помощта на WebPage Test.

Услугата е абсолютно безплатна.

ScreenFly

С помощта на специален инструмент за мобилно развитиеможете да проверите как се показва сайта. Услугата е предназначена за преглед на сайта във вида, в който ще бъде показан на сайта мобилни устройстваа, но за да решите проблема е достатъчно да използвате браузъра.

Инструментът е безплатен.

Adobe Edge Inspect

Ако има набор от устройства за проверка на сайта, можете да използвате устройства. Задачата за зареждане на сайта на всички устройства отнема известно време, но задачата е решена.

Ако използвате специално създаден сайт за отваряне различни устройстваприложение, наречено Adobe Edge Inspect, задачата е опростена.

Инструментът е безплатен.

Приложението е междуплатформено.

BrowserStack

BrowserStack е добре позната услуга сред разработчиците на уебсайтове. Услугата показва съвместимостта на сайта на реални устройства.

Инструментът е платен.

Мобилен тест на Bing

Проверете е свободенсайт за съответствие с изискванията на мобилните устройства е възможен чрез инструмента Mobile Test от търсачката Bing.
Сервизна връзка -

Версиите на сайта не са само възможна прищявка на разработчиците, допълнителен разход (или печалба, ако говорим за изпълнители) и проява на загриженост за посетителите на ресурса. Според последното съобщение на Google сайтовете, които не отговарят на изискванията за адаптивен дизайн, ще бъдат песимизирани при мобилни търсения. Вътрешната търсачка Yandex също издаде препоръки „Колко е важно да си мобилен“ и увери, че действайки за удобство на потребителите на мобилни устройства, ще маркира мобилните версии в резултатите от търсенето и ще даде предимство на адаптивните страници.

Така че разработчиците трябва задължително да адаптират сайтове за смартфони и да проверят коректността на показването на ресурса. В противен случай скоро можете да очаквате загуба на значителна част от трафика, а оттам и на потенциални клиенти, тъй като новите алгоритми на работа от Google и Yandex вече са в сила. Можете да проверите мобилната версия на сайта по различни начини: като промените браузъра, когато преминете към режим за разработчици, като използвате емулатори на мобилни устройства или уеб услуги.

Удобство на сайта за мобилни устройства

Адаптивността към мобилни устройства се оценява според различни параметри. Важно е да проверите мобилната версия на сайта не само по отношение на правилното показване, струва си да вземете предвид и други фактори:

липса на анимация, "тежък" дизайн и снимки;
скорост на зареждане на ресурси (трябва да бъде минимална);
няма нужда от хоризонтално превъртане;
липса на плъгини Silverlight и Java аплети;
проста навигация в сайта;
Мета тагът на прозореца за изглед е написан в кода.

Ако тези условия са изпълнени, алгоритмите на най-разпространените търсачки разпознават уеб страницата като подходяща за мобилни устройства и повишават позицията на сайта в резултатите от търсенето по отношение на ресурси, които не са адаптирани.

Реално тестване на мобилни устройства

Най-удобно е да тествате мобилната версия на сайта на реални смартфони. Този метод ще позволи тестване в реални условия. В идеалния случай е по-добре да проверите уеб ресурс на няколко устройства, но ако бюджетът на проекта не включва разходите за закупуване на няколко смартфона от най-популярните модели, ще бъде достатъчно устройство с Android или Apple.

Преоразмеряване на прозореца на браузъра

Най-простият, но не оптимален по отношение на проверката, е преоразмеряването на прозореца на браузъра. Ако страницата е направена по технология, можете да проверите мобилната версия на сайта по този начин. Но в случаите, когато се прилага отделен дизайн, ресурсът се нуждае от ясна индикация, че потребителят е дошъл от смартфон, таблет или друго мобилно устройство. И така, този метод ви позволява да проверите наличието на мобилна версия на сайта. Но коректността на дисплея (в технически термини) е малко вероятно да бъде оценен.

Превключване в режим на програмист в браузъра

По-оптимален начин за проверка на мобилната версия на сайта (Google или Yandex, както и други търсачки подчертават адаптивността в списъка с най-важните фактори, влияещи върху класирането) е да преминете към режим за програмисти в браузъра. Методът работи по подобен начин с множество браузъри:

Mozilla: можете да превключите в режим за разработчици, като изберете опцията „Отзивчив дизайн“ в менюто „Разработване“; чрез натискане на комбинацията Ctrl + Shift + M; като щракнете върху бутона „Режим на адаптивен дизайн“ в лентата с инструменти за уеб програмисти;
Chrome: превключете в мобилен режим, като натиснете F12, след което изберете иконата за мобилна версия (смартфон в горния ляв ъгъл на прозореца, който се появява).

В Opera преминаването към режим за разработчици за проверка на мобилната версия става чрез натискане на комбинацията Ctrl + Shift + i, но има и друг начин. Специална версия на браузъра - Opera Mobile Classic Emulator - ви позволява да оцените цялостно мобилния дизайн. Съществуват версии на програмата за основните операционни системи.

Емулатори на мобилни устройства: Android Studio и Apple Xcode

Можете да проверите мобилната версия на сайта ("Yandex" и Google) с помощта на емулатори на мобилни устройства, които за Android и Apple са съответно Android Studio или Apple Xcode.

Такива инструменти доста точно възпроизвеждат сайта, както ще изглежда на мобилни устройства: най-често срещаните версии на браузъри за мобилни устройства са предварително инсталирани в програмите. Емулаторите обаче не вземат предвид скоростта на изтегляне и някои други нюанси, които могат да се наблюдават в реални условия.

За да проверите, просто инсталирайте една от горните програми на вашия компютър и отворете сайта от емулатора.

Уеб услуги за валидиране на мобилен дизайн

Има още прости начинипроверете мобилната версия на сайта. Например онлайн услугата Responsinator ви позволява да оцените коректността на показването на ресурс на мобилни устройства и лекотата на използване на сайта от потребителя. Ресурсът показва сайта така, както би изглеждал на шест различни устройствабазиран на Android или Apple и в множество ориентации.

Проверка на оптимизацията на уеб страници за мобилни устройства

Други ресурси, които ви позволяват да проверите мобилната версия на сайта, допълнително оценяват адаптивността, а не само показват как ще изглежда сайтът на различни устройства. Най-авторитетните услуги: Google Mobile Friendly и "Yandex Webmaster" (проверка на уеб страници). Проверката на Bing или, например, Mobile Checker от W3C също оценяват оптимизацията на сайта за мобилни устройства.

Всичко, което се изисква от уеб администратора при оценка на версията на сайта за мобилни устройства, използващи онлайн услуги, е да въведете адреса на ресурса и да изчакате анализът да приключи. Повечето от горепосочените услуги проверяват оптимизацията спрямо изброените по-горе параметри за мобилност.

И така, има няколко начина за оценка на адаптивността на даден уеб ресурс: от тестване на реални смартфони, таблети или други мобилни устройства или преоразмеряване на прозорец на уеб браузър, проверка в емулатори или в режим за разработчици на уеб браузър и завършване с използване на услуги от Yandex и Google. Много е лесно да проверите цялостно мобилната версия на сайта и това ще ви позволи да направите необходимите промени и да подобрите позицията на сайта в резултатите от търсенето.

Добър ден на всички мои приятели и гости на моя блог. Днес моята статия ще бъде доста кратка, но няма да загуби своята актуалност днес. А именно, искам да ви разкажа за такова нещо като google проверка на мобилната версия на сайта. И може би дори нямаше да напиша толкова очевидна статия, ако тази проверка наскоро не ме озадачи.

Проверка с гугъл

Преди това хората не се притесняваха за адаптивен дизайн или мобилна версия. Но след това, когато се появи информация, че търсачките ще понижат сайтовете, които нямат мобилна версия, хората се напрегнаха (както в случая с HTTPS). Хората веднага започнаха да поръчват мобилни версии от фрийлансъри, някои инсталираха специални плъгини, които можеха да работят криво.

И така, когато някой се сдобие с адаптивно оформление или мобилна версия, веднага го проверява в специална услуга на Google, която просто гледа доколко вашето оформление отговаря на изискванията. Сега интерфейсът се е променил малко, но същността остава същата.

За да проверите сами този случай, трябва да отидете на тази услуга - search.google.com/search-console/mobile-friendly. След това в URL лентата въведете адреса на този сайт и изчакайте. След кратко време ще получите цялата информация дали вашият сайт отговаря на изискванията на Google за мобилно оформление.

Не разбирам...

Знам много добре, че сайтът ми е адаптиран, особено след като наскоро оправих оформлението. Но наскоро, за забавление, отидох в тази служба, за да видя какво ще каже старият Гоша и бях много изненадан. Факт е, че услугата ми каза, че блогът ми никога не е бил адаптиран и е лошо четим за мобилни устройства.

Не можах да разбера какво е, затова започнах да търся решение в интернет. И го намерих в този сайт. Оказва се, че всичко е във файла robots.txt. За мен беше написано черно на бяло, така че търсачките да не индексират файловете ми с теми, поради което той не видя никаква мобилна версия.

След като премахнах един ред от роботи ( Забрана: /wp-content/themes/моята тема), тогава услугата веднага установи, че мобилната ми версия е нормална. Така че не се притеснявайте, ако и на вас се случи същото. Най-вероятно просто не сте позволили на Google да индексира вашата тема.

Е, с това вероятно ще завърша днешната си статия. Надявам се да ви е било полезно. Както виждаш Инструментът за проверка на мобилни сайтове на Google ви позволява да видите дали сайтът отговаря на изискванията на сайта. Но всъщност рядко се среща сайт, който да няма собствена мобилна версия или адаптивност. Ще мине още малко време и всички новосъздадени сайтове автоматично ще имат SSL сертификат.

Благодаря ви, че ме прочетохте. Определено ще ви очаквам отново на страниците на моя блог. Междувременно ви препоръчвам да прочетете други статии. Сигурен съм, че ще намерите много интересни неща за себе си. Късмет. Чао чао!

С уважение, Дмитрий Костин.

За вашите проекти вероятно сте забелязали отдавна, че броят на мобилните потребители непрекъснато расте. За някои тенденцията е по-малко забележима, а за някои проекти тази цифра се увеличава с 2 пъти или повече всяка година. Според LiveInternet повече от 50% от трафика в руския интернет сега идва от мобилни устройства. Между другото, много читатели на този блог отдавна се оплакват, че няма мобилна версия 🙂, което, разбира се, ще бъде коригирано в близко бъдеще.

Този факт на мобилизация не може да бъде пренебрегнат и от платформите за търсене. Постепенно те дават предимства в мобилното търсене на онези сайтове, които са адаптирани към потребителските устройства.

Първоначално Google даде знак на сайтовете във фрагменти, че ще се показват правилно на мобилни телефони.

Google също създаде инструмент, за да помогне на уеб администраторите да проверят правилното показване на сайта на мобилни устройства:
https://www.google.com/webmasters/tools/mobile-friendly/

На 21 април Google пусна нов алгоритъм, на Запад той беше наречен Mobilegeddon. Сега успешното завършване на теста Mobile Friendly е един от SEO факторите, взети под внимание от Google. Досега няма големи промени в издаването, но можете да се подготвите сега.

Как да направим уебсайт responsive според Google? Тайната е проста - трябва да зададете задача на вашите програмисти / дизайнери на оформление. Е, ако няма време за чакане, тогава ... можете да използвате MobileCheat 🙂

Всъщност това е непроверена технология, не се знае до какво ще доведе в бъдеще, така че я използвайте само на свой собствен риск и риск. Тук могат да се направят поне серия от тестове.

Как да заобиколите Google Test с MobileCheat

Трябва да направите само две неща:

1. Добавете мета тага на прозореца за изглед към кода.

2. Затворете достъпа на робота до CSS файловете или папката, където се намират чрез robots.txt

Ето как например моят блог преминава теста по подразбиране:

При затваряне на CSS картината се променя:

Изглежда, че нищо не се е променило на сайта, но резултатите от теста са напълно различни. Между другото, обичам да изключвам CSS на някои сайтове, за да ги направя по-удобни за гледане и използване 🙂 следователно напълно оправдана схема. Но е представен само за информационни цели.

Какво мислиш за това? Ще счете ли Google това за реципрочен ход на коня или ще го обмисли предварително и веднага ще матира сайта? 🙂

Уеб сайтовете обикновено се разработват не на телефони или дори на таблети, а на компютри или лаптопи. Но потребителите на сайта могат да го гледат от всяко устройство. За да разберете, че съдържанието на сайта се показва еднакво добре на повечето устройства, можете да имате шепа мобилни телефони с различна резолюция на екрана и работещи под различни операционна система, или можете да използвате готови услуги, които ще проверят доколко сайтът е адаптиран за гледане на мобилни устройства. В тази статия ще разгледаме един от тези инструменти, които Google предлага, за да провери дали вашата страница е оптимизирана за мобилни устройства.

Как да отворите Google Search Console Mobile Optimization Checker

За да отворите проверката за мобилна оптимизация устройства на Google Search Console трябва да въведете адреса в адресната лента на браузъра:

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

или просто отидете на → тази връзка (отваря се в нов прозорец).

След като се отвори страницата за проверка на мобилната оптимизация на Google Search Console, трябва да въведете адреса на сайта или страницата на сайта, чиято оптимизация искате да проверите, и да кликнете върху „ Проверете» както е показано на снимката по-долу:

След това Google Search Console ще отнеме известно време, за да зареди и анализира посочената страница:

Ако въз основа на резултатите от проверката Google Search Console реши, че страницата е оптимизирана за мобилни устройства, ще бъде получено съобщение, подобно на това на снимката по-долу:

Ако в резултат на проверката бъдат открити грешки, страницата за издаване на съобщение ще изглежда по следния начин:

посочване на очевидни проблемни области на страницата.

Резюме:

По този начин можете бързо и доста ефективно да оцените доколко сайтът е оптимизиран, така че да е удобно да го използвате не само на компютър, но и на мобилни телефони. В допълнение, Google Search Console дава редица препоръки, които могат да бъдат полезни за оптимизиране на правилната работа на сайта на всяко устройство, включително мобилни.