Посібник з SEO Крок 2: Оптимізація на сторінці та мета-теги

Це Крок 2 з 13-крокового посібника з SEO. Мета-теги на сторінці контролюють, що пошукові системи відображають про ваш сайт — і чи натискають користувачі.

---

Технічне SEO (Крок 1) забезпечує, щоб пошукові системи могли знайти ваш сайт. Оптимізація на сторінці гарантує, що вони його розуміють — і представляють його привабливо у результатах. Кожен результат пошуку, який ви бачите в Google, ґрунтується на мета-тегах на сторінці. Якщо ви ними не керуєте, Google робить припущення. А Google робить погані припущення.

Різниця між 2% і 8% показником клікабельності часто залежить лише від кращого заголовка і опису. На сторінці з 1000 показів на місяць це 60 додаткових відвідувачів щомісяця — безкоштовно.

Що охоплює SEO на сторінці

Оптимізація на сторінці охоплює 8 напрямків:

1. Заголовки — Синя посилання в результатах пошуку
2. Мета-описи — Сірковий текст під посиланням
3. Open Graph та соціальні медіа — Як виглядають ваші сторінки при поширенні
4. Ієрархія заголовків — Структура контенту, яка сигналізує про релевантність
5. Структуровані дані — Багаті результати (зірки, ціни, FAQ)
6. Оптимізація зображень — Alt текст, імена файлів та ліньке завантаження
7. Внутрішній текст якоря — Що кажуть ваші власні посилання про ваші сторінки
8. Розмітка новин та статей — Google Новини, Discover та AI-краулери

1. Заголовки

Заголовок — це єдиний найбільш впливовий елемент на сторінці. Це синє клікабельне посилання у результатах пошуку, текст на вкладці браузера і прямий фактор ранжування.

Правила для заголовків з високою ефективністю:

• 50-60 символів (Google скорочує приблизно на 60)
• Основне ключове слово ближче до початку
• Унікальність для кожної сторінки вашого сайту
• Привабливість для людей, а не лише для алгоритмів
• Назва бренду в кінці (якщо дозволяє місце)

Формули, які працюють:

| Тип сторінки | Формула | Приклад | |--------------|---------|---------| | Головна | [Бренд] — [Ціннісна пропозиція] | LANGR — Автоматизація SEO для зростаючих бізнесів | | Продукт | [Продукт] — [Перевага] | [Бренд] | Pro Plan — Щоденний моніторинг SEO | LANGR | | Блог | [Тема]: [Обіцянка] ([Рік]) | Заголовки: Комплексний посібник (2026) | | Категорія | [Категорія] — [Контекст] | [Бренд] | Кросівки для бігу — Чоловіча колекція | Nike |

Загальні помилки:

• Один і той же заголовок на кількох сторінках (дублікати заголовків)
• Неналежне використання ключових слів: "SEO SEO Посібник SEO Поради SEO Допомога"
• Занадто короткий: "Головна" або "Продукти"
• Відсутність взагалі (Google генерує його з вашого контенту — зазвичай погано)

Швидка вигода: Експортуйте всі свої заголовки (Screaming Frog або перевірте Search Console). Знайдіть дублікати та сторінки з заголовками менше 30 символів. Спочатку виправте їх.

2. Мета-описи

Мета-описи безпосередньо не впливають на ранжування, але вони суттєво впливають на показник клікабельності. Це ваш рекламний текст у органічних результатах.

Правила:

• 120-155 символів (мобільна версія скорочує раніше)
• Включення основного ключового слова (Google виділяє відповідні терміни)
• Використання заклику до дії ("Дізнайтеся як", "Почніть", "Перегляньте ціни")
• Унікальність для кожної сторінки (дублікати замінюються автозастосуванням Google)
• Відповідність наміру пошуку (інформаційний, транзакційний, навігаційний)

Формула: [Що пропонує сторінка] + [основна перевага] + [CTA]

Приклад: "Дізнайтеся 8 мета-тегів, які безпосередньо впливають на ранжування. Практичні поради з прикладами до/після. Почніть оптимізувати сьогодні."

