Індексація в першу чергу для мобільних пристроїв: Посібник із забезпечення мобільної адаптивності веб-сайтів

Вступ

Першочергова індексація для мобільних пристроїв не є новою темою у світі пошукової оптимізації (SEO) та розробки веб-сайтів. Насправді, за даними Exploding Topics, понад 55% світового трафіку надходить з мобільних пристроїв.

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

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

Це метод Google для ранжування веб-сайтів на основі мобільних версій їхнього контенту.

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

Перевірте, чи адаптований ваш сайт для мобільних пристроїв

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

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

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

(Джерело зображення)

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

(Джерело зображення)

Як бачите, дуже важливо підтримувати показник адаптивності сайту в межах 90-100 балів. Якщо ви виявили, що ваш сайт не є адаптивним для мобільних пристроїв, настав час перейти до Google Search Console.

(Джерело зображення)

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

Однак найпоширеніші проблеми з мобільною версією ви знайдете в ньому, коли статті, Google Search Console:

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

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

PageSpeed Insights і Google Search Console нададуть вам зведену інформацію про мобільну продуктивність вашого сайту, щоб ви могли зробити будь-які необхідні поліпшення для мобільних екранів.

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

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

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

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

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

Це досить просто.

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

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

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

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

Жоден з них не забезпечить потрібних вам показників SEO.

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

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

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

Ось застереження.

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

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

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

Прискорити роботу вашого сайту

Середній час, який користувач проводить на будь-якому веб-сайті, становить 54 секунди.

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

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

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

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

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

Оптимізуйте свій сайт для лінивого завантаження контенту

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

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

(Джерело зображення)

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

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

Повернімося до ClutchPoints, наприклад.

Звичайно, Google не зможе проіндексувати історії, які ви можете отримати, натиснувши кнопку "Більше історій", якщо вони там ще не з'явилися.

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

Слідкуйте за неправильним розміщенням оголошень

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

Мобільні пристрої показують адаптивну медійну рекламу (RDA) замість звичайної реклами, яку ви бачите на стаціонарному комп'ютері.

Наприклад, ось типова реклама на робочому столі:

(Джерело зображення)

А ось як вони виглядатимуть на мобільному пристрої:

(Джерело зображення)

Ви не можете уникнути перепрофілювання медійної реклами на мобільних пристроях. Ось кілька найкращих практик, яких варто дотримуватися при створенні мобільних RDA:

• Доручіть своїй SEO-команді та розробникам використовувати теги CSS та HTML для адаптації оголошень до різних розмірів презентацій
• Зробіть заголовок і текст чіткими та короткими
• Намагайтеся уникати додавання тексту поверх зображень
• Створюйте рекламні зображення різних розмірів

Переконайтеся, що ваш веб-сайт відповідає вимогам ADA

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

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

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

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

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

Джерело зображення

Ви можете зробити свій веб-сайт більш доступним за допомогою інших способів:

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

Після того, як ви застосували деякі з цих найкращих практик, перевірте, чи відповідає ваш сайт вимогам Закону про права американців з інвалідністю (ADA). Якщо ваша сторінка отримала прохідний бал, ви готові до роботи.

(Джерело зображення)

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

Основні висновки

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

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