Зрозуміла сторінка: назви, заголовки, описи й alt text

Різні елементи сторінки виконують різні завдання. Концептуальну ілюстрацію створено за допомогою AI; реальної сторінки чи результату пошуку не зображено.

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

Почніть із питання, на яке сторінка може відповісти

Уявімо вигаданий посібник для редакторів, які перевіряють джерела в AI-чернетці. Перша робоча назва — «Розумніший контент», а розділи називаються «Огляд», «Більше» й «Далі». Насправді питання значно конкретніше: як перевірити, чи справді джерело підтверджує твердження? Усі наведені нижче формулювання й зображення ілюстративні; це не перевірена сторінка чи результат пошуку.

Keyword research досліджує мову та питання аудиторії. SEO Starter Guide від Google рекомендує корисний, оригінальний, читабельний контент і врахування словника різних читачів. Дослідження має допомагати визначити, що пояснюватиме сторінка; додавання всіх варіантів формулювань не замінює відповіді на питання.

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

Розрізняйте видиму назву та назву в пошуку

Видимий головний заголовок повідомляє читачеві на сторінці, що вона охоплює. HTML-елемент title задає ще одну назву сторінки. Title link — заголовок-посилання, показаний у результаті пошуку. Рекомендації Google описують його автоматичне формування з джерел, серед яких title, видима головна назва й заголовки розділів; надане формулювання є вхідними даними, а не обіцянкою точного показу.

Google рекомендує описовий, стислий текст title і чітку головну назву. Він застерігає від повторення ключових слів, розмитих або шаблонних формулювань. Видимі title links можуть скорочуватися під доступну ширину, тому універсальна формула кількості символів не гарантує вигляду.

Таблиця пропонує споріднені формулювання для споріднених завдань. Заголовок звертається безпосередньо до читача; title стисло ідентифікує посібник; опис підсумовує його зміст. Жоден не додає обіцянки, якої сторінка не виконає, наприклад довести правильність кожного AI-твердження. Запропоновані фрази описують один посібник, а не конкуруючі теми.

Нехай опис буде точним запрошенням

Meta description задає короткий підсумок сторінки. У рекомендаціях Google щодо snippets пояснено, що snippets формуються передусім із вмісту сторінки; опис можуть використати, якщо він краще підсумовує її. Різні запити можуть давати різні snippets для тієї самої сторінки. Пишіть точний опис саме цієї сторінки, не сприймаючи його як гарантований підпис у пошуковій видачі.

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

Використовуйте рівні заголовків для позначення зв’язків

Ієрархія заголовків (heading hierarchy) організовує розділи та підрозділи. Посібник W3C WAI пояснює, що заголовки передають структуру й підтримують навігацію сторінкою, зокрема за допомогою допоміжних технологій. Його рекомендації передбачають вкладення розділів за рівнями й радять не пропускати рівні під час відкриття підрозділів. Обирайте семантичний рівень за зв’язком; візуальний розмір можна оформити окремо.

У нашому плані «Знайдіть першоджерело» — основний розділ. «Коли джерело не підтверджує твердження» — його підрозділ. Наступний розділ про запис рішення перевіряльника повертається до H2. Саме лише жирне оформлення підрозділу не створює такого самого структурного зв’язку.

Описуйте внесок зображення саме тут

Alt text зображення передає доречну інформацію або функцію. Посібник W3C WAI щодо зображень розрізняє інформативні, декоративні та функціональні зображення. Інформативному потрібна альтернатива, що передає основну інформацію. Суто декоративне може мати порожню альтернативу, alt=””. Зображенню, яке слугує посиланням або кнопкою, потрібна альтернатива з описом його призначення.

Припустімо, посібник містить просту ілюстрацію зв’язку між твердженням чернетки та фрагментом джерела, що його підтверджує. Запропонована альтернатива: «Твердження чернетки пов’язане з фрагментом, який його підтверджує». Декоративний роздільник не передає подібної інформації. Якщо саме зображення є посиланням на список перевірки, альтернатива натомість має пояснювати відкриття цього списку.

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

Перевірте, чи всі елементи описують ту саму сторінку

Ці рішення належать до on-page SEO: покращення змісту, організації та описових елементів сторінки, щоб її призначення було зрозумілим. Початкові рекомендації Google не обіцяють автоматичного першого місця за їх виконання. Чіткі формулювання корисні й без перетворення на формулу ранжування чи заяв про зростання трафіку.

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