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 (将#修改为@）

amp-html html javascript wordpress