⬆️ Победители в номинации Search Innovation
Google Partner

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

Автор:
Оптимизатор
Рецензент: Олег Гаврилюк
Руководитель оптимизаторов
Пока оценок нет
0 комментариев ,
SEO для SPA-сайта на Angular под США

Клиент

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 langen«><head>   <title>Luxury Outdoor Hot Tubs</title>   <meta namefragment« content!«></head><body>  

 <script typetext/javascript« 

src/assets/js/app.min.js?15151551«></script></body></html>

Как выглядит HTML-копия страницы:

<html langen«><head>   <title>Luxury Outdoor Hot Tubs</title>   <meta namekeywords« contentOutdoor Hot Tubs«>  

 <meta namedescription« 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 relcanonical« hrefhttps://www.aquaticausa.com/«>   

<link href/favicon.ico«

 <meta namerobots« contentindex, follow«>  

 <link relstylesheet« typetext/css« 

mediascreen« href/style.css«></head><body> 

  <div>Контент страницы</div></body></html>

Как вы можете видеть по коду, отличия — кардинальные. HTML-копии страницы на сайте были реализованы при помощи технологии рендера — SSR. Задача SEO-специалиста заключалась в том, чтобы проверить реализацию SSR и убедиться в том, что:

  • сайт отдает Гуглу именно HTML-копию, а не JS;
  • пользователю отдает JS, а не HTML-копию;
  • контент в HTML-копии не отличается от контента, который видит пользователь после обработки JS в любом из браузеров;
  • все блоки контента на страницах обрабатываются Гуглом нормально, без ошибок;
  • микроразметка имеется в HTML-копии

Анализ конкурентов

В США поисковая выдача и ее логика (интент) значительно отличается от того, к чему мы привыкли в Украине. Даже по запросам с коммерческим контентом ранжируются информационные сайты с подборками.

Например, по запросу “Buy Outdoor Hot Tub” — с прямым желанием пользователя купить товар, — в топ 10 ранжируется информационная статья с подборкой товаров (https://www.silive.com/homegarden/2022/07/these-are-the-best-outdoor-hot-tubs-to-buy-for-the-right-price.html), что совершенно нелогично, поскольку в других странах по таким запросам ранжируются только категории интернет-магазинов, где представлена продукция.

Понимая это, наши специалисты пришли к выводу, что конкурировать придется не только с интернет-магазинами, но и с информационными сайтами.

Сравнительная таблица конкурентов 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-A-T (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
  • технические ошибки и доработки
  • крайне высокая конкуренция
  • самое конкурентное гео в данной нише

Несмотря на это, нашей команде удалось показать хорошие результаты и положительную динамику на проекте.

Участники проекта

Менеджеры проекта: Екатерина Тимошенко, Александра Несина

Оптимизатор: Юрий Ощаповский

Ссылочник: Евгений Федченко

Do something to stop this war! Russians are killing our children and civilians!