Добавить атрибут itemprop в тег img, созданный amp-img - PullRequest
Новая
       52

Добавить атрибут itemprop в тег img, созданный amp-img

1 голос
/ 19 апреля 2019

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

Я столкнулся с проблемой, пытаясь добавить атрибут структурированных данныхitemprop="image" на изображение героя продукта, которое отображается с помощью amp-img.Из того, что я могу сказать, нет никакого способа применить пользовательские атрибуты к тегу img, который amp-img будет в конечном итоге отображать.

Моя существующая разметка: 

<amp-img on="tap:hero-zoom-lightbox" src="--REDACTED--" [src]="productState.currentHeroImg" width="260" height="260" layout="responsive"
class="hero-carousel-image" role="button" tabindex="0" itemprop="image"></amp-img>

Что отображается: 

<amp-img itemprop="image" tabindex="0" role="button" class="hero-carousel-image amp-carousel-slide i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-layout" layout="responsive" height="260" width="260" data-amp-bind-src="productState.currentHeroImg" i-amphtml-binding="" src="--REDACTED--" on="tap:hero-zoom-lightbox" i-amphtml-layout="responsive" aria-hidden="false">
    <i-amphtml-sizer style="padding-top: 100%;"></i-amphtml-sizer>
    <img decoding="async" src="--REDACTED--" class="i-amphtml-fill-content i-amphtml-replaced-content">
</amp-img>

То, что я ищу (атрибут itemprop="image" находится на самом теге img): 

<amp-img tabindex="0" role="button" class="hero-carousel-image amp-carousel-slide i-amphtml-element i-amphtml-layout-responsive i-amphtml-layout-size-defined i-amphtml-layout" layout="responsive" height="260" width="260" data-amp-bind-src="productState.currentHeroImg" i-amphtml-binding="" src="--REDACTED--" on="tap:hero-zoom-lightbox" i-amphtml-layout="responsive" aria-hidden="false">
    <i-amphtml-sizer style="padding-top: 100%;"></i-amphtml-sizer>
    <img itemprop="image" decoding="async" src="--REDACTED--" class="i-amphtml-fill-content i-amphtml-replaced-content">
</amp-img>

Кто-нибудь знает, является ли этовозможно?Если нет, то какая причина, по которой реализация такого поведения может нарушить парадигмы AMP?

...