Разметка и подключение ленты RSS

Чтобы материалы с вашего сайта корректно отображались в ленте рекомендаций, вам нужно разметить ленту RSS и добавить туда специальные теги.

  1. Требования и рекомендации
  2. Ограничения
  3. Описание материала
  4. Описание изображений
  5. Пример размеченной ленты

Требования и рекомендации

Примечание. RSS-лента, подготовленная для сервисов Турбо и Новости, для Дзена не подойдет. В Дзене другой набор обязательных атрибутов и другие требования к размеру иллюстраций.

Рекомендации

  • Вы можете редактировать публикации, ранее отправленные в ленту RSS. Для этого надо указать изначальный guid или link, чтобы не создавать дубликаты. Ограничений на количество обновлений нет.

  • Перед тем, как отправлять размеченную RSS-ленту в Дзен, проверьте ее валидатором. Критических ошибок быть не должно, но остальные ошибки допустимы из-за специфики нашей разметки.

  • Включайте в ленту актуальные материалы за два-три последних дня. Материал не считается актуальным, если когда-то уже был отправлен в Дзен через ленту RSS. Не добавляйте в ленту публикации повторно и отправляйте за один раз не более 500 публикаций.

Требования к контенту

Все публикации в RSS-ленте должны соответствовать требованиям Дзена. Мы также просим издателей размечать материалы специальными элементами. Технические подробности — в разделе Описание материала.

Технические требования

  • Для разметки содержимого статей используйте только HTML, который указан в настоящих рекомендациях к RSS — это гарантирует корректное отображение материалов на платформе.
  • При первой разметке лента должна содержать минимум 10 материалов. При этом на сайте должно быть размещено не менее 3 публикаций за последний месяц.
  • Если ваша публикация содержит картинки, для их добавления используйте элементы img и figure. Минимальная ширина картинки — 700 пикселей. Для наилучшего отображения в ленте присылайте изображения большого размера.
  • URL материалов должен быть ЧПУ (человеко-понятным), без UTM-меток и других параметров.
  • Откройте роботу доступ к материалам, чтобы они показывались в RSS-ленте. Убедитесь, что в текстовом файле robots.txt адрес RSS не запрещен директивой Disallow, или явно разрешите его директивой Allow RSS_URL.

    Пример:

    # Если в robots.txt прописана директива 
    Disallow /feed
    # то робот не проиндексирует страницу
    your-site.ru/feed/some_url/rss.xml
    # Чтобы разрешить индексацию, добавьте директиву
    Allow /feed/some_url/rss.xml 

Ограничения

  • Все параметры, предназначенные для дополнительного оформления и сложной верстки, не обрабатываются. Для корректного отображения вашего контента на платформе советуем придерживаться набора элементов, указанного в таблицах ниже.
  • Обрабатываются только изображения: видео и другой медиаконтент обработаны не будут и не попадут на платформу. Вы можете загрузить материал на платформу как черновик и добавить видео и другой контент вручную. Подробнее о том, как это сделать при помощи элемента category — в таблице ниже.
Пример разметки видео, который мы не обрабатываем
<figure>     
   <video width="1200" height="900">
      <source src="http://example.com/42420" type="video/mp4">
   </video>
   <figcaption>
      Андроид-фермер вспахивает землю при помощи собственного изобретения
      <span class="copyright">Михаил Родченков</span>
   </figcaption>
 </figure>
Пример формата изображений и видео, который мы не принимаем
<media:content type="image/jpeg" medium="image" width="900" height="300"
url="http://example.com/2023/07/04/pic1.jpg">
        <media:description type="plain">
            Андроид-фермер смотрит на свои угодья
        </media:description>
        <media:copyright>Михаил Родченков</media:copyright>
    </media:content>

Описание материала

Набор элементов, описывающих материал, располагается внутри элемента item. Обязательные элементы отмечены значком .

Элемент Описание
title Заголовок.
category

Способ публикации

