1. Чому не оптимізували блог під мобільні пристрої раніше?
2. Установка плагіна WP Mobile Detector
3. Рішення є - редагуємо файл Robots.txt

Доброго часу доби, шановні читачі блогу Thebizfromscratch ! На зв'язку, як завжди, ми - Андрій і Даша. Думаємо з заголовка, вже стало зрозуміло, що сьогодні ми знову повертаємося до блогосозданію і тема даної статті: адаптація сайту під мобільні пристрої або планшет. Як якісніше провести оптимізацію? За допомогою установки спеціального плагіна або краще залізти в код, а може ...? Чому не зробили цього раніше? Давайте розбиратися.

Чому не оптимізували блог під мобільні пристрої раніше?

По-перше, ще на самому початку при виборі теми в WordPress, ми звернули увагу на такий параметр як адаптивний дизайн, завдяки якому, свій проект зручно читати / дивитися і на комп'ютері, і на планшеті, і на телефоні. Тема сама підлаштовується під будь-який пристрій. І насправді, все прекрасно видно і читабельно.

По-друге, більшість блогерів досить негативно ставляться до встановлення подібного роду плагинам (WPtouch, WP Mobile Detector, WordPress Mobil Pack, Jetpack і ін.) Так як є ймовірність, що вони в процесі своєї роботи створюють дублі сторінок. А ми з вами в курсі, що дублі дуууже не подобається пошуковим роботам, яких початківці вебмастера боятися, як вогню! Ми зметикували і вирішили поки утриматися від використання плагінів.

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

Кожен день ми перевіряємо статистику і відстежуємо просування нашого ресурсу за допомогою Яндекс Вебмастера і Google Search Console (До речі, корисні штуки, радимо зареєструватися). І в один прекрасний момент сервіс від гугла поінформував нас про помилки на 16 (!) Сторінках нашого сайту. Спочатку, ми трохи злякалися, бо до створення блогу підходимо дуже уважно і обережно, заспокоївшись, стали розбиратися в імені команди ... та-да! Помилки пов'язані з зручністю перегляду на мобільних пристроях:

• ширина контенту не відповідає області перегляду;
• інтерактивні елементи розташовані надто близько.

І адже всі пости читабельні, усі ілюстрації - видно! Ми б і раді були забути про таку проблему, хіба мало, нехай сервіс лається, головне, відвідувачів і нас все влаштовує. Але виявилося, що даний недолік істотно впливає на видачу пошукової системи: гугл занижує наші позиції ... а це, друзі, не припустимо, особливо для молодих проектів. Так що ... зваживши всі «за» і «проти», вирішили ми встановити плагін.

Установка плагіна WP Mobile Detector

По-старому заходимо в панель адміністратора WordPress, розділ «Модулі» - «Додати новий», прописуємо в пошук "WP Mobile Detector", встановлюємо і активуємо. В особливій налаштуванні дана програма не потребує.

Насамперед, після активації, ми припали до своїх гаджетів і, м'яко кажучи, були незадоволені побаченим ... рядки, дизайн, картинки - попливли. Зате Гуглу все припало до вподоби! Що ж робити? У код ми вже точно не готові до десантування ... з нашими знаннями програмування - це марно. Як же бути в ситуації, що склалася?

Рішення є - редагуємо файл Robots.txt

На самому початку посту, ми обмовилися, що обрана нами тема в WordPress має адаптивний дизайн, але Googlebot все одно лається і блокує сторінки. І тут до нас дійшло ... ми ж самі заборонили йому доступ до тем! А де прописуються правила для ботів? Правильно, в файлі Robots.txt. Давайте внесемо в цей файл трохи змін:

Написали окремі вказівки для Googlebot, в яких видалили ось ці рядки:

/ Wp-content / plugins

/ Wp-content / themes

/ Wp-includes

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

Після збереження внесених змін, ми перевірили наш проект в сервісі Google ... і, диво! Проблема була успішно вирішена! Причому блог виглядав однаково красиво на будь-яких пристроях. Для більш точної перевірки радимо скористатися ще одним сервісом від гугла - PageSpeed ​​Insights , Де ви зможете побачити проблеми, які потрібно вирішити. Увагу варто звернути на пункт - зручність для користувачів. І на сьогодні ми закінчуємо, сподіваємося, що адаптація сайту під мобільні пристрої більше не викликатиме проблем. Бажаємо успіху і до нових постів.

З повагою, Андрій і Даша.