Створення сайту на AJAX супроводжується однією серйозною проблемою - у такому разі відсутні сторінки з унікальною (або окремою) адресою. Крім головної сторінки, пошукові системи не можуть нічого додати в індекс - тому що нічого більше немає. Скрипт на сторінці дає змогу довантажувати інформацію без необхідності оновлення.
Технологія, на якій працюють AJAX-сайти, являє собою симбіоз Javascript і XML - тобто веб-застосунок. Своєю чергою React - це представлення, відтворення коду, яке візуалізує елементи.
Чому сайти на AJAX і React js такі популярні?
Причина криється в грошах: JS просування landing page обходиться дешевше і не вимагає такої довгої розробки. Крім цього, такі сторінки для користувача виглядають більш зручними. Оскільки оновлюється лише окрема частина сторінки, завантаження сторінок на Ajax займає менше часу й економить трафік (особливо якщо йдеться про мобільні пристрої).
Сучасні Google інструменти для вебмайстрів дають змогу слідкувати, щоб юзери розуміли статус сторінки - тобто бачили, як завантажується новий фрагмент завдяки сповіщенням, індикаторам та іншому. Якщо уникнути цієї помилки і невеликого відсотка людей, у яких вимкнено JavaScript, ми повертаємося до першої проблеми.
Індексація сайту на Ajax і React js
У грудні 2017 року Google оголосив про те, що з другого кварталу 2018 року скасовуються правила сканування, які існували раніше. Індексація сайту на AJAX тепер відбуватиметься виключно через введення хешбенгу.
В AJAX-сайтах завжди використовувалися анкорні частини адреси (позначаються через # - хеш). Але таке написання не може бути прочитане пошуковими ботами. Замість цього пошуковик вимагає хешбенг - поєднання #! Завдяки заміні хешу на хешбенг Google індексує js.
У результаті URL вашої сторінки має виглядати так: www.demo.com/users#!name
Такі посилання можна використовувати і в карті сайту.
Підводні камені
Незважаючи на простоту і зрозумілі кроки, AJAX і react js індексація сайту може призвести до неприємних наслідків для сайту.
- Наслідки, які неможливо спрогнозувати. Зміна адреси у кількох сотень однотипних товарів може призвести до "просідання" сайту. На жаль, точно передбачити наслідки неможливо. Впроваджуйте нові версії поступово, невеликими сесіями - тоді пошукова оптимізація сайту нічого не зіпсує.
- Збої в роботі розрахунку швидкості. Оскільки боти зчитують обидві версії сайту, не зрозуміло, яку він обере за основу для визначення часу завантаження. Оскільки перевірити окремо версії сторінки можливості немає, єдиним рішенням є створення обох версій з рівними показниками. Тоді ваше просування сайтів на AJAX не залежатиме від одного варіанту ресурсу.
Перш ніж ви зважитеся на нове оновлення або зміну, випробуйте його на "чорновому" варіанті сайту. Ще однією підмогою стане Сканер Google для сайтів - інструмент, який дає змогу "побачити" ваш сайт очима пошукового бота.
Як оптимізувати такі сайти для пошукової системи Google?
Просування сайту на js небезпідставно викликає сумніви у представників SEO. Однак сам принцип і методи оптимізації таких сайтів для пошукових роботів Гугл є точно такими самими, як і для звичайних HTML-сайтів (крім індексації, яку ми обговорили вище).
- Зміст сайту має бути простим і корисним для користувача. У всіх цих експериментах з індексацією важливо не забути, що основа будь-якої react js і seo розкрутки - контент, а не ключі, ЧПУ та інше.
- Звертайте увагу на заголовки і картки опису товару - у видачі результатів пошуку ваш майбутній клієнт побачить саме їх.
- Просувайте сайт у блозі, соціальних мережах, домовтеся з партнерами про згадки. Напрацьовуйте живу кількість посилань - це найкраще пошукове просування сайту.
Вимоги Google до сайтів на Ajax і React js
Оскільки старі правила створення HTML-версії скасували, тепер Google по суті нічого не вимагає - лише дає додаткові рекомендації щодо того, як вам здійснювати JS просування сайту.
- Зареєструйтеся в Google Search Console як власник сайту. Таким чином ви отримаєте доступ до інструментів і зможете провести аналіз вашого сайту.
- Порівняйте обидві версії сторінок у Сканері.
- Якщо на сайті є контент, створений у Flash, і ви хочете його індексувати, він має бути відконвертований у підтримувані формати.
