我在wordpress博客中以过渡模式使用AMP Plugin。我使用以下代码在amp和非amp页面中显示webp图像。
<picture>
<source srcset="https://allfullform.com/wp-content/uploads/2019/12/bae.webp" type="image/webp">
<img src="https://allfullform.com/wp-content/uploads/2019/12/bae.jpg" alt="BAE full form" class="wp-block-image">
</picture>
<amp-img alt="BAE Full Form" class="wp-block-image" width="799" height="687" layout="responsive" src="https://allfullform.com/wp-content/uploads/2019/12/bae.webp">
<amp-img alt="BAE Full Form" class="wp-block-image" fallback="" width="1000" height="859" layout="responsive" src="https://allfullform.com/wp-content/uploads/2019/12/bae.jpg"></amp-img>
</amp-img>
我正在this blog中使用以上代码。对于AMP版本，在网址末尾添加“ / amp”。
在AMP页面中，图片标签中的代码不会加载，因此我认为在AMP页面中没有问题。
我的非amp页面的seo是否有负面影响？在AMP和非amp版本中显示webp图像是否是最佳做法？