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

Генератор метатегов строит блок HTML, который живет в <head> страницы и сообщает поисковым системам и социальным сетям, как отображать вашу страницу. Вы один раз заполняете заголовок, описание, изображение и несколько других полей, и инструмент выводит правильно отформатированные метатеги - стандартные теги SEO, теги Open Graph для Facebook и LinkedIn, а также теги Twitter Card - которые вы вставляете прямо в свой шаблон. Больше нет повторяющихся свойств ручного ввода = "og:..." строки или забывание тега twitter:card.

Правильное получение этих тегов имеет значение, потому что они управляют вашим фрагментом поиска и предварительным просмотром вашей ссылки. Форма описания <title> и мета, как выглядит ваш результат в Google; заголовок Open Graph, описание и изображение решают, как выглядит общая ссылка в социальной ленте. Этот генератор синхронизирует все три из одного набора входных данных, заголовков флагов и описаний, которые проходят мимо отображения поисковых систем длины, и может добавить соответствующий блок JSON-LD для структурированных данных.

Все работает на стороне клиента. вводимые вами URL-адреса, ссылки на копии и изображения никогда не загружаются, поэтому вы можете подготовить теги для неизданных страниц или внутренних инструментов в частном порядке. Генератор работает в автономном режиме после загрузки, и на выходе получается простой HTML, которым вы владеете - скопируйте его, бросьте в свою структуру и отправьте.

Три детали учитывают большинство сломанных предварительных просмотров. Open Graph URL-адреса изображений должны быть абсолютными, включая схему, потому что сканер, извлекающий их, не имеет контекста страницы, чтобы разрешить относительный путь против. Twitter возвращается к Open Graph для всего, для чего у него нет тега Twitter, поэтому полный набор og плюс тип карты охватывает обе платформы, и дублирование каждого значения не требуется. А предварительные просмотры агрессивно кэшируются каждой платформой, поэтому фиксированный тег не появится, пока вы не повторно очистите URL-адрес в собственном инструменте отладки этой платформы. Предупреждения о длине отражают, где Google сокращается, а не жесткий предел: более длинное описание действительно и будет просто вырезано, а описание, повторяющее название, тратит то пространство, которое у него есть.

Используется как мета-тег генератор заголовков, он показывает проблему длины, как вы вводите.Введите Handmade Дубовые столы для небольших комнат, Построенные для заказа в твердой древесине и масле как Заголовок страницы и счетчик поворачивается красным в 72/60, с предупреждением, что заголовок может быть усечен. разрежьте его на Handmade Дубовые столы для маленьких комнат и счетчик читает 34/60, предупреждение очищается, и тот же текст приземляется в заголовке, og:title и твиттер:title теги. одно поле питает поиск, Open Graph и выход Twitter, что и генератор мета-тегов для SEO должен сделать.