Мобільна адаптація гугл. Новий алгоритм google mobile friendly. Не такий страшний новий алгоритм

23.10.2020 Огляди

Mobile Friendly або адаптованість представлення сайту для мобільних пристроїв стає все більш актуальною через безперервне збільшення частки переглядів з різних портативних гаджетів. Як результат, компанія Google з 21 квітня 2015 року запустила алгоритм ранжування сайтів у мобільному пошуку з огляду на їхню оптимізацію під такі пристрої. Так, сайти, які з позиції алгоритму є Mobile Friendly, ранжуються вище тих, які не є такими.

Що у цьому аспекті важливо розуміти?

Mobile Friendly як фактор ранжирування вже факт, що відбувся. До цього йшли давно і нарешті дійшли. Однак, багато гравців, які працюють у полі електронної комерції, досі їм нехтували. Це списувалося на низьку частку трафіку з мобільного пошуку. Але давайте на секунду зупинимося та поглянемо на цифри: у рунеті частка вже становить 37,4%, для порівняння у США – 47,3%. Важливим є розуміння значущості кожного залученого клієнта. Це стосується як мобільного пошуку, так і пошуку за картками, які також люблять нехтувати. Враховуючи потреби кожної групи відвідувачів ресурсу можна досягти належної поваги, підвищити відвідуваність та продаж.

Які особливості мобільного пошуку?

  • Для мобільного пошуку дуже важливою є географічна прив'язка (локалізація);
  • Для мобільних пристроїв пошукова видача БЕЗ СКРОЛІНГУ є всього 2-3 першими позиціями;
  • У силу того, що діагональ смартфонів значно менша від діагоналі. стаціонарних комп'ютерівце накладає обмеження на розмір title та description, які виводяться у сніпеті;
  • Користувачі, які переходять на сайт з мобільного пошуку зазвичай мають меншу кількість часу. Виходячи з цього, вони повинні якнайшвидше отримати потрібну інформацію. Для цього слід подбати про вкрай швидке завантаження сторінок, а також створити якісну систему пошуку по сайту. Пошук має бути зручним, зрозумілим і коректним у плані виведених результатів щодо запиту;
  • При оптимізації сайту слід врахувати використання користувачами голосових запитів, які, як правило, довші за звичайні запити і задаються у вигляді запитань.

Варіанти оптимізації сайту під мобільні пристрої

Після ухвалення рішення про те, що слід використовувати всі можливі варіанти залучення додаткового трафікубезпосередньо з мобільного пошуку слід вибрати варіант практичної реалізації оптимізації ресурсу. Існує кілька варіантів:

Адаптивна верстка. Вона дозволить гнучко підлаштовувати вміст сторінок сайту безпосередньо під розмір екрану конкретного відвідувача. Це стає можливим за рахунок приховування деяких блоків або зміни їх розмірів. Важливою особливістю адаптивної версткиє те, що внутрішній html-код сайту не змінюється. При цьому незалежно від типу пристрою для перегляду сайту сам обсяг даних, які будуть передаватися, не змінюватиметься.

Динамічний показ. Практична реалізаціяполягає в тому, що при запиті користувачем конкретної URL-адреси сервер буде перенаправляти у відповідь різноманітні варіанти html-коду та css. Вибір варіанта подання здійснюється системою на основі визначення пристрою, на який виконується завантаження сторінки.

Різні URL-адреси. Залежно від типу пристроїв будуть використовуватися різні варіації кодової частини та різні URL-адреси. Система автономно намагатиметься визначити пристрій-переглядач користувача після чого перенаправить його на сторінку, яка максимально буде оптимізована. Такий перенапрямок здійснюється за допомогою http переадресації, а також http-заголовків Vary.

з 5 )

Пошукова система Google підготувала черговий сюрприз для власників сайтів Google Mobile-Friendlyалгоритм, за яким сайти з адаптивним дизайномматимуть більший пріоритет у ранжируванні (розміщуватимуться у пошуковій видачі вище), а також будуть відзначені – «Для мобільних пристроїв» або «Mobile-friendly». Передбачається, що це рішення дозволить пошуковій системі Google віддавати користувачам відповідні для їх мобільних пристроїв сайти.

