ПроизводительностьSEOBigQueryCore Web Vitals

Kapital.kz — скорость и SEO новостного портала

2023 — 2025 · Musan Group

Улучшил Core Web VitalsПоказатели скорости от Google — влияют на позиции в поиске по всем трём метрикам на высоконагруженном новостном портале. Нашёл реальные причины через BigQueryАналитический инструмент Google для работы с большими данными о реальных пользователях и анализ бандла — и устранил точечно на уровне кода и вёрстки.

Также обновил SEO-разметку статей и исправил AMP-версии для улучшения позиций в поиске.

Открыть сайт

LCP · INP · CLS

все три метрики в зелёной зоне

BigQuery

реальные данные вместо догадок

AMP + JSON-LD

SEO-разметка обновлена

Задача

Ускорить высоконагруженный новостной портал

Next.jsTailwindGoogle AdsAMPinfinite scroll

∗Kapital.kz — один из ведущих деловых новостных порталов Казахстана. Высокая посещаемость, монетизация через Google Ads, поисковый трафик — основной канал.
∗Улучшил Core Web Vitals по всем трём метрикам: снизил LCP на finance.kapital, довёл INP до зелёной зоны, устранил CLS.
∗Core Web Vitals — официальные метрики скорости от Google, напрямую влияющие на позиции в поиске. До начала работы все три были в жёлтой или красной зоне.

Метрики до работы

LCP🟡 Медленно

Скорость загрузки

INP🔴 Плохо

Отклик на действия

CLS🔴 Плохо

Стабильность вёрстки

Скорость отклика (INP)

Нашёл тяжёлую библиотеку — написал лёгкую замену (INPСкорость реакции страницы на действия пользователя — клики, ввод, скролл)

INPwebpack bundle analyzerоптимизация бандла

∗INP измеряет, насколько быстро страница реагирует на действия пользователя — клики, скролл, ввод текста.
∗Webpack bundle analyzer показал, что тяжёлая библиотека даты и времени грузилась на каждой странице категорий и на главной — при этом использовалось лишь несколько функций из неё.
∗Написал лёгкую замену без лишнего веса — только нужные функции форматирования дат. Результат: INP перешёл в зелёную зону.

Как нашли

webpack bundle analyzer→ тяжёлая библиотека датнаписали замену→ INP 🟢

Не брать большую библиотеку ради 2–3 функций

Стабильность вёрстки (CLS)

BigQueryАналитический инструмент Google для работы с большими данными о реальных пользователях показал, где контент сдвигается у реальных пользователей (CLSСтабильность вёрстки — не прыгает ли контент при загрузке)

CLSBigQueryGoogle Adsinfinite scroll

∗CLS измеряет, насколько стабильна страница — не прыгает ли контент при загрузке. Проблему сложно поймать в браузере: она проявляется у реальных пользователей в разных условиях.
∗BigQuery по реальным пользовательским метрикам выявил: footer и блоки Google Ads сдвигали контент при каждой подгрузке статьи в бесконечной ленте.
∗Устранил сдвиги на уровне вёрстки — зарезервировал место под рекламные блоки и подгружаемые статьи. CLS перешёл в зелёную зону.

Что сдвигало контент

Google Ads в footer

подгружался асинхронно и толкал контент

Бесконечная лента

новые статьи без зарезервированного места

Источник: BigQuery + реальные данные пользователей

SEO

AMPУскоренные мобильные страницы — специальный формат Google для быстрой загрузки на телефоне и Schema.orgСпециальная разметка для поисковиков — помогает попасть в расширенные сниппеты — улучшение видимости в поиске

Schema.orgJSON-LDAMPHTML

∗Обновил schema.org JSON-LDСпециальный формат разметки для поисковиков — подсказывает Google, что это за страница, кто автор, когда опубликовано для новостных статей — корректные данные об авторе, дате публикации, изображении. Это повышает шансы попасть в расширенные сниппеты Google и Яндекс.
∗Исправил AMP-версии статей — страницы начали проходить валидацию. AMP влияет на ранжирование в мобильной выдаче.
∗Улучшил SEO-видимость и рейтинг в поиске.

Schema.org для статьи

автор ✓дата публикации ✓дата обновления ✓изображение ✓

AMP

невалидный HTML→ проходит валидацию ✓

UI/UX и качество кода

Детали, которые влияют на доверие к сайту

UI/UXHTML валидацияproduction-баги

∗Улучшал UI/UX карточек новостей: чёткое разделение между заголовком, датой и описанием, корректные размеры изображений.
∗Исправлял HTML-валидацию — дублирующиеся id, некорректная вложенность элементов, отсутствующие alt у изображений.
∗Устранял production-баги в редакционном интерфейсе.

Что исправлено

✓ Карточки новостей✓ HTML-валидация✓ Production-баги в редакторе

Нужна помощь с вашим проектом?

Есть опыт в оптимизации производительности, SEO-разметке и анализе реальных пользовательских данных.