Перейти до вмісту
TextArray
100% локально

Генератор метатегів

Згенеруйте HTML-заголовок, опис, канонічні теги, теги Open Graph і Twitter для сторінки.

Вихід

Генератор метатегів

Заповніть кілька полів, і цей генератор запише повний блок мета-тегів для <head> сторінки: заголовок, мета-опис, канонічне посилання, теги Open Graph, які керують виглядом посилання, коли воно публікується у Facebook або LinkedIn, і теги карток Twitter для X. Скопіюйте результат прямо у свій шаблон, і кожен фрагмент соціального перегляду та пошуку буде визначено в одному місці.

Виділяються лише теги, які ви фактично заповнюєте, тому немає порожніх атрибутів вмісту, які захаращують розмітку. Введіть заголовок, і він відображатиметься одночасно як <title>, og:title та twitter:title; додайте URL-адресу зображення, і воно подає як og:image, так і twitter:image. Два прапорці дозволяють повністю відмінити блок Open Graph або Twitter, тоді як селектори типу встановлюють og:type — веб-сайт, стаття, продукт або профіль — і стиль картки Twitter, резюме або варіант великого зображення, який бажає більшість сайтів.

Кожне значення під час написання екранується за допомогою HTML, тому амперсанди, кутові дужки та лапки у вашому заголовку чи описі ніколи не можуть порушити навколишній тег або сторінку. Прагніть до 60 символів у заголовку та близько 155 в описі, щоб пошукові системи показували їх без скорочення; живий підрахунок враховує обидва під час введення. Використовуйте абсолютну URL-адресу зображення https, оскільки сканери соціальних мереж не можуть визначити відносні шляхи.

Усе генерується у вашому браузері. Ваші заголовки, описи та URL-адреси ніколи не надсилаються на сервер, тому ви можете підготувати теги для неопублікованих або внутрішніх сторінок, не відкриваючи їх.

FAQ

Які теги він створює?
Заголовок, метаопис, канонічне посилання, основні теги Open Graph (og:title, og:description, og:url, og:image, og:type, og:site_name) і теги картки Twitter (twitter:card, twitter:title, twitter:description, twitter:image).
Чому деякі теги відсутні у вихідних даних?
Відображаються лише поля, які ви заповнюєте, тому порожні поля не створюють тегів. Вимкніть прапорець Open Graph або Twitter, щоб скинути цілий блок, навіть якщо поля встановлені.
Якої довжини мають бути назва й опис?
Тримайте назву близько 60 символів, а опис — близько 155, щоб пошукові системи відображали їх повністю. Підрахунок показує поточну довжину кожного під час введення.
Чи потрібна абсолютна URL-адреса зображення?
так Соціальні сканери отримують og:image і twitter:image поза вашою сторінкою, тому використовуйте повну URL-адресу https, а не відносний шлях, наприклад /og.png.
Мій текст десь завантажено?
Ні. Теги повністю збираються у вашому браузері, і введені дані ніколи не залишають пристрій.