Как готовить контент для сайта

Коли нам надсилають сторінку зі словами «текст є, а заявок і позицій немає», ми майже завжди бачимо одну й ту саму картину. Суцільне полотно на два екрани без жодного підзаголовка. Перший абзац — про історію компанії, а відповідь на запитання, з яким людина прийшла, захована десь посередині. Фото по чотири мегабайти, без підписів і з назвами на кшталт IMG_4512.jpg. Формально контент на місці. Фактично його ніхто не читає, а пошукова система не розуміє, кому і навіщо цю сторінку показувати.

Хороший контент для сайту — це не «гарно написаний текст», а сторінка, зібрана під конкретне завдання читача: швидко знайти відповідь, переконатися, що вам можна довіряти, і зробити наступний крок. Нижче — те, як ми готуємо такі матеріали у WebTerra: від розуміння пошукового наміру до структури, читабельності, зображень і сигналів експертності. У тій послідовності, в якій радимо працювати й вам.

Почніть із наміру, а не з тексту

Найдорожча помилка в контенті відбувається ще до першого речення: сторінку пишуть не в тому форматі, якого чекає людина. За кожним запитом стоїть намір — інформаційний, комерційний, транзакційний чи навігаційний. Людина, яка шукає «як вибрати ламінат», хоче розібратися, а не потрапити одразу в каталог. Людина, яка шукає «ламінат 33 клас ціна», уже вибрала й порівнює пропозиції — їй потрібні товари, ціни та умови доставки, а не лекція.

Найпростіший спосіб визначити намір — відкрити видачу за потрібним запитом і подивитися, що там уже стоїть. Якщо в топі статті та інструкції, пошукова система вважає запит інформаційним, і ваша сторінка послуги туди навряд чи потрапить. Якщо в топі каталоги й картки — статтею цю видачу не взяти. Ми робимо цю перевірку для кожної нової сторінки, ще до того, як писати технічне завдання автору.

Тип наміру	Приклад запиту	Який формат сторінки працює
Інформаційний	як доглядати за шкіряним диваном	Стаття, інструкція, покрокова схема
Комерційний	який робот-пилосос краще для квартири	Огляд, порівняння, підбірка з таблицею
Транзакційний	замовити розробку лендингу	Сторінка послуги чи товару з ціною і формою
Навігаційний	назва бренду + контакти	Контакти, сторінка компанії чи філії

Одна сторінка — один головний намір і одна група близьких запитів. Якщо намагатися «закрити» статтею одночасно і «що це таке», і «купити недорого», вийде текст, який погано відповідає на обидва запитання. Як зібрати запити й розкласти їх по сторінках, ми детально пояснювали в статті «Готуємо семантичне ядро самостійно».

Після цього ми записуємо в коротке технічне завдання три речі: хто читач і в якій він ситуації, яке одне запитання він має закрити після прочитання, і яку дію ми хочемо від нього далі. Це займає п’ять хвилин, але відсікає половину зайвого тексту ще до його появи.

Структура: спершу відповідь, потім деталі

Люди в інтернеті не читають сторінку від першого рядка до останнього. Вони заходять, за кілька секунд оцінюють, чи є тут відповідь, і або залишаються, або повертаються до пошуку. Тому ми будуємо матеріали за принципом перевернутої піраміди: головне — на початку, далі пояснення, потім деталі й нюанси для тих, хто хоче заглибитися.

На практиці це означає, що перші два абзаци мають сказати, про що сторінка і що читач отримає. Без «у сучасному світі» і без історії компанії. Якщо людина шукає, скільки сохне фарба, у першому ж абзаці має бути цифра, а вже потім — від чого вона залежить.

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

Заголовки — це скелет сторінки. Для людини вони працюють як зміст, яким можна швидко пробігтися очима. Для пошукової системи — як підказка, з яких смислових блоків складається текст. Правила, яких ми дотримуємося:

• Один H1 на сторінку. Він збігається за змістом із title і чесно називає тему.
• H2 — основні розділи. Кожен відповідає на окреме підпитання теми. Прочитавши лише H2, людина має зрозуміти, що є в матеріалі.
• H3 — підрозділи всередині H2. Не можна стрибати з H1 одразу на H3 і використовувати заголовки лише заради розміру шрифту.
• Заголовки — інформативні. «Скільки коштує» краще, ніж «Ціни», а «Чому фарба тріскається» — краще, ніж «Нюанси».
• Без переспаму. Ключова фраза доречна в H1 і ще в одному-двох H2, але не в кожному заголовку підряд.

