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>
как указано в документации. В том числе и исправил это.