Згідно з дослідженням від Google – понад 55% користувачів пошукової системикупують за допомогою мобільних пристроїв. Тому власникам російських інтернет-магазинів варто звернути увагу на сегмент мобільних пристроїв, до того ж за 2014 рік Google збільшив свою частку в пошуковому трафіку з 26,9% до 32,1% і завдяки тому, що є постачальником OC Android (самої популярної мобільної операційної системив Росії), напевно, продовжить нарощувати перевагу, особливо враховуючи не зовсім вдалі експерименти Яндекса, націлені на комерціалізацію видачі.

Новий алгоритм Google Mobile Friendlyпочне працювати з 21 квітня одразу всіма мовами. Тобто з цього часу сайти без хорошої мобільної версії (що не проходять Google Mobile Friendly Test) можуть не показуватись у мобільному пошуку Google! Так, наприклад, інтернет-магазин, який зараз показується в ТОП 10 Google, може опинитися відразу в топ 20-30, а власники сайту можуть втратити до половини аудиторії з пошуку Гугла.

Приклад Google Mobile-Friendly сайту: http://demo.simpla-cms.ru

Тому ми запрошуємо власників сайтів та інтернет-магазинів на безкоштовну консультацію. Ми перевіримо ваш сайт на відповідність вимогам Google Mobile-Friendly Testі дамо рекомендації щодо виправлення помилок.

Майже рік тому, 21 квітня 2015 року, Google анонсувала запуск алгоритму mobile-friendly по всьому світу. Закордонне SEO-спільнота практично відразу охрестило його Mobilegeddon.

Що таке mobile-friendly від Google?

З запуском цього алгоритму сторінки сайтів, адаптовані під мобільні пристрої, стали ранжуватися вище в пошуковій пошуковій видачі Google. Таким чином, зручність перегляду сторінки на мобільних пристроях стала одним із найважливіших сигналів ранжування у мобільних результатах. пошуку Google. Як основні недоліки, які необхідно виправити для відповідності сайту новому алгоритму, виділяються такі (на основі офіційних даних Google):

  • інтерактивні елементи розташовані надто близько- незручне розташування посилань (пунктів меню, кнопок дій тощо), користувачеві доводиться змінювати масштаб перегляду сторінки на мобільному пристрої, щоб не зачепити розміщені поруч елементи;
  • область перегляду не налаштована- відображення сторінки сайту на екранах різних розмірів може сильно відрізнятися, наприклад, сторінка на мобільному пристрої може відкриватися в такому масштабі, що не можна розглянути ні зображення, ні основні елементи сайту;
  • фіксована область перегляду- Деякі веб-майстри задають точні розміри для адаптації сторінки до найпоширеніших роздільних здатностей екрану, тим самим ігноруючи зручність перегляду сторінки на екранах з менш популярними дозволами;
  • ширина контенту не відповідає області перегляду- за наявності такого недоліку під час перегляду сторінки на мобільному пристрої з'являється вертикальне або горизонтальне прокручування (скроллінг). Таким чином, для перегляду всього контенту користувачеві знадобиться змінювати масштаб перегляду або користуватися колесом прокручування;
  • використання Flash- ця технологія не підтримується більшістю мобільних браузерів, відповідно користувач не побачить елементів, які її використовують (часто це анімація);
  • маленький розмір шрифту- при перегляді сторінок на мобільному пристрої шрифт нечитабельний, для його прочитання користувачеві доводиться змінювати масштаб відображення сторінки;
  • міжсторінкові оголошення- йдеться про використання спливаючих вікон чи інших видів привернення уваги користувачів. На мобільному пристрої за подібними оголошеннями ховається основний контент сторінки.

У чому особливості алгоритму?

1. Впливає лише на результати пошуку в мобільній видачі Google, тобто тільки результати пошуку з мобільних пристроїв. Сторінка, що має позначку mobile-friendly, матиме перевагу перед аналогічною сторінкою, яка не адаптована для мобільних пристроїв. Припущення низки веб-майстрів про вплив цього сигналу на результати десктопного пошуку (для ПК) жодних підтверджень поки що не отримали.