Выберите способ размещения материала на платформе. Если этого не сделать, материал будет автоматически опубликован и сразу появится на канале. Или, если сайт был добавлен в Дзен до 1 февраля 2022 года, материал отправится в ленту как публикация сайта-источника.

  • native-yes — материал будет опубликован на платформе и попадет в ленту рекомендаций.
  • native-draft — материал сохранится на платформе в качестве черновика. Вы можете отредактировать черновик по своему усмотрению и опубликовать.

Тип публикации

Выберите тип публикации: format-articleстатья. или format-postпост. Если этого не сделать, конвертация произойдет автоматически. Особенности конвертации:
  • Меньше 600 символов и нет картинок — конвертация пост.
  • Меньше 500 символов, 1-2 картинки — конвертация в пост.
  • Материал содержит код вставки или эмбед — конвертация в статью.

Во всех остальных случаях материал будет автоматически опубликован, как статья.

Индексация материала, созданного на платформе
  • index — материал индексируется в поисковых системах.
  • noindex — материал не индексируется в поисковых системах.

Способ комментирования

  • comment-all —комментировать могут все пользователи
  • comment-subscribers — комментировать могут только подписчики.
  • comment-none — комментарии закрыты для всех.
guid

Уникальный идентификатор статьи.

Если вы хотите отредактировать уже отправленную статью или повторно отправить статью в ленту RSS, укажите ее изначальный guid или URL, чтобы не создавать дубликаты.

media:rating

Возрастной рейтинг. В описании этого элемента используйте только значения, перечисленные ниже. Любое другое значение приведет к ошибке ленты.

  • adult — материал только для взрослых;
  • nonadult — контент, который можно показывать взрослым и детям от 13 лет.
pubDate Дата и время публикации в формате RFC822: Wed, 02 Oct 2002 15:00:00 +0300. Если элемента нет, Дзен будет считать дату загрузки ленты RSS датой публикации.

Вы можете запланировать время публикации материала: для этого укажите нужную дату и время. Минимальное время для отложенной публикации — 1 час. Эта возможность доступна только для материалов, опубликованных на платформе при помощи параметра native-yes.

enclosure

Описание изображения, которое будет на обложке публикации. Может быть как единственным упоминанием медиаконтента, так и дублировать элементы figure или img, размещаемые внутри content:encoded.

Для лучшего отображения на карточке в ленте рекомендации рекомендуем присылать URL изображения наибольшего размера. Минимальная ширина изображения — 700 пикселей.

content:encoded Полный текст (рекомендуемый объем — не менее 300 знаков с пробелами). Содержит элементы для размещения медиаконтента.
Внимание. Внимательно относитесь к разметке текста внутри этого элемента — это гарантирует корректное отображение публикации на платформе.
Параметры, которые поддерживаются внутри этого элемента
  • p — абзац;
  • a — ссылки;
  • b — жирный;
  • i — курсив;
  • u — подчеркивание;
  • s — зачеркивание;
  • h1, h2, h3, h4 — заголовки;
  • blockquote — цитата;
  • <ul><li>— маркированный список;
  • <ol><li> — нумерованный список;
  • h1, h2 — заголовки первого уровня;
  • h3, h4 — заголовки второго уровня;

    В текст можно добавить оглавление: для этого заголовку h2, h3 или h4 присвойте идентификатор id.

    Пример оглавления с якорем <h2 id="neravnoznachne_po_smsly">Неравнозначные по смыслу</h2>

    Пример ссылки на якорь <a href="#neravnoznachne_po_smsly">Неравнозначные по смыслу</a>

Элемент content:encoded поддерживает коды вставки разных платформ и соцсетей. Примеры таких вставок:

