SEO для SPA-сайту на Angular під США

Кейс від компанії Aweb про зростання позицій та цільового органічного трафіку за пріоритетними напрямками інтернет-магазину компанії Aquatica

Клієнт

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>

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“>

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:

До речі, aquaticausa.com – відносно невеликий сайт, з невеликою кількістю товарів у багатьох підкатегоріях та фільтрах. Але конкурувати доводиться із сайтами, мінімальний DR яких складає 72+. Це сайти-мільйонники, частина з яких є на слуху у багатьох користувачів, навіть не знайомих із ринком із США.

Процес роботи

Процес роботи над просуванням сайту можна поділити на кілька частин

Технічний аудит та перевірка роботи SSR

Мета технічного аудиту – виявити помилки та переконатися, що сайт відповідає технічним вимогам Гугла. Наш аудит складався з 43 пунктів, з яких за 20 пунктами потрібно було виправити помилки.

Що ж до перевірки коректності роботи SSR, то основна проблема полягала в тому, що в HTML-копії сторінок був відсутній блок з перелінкуванням і Гугл погано індексував частину товарів.

Аудит сайту на основі Інструкції для асесорів Гугл

Інтернет-магазини відносяться до тематики 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. Доменів було досить багато і, якщо вчасно не відхилити такі посилання, можна отримати просідання позицій та трафіку.