Mobile First Indexing

Цитую:

Виживає не найсильніший з видів, а найбільш пристосований до змін.
- Приписується Чарльзу Дарвіну

Інтернет все ще є відносно новим і продовжує розвиватися. Коли люди шукають інформацію в Інтернеті, вони більше не сідають за комп'ютер і не набирають ретельно сформульовані пошукові запити. З 2017 року близько половини користувачів Інтернету використовують свої мобільні пристрої замість комп'ютерів для пошуку в Інтернеті.

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

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

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

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

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

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

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

Пересічний користувач звинувачує Google у цій невідповідності, оскільки контент не відповідає тому, що описано в результатах пошуку.

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

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

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

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

Коли ви адаптуєте свій поточний веб-сайт до цього середовища Google mobile-first, метою, як правило, є надання однакового контенту для всіх користувачів, незалежно від пристрою, який вони використовують.

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

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

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

Уявіть собі веб-сайт, який відкрито на вашому стаціонарному комп'ютері і видно на моніторі комп'ютера. Коли ви натискаєте на кут вікна і перетягуєте його, щоб зробити вікно меншим, що відбувається? На веб-сайті, який не є адаптивним, нічого не відбувається. Ви просто відрізаєте все, що раніше було в полі зору, і тепер вам доведеться прокручувати вліво і вправо, щоб побачити цей вміст.

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

Якщо ви використовуєте систему управління контентом (CMS), таку як WordPress, ви повинні використовувати адаптивну тему. Якщо ваша поточна тема не є адаптивною, а доступна більш нова, адаптивна версія, перейдіть на неї. Якщо адаптивної версії не існує, перейдіть на адаптивну тему.

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

Якщо ви не використовуєте CMS, почніть використовувати такий інструментарій, як Bootstrap. Bootstrap - це інструментарій з відкритим вихідним кодом для веб-розробки з використанням HTML, CSS та JavaScript. Він допомагає створювати адаптивні веб-сайти, які індексуються Google в першу чергу для мобільних пристроїв, використовуючи його адаптивну систему сітки, попередню збірку інтерфейсних компонентів і плагінів.

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

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

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

Коли ви відвідуєте веб-сайт, він завантажує код сторінки, яку ви переглядаєте, в пам'ять вашого мобільного пристрою, а потім обробляє цей код для форматування та відображення сторінки на вашому пристрої. Коли ви натискаєте посилання для переходу на наступну сторінку, він відкидає сторінку, на якій ви перебували, і завантажує в пам'ять наступну сторінку. Чим більше вона повинна завантажити, тим більше часу потрібно для її отримання, відправки через Інтернет і завантаження на ваш пристрій.

Чим більше коду йому доводиться обробляти, тим більше часу потрібно для форматування і відображення завантаженого на екрані. Це означає, що якщо ви завантажуєте менше і обробляєте менше, ваш веб-сайт, як правило, завантажується швидше.

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

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

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

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

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

Коли ви переглядаєте веб-сторінку, ви бачите тільки ту частину сторінки, яка знаходиться у вашому вікні перегляду. Якщо ваш браузер спочатку завантажує та форматує те, що ви бачите у своєму вікні, він може продовжувати завантажувати та форматувати інші дані у фоновому режимі, поки сторінка не буде завершена.

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

Сторінка на сайті для розробників Google під назвою Make the Web Faster містить поради, найкращийпрактичні поради та ресурси, які допоможуть вам пришвидшити завантаження вашого веб-сайту. Основним інструментом у цьому наборі інструментів є PageSpeed Інсайти. PageSpeed Insights показує, що відбувається з моменту початку завантаження вашого веб-сайту до моменту його завантаження, форматування та відображення на мобільному або настільному пристрої.

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

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