Пошукова оптимізація

Алгоритм Mobile-first index від Google

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

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

Не так давно Google повідомив, що з 1 липня 2018 року буде запущений алгоритм, вибудовує пошукову видачу за принципом Mobile-first. Що це означає?

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

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

«У нас залишається одна версія індексу, яку ми використовуємо для обробки результатів пошуку. У нас немає «мобільного індексу», який відділений від нашого основного індексу».

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

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

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

Перевірте свій сайт на оптимізацію під мобільні за допомогою сервісу Google mobile-friendly.

Які зміни нас чекають

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

Якщо сайт має адаптивний дизайн (сайт адаптується під розміри вікна браузера) або повністю створений з використанням HTML з технологією AMP, то готувати нічого не треба, т. к. версії для комп’ютерів і мобільних пристроїв однакові.

Проте якщо у вас є окремий піддомен, оптимізований для мобільних (зазвичай це m.site.ru), одночасно співіснують звичайні версії та AMP-версії одних і тих же сторінок або просто контент змінюється в залежності від пристрою (так звані динамічні покази – коли користувачам з мобільних показується контент, оптимізований під мобільні, а користувачам з десктопів – під десктопи); то в кожному з цих випадків слід підготувати свій сайт відповідно до рекомендацій Google, що це за такі рекомендації, скажу трохи пізніше.

Пруф з довідки Google – свої сайти до переходу на mobile-first індексування треба підготувати в наступних випадках:

Тобто у всіх цих випадках пошуковий робот google буде віддавати перевагу мобільної версії і до цього треба підготуватися.

Джон Мюллер, спеціаліст відділу якості пошуку Google, 29 травня висловився в твіттері, що PDF-файли не є mobile friendly форматом, і немає можливості оптимізувати їх під мобільну версію. Тому Mobile-first індексація не буде враховувати такі файли. При цьому наявність PDF-файлів на сторінці ніяк не позначиться на індексацію та ранжируванні сторінок.

Рекомендації Google для підготовки сайту до індексуванню Mobile-first

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

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

Сторінки мобільних (окремих) версії сайту

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

Сторінка https://www.sayen.ru/ не є адаптивною.

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

У цього сайту існує мобільна версія сайту, що знаходиться за адресою http://m.sayen.ru/

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