Коли Google ігнорує ваш опис: Google переписує близько 70% мета-описів, щоб краще відповідати конкретному запиту. Ви не можете цьому запобігти, але добре написаний опис все одно використовується частіше, ніж поганий. Він також з'являється в соціальних публікаціях та попередньому перегляді посилань.

Швидка вигода: Напишіть описи для своїх 20 найбільш відвідуваних сторінок спочатку. Пріоритезуйте сторінки, де Search Console показує високі покази, але низький показник клікабельності.

3. Open Graph та соціальні мета

Коли хтось ділиться вашим посиланням у Facebook, LinkedIn, Twitter/X або в месенджері, теги Open Graph контролюють картку попереднього перегляду, яка з'являється.

Основні OG теги:

<meta property="og:title" content="Назва вашої сторінки" />
<meta property="og:description" content="Привабливий опис для соціальних" />
<meta property="og:image" content="https://yoursite.com/images/og-card.jpg" />
<meta property="og:url" content="https://yoursite.com/page" />
<meta property="og:type" content="website" />

Для Twitter/X:

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Назва вашої сторінки" />
<meta name="twitter:description" content="Опис для Twitter" />
<meta name="twitter:image" content="https://yoursite.com/images/twitter-card.jpg" />

Вимоги до зображень:

• Мінімум 1200x630px для великих карток
• Розмір файлу до 8МБ
• Використання тексту на зображеннях в обмеженій кількості (правило 20%)
• Перевірка за допомогою Facebook Debugger та Twitter Card Validator

Швидка вигода: Створіть один шаблон високоякісного OG зображення для вашого бренду. Використовуйте його як стандартний, а потім створіть індивідуальні зображення для своїх 10 найбільших сторінок.

4. Ієрархія заголовків

Заголовки (H1-H6) дають пошуковим системам загальний план контенту. Вони сигналізують, про що йдеться на вашій сторінці і які розділи є найважливішими.

Правила:

• Тільки один H1 на сторінку (ваша основна тема/ключове слово)
• H2 для основних розділів (ці заголовки часто стають відповідями на виділені фрагменти)
• H3 для підрозділів у межах H2
• Ніколи не пропускайте рівні (H1 → H3 без H2)
• Використовуйте ключові слова природно в заголовках, а не штучно
• Важливі слова слід ставити на початку (сканери читають перші 3 слова)

Вплив на SEO:

• Google використовує текст H2/H3 для виділених фрагментів та "Люди також запитують"
• Текст заголовка впливає на ранжування фрагментів (Google може ранжувати частину вашої сторінки незалежно)
• Читачі екрану та AI-краулери використовують заголовки, щоб зрозуміти структуру сторінки

Приклад структури:

H1: Як вибрати кросівки для бігу
  H2: Тип стопи та пронація
    H3: Надмірна пронація
    H3: Нейтральна
    H3: Недостатня пронація
  H2: Категорії взуття
    H3: Доріжні кросівки
    H3: Трейлові кросівки
  H2: Коли замінити ваше взуття

Швидка вигода: Перевірте свої топ-сторінки — якщо якісь мають кілька H1, жодного H1 або заголовки, які просто "Розділ 1", "Розділ 2", виправте їх негайно.

5. Структуровані дані (Схема розмітки)

Структуровані дані точно вказують пошуковим системам, що представляє ваш контент. Це дозволяє отримувати багаті результати — покращені списки з зірками, цінами, FAQ, етапами як зробити та інше.

Типи схеми з високою віддачею:

| Схема | Багатий результат | Найкраще для | |-------|------------------|--------------| | FAQ | Розширюване Q&A безпосередньо в SERP | Сторінки послуг, сторінки продуктів | | HowTo | Крок за кроком із зображеннями | Навчальний/посібник контент | | Article | Автор, дата, зображення в результатах | Блоги, новини | | Product | Ціна, рейтинг, доступність | Е-commerce | | LocalBusiness | Карта, години, огляди | Фізичні підприємства | | BreadcrumbList | Навігація по шляху в SERP | Всі сторінки | | Organization | Панель знань | Головна сторінка |

