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

Дедалі більше людей починають заходити в простори інтернету через мобільні телефони, смартфони та планшети. Для користувачів інтернету – справді велика радість. Звичайно, виникають деякі проблеми у веб студій, які створюють сайти. Минули часи, коли програмісти та верстальники знали дві-три мови програмування та спокійно працювали роками застосовуючи вивчені знання. Якщо ви спостерігаєте за сферою програмування, то бачите, що від програмістів та верстальників сайту через кожні півроку потрібні нові знання та вміння. Скажіть, хто колись знав про бібліотеки JQery, фреймворк AngularJS?

Те саме стосується сфери сео оптимізації сайтів. Часті зміни алгоритмів пошукових систем змушують оптимізаторів постійно вдосконалювати свої знання. Усі самоучки записуються на курси та семінари. Однією з нових вимог пошукових систем є оптимізація сайтів під мобільні пристрої. І це правильно. Дійсно, багато людей заходять на сайти через мобільні телефони і бажають отримати якісний контент для читання. Тексти та фотографії повинні з’являтися на екрані у відповідному розмірі, щоб користувачеві не доводилося робити часті маніпуляції для збільшення або зменшення розміру представленого матеріалу. Звичайно, адаптація матеріалів здійснюється згідно з рекомендаціями пошукових систем.

У Google є чудовий інструмент у сервісі для веб-майстрів. Він так і називається: «Зручність перегляду на мобільних пристроях». Цей інструмент аналізує, наскільки правильно ми адаптували сайт для мобільних телефонів. Якщо зроблено щось неправильно, ми побачимо графік, на якому будуть вказані сторінки з помилками. Щоб скористатися інструментом, заходимо в гугл веб-майстер -> «Пошуковий трафік» -> «Зручність перегляду на мобільних пристроях».

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

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

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

Для нас найважливішою є перша пропозиція. Ми натискаємо кнопку «Перевірити поточну версію» пункту №1. Відкривається нова сторінка, де бачимо невеликий знімок нашого сайту. Таким його бачить робот пошукової системи. Зверніть увагу, що зліва йдуть чіткі вказівки, що контент не оптимізований для мобільних пристроїв. У сайту помічені дві проблеми: «Контент ширший за екран» і «Посилання надто близько одне до одного». На зображенні видно, що сторінка виглядає без оформлення. Це тому, що у robots.txt заблоковано деякі файли шаблону сайту для Googlebot. Власне, про це повідомляє система у верхньому повідомленні в центрі під заголовком «Як робот Googlebot бачить сторінку». У шаблоні заблоковано 28 ресурсів. Щоб сторінка коректно відображалася для робота, потрібно у файлі robots.txt відкрити до них доступ.

Щоб переглянути інші недоліки в адаптивному відображенні, перейдемо за посиланням PageSpeed ​​Insights (ліворуч внизу в тексті). В результаті відкривається інструмент PageSpeed ​​Insights. Тут все чудово розписано та показано, що потрібно виправити.

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

Для швидкого аналізу скористайтеся посиланням https://developers.google.com/speed/pagespeed/insights