Генератор метатегів
Заповніть поля й скопіюйте теги в head вашої сторінки.
- Працює у вашому браузері — ваш текст нікуди не надсилається
- Без реєстрації та квот, безкоштовно користуйтеся скільки завгодно
Як це працює
Існує три набори тегів, що частково збігаються й виконують майже те саме: класичні теги для SEO, Open Graph для Facebook, LinkedIn, WhatsApp і Slack та Twitter Cards. Писати їх вручну означає тричі повторюватися й щось пропустити.
Open Graph робить більшу частину роботи
Це не лише Facebook. LinkedIn, WhatsApp, Slack, Discord, iMessage та більшість інших сервісів, що розгортають посилання у попередній перегляд, читають теги Open Graph. Правильно налаштувавши їх, ви виправляєте попередній перегляд майже скрізь одразу. Twitter Cards — невеликий додатковий набір для X, який використовує Open Graph як запасний варіант, коли їх немає.
Довжини перевіряються під час введення
Приблизно 60 символів для заголовка й 160 для опису, після чого результати пошуку обрізаються. Це орієнтири, а не жорсткі межі: пошукові системи вимірюють заголовки за шириною в пікселях, тож заголовок із великих літер і «М» обрізається раніше, ніж заголовок зі стрічкових «l». Попередження повідомляє, коли ви опиняєтеся в ризикованій зоні.
Про зображення люди забувають найчастіше
Посилання без og:image відображається як голий сірий прямокутник, що відчутно знижує кількість кліків. URL має бути абсолютним і починатися з https, бо сайти, які його завантажують, не знають базової адреси вашої сторінки. Для картки з великим зображенням підійде приблизно 1200 на 630 пікселів.
Канонічна адреса (canonical URL)
Канонічне посилання повідомляє пошуковим системам, яка адреса є справжньою, коли на ту саму сторінку можна потрапити кількома шляхами: із кінцевою косою рискою й без неї, з параметрами відстеження, через http і https. Це виправлення в один рядок для цілого класу проблем із дублюванням вмісту.
Усе екранується
Лапки й кутові дужки у вашому тексті екрануються належним чином, тож опис з апострофом чи лапками не може зламати тег, у якому він розташований.
Генератор метатегів: запитання
Чи потрібні теги Twitter Card на додачу до Open Graph?
Не обов'язково: X використовує Open Graph як запасний варіант. Додаткові теги дають змогу керувати стилем картки.
Якої довжини має бути заголовок?
Близько 60 символів. Пошукові системи обрізають за шириною в пікселях, тож сприймайте це як орієнтир, а не правило.
Чому в попередньому перегляді посилання немає зображення?
Або бракує og:image, або його URL відносний. Він має бути абсолютним і починатися з https.
Куди вставляти ці теги?
Усередину <head> вашої сторінки.
Чому мій попередній перегляд не оновлюється?
Соціальні платформи активно кешують. Більшість із них надає засіб налагодження, який примусово завантажує сторінку знову.