Простий тест, який ми радимо всім: випишіть на окремий аркуш лише заголовки сторінки. Якщо з цього списку незрозуміло, про що текст і в якій послідовності він розкриває тему, — структуру треба переробляти, а не редагувати речення.

Читабельність: пишемо для сканування

Дослідження руху очей давно показали: на текстових сторінках погляд найчастіше рухається за F-подібною траєкторією. Людина читає перший рядок або два, далі ковзає вниз лівим краєм і чіпляється за початки абзаців, підзаголовки, виділені слова, списки. Тому завдання — зробити так, щоб навіть «скануючий» читач підхопив головні думки.

Ось що для цього працює в наших проєктах:

1. Короткі абзаци. Три-п’ять речень, одна думка. На смартфоні абзац із десяти рядків перетворюється на стіну, яку просто прогортають.
2. Перше речення абзацу несе суть. Решта — пояснення. Хто читає лише початки абзаців, усе одно отримає головне.
3. Списки замість перерахувань через кому. Кроки процесу — нумерованим списком, рівноцінні пункти — маркованим.
4. Таблиці для порівнянь. Якщо ви порівнюєте три варіанти за чотирма ознаками, таблиця читається в рази швидше за текст.
5. Помірні виділення. Жирним — кілька ключових фраз на екран, а не половина тексту. Коли виділено все, не виділено нічого.
6. Прості речення і живі приклади. Замість «забезпечує оптимізацію процесів» — що саме змінюється для клієнта і як він це помітить.

Окремо стежимо за мовою. Канцелярит, пасивні конструкції й абстрактні формулювання гальмують читання навіть у фахівців. Ми просимо авторів писати так, як вони пояснили б те саме клієнту по телефону, а потім прибирати зайве. Терміни лишаємо там, де без них не обійтися, але пояснюємо їх при першій появі.

І про обсяг. Пошукова система не рахує слова — вона оцінює, наскільки повно сторінка відповідає на запит. Для одного запиту достатньо екрана тексту з чіткою відповіддю, для іншого потрібен розгорнутий гайд. Орієнтир дає та сама видача: подивіться, наскільки глибоко розкривають тему лідери, і зробіть корисніше, а не довше. Розтягнутий текст погіршує саме те, заради чого ви його писали, — дочитуваність.

Не забувайте і про верстку. Ширина рядка 60–80 знаків, достатній міжрядковий інтервал, контрастний текст на фоні, розмір шрифту, який комфортно читати на телефоні без масштабування. Більшість відвідувачів сьогодні приходить зі смартфонів, тож перевіряти сторінку треба насамперед там. Детальніше про це — у статті «Як досягти успіху в mobile-first index».

Що допомагає дочитати до кінця

Дочитуваність — це не лише короткі абзаци. Довгий матеріал тримає увагу, коли читач постійно бачить, що рухається вперед і отримує користь. Кілька прийомів, які ми використовуємо в гайдах і великих статтях:

• Зміст із якірними посиланнями на початку довгого тексту — людина одразу бачить, що її чекає, і може перейти до потрібного розділу.
• Візуальний ритм. Кожні один-два екрани — щось, що ламає монотонність: список, таблиця, схема, виділена порада чи приклад.
• Конкретика замість обіцянок. Кожен розділ має давати щось, що можна застосувати: крок, цифру, перевірку, шаблон.
• Проміжні точки дії. Не лише кнопка в самому кінці, а й доречне посилання чи пропозиція там, де читач дійшов до відповідної потреби.
• Чесний фінал. Короткий підсумок або чекліст, який людина може зберегти, — і зрозумілий наступний крок.

Перевіряти все це ми радимо не на відчуттях, а за даними: глибина прокручування, час на сторінці й кліки по елементах у веб-аналітиці показують, на якому екрані читачі масово йдуть. Саме там зазвичай і стоїть розділ, який варто скоротити, переставити або переписати.

Зображення: користь, alt, формати й розміри

Ілюстрація має пояснювати, а не прикрашати. Схема процесу, скриншот налаштування, фото реального результату, порівняння «до і після» — усе це утримує увагу і полегшує розуміння. Стокове фото усміхнених людей у навушниках не додає сторінці нічого, крім ваги. Ми ставимо зображення поруч із тим місцем тексту, яке вони ілюструють, і супроводжуємо підписом в одне речення: підписи читають значно частіше, ніж звичайні абзаци.

Alt і назва файлу