Twitter
<blockquote class="twitter-tweet"><p lang="ru" dir="ltr">Отрежь себе столько Дзена, сколько сможешь прочитать!
<a href="https://twitter.com/hashtag/YaC2017?src=hash&amp;ref_src=twsrc%5Etfw">#YaC2017</a> 
<a href="https://t.co/ObUH4R3ggx">pic.twitter.com/ObUH4R3ggx</a></p>&mdash; Яндекс.Дзен (@yandexzen) 
<a href="https://twitter.com/yandexzen/status/869475977403006976?ref_src=twsrc%5Etfw">May 30, 2017</a>
</blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
YouTube
<iframe width="560" height="315" src="https://www.youtube.com/embed/CD9BIkXwR1U"
      title="YouTube video player" frameborder="0" allow="accelerometer; autoplay;
      clipboard-write; encrypted-media; gyroscope; picture-in-picture"
      allowfullscreen></iframe>
Facebook
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FYandexZen%2Fposts%2F1420566611626121&show_text=true&width=500" width="500" height="592" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
Instagram
<blockquote class="instagram-media" data-instgrm-captioned
      data-instgrm-permalink="https://www.instagram.com/p/B_Snm0tjeUz/?utm_source=ig_embed&amp;utm_campaign=loading"
      data-instgrm-version="14"
      style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
  <div style="padding:16px;"><a href="https://www.instagram.com/p/B_Snm0tjeUz/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">Посмотреть эту публикацию в Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/B_Snm0tjeUz/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Публикация от Дзен | Блог-платформа (@yandex.zen)</a></p></div>
</blockquote>
<script async src="//www.instagram.com/embed.js"></script>
ВКонтакте
<div id="vk_post_-147532342_113"></div>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
<script type="text/javascript">
  (function() {
    VK.Widgets.Post("vk_post_-147532342_113", -147532342, 113, 'bgE_bVeh3_hZ1oerXtN-Ohs');
  }());
</script>
Яндекс Карты
Точка на карте, адрес или маршрут Фрагмент Яндекс Карт. Редактор поддерживает HTML-код и ссылки для вставки. О том, как их получить — в разделе Поделиться ссылкой.
<div style="position:relative;overflow:hidden;">
  <a href="https://yandex.ru/maps/213/moscow/?utm_medium=mapframe&utm_source=maps" style="color:#eee;font-size:12px;position:absolute;top:0px;">Москва</a>
  <a href="https://yandex.ru/maps/213/moscow/?ll=37.643382%2C55.735976&utm_medium=mapframe&utm_source=maps&z=15.18" style="color:#eee;font-size:12px;position:absolute;top:14px;">Москва — Яндекс Карты</a>
  <iframe src="https://yandex.ru/map-widget/v1/-/CCUBfZed1A" width="560" height="400" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe>
</div> 
Яндекс Музыка
<iframe frameborder="0" style="border:none;width:100%;height:450px;" width="100%"
      height="450" src="https://music.yandex.ru/iframe/#album/13233340">Слушайте <a
      href='https://music.yandex.ru/album/13233340'>Страдающее Средневековье</a> на
      Яндекс.Музыке</iframe>

Ссылка на сервисы, не оформленная как код вставки, также превратится в виджет.

Чтобы добавить публикацию в виде виджета, необязательно копировать и добавлять код вставки — RSS-лента автоматически превращает в виджет следующие ссылки:
  • Портал о кино Кинопоиск
  • Яндекс Музыка
  • Яндекс Карты
  • Youtube
  • Twitter
  • ВКонтакте
  • Instagram
link

URL статьи, данные которой транслируются в ленте RSS.

pdalink Ссылка на версию, адаптированную для мобильных устройств.
Элемент Описание
title Заголовок.
category

Способ публикации

Выберите способ размещения материала на платформе. Если этого не сделать, материал будет автоматически опубликован и сразу появится на канале. Или, если сайт был добавлен в Дзен до 1 февраля 2022 года, материал отправится в ленту как публикация сайта-источника.

  • native-yes — материал будет опубликован на платформе и попадет в ленту рекомендаций.
  • native-draft — материал сохранится на платформе в качестве черновика. Вы можете отредактировать черновик по своему усмотрению и опубликовать.

Тип публикации