2. Впливає на результати пошуку всіма мовами по всьому світу. Раніше частина нововведень Google тестувала лише на результатах англомовної видачі, глобальний запуск цього алгоритму говорить, що mobile-friendly прийшов у пошукову індустрію всерйоз і надовго.

3. Зачіпає конкретні веб-сторінки, а не сайти загалом. Окремі сторінки сайтів, адаптовані для мобільних пристроїв, можуть зайняти лідируючі позиції в мобільному пошуку, навіть якщо сайт загалом не має відповідної адаптації.

4. Дружність для мобільних пристроїв перевіряється Google у режимі реального часу. Сторінка, адаптована для мобільних девайсів, буде позначена Google і отримає перевагу, як тільки буде переіндексовано. У цьому світлі швидка переіндексація сторінок стає важливим фактором для веб-майстрів, які бажають привести сторінки свого сайту до відповідності mobile-friendly.

5. Алгоритм діє бінарно. Не можна частково оптимізувати сторінку для мобільних пристроїв та отримати позначку mobile-friendly: сторінка або визнається адаптованою для мобільних пристроїв, або ні. При невиконанні навіть однієї з необхідних вимог сторінка не отримає бажаної позначки.

Як перевірити сторінки на дружність мобільних пристроїв?

Перший спосіб: за допомогою спеціального сервісу Google Mobile-Friendly Test.

У разі правильної оптимізації сторінки відповідно до алгоритму користувач побачить таке повідомлення:

За відсутності mobile-friendly користувач отримає інформацію про наявність проблем та їх короткий перелік:

Другий спосіб: звіт Mobile Usability на панелі веб-майстра Google (за наявності доступів).

У Search Console у розділі «Зручність перегляду на мобільних пристроях» можна ознайомитися з інформацією про знайдені пошуковою системою Google недоліки у відображенні сторінок сайту на мобільних пристроях:

Інформація оновлюється в міру переіндексації сторінок роботом Google, у верхньому лівому кутку можна побачити дату останнього оновленняданих.

Приклад відображення неадаптованої сторінки:

Приклади відображення mobile-friendly сторінки:

ВАЖЛИВО: Використовуючи сервіс PageSpeed ​​Insights, можна перевірити зручність перегляду сторінки на мобільних пристроях. Цей сервіс вивантажує вміст сторінки, імітуючи перегляд користувачем, але не враховує у своїй роботі директиви файлу robots.txt, тоді як Mobile-Friendly Test дотримується правил robots.txt. Відповідно, результати перевірки в цих двох сервісах можуть відрізнятися, і успішне проходження тесту в сервісі PageSpeed ​​Insights не є показником дружності сторінки для мобільних пристроїв.

Варто зазначити, що використання будь-яких обманних технік для проходження Mobile-Friendly Test у перспективі спричинить негативні наслідкидля ранжування сторінки та сайту в цілому. Так, наприклад, закриття від індексації файлів CSS, JavaScript тощо для успішного проходження перевірки є спробою обдурити робота і суперечить про якісний сайт.

26 лютого 2015 року в блозі для веб-майстрів з'явилося повідомлення: «Результати ранжирування в мобільному пошуку будуть змінені 21 квітня». Йшлося про новий алгоритм - mobile-friendly. Докладніше про це ми писали раніше.

Нагадаю коротко, що це за алгоритм такий – mobile-friendly.

Сайт чи дружній для мобільних пристроїв, чи ні, третього не дано.

Новий алгоритм Google дозволяє сайтам, адаптованим для мобільних пристроїв, ранжуватися вище в мобільному пошуку.

Задум його проста: користувачі смартфонів повинні бачити в результатах пошуку сайти, зручні для перегляду з мобільних. Це логічно, зручно та правильно.

Перевірити, чи зручний ваш сайт для перегляду мобільних, можна .

3 важливі факти, які ви повинні знати про новий алгоритм

