Как добавить разметку схемы статьи в сообщения блога

Опубликовано: 2021-07-19

Схема - это язык, который помогает поисковым системам понимать содержание вашего сайта. Узнайте о типах схем и о том, как их добавить, чтобы повысить шансы вашего веб-сайта на то, чтобы его заметили.

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

кодирование изображения для сообщения блога о добавлении схемы статьи

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

Зачем добавлять схему статьи в сообщения блога?

Если вы пишете потрясающий контент, вполне естественно, что вы хотите, чтобы поисковые системы легко его понимали: введите схему, язык, буквально созданный для облегчения понимания вашего контента.

Кроме того, примерно в марте 2016 года в алгоритм факторов ранжирования Google были добавлены структурированные данные. Таким образом, его размещение на ваших страницах может помочь вам повысить рейтинг ваших длиннохвостых сообщений в блоге, что поможет вашей стратегии контент-маркетинга и общим целям цифрового маркетинга.

Кроме того, если вы читаете наш блог или любые другие новости цифрового маркетинга, вы знаете, что ускоренные мобильные страницы (AMP) были огромной темой для блогов и сайтов публикаций. Они в значительной степени полагаются на структурированные данные для своих расширенных функций. Освоение более простых типов, таких как схема BlogPosting, - верный способ подготовить вас к этому.

Наконец, если вам нужно больше убедительности, структурированные данные в новостях вашего сайта, сообщениях в блогах или статьях могут улучшить внешний вид вашего сайта в поисковых системах. Это может позволить вам появиться в карусели главных новостей (однако имейте в виду, что это не гарантируется Google, поскольку в данный момент они, похоже, отдают предпочтение страницам AMP выше всего остального).

Какие типы схем статьи я могу добавить?

Можно добавить несколько типов схем статей: наиболее распространенными являются NewsArticle или BlogPosting. Для большинства предприятий (если вы не сообщаете новости) я бы рекомендовал использовать схему BlogPosting, поскольку она более конкретна для статьи. Чем конкретнее вы получите схему, тем легче поисковым системам полностью понять ваш сайт. Поэтому для ясности я буду использовать схему BlogPosting в качестве примера.

Как добавить схему размещения блога

В наши дни многие CMS добавят его автоматически или, по крайней мере, будут совместимы с плагином, который это делает. Например, Yoast для WordPress, Amasty для Magento и т. Д. - вам просто нужно найти тот, который совместим с вашим сайтом, и убедиться, что он не мешает другим плагинам или скорости сайта. Это также очень удобно, поскольку это означает, что в каждое сообщение в блоге, которое вы пишете, будет динамически вставлена ​​схема BlogPosting - вам не нужно добавлять ее в каждое сообщение.

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

Если вы не можете получить плагин, который динамически вставляет его, и ваши разработчики не могут жестко запрограммировать его на сайт, последнее средство - добавить его через Диспетчер тегов Google. Это последнее средство, поскольку только Google сможет увидеть код - также GTM временами может быть вспыльчивым, поэтому он не идеален.

Этот метод не требует фактического изменения кода на сайте. Чтобы добавить схему статьи, как бизнесу вам необходимо уже иметь схему организации на вашем сайте. Чтобы настроить это, ознакомьтесь с записью в блоге, которую я написал в прошлом месяце, которая содержит пошаговое руководство - опять же, помните, что плагины и жесткое кодирование являются предпочтительными вариантами.

Подобно добавлению схемы организации на сайт, чтобы добавить схему статьи, вам необходимо создать триггер и настраиваемый тег HTML. За исключением того, что на этот раз вы не хотите, чтобы ваш триггер нацеливался на «все страницы», вы хотите, чтобы он был нацелен на конкретный URL сообщения в блоге. Например, чтобы добавить схему BlogPosting к одному из сообщений блога моего клиента: http://applefostering.co.uk/skills-foster/, я настроил триггер в Диспетчере тегов следующим образом:

навыки создания триггерного изображения для схемы статьи GTM blog

После настройки триггера вам нужно создать фактический тег. Как и в случае со схемой организации, это настраиваемый HTML-тег, в который вам нужно добавить следующее (очевидно, заменив поля информацией о вашей компании и статье):

<script type = ”application / ld + json”>
{
«@Context»: «http://schema.org»,
«@Type»: «BlogPosting»,
«MainEntityOfPage»: {
«@Type»: «Веб-страница»,
«@Id»: »http://applefostering.co.uk/skills-foster/»
},
«Заголовок»: «Навыки, которые нужно развивать»,
"изображение": {
«@Type»: «ImageObject»,
«Url»: «http://applefostering.co.uk/wp-content/uploads/family.jpg»,
«Высота»: 463,
«Ширина»: 700
},
«DatePublished»: «2016-02-12»,
«DateModified»: «2016-02-12»,
«Автор»: {
«@Type»: «Человек»,
«Name»: «Имя человека»
},
«Издатель»: {
«@Type»: «Организация»,
«Name»: «Apple Fostering»,
«Логотип»: {
«@Type»: «ImageObject»,
«Url»: «http://applefostering.co.uk/apple-logo-schema/»,
«Ширина»: 550,
«Высота»: 60
}
},
«Description»: «Краткое описание вашей статьи»,
«ArticleBody»: «Вы можете поместить сюда всю статью: она может быть сколь угодно длинной».
}
</script>

Что следует помнить:

  • Изображение в блоге должно быть не менее 700 пикселей в ширину.
  • В разделе «Издатель» логотип вашей компании должен быть 550 пикселей в ширину и 60 пикселей в высоту (это не относится к обычной схеме организации - только когда вы добавляете его в схему статьи).

Если вы не соблюдаете эти правила, схема не будет работать, что расстраивает, поскольку мне потребовалось много времени, чтобы найти эти инструкции в Интернете.

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

Для тех из вас, у кого есть блог, который вы обновляете каждый день, можно указать Диспетчеру тегов Google генерировать его динамически или получить для этого плагин. В основном я бы рекомендовал это для сайтов, на которых есть большое количество сообщений в блогах (например, ежедневные обновления).

Найдите больше способов повысить узнаваемость вашего сайта

Загрузите вашу бесплатную электронную книгу

  • Это поле предназначено для проверки, и его следует оставить без изменений.

Если вам нужна помощь с вашим SEO, не стесняйтесь обращаться к нам.