Приклад схеми FAQ:

{
  "@context": "https://schema.org",
  "@type": "FAQPage",
  "mainEntity": [{
    "@type": "Question",
    "name": "Скільки часу займає SEO?",
    "acceptedAnswer": {
      "@type": "Answer",
      "text": "Більшість сайтів бачать вимірювані покращення протягом 3-6 місяців..."
    }
  }]
}

Правила:

• Позначайте тільки той контент, який дійсно видимий на сторінці
• Не створюйте фальшиві огляди або рейтинги
• Перевіряйте за допомогою Тесту багатих результатів Google
• Слідкуйте в Search Console → Поліпшення

Швидка вигода: Додайте схему FAQ до своїх 5 найкращих сторінок послуг/продуктів. Напишіть 3-5 справжніх запитань і відповідей для кожної. Це може подвоїти вашу площу SERP за одну ніч.

6. Оптимізація зображень

Зображення часто є найбільшим вузьким місцем продуктивності і упущеною можливістю для SEO. Google Images приносить значний трафік для багатьох сайтів.

5 основних правила:

1. Alt текст: Описуйте, що зображено на зображенні (для доступності + SEO). Включайте ключові слова, коли це природно: alt="Кросівки Nike Air Max 2026 чорного кольору", а не alt="взуття" або alt=""
2. Імена файлів: Перейменовуйте перед завантаженням. nike-air-max-2026-black.webp, а не IMG_4382.jpg
3. Формат: WebP для фотографій (на 30-50% менше, ніж JPEG). SVG для піктограм/логотипів. Уникайте PNG для фотографій.
4. Ліньке завантаження: Додайте loading="lazy" для зображень нижче зони видимості. Ніколи не завантажуйте ліньки основне зображення.
5. Розміри: Завжди вказуйте атрибути width та height, щоб запобігти зміщенню макету (CLS).

Швидка вигода: Знайдіть свої 10 найбільших зображень (PageSpeed Insights їх виділить). Конвертуйте у WebP та додайте правильний alt текст. Це покращить як продуктивність, так і видимість зображень у пошуку.

7. Внутрішній текст якоря

Клікнутый текст у ваших внутрішніх посиланнях повідомляє пошуковим системам, про що йдеться на цільовій сторінці. Багато сайтів втрачають цю можливість, використовуючи "натисніть тут" або "читати далі".

Правила:

• Використовуйте описовий текст якоря, що містить відповідні ключові слова
• Змінюйте текст якоря (не використовуйте той самий текст для кожного посилання на сторінку)
• Посилайтеся з високоефективних сторінок на сторінки, які ви хочете ранжувати
• Посилайтеся контекстуально в контенті, а не лише в навігації

Добре vs. погано:

• Погано: "Натисніть тут для нашого посібника з SEO"
• Добре: "Прочитайте наш повний посібник з SEO для всіх 13 етапів"
• Погано: "Дізнайтеся більше"
• Добре: "Подивіться, як структуровані дані покращують показники кліка"

Швидка вигода: Перегляньте ваш сайт на наявність посилань "натисніть тут" та "читати далі". Замініть їх на описовий текст якоря, що містить відповідні ключові слова.

8. Розмітка новин та статей

Якщо ви публікуєте блоги, новинний контент або будь-який регулярно оновлений контент, оптимізована розмітка новин відкриває можливості для Google Новин, Google Discover та преференційного ставлення AI-краулерів.

