Мета-теги — це фрагменти HTML-коду, які описують вміст сторінки для пошукових систем і користувачів. Чотири ключові елементи on-page оптимізації: title (заголовок вкладки і клікабельне посилання у видачі), meta description (опис під цим посиланням), H1 (головний видимий заголовок на самій сторінці) та alt (текстовий опис зображення). Грамотно складені теги допомагають Google зрозуміти тему сторінки та підвищують клікабельність сніпета в результатах пошуку.
Коротко
- title — найважливіший тег: формує заголовок у видачі; оптимальна довжина 50–60 символів, ключ ближче до початку.
- meta description не впливає на ранжування напряму, але помітно впливає на CTR; тримайте 140–160 символів.
- H1 — рівно один на сторінку; відображає суть контенту і може відрізнятися від title.
- alt описує зображення для пошуковика і незрячих користувачів, допомагає ранжуватися в пошуку за картинками.
- Усі чотири теги мають містити ключовий запит природно, без переспаму та повторів.
Що таке тег title і як його скласти
Тег title (<title>) — це HTML-елемент, який задає заголовок сторінки. Google показує його як клікабельне синє посилання у видачі, а браузер — як назву вкладки. Це найвагоміший із мета-тегів: він безпосередньо впливає і на ранжування, і на рішення користувача клікнути.
Правила складання title:
- Довжина 50–60 символів (≈600 пікселів). Довше — Google обріже і підставить свій варіант із тексту сторінки.
- Головний ключ — ближче до початку заголовка.
- Один унікальний title на кожну сторінку; дублі плутають пошуковик.
- Додайте бренд у кінці через розділювач: Ключовий запит — Бренд.
- Пишіть для людини: заголовок має обіцяти відповідь, а не бути набором ключів.
Meta description: навіщо потрібен і як впливає на CTR
Meta description (<meta name=”description”>) — це короткий опис сторінки, який Google показує під посиланням у сніпеті. Прямого впливу на позиції він не має — Google офіційно це підтверджував. Але опис впливає на CTR (клікабельність): привабливий текст збільшує частку переходів, а зростання CTR уже опосередковано покращує позиції.
Правила:
- Довжина 140–160 символів, інакше опис обріжеться трикрапкою.
- Увімкніть ключ — при збігу із запитом Google підсвітить його жирним.
- Дайте вигоду або заклик: що людина отримає, клікнувши.
- Не дублюйте title дослівно.
- Пам’ятайте: Google може проігнорувати ваш description і згенерувати свій із тексту сторінки. Це нормально.
Заголовок H1: чим відрізняється від title
H1 — це головний видимий заголовок на самій сторінці (тег <h1>), а не в коді «за кадром», як title. Користувач бачить H1, відкривши сторінку; title він бачить у видачі ще до кліку. Вони можуть і мають трохи відрізнятися: title заточений під запит і CTR, H1 — під читача.
Правила H1:
- Рівно один H1 на сторінці.
- Відображає суть контенту і містить ключ (можна в природнішому формулюванні, ніж title).
- Не плутати з логотипом чи назвою сайту в шапці.
- H2–H6 — для підзаголовків у логічній ієрархії.
Атрибут alt: опис зображень
Alt (alt=””) — це текстовий атрибут тега <img>, який описує зображення. Його «бачать»: пошукові роботи (які інакше не розуміють картинку), незрячі користувачі через скрінрідери та всі користувачі, якщо картинка не завантажилась. Хороший alt допомагає ранжуватися в Google Картинках і посилює тематичну релевантність сторінки.
Правила alt:
- Опишіть, що на зображенні, конкретно і коротко (до ~125 символів).
- Вставте ключ, якщо він доречний за змістом — без спаму.
- Не починайте з «зображення…» / «фото…» — це і так зображення.
- Декоративним картинкам — порожній alt (alt=””), щоб скрінрідер їх пропускав.
Порівняння мета-тегів в одній таблиці
| Тег | Де видно | Оптимальна довжина | Вплив на ранжування |
| title | Видача, вкладка браузера | 50–60 символів | Прямий, високий |
| meta description | Сніпет під посиланням | 140–160 символів | Опосередкований (через CTR) |
| H1 | На самій сторінці | до ~70 символів | Середній |
| alt | При недозавантаженні, скрінрідери, Google Картинки | до ~125 символів | Слабкий–середній (+ пошук за картинками) |
Приклади хороших і поганих мета-тегів
| Тег | Погано | Добре |
| title | Купити вікна пластикові вікна недорого вікна ПВХ вікна (переспам) | Пластикові вікна в Києві — ціни від заводу | БрендВікна |
| description | Вікна. Двері. Балкони. (порожньо, не мотивує) | Пластикові вікна з монтажем за 1 день. Гарантія 5 років, виїзд замірника. Розрахуйте вартість онлайн за 2 хвилини. |
| H1 | Ласкаво просимо на наш сайт! (ні про що) | Пластикові вікна в Києві |
| alt | alt=”IMG_2024.jpg” (або порожній у смислової картинки) | alt=”Біле пластикове вікно з подвійним склопакетом” |
Шаблони-формули для мета-тегів
- title: {Головний ключ} + {уточнення/гео} + {розділювач} + {Бренд}
- description: {Що це/вигода} + {ключ} + {заклик/цифра}
- H1: {Тема сторінки з ключем у природній формі}
- alt: {Що зображено} + {уточнення з ключем за доречності}
Часті помилки: що перевірити насамперед
Типові проблеми мета-тегів — дублі title по всьому сайту, відсутність або кілька H1 на сторінці, порожні alt у смислових картинок і переспам ключами. Поодинці їх легко не помітити, а разом вони помітно занижують релевантність. Найзручніше знаходити їх пакетно в ході технічного SEO-аудиту: аудит показує всі сторінки з проблемними чи задубльованими тегами і розставляє пріоритети щодо виправлення.
Мета-теги — частина великої картини on-page оптимізації. Як теги впливають на вигляд результату і потрапляння в розширені сніпети — у статті «Видача Google: SERP, сніпети і нульова позиція». Як вбудувати ключі в сам текст без переспаму — у матеріалі «SEO-копірайтинг». А щоб побачити, як теги вписуються в загальну стратегію просування посиланнями та контентом, почніть з опорного гайду «Що таке лінкбілдинг».
Хочете перевірити, чи все гаразд із мета-тегами на вашому сайті, і отримати список конкретних правок? Замовте технічний SEO-аудит — зберемо всі проблемні заголовки й описи та покажемо, що виправити насамперед. Ціни орієнтовні та залежать від ніші, обсягу й конкуренції — точну вартість розрахуємо за вашим проєктом.