Атрибут alt — це текстова заміна зображення. Його зачитують програми екранного доступу, його бачить пошукова система, і він з’являється, якщо картинка не завантажилася. Хороший alt коротко описує, що зображено і навіщо: «Схема структури статті з H1, трьома розділами H2 і підрозділами H3». Поганий — порожній, «картинка» або перелік ключових слів через кому. Чисто декоративні елементи отримують порожній alt="", щоб не заважати людям, які користуються скрінрідерами.

Назву файлу теж варто робити змістовною і латиницею: struktura-statti-zagolovky.webp замість IMG_4512.jpg. Це дрібниця, але вона допомагає пошуку зображень і порядку в медіатеці.

Формати

Формат	Коли використовувати	Коментар
WebP	Фото й ілюстрації за замовчуванням	Помітно легший за JPEG за тієї ж якості, підтримується всіма сучасними браузерами
AVIF	Великі фото, де важливий кожен кілобайт	Ще компактніший, але повільніше кодується; варто віддавати з запасним варіантом
JPEG	Запасний варіант для фото	Універсальний, але важчий за сучасні формати
PNG	Скриншоти інтерфейсів, графіка з прозорістю	Для фото — надто важкий
SVG	Логотипи, іконки, прості схеми	Векторний, чіткий на будь-якому екрані, займає мало місця

Розміри та завантаження

Найчастіша проблема, яку ми бачимо під час аудитів, — фото прямо з камери чи телефону, 4000 пікселів завширшки, вставлене в колонку тексту шириною 800. Браузер завантажує в кілька разів більше даних, ніж може показати, і сторінка відкривається повільно, особливо через мобільний інтернет.

Наш робочий порядок для кожного зображення:

1. Обрізаємо зайве і зменшуємо до реальної ширини показу, з запасом для екранів високої щільності.
2. Конвертуємо в WebP чи AVIF і стискаємо з розумною якістю — різницю на око зазвичай не видно.
3. Готуємо кілька розмірів і віддаємо їх через srcset і sizes, щоб телефон не тягнув версію для широкого монітора.
4. Вказуємо width і height, щоб макет не стрибав під час завантаження.
5. Додаємо loading="lazy" для всього, що нижче першого екрана, але не для головного зображення — його, навпаки, вантажимо якомога раніше.

Усе це напряму впливає на швидкість і Core Web Vitals, а отже — і на те, чи дочекається людина вашого тексту взагалі. Якщо на сайті вже накопичилися сотні важких зображень, вручну їх не переробиш — тут допомагає автоматична обробка, яку ми налаштовуємо в межах послуги оптимізації сайту.

E-E-A-T: чому вам мають повірити

Google у своїх настановах для асесорів описує якість контенту через чотири ознаки: досвід, експертність, авторитетність і довіру (E-E-A-T). Це не окремий «фактор ранжування», який можна підкрутити одним тегом. Це сукупність сигналів, за якими і людина, і алгоритм вирішують, чи можна покладатися на сторінку. Особливо суворо вони діють у темах здоров’я, фінансів, права й безпеки, але працюють у будь-якій ніші.

• Досвід. Показуйте, що ви справді робили те, про що пишете: власні фото, скриншоти, опис реальних ситуацій і помилок. Узагальнений текст «з інтернету» цього не дає.
• Експертність. Вказуйте автора з короткою довідкою: хто він, чим займається, чому розбирається в темі. Для складних тем — додавайте рецензента-фахівця.
• Авторитетність. Посилайтеся на першоджерела: стандарти, документацію, офіційні дані. Зовнішні згадки про вашу компанію також працюють на цей сигнал.
• Довіра. Повні контакти, сторінка «Про нас», зрозумілі умови, захищене з’єднання, дата публікації та оновлення, виправлені фактичні помилки.

Окремо про актуальність. Ми переглядаємо ключові матеріали хоча б раз на кілька місяців: оновлюємо ціни, кроки, скриншоти інтерфейсів, прибираємо застарілі поради. Стаття, у якій описано меню, яке давно змінилося, швидко втрачає і довіру читачів, і позиції.

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

Метадані й перелінковка

Навіть найкращий текст треба правильно «упакувати». Title — до 60 символів, із головним запитом ближче до початку й зрозумілою користю. Description — одне-два речення, які пояснюють, що людина знайде на сторінці: він не впливає на позиції напряму, але впливає на клік. URL — короткий і читабельний. Більше про технічну сторону — у статті «Внутрішня SEO-оптимізація сайту».

