如何解决amp-carousel 在不匹配的文档中嵌套了一个标签,导致 SEO 问题
这种副作用是不可取的,因为它会影响 SEO。
<amp-carousel width="620" height="404" type="slides" layout="responsive" class="i-amphtml-layout-responsive i-amphtml-layout-size-defined" i-amphtml-layout="responsive">
<i-amphtml-sizer style="display:block;padding-top:65.1613%;"></i-amphtml-sizer>
<figure class="slide">
<a href="https://website.com/image">
<amp-img width="620" height="413" src="https://ebsite.com/image/wp-content/uploads/sites/12/2020/07/Gjen-Betty-Peppino-Lapadula-60th-wedding_35921230-846x564.jpg" class="attachment-large size-large amp-wp-enforced-sizes i-amphtml-layout-fill i-amphtml-layout-size-defined" alt="" aria-describedby="gallery-2-1461806" layout="fill" object-fit="cover" disable-inline-width="" i-amphtml-layout="fill">
<noscript><img width="620" height="413" src="https://website.com/image/wp-content/uploads/sites/12/2020/07/Gjen-Betty-Peppino-Lapadula-60th-wedding_35921230-846x564.jpg" class="attachment-large size-large" alt="" loading="lazy" aria-describedby="gallery-2-1461806" sizes="(max-width: 620px) 100vw,620px"></noscript>
</amp-img>
</a>
<figcaption class="amp-wp-gallery-caption">
Betty and Peppino Lapadula.
</figcaption>
</figure>
<figure class="slide">
<a href="https://website.com/image/">
<amp-img width="620" height="404" src="https://website.com/image/wp-content/uploads/sites/12/2020/07/Gjen-Betty-Peppino-Lapadula-60th-wedding_35921221-866x564.jpg" class="attachment-large size-large amp-wp-enforced-sizes i-amphtml-layout-fill i-amphtml-layout-size-defined" alt="" aria-describedby="gallery-2-1461815" layout="fill" object-fit="cover" disable-inline-width="" i-amphtml-layout="fill">
<noscript><img width="620" height="404" src="https://website.com/image/wp-content/uploads/sites/12/2020/07/Gjen-Betty-Peppino-Lapadula-60th-wedding_35921221-866x564.jpg" class="attachment-large size-large" alt="" loading="lazy" aria-describedby="gallery-2-1461815" </noscript>
</amp-img>
</a>
<figcaption class="amp-wp-gallery-caption">
Betty and Peppino Lapadula.
</figcaption>
</figure>
</amp-carousel>
而 documentation v0.1 和 v0.2 没有这个嵌套的 <a>
标签。
<script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.2.js"></script>
我创建了一个自定义模板,试图在 <Head>
中加载 v0.2 脚本以“覆盖”这个可能的 v0.1/v0.0(?) <amp-carousel>
但是这个没有用。
<div class="amp-wp-article-content">
<?PHP $content = $this->get( 'post_amp_content' );
echo $content;
?>
</div>
因此,除了征求有关如何从轮播中去除 <a>
标签的建议之外,我很好奇是否有办法在打印前编辑此 $content
它吗?
我尝试使用 <amp-script>
但是在将这个 div 包装在上面时它会破坏模板,所以我无法编写简单的 js 来去除嵌套的 <a>
标签。
我最初认为这个嵌套的 <a>
是使用 LightBox 的非 amp 网站的结果,但是我已经成功地创建了一篇文章,该文章在 LightBox 关闭的情况下模拟了内容 所以我有信心排除这个。
总结:
a) 关于如何在发布前编辑 $content
以尝试去除嵌套的 <a>
的任何帮助
b) 当我的自定义模板使用 <amp-carousel>
打印时如何解决此 $content
问题
c) <amp-carousel>
与文档标记不匹配
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。