webroad.online
  1. 1Веб
  2. 2HTML
  3. 3CSS
  4. 4JavaScript
  5. 5TypeScript
  6. 6Git
  7. 7Инструменты
  8. 8React
  9. 9Стейт-менеджмент
  10. 10Next.js
  11. 11Формы
  12. 12Данные и бэкенд
  13. 13SEO
  14. 14Tailwind CSS
  15. 15Анимации
  16. 16Тестирование
  17. 17Архитектура
SEO · Урок 4 из 5

Google Analytics и Search Console

Что измеряет каждый, CTR и позиция, события GA4, UTM, согласие.

Обновлено

Зачем измерять

SEO без измерений — это гадание. Нужно знать: откуда приходят посетители, что они ищут, какие страницы работают, что делают на сайте и доходят ли до цели (регистрация, заказ, подписка). Два бесплатных инструмента Google покрывают почти всё:

Google Search Console Google Analytics 4
Отвечает на вопрос как вас видит Google что люди делают на сайте
Данные запросы, показы, клики, позиция, индексация, ошибки посетители, источники, страницы, события, конверсии
Момент до клика после клика
Установка подтверждение домена (DNS) скрипт на сайте

Для русскоязычной аудитории добавьте Яндекс Вебмастер и Яндекс Метрику — это их аналоги для Яндекса.

Google Search Console — за чем следить

Отчёт Что узнаёте
Performance запросы, по которым вы показываетесь: показы, клики, CTR, средняя позиция — по страницам, странам, устройствам
Pages (Indexing) какие страницы проиндексированы и почему другие — нет
URL Inspection состояние конкретной страницы + «Test live» + «Request indexing»
Sitemaps отправляете sitemap, видите, сколько URL найдено
Core Web Vitals реальная производительность по группам страниц
Links кто ссылается на вас

Быстрая победа из Performance: страницы с большим числом показов и низким CTR — вы показываетесь, но кликов нет. Перепишите title и description.

CTR = клики / показы × 100

Google Analytics 4 — модель

GA4 построен на событиях: любое действие — событие (page_view, click, sign_up, purchase) с параметрами. События, отмеченные как key events (конверсии), — ваши цели.

// app/layout.tsx
import { GoogleAnalytics } from '@next/third-parties/google'

<html>
  <body>{children}</body>
  <GoogleAnalytics gaId="G-XXXXXXX" />
</html>
'use client'
import { sendGAEvent } from '@next/third-parties/google'

<button onClick={() => sendGAEvent('event', 'sign_up', { method: 'email' })}>Создать аккаунт</button>
Понятие Что означает
session визит
engaged session визит дольше 10 с, или с конверсией, или с 2+ страницами
source / medium откуда: google / organic, vk / cpc, newsletter / email
key event действие, важное для бизнеса

UTM — знать, откуда каждый клик

Ссылки, которые вы распространяете (рассылка, соцсети, реклама), получают параметры:

https://site.ru/course?utm_source=newsletter&utm_medium=email&utm_campaign=october-launch
Параметр Пример
utm_source newsletter, vk, telegram
utm_medium email, social, cpc
utm_campaign название кампании
utm_content вариант (кнопка A или B)

Не ставьте UTM на внутренние ссылки — это ломает атрибуцию сессии. И делайте canonical без параметров.

GDPR и согласие

В ЕС cookie аналитики требуют согласия до установки. Нужен баннер согласия (CMP) и Google Consent Mode v2, который сообщает скриптам Google, что пользователь разрешил. В других странах действуют свои законы о персональных данных — проверяйте требования для своей аудитории.

Альтернативы без cookie, юридически проще: Vercel Web Analytics, Plausible, Umami — меньше деталей, зато без баннера для аналитики.

Коротко

  • Search Console = как вас видит Google (запросы, CTR, индексация); GA4 = что делают люди (события, конверсии).
  • Быстрая победа: страницы с большим числом показов и низким CTR → перепишите заголовок.
  • UTM на внешних ссылках; согласие в ЕС или аналитика без cookie.

Официальные источники

Упражнения

Была ли страница полезной?

Один клик — без регистрации.