Meta Tag Generator

Про цей інструмент

Meta Tag Generator будує head-level метадані, що пошукові системи і соцмережі читають з вашої сторінки. Заповніть title сторінки, опис, canonical URL, мову, robots-директиви, Open Graph-поля (image, type, locale, site name) і Twitter Card-варіант — інструмент видає готовий до вставлення блок HTML <meta>-тегів зі всім правильно екранованим. Live preview показує, як результат виглядає в Google, Facebook, Twitter/X і LinkedIn previews, щоб тюнити копірайт перед деплоєм.

Інструмент слідує поточним специфікаціям: Open Graph protocol (де-факто стандарт для Facebook/LinkedIn/iMessage previews), Twitter Cards (summary, summary_large_image, player, app), oEmbed-маркери для embeddable-контенту і core SEO-теги (title, description, canonical, robots). Для multilingual-сайтів також генерує hreflang alternate-URL теги з простої language → URL таблиці.

Коли використовувати цей інструмент

• Pre-launch SEO check. Перевірте, що кожна сторінка має унікальний title і description в межах length-бюджетів (≈ 60 / 155 символів відповідно).
• Тюнінг social-preview. Та сама сторінка може мати різні OG vs Twitter копірайти, якщо хочете оптимізувати per platform.
• Сайзинг Open Graph-image. Previewer маркує зображення, що виходять за рекомендоване співвідношення 1200×630.
• Multilingual-сайти. Згенеруйте hreflang-набір для кожної мовної версії сторінки за один прохід.

Про length-бюджети

Google скорочує titles на ~60 символах і descriptions на ~155 — це orientations за спостереженням, не контракти. Мобільні зрізують швидше за desktop. Open Graph titles рендеряться до ~88 символів у більшості додатків; descriptions — до ~200. Previewer попереджає при перевищенні кожного ліміту, щоб ви не отримали сумне «...» в дикому світі. Тестуйте на реальних платформах (Facebook Sharing Debugger, Twitter Card Validator) перед деплоєм.