Google会抓取HTML5模板标记内的内容吗？

Question

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

是否有人可以通过某种方式证明Google索引或不对模板标记内的内容编制索引？模板标签很棒，但如果它们对SEO产生负面影响我不想使用它们

Answer 1

我今天经历过一些确认它会影响SEO的事情。

我刚从Google Search Console收到有关增加404错误的警告，几乎所有错误的网址都采用以下格式：/some-path/some-page/$%7Bconsent.infoURL%7D。

网址解码后，我们可以看到${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代码中的链接。

Answer 2

我对此感到好奇，因为我正在考虑使用<template>标记作为服务器端呈现的一种形式，或预先渲染一些内容，一旦页面是通过AJAX / JS更新的准备好了。

我检查了Google Webmaster Tools Structured Data Tester，看看它是否会从<template>标记内的HTML标记中读取microdata。

从屏幕截图中可以看出，它似乎确实读取了<template>标记内的数据。我不会认为这是经过验证的答案，但它确实表明解析器（至少在HTML微数据方面）并不会忽略<template>个标记内的内容。