Внутрішні посилання ми розставляємо там, де вони справді допомагають читачеві: на детальніший матеріал, на суміжну тему, на сторінку послуги, коли людина дійшла до потреби її замовити. Анкор має описувати, куди веде посилання, — «детальніше про структуру каталогу», а не «тут». Три-шість доречних посилань на статтю — нормально. Двадцять посилань у кожному абзаці — ні.

Як це виглядає на практиці

Типова ситуація: компанія з ремонту квартир має сторінку «Ремонт ванної під ключ». На ній — п’ять абзаців загальних слів про якість і досвід, жодного підзаголовка, ціна «за запитом», дві стокові фотографії ванних, яких компанія не робила. Сторінка роками стоїть на другій-третій сторінці видачі, а ті, хто на неї потрапляє, швидко йдуть.

Ми починаємо з видачі: у топі сторінки з орієнтовними цінами, етапами та фото робіт. Тому перебудовуємо сторінку під цей намір. Угорі — коротка відповідь: що входить у ремонт, від чого залежить вартість, скільки триває. Далі — етапи нумерованим списком, таблиця з орієнтовними цінами за видами робіт, реальні фото «до і після» з підписами та змістовним alt, блок про те, хто керує об’єктами, відповіді на часті запитання і зрозуміла кнопка запиту кошторису. Фотографії зменшуємо й переводимо у WebP — сторінка стає в кілька разів легшою.

Результат таких змін видно не за день: спершу в аналітиці зростає час на сторінці й глибина прокручування, потім — кількість запитів, за якими сторінка з’являється в пошуку, і звернення. Конкретні цифри залежать від ніші й конкуренції, тому ми їх не обіцяємо, але напрямок руху видно завжди.

П’ять помилок, які ми бачимо найчастіше

1. Текст «для робота». Ключові слова в кожному реченні, неприродні звороти. Сучасний пошук розуміє синоніми, а людина просто закриває таку сторінку.
2. Вступ на пів екрана. Відповідь захована в середині, і більшість читачів до неї не доходить.
3. Заголовки для оформлення. H2 використовують заради великого шрифту, а реальні розділи залишаються без заголовків.
4. Важкі фото без alt. Сторінка вантажиться повільно, а пошукова система й скрінрідери не розуміють, що на зображеннях.
5. Опублікували й забули. Матеріал старіє, факти змінюються, а дата і зміст лишаються такими ж, як у день публікації.

Короткий чекліст перед публікацією

• Формат сторінки відповідає тому, що показує видача за головним запитом.
• Відповідь на основне запитання — у перших двох абзацах.
• Один H1, логічні H2 і H3, з яких зрозумілий зміст сторінки.
• Абзаци до п’яти речень, є списки й таблиці там, де є що порівнювати.
• Зображення стиснуті, у сучасному форматі, з розмірами, змістовним alt і підписом.
• Видно автора, дату оновлення і джерела фактів.
• Title і description написані вручну, URL короткий.
• Є 3–6 доречних внутрішніх посилань і зрозуміла наступна дія.
• Сторінку переглянуто на смартфоні.

Часті запитання

Якої довжини має бути текст?

Такої, щоб повністю відповісти на запит і не більше. Орієнтуйтеся на глибину розкриття теми в лідерів видачі, а не на кількість знаків. Короткої сторінки з точною відповіддю часто достатньо, а розтягнутий текст лише знижує дочитуваність.

Чи потрібно прописувати alt для кожного зображення?

Для кожного змістовного — так: схеми, фото товарів, роботи, скриншоти. Для декоративних елементів, наприклад фонових візерунків чи роздільників, alt лишається порожнім, щоб скрінрідери їх пропускали.

Чи можна писати тексти за допомогою нейромереж?

Можна як інструмент для чернетки чи плану. Але досвід, приклади, перевірка фактів і висновки мають бути вашими. Сторінка без них нічим не відрізняється від сотень інших і не дає причин показувати саме її.

Як часто оновлювати опубліковані матеріали?

Ключові сторінки ми переглядаємо раз на кілька місяців, а також щоразу, коли змінюються ціни, процеси чи інтерфейси, про які йдеться. Позначайте дату оновлення — це сигнал і для читача, і для пошуку.

Підсумок

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

Якщо базові речі здатні зробити самі, з них і варто почати — як саме, ми розповідали в статті «Самостійне просування: як це працює». А якщо хочете, щоб ми подивилися на ваші сторінки й склали план доопрацювання контенту, — напишіть нам. Ми готуємо контент у межах просування сайтів і пришвидшуємо сторінки, щоб їх встигали прочитати.