Клієнт
Aquatica — компанія-виробник ванн, умивальників, змішувачів та душових систем у преміум-сегменті. Основний ринок збуту — США, але сайт інтернет-магазину представлено на багатьох ринках Європи на різних доменах.
Наша задача
Зростання позицій та цільового органічного трафіку за пріоритетними напрямками інтернет-магазину:
- Bathroom sinks
- Outdoor hot tubs
- Freestanding Tubs
Вихідні дані та особливості проєкту
- Сайт: інтернет-магазин продукції Aquatica (товари інших брендів не представлено на сайті)
- Регіон: США (максимально висококонкурентне гео в цій ніші)
- Пошукова система: Гугл
- Мова: англійська
- Платформа сайту: SPA-сайт (JS-фреймворк — AngularJS)
Цільова аудиторія
Користувачі від 25 років, з доходом вище середнього, які працюють у сфері банкінгу та IT, цікавляться трендами, технологіями (тому їх приваблюють функції та матеріали, які пропонує компанія).
Що таке SPA-сайт?
SPA-сайт (Single Page Application) – сайт, на якому контент формується динамічно, без перезавантаження сторінок. Такі сайти написані на JavaScript, зокрема магазин Aquatica написано за допомогою AngularJS
Дуже важливо розуміти, що SEO-просування SPA-сайту та звичайного сайту – принципово різні речі, оскільки підходи до внутрішньої оптимізації кардинально відрізняються.
Гугл, як і будь-яка інша пошукова система, жахливо обробляє JavaScript. Той контент, який бачить користувач у своєму браузері, значно відрізняється від контенту, який може побачити Гугл.
На скрині показано, які пошукові системи можуть обробити JS:
Але на практиці ситуація значно гірша навіть у Гугла, позаяк він використовує застарілі інструменти рендерингу на базі Chrome 41.
Як «подружити» SPA із SEO
Оскільки сайт клієнта повністю написано на JavaScript, це означає, що без додаткових маніпуляцій Гугл не може побачити контент (меню, товари, тексти, перелінкування).
Аби Гугл міг нормально проіндексувати сторінки сайту, сервер повинен віддавати йому не JS-код сторінки, а вже оброблену HTML-копію.
Який вигляд має JS-код сторінки:
<html lang=”en“><head> <title>Luxury Outdoor Hot Tubs</title> <meta name=”fragment“ content=”!“></head><body>
<script type=”text/javascript“
src=”/assets/js/app.min.js?15151551“></script></body></html>
Який вигляд має HTML-копія сторінки:
<html lang=”en“><head> <title>Luxury Outdoor Hot Tubs</title> <meta name=”keywords“ content=”Outdoor Hot Tubs“>
<meta name=”description“ content=”ᐈ Luxury 【Hot Tubs / Outdoor Spas】 for sale in the ⭐ Aquatica ⭐ Online Store ✅ The best prices ✅ Made in EU ✅ Only the best materials ✅ Up to 25 year warranty“>
<meta name=”…“>
<link rel=”canonical“ href=”https://www.aquaticausa.com/“>
<link href=”/favicon.ico“
<meta name=”robots“ content=”index, follow“>
<link rel=”stylesheet“ type=”text/css“
media=”screen“ href=”/style.css“></head><body>
<div>Контент страницы</div></body></html>
Як ви можете бачити за кодом, відмінності — кардинальні. HTML-копії сторінки на сайті було реалізовано за допомогою технології рендеру SSR. Завдання SEO-фахівця полягало в тому, аби перевірити реалізацію SSR й переконатися в тому, що:
- сайт віддає Гуглу саме HTML-копію, а не JS
- користувачу він віддає JS, а не HTML-копію
- контент HTML-копії не відрізняється від контенту, який бачить користувач після обробки JS в будь-якому з браузерів
- всі блоки контенту на сторінках обробляються Гуглом нормально, без помилок
- мікророзмітка наявна в HTML-копії
Аналіз конкурентів
У США пошукова видача та її логіка (інтент) значно відрізняються від того, до чого ми звикли в Україні. Навіть за запитами з комерційним контентом ранжуються інформаційні сайти з добірками .
Наприклад, за запитом “Buy Outdor Hot Tub” — з безпосереднім бажанням користувача купити товар, — у топ 10 ранжується інформаційна стаття з добіркою товарів , що взагалі нелогічно, адже в інших країнах за такими запитами ранжуються лише категорії інтернет-магазинів, у яких представлена продукція.
Розуміючи це, наші фахівці дійшли висновку, що конкурувати доведеться не лише з інтернет-магазинами, а й з інформаційними сайтами.
Порівняльна таблиця конкурентів aquaticausa.com:
| Сайт | Domain Rating | Доменів, що посилаються (Ahrefs) | Сторінок, що посилаються (Ahrefs) | Ключові фрази (Ahrefs) | Трафік (Ahrefs) |
| aquaticausa.com |
48 |
3297 |
37932 |
13653 |
28221 |
| homedepot.com |
90 |
236455 |
9250565 |
8542024 |
126776364 |
| costco.com |
85 |
102987 |
11046544 |
5962766 |
50332554 |
| amazon.com |
96 |
4592796 |
4332977451 |
69859278 |
938453396 |
| wayfair.com |
86 |
72811 |
13926242 |
4493240 |
29681586 |
| overstock.com |
83 |
90400 |
30678253 |
2147655 |
12111988 |
| jacuzzi.com |
72 |
6115 |
123080 |
38838 |
300917 |
| lowes.com |
88 |
319681 |
12596738 |
5024482 |
56864864 |
До речі, aquaticausa.com – відносно невеликий сайт, з невеликою кількістю товарів у багатьох підкатегоріях та фільтрах. Але конкурувати доводиться із сайтами, мінімальний DR яких складає 72+. Це сайти-мільйонники, частина з яких є на слуху у багатьох користувачів, навіть не знайомих із ринком із США.
Процес роботи
Процес роботи над просуванням сайту можна поділити на кілька частин
Технічний аудит та перевірка роботи SSR
Мета технічного аудиту – виявити помилки та переконатися, що сайт відповідає технічним вимогам Гугла. Наш аудит складався з 43 пунктів, з яких за 20 пунктами потрібно було виправити помилки.
Що ж до перевірки коректності роботи SSR, то основна проблема полягала в тому, що в HTML-копії сторінок був відсутній блок з перелінкуванням і Гугл погано індексував частину товарів.
| Програмна реалізація | Результат перевірки | Пріоритет | Виконавець | |
| 1. | Аналіз IP сайту | ОК | Низький | програміст |
| 2. | Перевірка сайту на наявність вірусів, шкідливих скриптів та наявність сайту в блек-листах | ОК | Високий | програміст |
| 3. | Аналіз історії домену за WhoIs та web.archive | ОК | Високий | програміст |
| 4. | Перевірка наявності елементів, що можуть негативно впливати на взаємодію користувача із сайтом | ОК | Низький | програміст |
| 5. | Перевірка наявності та коректності формування SEO-Friendly URL (ЛЗУ) | ОК | Високий | програміст |
| 6. | Перевірка склеювання дзеркал та повних дублів | виправити | Високий | програміст |
| 7. | Перевірка повного дублювання контенту | виправити | Високий | програміст |
| 8. | Перевірка наявності в індексі технічних сторінок, сторінок із дублюванням контенту або без контенту | ОК | Високий | програміст |
| 9. | Перевірити правильність відповідей сервера на запит сторінок | виправити | Високий | програміст |
| 10. | Перевірити код сторінок на помилки в HTML та CSS | виправити | Середній | програміст |
| 11. | Перевірити наявність та помилки в SSL сертифікаті | виправити | Високий | програміст |
| 12. | Перевірити наявність прихованих або спамних посилань на зовнішні ресурси | ОК | Високий | програміст |
| 13. | Перевірити коректність налаштування файлу robots.txt | ОК | Високий | програміст/контент-менеджер |
| 14. | Підключити GWT та Яндекс Вебмайстер | ОК | Високий | програміст |
| 15. | Підключити GA | ОК | Високий | оптимізатор |
| 17. | Перевірити Sitemap.xml | виправити | середній | програміст |
| 18. | Перевірка доступності CSS и JS | ОК | Середній | програміст |
| 19. | Перевірка наявності мікроформатів | виправити | Високий | програміст |
| 20. | Перевірка наявності кнопок соцмереж | ОК | низький | програміст |
| 21. | Перевірка швидкості завантаження сайту | виправити | високий | програміст |
| 22. | Перевірка наявності та оптимізації мультимовності | виправити | Середній | програміст |
| 23. | Перевірка наявності мобільної версії сайту | ОК | середній | програміст |
| 24. | Перевірка адаптивності сайту для різних типів пристроїв | виправити | середній | програміст |
| 25. | Перевірка на коректність виведення текстового контенту | виправити | високий | програміст |
| 26. | Відстеження контенту Stat.Aweb у SEO-монітор | виправити | низький | програміст |
| 27. | Перевірка наявності на сторінках елементів (комерційних факторів) необхідних для ранжування у цій тематиці | виправити | Високий | програміст |
| 28. | Перевірка часткового дублювання контенту | виправити | середній | програміст |
| 29. | Усунути видалення неактуальних і відсутніх товарів | ОК | Високий | програміст |
| 30. | Перевірити індексацію відгуків на сайті | ОК | середній | програміст |
| 31. | Чи видно контент з вимкненим JavaScript (Перевірка SSR) | виправити | середній | програміст |
| Контент | Результат перевірки | Пріоритет | Виконавець | |
| 32. | Перевірка наявності афіліатів | ОК | високий | оптимізатор |
| 33. | Перевірка гео-налаштувань в GWT | ОК | високий | оптимізатор |
| 34. | Перевірка коректності формування мета-тегів | висправити | високий | контент-менеджер або програміст |
| 35. | Перевірка наявності та унікальності контенту на сайті | ОК | високий | контент-менеджер |
| 36. | Перевірка наявності цільових сторінок під СЯ | ОК | низький | контент-менеджер |
| 37. | Перевірка оптимізації текстового контенту | ОК | середній | програміст |
| 38. | Перевірка доступності форматування контенту | ОК | Средний | программист |
| Структура та перелінкування | Результат перевірки | Пріоритет | Виконавець | |
| 39. | Перевірка наявності меню «хлібних крихт» | виправити | високий | програміст |
| 40. | Перевірка перелінкування на сайті | ОК | низький | програміст |
| 41. | Перевірка наявності індексованих, оптимізованих сторінок фільтрів | виправити | високий | програміст |
| 42. | Перевірка наявності битих посилань | виправити | середній | програміст |
| 43. | Юзабіліті | виправити | середній | програміст |
Аудит сайту на основі Інструкції для асесорів Гугл
Інтернет-магазини відносяться до тематики YMYL (Your Money or Your Life) — такі сайти повинні мати високі показники по E-E-AT (Experience, Expertise, Authoritativeness, Trustworthiness).
Наші спеціалісти детально вивчили Інструкцію для асесорів Гугла, створивши чек-лист для перевірки сайтів тематики YMYL. Короткий список того, що необхідно було запровадити для підвищення показників E-E-A-T:
- Зняти відео про матеріали, що використовуються у виробництві
- Створити сторінку «Про компанію»
- Створити сторінку «Наші нагороди»
- Створити сторінку «Наше виробництво»
- Створити сторінку «Портфоліо»
- Створити сторінку автора для блогу
- Додати автора на всі сторінки блогу
- Додати інфографіку на сторінки категорій, підкатегорій та фільтрів
- Опрацювати SERM
Збір семантичного ядра та створення ТЗ для текстів
Наша команда детально вивчила пріоритетні напрямки та конкурентів. Крім збору СЯ за пріоритетними сторінками категорій, ми поетапно почали опрацьовувати сторінки фільтрів, оскільки на таких сторінках конкуренція нижча, а враховуючи рівень сайтів-конкурентів, шанси потрапити в топ — значно вищі.
Приклади фільтрів, які ми створили:
- commercial bathroom sinks
- design bathroom sinks
- modern vessel sink
- luxury bathroom sinks
- custom bathroom sink
- decorative bathroom sink
- unique bathroom sinks
- luxury hot tubs
- modern hot tub
- infinity edge hot tubs
- 30 inch vessel sink (та інші розміри)
- large hot tub
- та багато інших сторінок
Для всіх сторінок ми склали технічне завдання, а наша команда копірайтерів написала тексти.
Зовнішня оптимізація
На першому етапі зовнішньої оптимізації ми відхилили всіх низькоякісних донорів за допомогою Google Disavow Tool. Після цього, раз на 4-6 місяців ми проводимо повторний аудит поточного профілю посилань, відхиляючи неякісні посилання.
Наприклад, у квітні 2021 сайт потрапив під спам-прогін посиланнями із сумнівних піддоменів blogspot.com. Доменів було досить багато і, якщо вчасно не відхилити такі посилання, можна отримати просідання позицій та трафіку.
Для нарощування якісної маси посилань ми використовували безліч методів — від нестандартних і дешевих (але якісних) до дорогих:
- Аутріч
- закупівлю через біржі посилань
- реєстрацію на трастових каталогах та майданчиках
- реєстрацію на відгуках
- крауд-маркетинг
Результати на проєкті
Незважаючи на вкрай високу конкуренцію в ніші та складне гео, нам вдалося отримати хороші результати з багатьох напрямків та сторінок:
Modern bathroom sink
Design bathroom sinks
Modern vessel sink
Luxury bathroom sinks
Custom bathroom sink
Decorative bathroom sink
Outdoor hot tubs
Unique bathroom sinks
Luxury hot tubs
Modern hot tub
30 inch vessel sink
Висновок
Динаміка з трафіку
Працюючи над проєктом, ми зіткнулися з безліччю складнощів і факторів, що ускладнюють просування:
- SPA-сайт
- SSR
- технічні помилки та доопрацювання
- вкрай висока конкуренція
- найбільш конкурентне гео в даній ніші
Незважаючи на це, нашій команді вдалося показати хороші результати та позитивну динаміку на проєкті.
Учасники проєкту
Менеджери проєкту: Катерина Тимошенко, Олександра Несіна
Оптимізатор: Юрій Ощаповський
Лінкер: Євген Федченко.