Выберите тип публикации: format-articleстатья. или format-postпост. Если этого не сделать, конвертация произойдет автоматически. Особенности конвертации:
  • Меньше 600 символов и нет картинок — конвертация пост.
  • Меньше 500 символов, 1-2 картинки — конвертация в пост.
  • Материал содержит код вставки или эмбед — конвертация в статью.

Во всех остальных случаях материал будет автоматически опубликован, как статья.

Индексация материала, созданного на платформе
  • index — материал индексируется в поисковых системах.
  • noindex — материал не индексируется в поисковых системах.

Способ комментирования

  • comment-all —комментировать могут все пользователи
  • comment-subscribers — комментировать могут только подписчики.
  • comment-none — комментарии закрыты для всех.
guid

Уникальный идентификатор статьи.

Если вы хотите отредактировать уже отправленную статью или повторно отправить статью в ленту RSS, укажите ее изначальный guid или URL, чтобы не создавать дубликаты.

media:rating

Возрастной рейтинг. В описании этого элемента используйте только значения, перечисленные ниже. Любое другое значение приведет к ошибке ленты.

  • adult — материал только для взрослых;
  • nonadult — контент, который можно показывать взрослым и детям от 13 лет.
pubDate Дата и время публикации в формате RFC822: Wed, 02 Oct 2002 15:00:00 +0300. Если элемента нет, Дзен будет считать дату загрузки ленты RSS датой публикации.

Вы можете запланировать время публикации материала: для этого укажите нужную дату и время. Минимальное время для отложенной публикации — 1 час. Эта возможность доступна только для материалов, опубликованных на платформе при помощи параметра native-yes.

enclosure

Описание изображения, которое будет на обложке публикации. Может быть как единственным упоминанием медиаконтента, так и дублировать элементы figure или img, размещаемые внутри content:encoded.

Для лучшего отображения на карточке в ленте рекомендации рекомендуем присылать URL изображения наибольшего размера. Минимальная ширина изображения — 700 пикселей.

content:encoded Полный текст (рекомендуемый объем — не менее 300 знаков с пробелами). Содержит элементы для размещения медиаконтента.
Внимание. Внимательно относитесь к разметке текста внутри этого элемента — это гарантирует корректное отображение публикации на платформе.
Параметры, которые поддерживаются внутри этого элемента
  • p — абзац;
  • a — ссылки;
  • b — жирный;
  • i — курсив;
  • u — подчеркивание;
  • s — зачеркивание;
  • h1, h2, h3, h4 — заголовки;
  • blockquote — цитата;
  • <ul><li>— маркированный список;
  • <ol><li> — нумерованный список;
  • h1, h2 — заголовки первого уровня;
  • h3, h4 — заголовки второго уровня;

    В текст можно добавить оглавление: для этого заголовку h2, h3 или h4 присвойте идентификатор id.

    Пример оглавления с якорем <h2 id="neravnoznachne_po_smsly">Неравнозначные по смыслу</h2>

    Пример ссылки на якорь <a href="#neravnoznachne_po_smsly">Неравнозначные по смыслу</a>

Элемент content:encoded поддерживает коды вставки разных платформ и соцсетей. Примеры таких вставок:

Twitter
<blockquote class="twitter-tweet"><p lang="ru" dir="ltr">Отрежь себе столько Дзена, сколько сможешь прочитать!
<a href="https://twitter.com/hashtag/YaC2017?src=hash&amp;ref_src=twsrc%5Etfw">#YaC2017</a> 
<a href="https://t.co/ObUH4R3ggx">pic.twitter.com/ObUH4R3ggx</a></p>&mdash; Яндекс.Дзен (@yandexzen) 
<a href="https://twitter.com/yandexzen/status/869475977403006976?ref_src=twsrc%5Etfw">May 30, 2017</a>
</blockquote> <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
YouTube
<iframe width="560" height="315" src="https://www.youtube.com/embed/CD9BIkXwR1U"
      title="YouTube video player" frameborder="0" allow="accelerometer; autoplay;
      clipboard-write; encrypted-media; gyroscope; picture-in-picture"
      allowfullscreen></iframe>
