微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

amp-carousel 在不匹配的文档中嵌套了一个标签,导致 SEO 问题

如何解决amp-carousel 在不匹配的文档中嵌套了一个标签,导致 SEO 问题

这种副作用是不可取的,因为它会影响 SEO

amp-carousel 当前输出标记为:

<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> 但是这个没有用。

AMP 模板的内容正在从这里提取

<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 举报,一经查实,本站将立刻删除。