html - Google 会抓取 HTML5 模板标签内的内容吗？

Question

HTML5 模板标签应该是完全惰性的，就好像源中不存在内容一样，但当 Google 抓取网页然后将其编入索引时会出现这种情况吗？

有没有人有任何数据可以以某种方式证明 Google 索引或不索引模板标签内的内容？模板标签很棒，但如果它们对 SEO 产生不利影响，我不想使用它们

Answer 1

我今天的经历证实它确实会影响 SEO。

我刚刚收到来自 Google Search Console 的关于 404 错误增加的警告，几乎所有错误的 URL 都是这种形式:/some-path/some-page/$%7Bconsent.infoURL%7D.

URL 解码后，我们可以看到 ${consent.infoURL} 是我在模板标签中使用的变量，在 href 属性上:

<template data-template="cookie-notice">
    `<div data-cookie-notice class="cookie-notice" role="dialog">
    <span class="cookie-notice-caption">${consent.captionText}</span>
    <a class="cookie-notice-link" href="${consent.infoURL}">${consent.linkText}</a>
    <button data-button-consent type="button" class="cookie-notice-button">${consent.buttonText}</a>
    </div>`
</template>

因此 Google Bot 确实会跟踪 template 标记中的链接。