Facebook
<iframe src="https://www.facebook.com/plugins/post.php?href=https%3A%2F%2Fwww.facebook.com%2FYandexZen%2Fposts%2F1420566611626121&show_text=true&width=500" width="500" height="592" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe>
Instagram
<blockquote class="instagram-media" data-instgrm-captioned
      data-instgrm-permalink="https://www.instagram.com/p/B_Snm0tjeUz/?utm_source=ig_embed&amp;utm_campaign=loading"
      data-instgrm-version="14"
      style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);">
  <div style="padding:16px;"><a href="https://www.instagram.com/p/B_Snm0tjeUz/?utm_source=ig_embed&amp;utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewBox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">Посмотреть эту публикацию в Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/p/B_Snm0tjeUz/?utm_source=ig_embed&amp;utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px; text-decoration:none;" target="_blank">Публикация от Дзен | Блог-платформа (@yandex.zen)</a></p></div>
</blockquote>
<script async src="//www.instagram.com/embed.js"></script>
ВКонтакте
<div id="vk_post_-147532342_113"></div>
<script type="text/javascript" src="https://vk.com/js/api/openapi.js?169"></script>
<script type="text/javascript">
  (function() {
    VK.Widgets.Post("vk_post_-147532342_113", -147532342, 113, 'bgE_bVeh3_hZ1oerXtN-Ohs');
  }());
</script>
Яндекс Карты
Точка на карте, адрес или маршрут Фрагмент Яндекс Карт. Редактор поддерживает HTML-код и ссылки для вставки. О том, как их получить — в разделе Поделиться ссылкой.
<div style="position:relative;overflow:hidden;">
  <a href="https://yandex.ru/maps/213/moscow/?utm_medium=mapframe&utm_source=maps" style="color:#eee;font-size:12px;position:absolute;top:0px;">Москва</a>
  <a href="https://yandex.ru/maps/213/moscow/?ll=37.643382%2C55.735976&utm_medium=mapframe&utm_source=maps&z=15.18" style="color:#eee;font-size:12px;position:absolute;top:14px;">Москва — Яндекс Карты</a>
  <iframe src="https://yandex.ru/map-widget/v1/-/CCUBfZed1A" width="560" height="400" frameborder="1" allowfullscreen="true" style="position:relative;"></iframe>
</div> 
Яндекс Музыка
<iframe frameborder="0" style="border:none;width:100%;height:450px;" width="100%"
      height="450" src="https://music.yandex.ru/iframe/#album/13233340">Слушайте <a
      href='https://music.yandex.ru/album/13233340'>Страдающее Средневековье</a> на
      Яндекс.Музыке</iframe>

Ссылка на сервисы, не оформленная как код вставки, также превратится в виджет.

Чтобы добавить публикацию в виде виджета, необязательно копировать и добавлять код вставки — RSS-лента автоматически превращает в виджет следующие ссылки:
  • Портал о кино Кинопоиск
  • Яндекс Музыка
  • Яндекс Карты
  • Youtube
  • Twitter
  • ВКонтакте
  • Instagram
link

URL статьи, данные которой транслируются в ленте RSS.

pdalink Ссылка на версию, адаптированную для мобильных устройств.
Пример использования
<item>
    <title>Андроид восстановит ферму в Японии</title>
    <link>http://example.com/2023/07/04/android-happy-farmer</link>
    <pdalink>http://m.example.com/2023/07/04/android-happy-farmer</pdalink>
    <media:rating scheme="urn:simple">nonadult</media:rating>
    <pubDate>Tue, 4 Jul 2023 04:20:00 +0300</pubDate>
    <category>Технологии</category>
    <category>Наука</category>
    <category>Дизайн</category>
    <enclosure url="http://example.com/2023/07/04/pic1.jpg" type="image/jpeg"/>
    <enclosure url="http://example.com/2023/07/04/pic2.jpg" type="image/jpeg"/>
    <enclosure url="http://example.com/2023/07/04/video/42420" type="video/x-ms-asf"/>
    <description>
        <![CDATA[
        Заброшенную землю рядом с токийским университетом передали андроиду
        с внешностью известного японского хозяйственника.
        ]]>
    </description>
    <content:encoded>
        <![CDATA[
        <p>Здесь находится полный текст статьи.</p>
        ]]>
    </content:encoded>
