Как создать HTML-метатеги для страницы

Назначение и входные данные

Meta Tag Generator собирает HTML-разметку метаданных из текстовых значений, которые вы вводите для страницы. В набор могут входить заголовок, описание, keywords, автор, а также текстовые настройки viewport и robots. Такой сценарий удобен, когда нужно получить структурированный фрагмент для дальнейшей проверки и размещения в документе.

Поля метаданных страницы необязательны, поэтому их можно заполнять выборочно. Даже если заголовок, описание, keywords и автор не указаны, результат всё равно содержит базовые элементы viewport, robots и кодировки. Для viewport и robots доступны предложенные значения, а при необходимости их текст можно заменить перед созданием результата.

Инструмент работает с переданными значениями, а не с содержанием уже опубликованной страницы. Поэтому смысл каждого текста и соответствие выбранных настроек задаче страницы следует оценить отдельно. Разметка помогает увидеть, какие строки были сформированы из заполненных полей и какие из них появились благодаря базовым настройкам.

Порядок создания разметки

Подготовьте значения, которые хотите включить в фрагмент: заголовок страницы, описание, keywords и имя автора. Заполняйте только нужные поля, поскольку каждое непустое значение влияет на состав результата.
Введите заголовок, если он должен присутствовать в разметке. При заполненном поле для него создаются две связанные части: элемент title и метаданные с тем же заголовком. Перед запуском проверьте написание, чтобы в результат попал задуманный текст.
Добавьте описание, keywords и author по необходимости. Для каждого непустого поля формируется соответствующая мета-разметка, а оставленные пустыми поля не добавляют необязательные записи. Такой подход позволяет получить фрагмент без текстов, которые не относятся к выбранной странице.
Просмотрите значения viewport и robots. Если особая настройка не нужна, оставьте предложенные варианты width=device-width, initial-scale=1.0 и index, follow; если требуется другой текст, измените соответствующее поле до создания разметки.
Запустите создание результата после заполнения полей. Просмотрите полученный HTML-фрагмент и используйте его там, где вы самостоятельно формируете документ страницы. Отдельные строки разделены переводами строки, поэтому состав результата удобно сопоставлять с введёнными параметрами.
При изменении исходного текста создайте результат повторно. Особенно внимательно сравните строки, если во вводе есть кавычки, угловые скобки или другие специальные символы: перед вставкой в HTML переданные значения экранируются.

Проверка состава результата

Сначала проверьте базовую часть результата. В ней должны присутствовать разметка viewport, robots и указание кодировки, включая случай, когда все необязательные поля метаданных оставлены пустыми. Эти строки не зависят от появления заголовка, описания, keywords или автора.

Затем сопоставьте дополнительные строки с заполненными полями. Непустое описание, keywords или author должно иметь соответствующую запись, тогда как отсутствие текста в поле объясняет отсутствие необязательной строки. Заполненный заголовок нужно искать в двух формах: как элемент title и как метаданные заголовка.

При проверке написания учитывайте экранирование. Символы, имеющие специальное значение в HTML, могут выглядеть в готовом фрагменте иначе, чем во введённом тексте, хотя это отражает обработку значения перед вставкой. Разделение строками помогает рассматривать элементы по отдельности.

После технической сверки оцените смысл настроек viewport и robots применительно к своей странице. Сам факт появления строки не показывает, что выбранный текст подходит конкретной задаче, а сформированный фрагмент не подтверждает качество содержания метаданных. Ответ инструмента следует воспринимать как построенную из ваших значений разметку, которую нужно проверить перед использованием.

Практический пример

Владелец страницы каталога хочет подготовить фрагмент метаданных для новой страницы с одним заданным заголовком и без дополнительных текстовых полей.

Введите заголовок «Каталог зимних курток», оставьте keywords и author пустыми, сохраните предложенные значения viewport и robots и запустите создание HTML-разметки. Затем проверьте наличие базовых строк и двух частей, связанных с заголовком, не ожидая записей для пустых полей keywords и author.

В результате присутствуют строки viewport, robots и кодировки; для непустого заголовка присутствуют элемент title и метаданные заголовка, а отдельные строки разделены переводами строки.

Ограничения

Результат строится из переданных текстовых значений; пригодность метаданных и выбранного текста viewport или robots для конкретной страницы нужно оценить отдельно.

Частые ошибки

Если ожидаемая строка не появилась, проверьте, осталось ли соответствующее поле непустым. Введите нужное значение и сформируйте разметку заново, либо оставьте поле пустым намеренно, если дополнительная запись не нужна.

Частые вопросы

Появится ли title в результате?

Условие такое: поле title должно содержать текст. Тогда результат включает элемент title и метаданные заголовка, а при пустом поле необязательная разметка заголовка не добавляется отдельно от базовых элементов.

Можно ли создать разметку без description и keywords?

Да, это возможно. Пустые description и keywords не препятствуют созданию фрагмента, поскольку базовые элементы viewport, robots и кодировки включаются независимо от необязательных текстовых полей страницы.

Можно ли изменить viewport и robots?

Да, текстовые значения можно настроить перед созданием результата. Если сохранить предложенные варианты, для viewport используется width=device-width, initial-scale=1.0, а для robots применяется index, follow.