1. Алгоритм впливає результати пошуку всіма мовами у світі.

2. Mobile-friendly оцінює окремі сторінки, а не сайт повністю. Якщо на вашому сайті лише деякі сторінки адаптовані під мобільні, саме вони можуть зайняти найкращі місцяу видачі.

3. Google перевіряє сторінки на дружність для мобільних у реальному часі. Тобто в середньому проходить від 3 до 72 години з моменту коригування сайту до внесення змін до інформації про дружність цього сайту у веб-майстрі Google. Для великих сайтів і глибоко вкладених сторінок потрібно, звичайно, більше часу.

З 21 квітня пройшов майже місяць, як Google анонсував запуск алгоритму. Давайте подивимося, що змінилося з того часу.

Десктопна видача не постраждала

Якоїсь зміни, пов'язаної з алгоритмом mobile-friendlyу десктопній видачі ми не помітили. Це означає, що з комп'ютерів, планшетів тощо. видача залишилася без зміни, і алгоритм, як і передбачалося, на неї жодного впливу не вплинув. Зміни пов'язані лише з видачею на мобільних смартфонах.

Глобальних змін у мобільній видачі поки що немає

На конференції у Мюнхені Зінеб Аіт Бахаджі(Zineb Ait Bahajji), спеціаліст відділу якості пошуку Google, сказала, що вплив на видачу алгоритму mobile-friendly буде сильнішим за Пінгвін і Панди.

Насправді в мобільній російськомовній видачі нами поки що нічого такого не помічено. Є деякі зрушення в результатах мобільного пошуку після запуску алгоритму, за приблизною оцінкою в районі 5-8%, але не глобальний «мобілгеддон», як багато хто очікував. Точні цифри поки що озвучити не візьмемося, ще вивчаємо та аналізуємо =)

Чим далі від першого місця, тим сильніше відрізняються мобільна та десктопна версії

Поки явно помітно, що з'явилося набагато більше сайтів із позначкою «Для мобільних» (швидше за все, веб-майстри напередодні запуску нового алгоритму просто взялися адаптувати свої сайти), вони займають кращі місця. Як і раніше, на перших місцях залишаються сайти, найбільш релевантні запиту, навіть якщо на них немає оптимізації під мобільні.

Якщо ми сьогодні порівняємо десктопну та мобільну видачу на запит «купити пружину для авто»:

Перші 3 позиції ідентичні, а на 4 місці в мобільній видачі вище сайт vlad-springs.com. І що далі від першої сторінки, то сильніша різниця у видачах.

Аналогічну картину можна спостерігати за переважною більшістю запитів.

У ТОП-10 мобільної видачі поки що й спостерігається просідання у деяких сайтів, то незначне. Але що далі ліс від 1 першого місця, то різниця більше.

У блозі Google для веб-майстрів написано, що результати мобільного пошуку змінюватимуться поступово, і що досі використовуються різноманітні сигнали ранжирування.

Можливо, тому великих якихось перетасовок нами у видачі не помічено, і все ще попереду. Одне можна сказати точно: якщо сайт адаптований під мобільні, всі шанси зайняти трохи кращі позиції у нього є.

А що за пагорбом?

Схожу картину спостерігають і наші колеги в англомовному мобільному пошуку, хоча судячи з дослідження, зміни англомовну мобільну видачу торкнулися сильніше.

1. Сайт dict.cc

2. boxofficemojo.com

за Googleусі ці сторінки не оптимізовані для мобільних.

Тоді як для сайтів, адаптованих для мобільних, картина прямо протилежна:

3. encyclopedia.com

Як видно зі скріншотів, у сайтів, неоптимізованих під мобільні, мобільний трафік упав, тоді як у дружніх виріс.

Бажаєте отримувати трафік із Google? Робіть сайт mobile-friendly!

Якщо зараз не так страшно, що ваш сайт не оптимізований під мобільні (якщо трафік з мобільних і невеликий). То незабаром у мобільному пошуку з великою ймовірністю ваш сайт витіснять конкуренти, і мобільний трафік вам тільки сниться.