Схема статті (обов'язкова для новинних функцій):

{
  "@context": "https://schema.org",
  "@type": "Article",
  "headline": "Назва вашої статті",
  "datePublished": "2026-05-07T09:00:00+02:00",
  "dateModified": "2026-05-07T09:00:00+02:00",
  "author": {
    "@type": "Person",
    "name": "Ім'я автора",
    "url": "https://yoursite.com/author/name"
  },
  "publisher": {
    "@type": "Organization",
    "name": "Ваш Бренд",
    "logo": {
      "@type": "ImageObject",
      "url": "https://yoursite.com/logo.png"
    }
  },
  "image": "https://yoursite.com/article-hero.jpg",
  "mainEntityOfPage": "https://yoursite.com/article-url"
}

Використання NewsArticle проти Article:

• NewsArticle — для актуального новинного контенту (події, оголошення)
• Article — для довготривалих блогу та посібників
• BlogPosting — для авторських статей і особистих блогів

Оптимізація для Google Новин та Discover:

• Якісне героїчне зображення (мінімум 1200px в ширину, мета max-image-preview:large)
• Дата публікації чітко видима на сторінці
• Ім'я автора з посиланням на сторінку автора
• Оригінальна інформація або унікальний аналіз (не переписування)
• Мета robots: max-snippet:-1, max-image-preview:large (дозволити повні попередні перегляди)

Мета robots для новинного контенту:

<meta name="robots" content="max-snippet:-1, max-image-preview:large, max-video-preview:-1" />

Це говорить Google, що він може використовувати великі зображення та повний текст у картках Discover та новинних результатах.

Чому це важливо для вищих рівнів:

• Стратегія блогу: Розмітка статті дозволяє вашому контенту з'являтися у Discover (потенційно тисячі показів на публікацію)
• Залучення посилань: Контент, індексований новинами, цитують інші публікації, отримуючи природні зворотні посилання
• AI-краулери: ChatGPT, Perplexity та інші AI-системи віддають перевагу джерелам з правильною розміткою статей і чіткою авторством
• Моніторинг бренду: Упоминання про ваш бренд у новинах (які відстежуються такими системами, як News Scanner LANGR) виявляють можливості для нарощування посилань та PR

Швидка вигода: Додайте схему статті до всіх своїх блог-публікацій. Переконайтеся, що кожна має видиму дату, ім'я автора та героїчне зображення ширше 1200px. Увімкніть max-image-preview:large у вашій мета robots.

Перелік аудиту SEO на сторінці

Пройдіть це для кожної важливої сторінки:

• [ ] Унікальний заголовок, 50-60 символів, ключове слово поблизу початку
• [ ] Унікальний мета-опис, 120-155 символів, включає заклик до дії
• [ ] Встановлені теги Open Graph (заголовок, опис, зображення, URL)
• [ ] Точно один H1 з основним ключовим словом
• [ ] Логічна ієрархія заголовків (H1 → H2 → H3, без пропусків)
• [ ] Додані та перевірені структуровані дані (FAQ, стаття, продукт тощо)
• [ ] Зображення: формат WebP, описовий alt текст, ліньке завантаження нижче зони видимості
• [ ] Внутрішні посилання використовують описовий текст якоря
• [ ] Схема статті на всіх блогах/новинному контенті з дата публікації + автором
• [ ] Мета-робот тег max-image-preview:large на сторінках контенту

Загальні помилки на сторінці (сортування за впливом)

1. Дублікати заголовків — кілька сторінок, що конкурують одна з одною
2. Відсутні мета-описи — дозволяючи Google здогадуватися (і помилятися)
3. Відсутні структуровані дані — бракує багатих результатів, які мають ваші конкуренти
4. Неналежні заголовки з ключовими словами — "Поради SEO Посібник SEO Допомога SEO 2026"
5. Відсутній alt текст на зображеннях — невидимий для пошуку + невдача в доступності
6. Відсутня розмітка статей на блогах — невидима для Новин/Discover/AI
7. Загальний текст якоря — "Натисніть тут" нічого не навчає Google
8. Одна і та ж OG картинка скрізь — всі ваші публікації виглядають ідентично

Що далі?

Крок 3: Контент та стратегія — Що писати, коли публікувати та як створювати контент, який ранжується, а не просто існує.

---

Цей посібник є частиною 13-крокової серії SEO LANGR. Проведіть безкоштовний аудит, щоб побачити, де знаходиться ваш сайт за всіма 13 дисциплінами.