Коли сторінкою діляться в месенджері або соціальній мережі, користувач бачить не весь сайт, а коротку картку: назву, опис, зображення та адресу. Якщо ці дані не задані або зчитуються неправильно, посилання виглядає непереконливо: замість зрозумілого анонсу може з’явитися випадковий фрагмент тексту, стара картинка чи порожній блок. Тому перевірка Open Graph потрібна не лише для краси. Вона допомагає контролювати перше враження від сторінки та уникати помилок під час публікації матеріалів.
Що саме перевіряють у Open Graph
Open Graph — це набір метатегів у коді сторінки. Найчастіше перевіряють чотири базові поля: og:title, og:description, og:image і og:url. Заголовок має коротко пояснювати зміст сторінки, опис — доповнювати його, зображення — відповідати матеріалу, а URL — вести на канонічну адресу цієї сторінки. Для українського сайту важливо також перевірити og:locale, якщо він використовується темою або SEO-плагіном.
Окремо варто звернути увагу на тип сторінки. Для звичайної статті часто застосовують og:type зі значенням article, а для головної або сторінки послуги — website. На практиці назви полів можуть бути присутні, але містити неправильні значення: наприклад, заголовок іншої сторінки або URL без HTTPS.
Як виконати перевірку без доступу до адмінпанелі
Почніть із публічної сторінки, яку плануєте поширювати. Відкрийте її вихідний код і знайдіть згадані метатеги в секції <head>. Перевірте, що кожен ключ зустрічається один раз, значення не порожнє, а лапки та кодування не пошкоджені. Якщо тегів немає, соціальна мережа може самостійно вибрати заголовок і зображення з видимої частини сторінки. Результат тоді залежатиме від конкретного сервісу та його кешу.
Далі відкрийте адресу з og:image окремо. Вона має повертати зображення без помилки доступу, не вести на сторінку входу та використовувати стабільний HTTPS-URL. Перевірте також, що картинка не замінена випадковим банером або логотипом теми. Для важливих сторінок корисно подивитися картку в кількох середовищах: у месенджері, у стрічці соціальної мережі та в сервісі попереднього перегляду, якщо він доступний.
Типові помилки, які впливають на картку
Одна з поширених проблем — дубльовані метатеги. Вони з’являються, коли Open Graph одночасно додають тема, SEO-плагін і окремий скрипт. Різні роботи можуть взяти перше або останнє значення, тому результат буде непередбачуваним. Інша помилка — використання відносного шляху для зображення. Безпечніше вказувати повну адресу з протоколом і доменом.
Також перевірте відповідність картки фактичному вмісту. Не варто залишати загальний заголовок на всіх статтях, підставляти зображення, яке не пов’язане з темою, або копіювати в опис службовий текст. Якщо сторінку перейменували, оновіть назву та опис у джерелі, а потім перевірте, чи не показує платформа стару версію через кеш. Для сторінок із кількома мовами додатково звірте адресу, мову й канонічну версію.
Практичний чекліст перед поширенням
Щоб не пропустити дрібниці, збережіть коротку послідовність дій:
- відкрийте публічну сторінку в режимі без авторизації;
- перевірте заголовок, опис, тип, URL і адресу зображення в коді;
- переконайтеся, що URL сторінки та
og:urlузгоджені з канонічною адресою; - відкрийте зображення окремо та перевірте його доступність;
- зробіть тестове поширення в потрібному каналі й подивіться фактичний прев’ю-блок;
- після зміни метатегів очистіть кеш сайту, якщо він використовується, і повторіть перевірку.
Важливо перевіряти не тільки головну сторінку, а й шаблони записів, сторінок послуг, категорій та матеріалів із різними типами зображень. Якщо проблема повторюється на всіх URL, шукайте причину в шаблоні або налаштуваннях плагіна. Якщо помилка є лише на одному записі, перевірте його індивідуальні поля, статус зображення та канонічну адресу.
Під час аудиту зафіксуйте результат для кількох типових URL, а не лише для одного прикладу. Окремо протестуйте статтю з широким зображенням, сторінку послуги без власної ілюстрації та матеріал, який має оновлений заголовок. Так ви побачите, чи коректно працює загальний шаблон і як система поводиться, коли одне з полів не заповнене. Корисно записати дату перевірки та адресу сторінки: це спрощує повторну діагностику після оновлення теми, SEO-плагіна або структури URL.
Не робіть висновок лише за тим, що метатеги видно у вихідному коді. Важливий кінцевий результат — картка, яку бачить читач. Якщо прев’ю не відповідає коду, причиною може бути кеш платформи або попередня версія сторінки. Спочатку перевірте, чи зміни опубліковані, потім повторіть тест через певний час і лише після цього шукайте помилку в шаблоні.
Висновок
Open Graph не замінює якісний текст або швидкий сайт, але визначає, як посилання виглядатиме в момент поширення. Разова перевірка допомагає знайти відсутні, дубльовані або застарілі значення, а короткий чекліст — не повторювати ці помилки під час публікації нових матеріалів. Якщо одночасно потрібно оцінити технічні сигнали сторінки, перегляньте матеріал про технічний SEO-аудит. А коли картка не оновлюється або різні канали показують різні дані, команда AriZone може допомогти локалізувати причину та скласти план перевірки.
Залиште коментар