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

Какие теги пишутся

Странице нужны заголовок, описание, канонический URL, теги Open Graph и карточка X. Эта страница пишет эти теги и считает заголовок и описание.

Как пользоваться

1. Заполните Заголовок и Описание. Счёт стоит рядом с каждым полем и обновляется по мере ввода.
2. Канонический URL, URL изображения, Альтернативный текст, Имя сайта, og:type, og:locale, Карточка X и Сайт X необязательны. og:type начинается с website. Карточка X начинается с summary_large_image.
3. Преобразовать обновляет теги. Показать пример ставит заголовок Ada Lovelace notes, описание Short notes on the analytical engine, with a portrait and a canonical page, канонический URL и изображение og на https://example.com/ada и https://example.com/ada.jpg, alt на Portrait of Ada, сайт на Example, og:type на article, og:locale на en_US, карточку на summary_large_image и сайт X на @example.
4. В результате есть элемент title, name="description", rel="canonical", og:title, og:description, og:url, og:image, og:image:alt, og:site_name, og:type content="article", og:locale content="en_US", twitter:card content="summary_large_image", twitter:title, twitter:description, twitter:image и twitter:site content="@example".
5. Очистить всё опустошает поля, возвращает og:type к website и карточку к summary_large_image. Копировать результат копирует теги.

Счёт и пустые поля

Счёт заголовка и счёт описания показываются всегда. После 60 символов строка заголовка предупреждает. После 160 символов строка описания предупреждает. Теги всё равно пишутся.

Пустое необязательное поле опускается. Кавычки в тексте экранируются. og:type — это website или article. Значение карточки X — summary или summary_large_image.

Где это нужно

• Набросать теги head для статьи.
• Увидеть, что заголовок перешёл за 60 символов, до публикации.
• Переключить карточку между summary и summary_large_image.

Вопросы