</item>

Описание изображений

Элементы, описывающие медиаконтент, располагаются внутри элемента content:encoded. Обязательные элементы отмечены значком .
Внимание. Для изображений выбирайте файлы в формате JPEG, GIF или PNG. Первое изображение, размеченное этим элементом, появится на карточке в ленте Дзена. Для лучшего отображения на карточке в ленте рекомендации рекомендуем присылать URL изображения наибольшего размера. Минимальная ширина изображения — 700 пикселей.
Элемент Описание
figure
Используйте этот элемент, особенно если добавляете несколько изображений подряд — это гарантирует корректное отображение картинок в материале.
<figure>     
  <img src="http://example.com/pic1.jpg">
  <figcaption>
     Первый андроид-фермер смотрит на свои угодья
  </figcaption>  
</figure>
img
<img src="http://example.com/pic1.jpg">
Элемент Описание
figure
Используйте этот элемент, особенно если добавляете несколько изображений подряд — это гарантирует корректное отображение картинок в материале.
<figure>     
  <img src="http://example.com/pic1.jpg">
  <figcaption>
     Первый андроид-фермер смотрит на свои угодья
  </figcaption>  
</figure>
img
<img src="http://example.com/pic1.jpg">

Пример размеченной ленты

<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
    xmlns:content="http://purl.org/rss/1.0/modules/content/"
    xmlns:dc="http://purl.org/dc/elements/1.1/"
    xmlns:media="http://search.yahoo.com/mrss/"
    xmlns:atom="http://www.w3.org/2005/Atom"
    xmlns:georss="http://www.georss.org/georss">
    <channel>
      <title>Пастернак</title>
      <link>http://example.com/</link>
      <language>ru</language>
      <item>
        <title>Андроид восстановит ферму в Японии</title>
        <link>http://example.com/2023/07/04/android-happy-farmer</link>
        <pdalink>http://m.example.com/2023/07/04/android-happy-farmer</pdalink>
        <guid>2fd4e1c67a2d28fced849ee1bb76e7391b93eb12</guid>
        <pubDate>Tue, 4 Jul 2023 04:20:00 +0300</pubDate>
        <media:rating scheme="urn:simple">nonadult</media:rating>
        <category>native-yes</category>
        <enclosure url="http://example.com/2023/07/04/big_pic1.jpg" type="image/jpeg"/>
        <content:encoded>
          <![CDATA[<p>Здесь находится полный текст статьи.
          Его могут прерывать картинки.</p>
        <figure>
          <img src="http://example.com/2023/07/04/big_pic1.jpg">
        <figcaption>
          Первый андроид-фермер смотрит на свои угодья
          <span class="copyright">Михаил Родченков</span>
        </figcaption>
        </figure>
        <p>Продолжение статьи после вставленной картинки. В статье рассказывается о&nbsp;<a href="https://ru.wikipedia.org/wiki/Вспашка">технологии вспахивания земли</a>, которую использует японский андроид-фермер.</p>
        <p>Что фермеры используют для работы:<br/>
          <ul>
            <li><i>тяпки</i>;</li>
            <li><b>грабли</b>;</li>
            <li><u>велосипеды</u>;</li>
            <li><s>плуги</s>;</li>
        </p>
        <p>Статья продолжается. Андроид копает картошку. Фермы развиваются. Япония продолжает удивлять.</p>]]>
        </content:encoded>
      </item>
  </channel>
</rss>