Не треба мати сім п'ядей у ​​лобі, щоб розуміти, що оптимізація сайту під мобільні пристроїстає дедалі більш актуальною.

Як зробити свій сайт mobile-friendly?

Про те, як зробити свій сайт зручним для перегляду на мобільних, можна дізнатися, відвідавши наш безкоштовний вебінар. Основний тренд 2015 року: комунікації з «мобільними» споживачами. На вебінарі розберемо, що краще: мобільний сайт або мобільний додаток, як покращити мобільність і при цьому не наробити помилок у SEO

P.S. Згідно з дослідженням Ericsson, кількість користувачів смартфонів до 2019 року збільшиться у 2,2 рази, а трафік з мобільних зросте у 6 разів.

P.P.S. Bing теж почав ставити мітку mobile-friendly для веб-сайтів, оптимізованих під мобільні пристрої.

P.P.P.S. Зінеб Аіт Бахаджі вважає, що близько 50% усіх пошукових запитів Google припадає на мобільні пристрої.

Пошукові системи прагнуть покращити пошукову видачукористувачам мобільних пристроїв (смартфонів, планшетів), тому сайти оптимізовані під різні розміриекранів будуть відображатися вище, ніж сайти, які не мають такої оптимізації. Сюди ж належать мобільні версіїсайтів.

Ознаки доброзичливого до мобільних пристроїв сайту:

  1. Контент (читається без збільшення), великі поля форм і кнопки.
  2. Відсутність "важких" картинок, Flash - елементів та зайвої анімації.
  3. Відсутність Java-аплетів та Silverlight-плагінів.
  4. Відсутність горизонтальної смуги прокручування.
  5. Мінімальна швидкість завантаження сайту.
  6. Найпростіша навігація.
  7. Прописано мета-тег viewport.

Сервіси для перевірки сайту на "мобільність"

Для демонстрації роботи сервісів візьмемо сайт моїх добрих партнерів - бюро перекладів КОНТЕКСТ .

1. Google Mobile Friendly

Перевірити можна будь-який сайт, просто вбивши його адресу в рядок.

Відображає на екрані вигляд сайту на смартфоні і дає загальну оцінку його оптимізації під мобільні пристрої.

На відміну від інших сервісів, тут можна перевірити не кожен сайт, лише свій. Тобто після того, як сайт доданий до інтерфейсу вебмайстра з підтвердженням прав на нього.

Сервіс відображає загальну оцінку, перевіряє по 6 пунктах відповідності та показує, як виглядає сайт на смартфоні.

3. Засіб перевірки Bing

Перевіряється загальна оптимізація плюс відповідність 4 пунктам.

Також відображається те, як сайт виглядає на екрані смартфона (звичайно ж, на OS windows, на той час попередні сервіси відображали android-смартфон =)).

4. Mobile Checker від W3C

Найдовший з усіх сервісів. Настільки "довгий", що закінчення перевірки я так і не дочекався =)

Чекав хвилин 5, тоді як інші послуги справлялися за 5-20 секунд.

5. Responsinator

На відміну від інших не дає жодних оцінок, але відображає як виглядає ваш сайт на 6 різних пристрояху двох орієнтаціях на IOS та Android, що дуже круто.

UPD1: 20.07.2017:

6. Adaptivator

Сервіс запропонований у коментарях до цієї статті. Особисто не користувався, але начебто все досить непоганий. Можливості аналогічні респонізатор, але є ще й оцінка результату адаптивності.

UPD2: 3.11.2017:

7. iloveadaptive.ru

Ще один новий сервіс, запропонований у коментарях. Як на мене, трохи вантажуватий і непрактичний, але це з лишком окупається великими можливостями. Є навіть сортування за ОС.

Висновок

Безперечно, адаптація сайту під мобільні пристрої, не просто данина моді та часу, а необхідний атрибут сучасного сайту, що допомагає не тільки кінцевому користувачеві.

Тому всім, хто хоче бути ближче до клієнта і мати більше відвідувань, рекомендую якнайшвидше адаптувати свої сайти. Поставити мені запитання