Ви надсилаєте клієнтові корисну статтю, але в повідомленні з’являється загальна картинка студії та нечітка назва. Людина ще не відкрила сторінку, а вже має здогадуватися, що за посиланням. Виправлення варто почати не з довільного переписування всіх полів, а з простого редакційного питання: яку саме сторінку ми представляємо і що читач має зрозуміти до переходу?
Спочатку розділіть три контексти
HTML-елемент <title> задає назву документа у вкладці браузера. Довідка MDN. Опис сторінки можна записати через meta name="description". Довідка про meta.
Заголовок результату Google формується автоматично з кількох джерел. Документація Google. Пошуковий фрагмент переважно походить із вмісту сторінки, іноді з метаопису, і залежить від запиту. Документація про фрагменти.
Для Open Graph обов’язкові og:title, og:type, og:image, og:url. Додаткові og:image:width і og:image:height задають розміри; og:image:alt описує зображення, а не підпис. Специфікація Open Graph.
У робочому документі відведіть кожному контексту окремий рядок: «вкладка», «пошук», «поширення». Поруч запишіть бажаний текст і фактично побачений результат. Так команда не плутатиме редакційне рішення з поведінкою конкретного застосунку.
Складіть маленький бриф для посилання
Уявімо статтю про підготовку фотографій до портфоліо. Замість назви «Корисна інформація» спробуйте «Як відібрати 12 фотографій для портфоліо». Робочий опис: «Критерії відбору, послідовність кадрів і перевірка перед публікацією». Це вигаданий приклад формулювання, а не обіцянка результату: число 12 доречне лише тоді, коли матеріал справді працює з такою добіркою.
Перевірте бриф без зображення. Чи можна зрозуміти тему? Потім без опису: чи залишається назва конкретною? Попросіть колегу одним реченням сказати, що він очікує побачити після переходу. Якщо відповідь не збігається зі змістом, виправляйте формулювання, а не додавайте рекламні прикметники.
Головна сторінка й стаття потребують різних обкладинок
Для головної доречна впізнавана брендова композиція. Для окремої статті краще підготувати зображення, яке пояснює її тему: добірку кадрів, фрагмент процесу або просту тематичну ілюстрацію. Спільні кольори й невеликий знак можуть об’єднувати серію, але не повинні замінювати зміст.
Зробіть у редакторі широке та квадратне кадрування як стрес-тест, а не як універсальну специфікацію платформ. Тримайте важливий об’єкт ближче до центру, залишайте повітря біля країв. Подивіться на зменшену картинку на телефоні. Якщо текст читається лише зі збільшенням, приберіть його або суттєво скоротіть.
Контрольний список перед поширенням
- Зафіксуйте адресу. Перевіряйте саме кінцеву публічну URL-адресу потрібною мовою, а не чернетку чи домашню сторінку.
- Звірте зміст. Назва, опис і обкладинка мають представляти один матеріал. Приберіть випадково успадковані поля іншої статті.
- Відкрийте зображення окремо. Переконайтеся, що посилання веде до потрібного файла без входу в обліковий запис.
- Перевірте сторінку, а не лише форму. Збережене поле в редакторі ще не підтверджує, що потрібні дані з’явилися в опублікованому HTML.
- Подивіться фактичну картку. У цільовому застосунку перевірте зображення, обрізання, текст і адресу переходу. Якщо перевірки не було, так і позначте.
- Повторіть для мовних версій. Не обмежуйтеся перекладом заголовка: звірте опис, зображення з написами й сторінку призначення.
Що означає «готово»
Ведіть короткий запис: адреса, мова, час, застосунок, результат і наступний крок. Розділяйте стани «поля збережені», «HTML перевірений» і «картку побачено». Якщо після зміни відображається старий варіант, не обіцяйте негайного оновлення та не вигадуйте строку кешування. Збережіть приклад і перевірте доступний спосіб повторного зчитування в конкретному сервісі. Мета роботи проста: читач розуміє посилання, а команда знає, що саме вже підтверджено.