Перехід на мобільну версію сторінки можна реалізувати трьома способами:

  1. Редірект з допомогою PHP

    При зверненні до сервера пристрій посилає йому інформацію про себе у вигляді текстового рядка, що є частиною HTTP-запиту, що починається з рядка User-agent. В ній містяться дані про пристрої, з якого надіслано запит: модель пристрою, операційна система і т. д.

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

    <?php
    $uagent=$_SERVER[‘HTTP_USER_AGENT’]; if(preg_match(‘/(android|bbd+|meego).+mobile|avantgo|bada/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)/|plucker|pocket|psp|series(4/6)0|symbian|treo|up.(browser|link)|vodafone|wap|windows ce|phone)|xda|xiino/i’,$uagent)||preg_match (‘/1207|6310|6590| 3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw-(n|u)|c55/|capi|ccwa|cdm-|cell|chtm|cldc|cmd-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc-s|devi|dica|dmob|do(c|p)o|ds(12|-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(-|_)|g1 u|g560|gene|gf-5|g-mo|go(.w|od)|gr(ad|un)|haie|hcit|hd-(m|p|t)|hei-|hi(pt|ta)|hp( i|ip)|hs-c|ht(c(-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i-(20|go|ma)|i230|iac( |-|/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|uk(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |/)|klon|kpt |kwc-|kyo(c|k)|le(no|xi)|lg( g|/(k|l|u)|50|54|-[a-w])|libw|lynx|m1-w|m3ga|m50/|ma(te|ui|xo)|mc(01/21|ca)|m-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01/02|bi|de|do|t(-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0/2)|n50(0/2/5)|n7(0(0/1)|10)|ne((c|m)-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|-([1-8]|c))|phil|pire|pl(ay|uc)|pn-2|po(ck|rt|se)|prox|psio|pt-g|qa-a|qc(07/12/21/32/60|-[2-7]|i-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55/|sa(ge|ma|mm|ms|ny|va)|sc(01|h-|oo|p-)|sdk/|se(c(-|0|1)|47|mc|nd|ri)|sgh-|shar|sie(-|m)|sk-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h-|v-|v )|sy(01|mb)|t2(18/50)|t6(00/10/18)|ta(gt|lk)|tcl-|tdg-|tel(i|m)|tim-|t-mo|to(pl|sh)|ts(70|m-|m3|m5)|tx-9|up(.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40/5[0-3]|-v)|vm40|voda|vulc|vx(52/53/60/61/70/80/81/83/85/98)|w3c(-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas-|your|zeto|zte-/i’,substr($uagent,0,4)))
    header(‘location: http://site.ru/mobile/’);
    ?>

    Тут враховані майже всі User-agent. Даний код вставляється в початок документа, тому важливо, щоб перед ним не було ніяких символів, наприклад, пробіл або пропуску рядка. Замість http://site.ru/mobile/ вставляється URL, на який повинен переходити мобільний користувач.

  2. Редирект .htaccess

    Сенс той же, що і в пункті вище: беремо інформацію з User-agent. Цей код необхідно вставляти після рядка RewriteEngine On.

    RewriteCond %{HTTP_USER_AGENT}
    (?i:midp/samsung/nokia/j2me/avant/docomo/novarra/palmos/palmsource/opwv/chtml/pda/mmp/blackberry/mib/symbian/wireless/nokia/hand/mobi/phone/cdm/upb/audio/SIE/SEC/samsung/HTC/mot-/mitsu/sagem/sony/alcatel/lg/eric/vx/NEC/philips/mmm/xx/panasonic/sharp/wap/sch/rover/pocket/benq/java/pt/pg/vox/amoi/bird/compal/kg/voda/sany/kdd/dbt/sendo/sgh/gradi/jb/dddi/moto/iphone/android)
    RewriteRule ^.*$ http://m.site.ru/ [R=301,L]

    Замість http://m.site.ru/ вставляється URL, на який повинен переходити мобільний користувач.

  3. За допомогою JavaScript

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

    <script type=’text/javascript’>
    if(window.innerWidth<600)
    location.href=’http://site.ru/mobile/’;
    </script>

    Замість http://site.ru/mobile/ вставляється URL, на який повинен переходити мобільний користувач. З його допомогою пристрою з шириною екрану менше 600px будуть перенаправлені на мобільну версію сайту.

По факту це 2 різні сторінки, які мають 2 URL-адреси. Робот пошукових систем визначає, з яким URL-адреса сторінки показати користувачеві, в залежності від пристрою, яким він користується. І з приходом в дію технології mobile-first index мобільна версія цієї сторінки буде пріоритетною для пошукових систем.

Для сторінок з різними URL-адресами необхідно дотримувати наступні рекомендації:

  • необхідно додати обидві версії сайту Search console і стежити за повідомленнями і рекомендаціями в обох версіях;
  • перевірити коректність роботи файлу robots.txt для обох версій сайту;
  • перевірити на коректність роботи атрибути тегів rel=”canonical” rel=”alternate” для обох версій сайту.

Також є додаткові інструкції для сторінок з різними URL, про них можна прочитати в довідці Google.

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

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

Динамічний показ і звичайні та AMP-сторінки

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

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

  • необхідно додати обидві версії сайту Search console і стежити за повідомленнями і рекомендаціями в обох версіях;
  • перевірити коректність роботи файлу robots.txt для обох версій сайту;
  • перевірити на коректність роботи атрибути тегів rel=”canonical” rel=”alternate” для обох версій сайту.

Також є додаткові інструкції для кожного варіанту, про них можна прочитати в довідці Google.

Тепер розберемося, що означає перейти на індексування Mobile-first.

Перехід на індексування Mobile-first

Пошукова система Google визначає в автоматичному режимі, який сайт і в який час включити в Mobile-first indexing, і повідомляє у Search Console власника ресурсу про те, що його сайт перейшов на мобільний індекс.

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

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

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

Для цього у Search console необхідно зайти в розділ «Подивитися як Googlebot»:

Потім вибрати «Mobile: Smartphone» і натиснути кнопку «Отримати і відобразити»:

Після перевірки потрібно натиснути »

Перед вами виникнуть два вікна: як побачив сторінку Googlebot і як побачив сторінку користувач. А також список ресурсів веб-сторінки, до якого роботу Google не вдалося отримати доступ. На підставі цих даних можна буде вирішити, як оптимізувати сторінку сайту.

Докладні інструкції для виправлення подібних помилок можете прочитати в цій статті.

У Search Console є ще один засіб перевірки оптимізації ресурсу мобільних, воно знаходиться в пункті «Зручність перегляду на мобільних пристроях».

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

У разі виявлення проблем, сервіс покаже вам їх список, а також кількість сторінок, на яких вони виявлені

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

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

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

Висновок

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

Власникам, які вже мають мобільний оптимізовану версію, варто перевірити, чи виконуються рекомендації Google.

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

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

До речі, до кінця літа даруємо 10% знижку при замовленні оптимізації швидкості завантаження.

Related Articles

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *

Close