AMP изображения в читателях

У меня есть веб-сайт со страницами AMP, которые позволяют редакторам добавлять изображения на страницу. Изображения отображаются с использованием элемента amp-img и отображаются в любом обычном браузере.

Когда пользователь просматривает или просматривает сайт, такой как Embedly, элементы amp-img не отображаются.

Я предполагаю, что это вызвано тем, что элемент amp-img не является допустимым элементом HTML, поэтому игнорируется. Есть ли способ обойти эту проблему?

2 ответа

Решение

Вы можете добавить элемент noscript для средств визуализации, не использующих javascript:

<amp-img src="welcome.jpg" alt="Welcome" height="400" width="800">
  <noscript>
    <img src="welcome.jpg" alt="Welcome" height="400" width="800" />
  </noscript>
</amp-img>

Я опустил метку головы <script async src="https://cdn.ampproject.org/v0.js"></script> как указано в документации. В том числе и исправил это.

Другие вопросы по тегам