数据描述、数据标题和 SEO答案

【问题标题】：Data-description, data-title and SEO数据描述、数据标题和 SEO
【发布时间】：2015-06-05 19:44:27
【问题描述】：

我们网络上的内容默认在链接属性data-title和data-description中，即：

<a href="https://www.facebook.com/inteokejnu" data-largesrc="images/facebook.png"
data-title="InteOkej på Facebook" data-description="Här finner du vår Facebook-sida.">
    <img src="images/thumbs/facebook-thumb.png" title="InteOkej på Facebook" alt="img01">
</a>

点击图片时，内容会生成为带有 javascript 的 h3 和 p 标签。

这很好用，但在 SEO 方面它根本不起作用。到目前为止，谷歌唯一索引的是图像上的属性“alt”（目前只显示 img01、img02 等）。这当然是我们会改变的，但问题是如何处理剩下的？

是否可以通过某种方式让 Google 索引 data-title 和 data-attribute 中的内容，还是有其他方法可以解决这个问题？

网站：www.inteokej.se

【问题讨论】：

标签： javascript seo google-index

【解决方案1】：

alt 应该描述图像，因此在这种情况下，“InteOkej på Facebook”会比“img01”更好。如果标题+描述不太长，只需将其设为您的 alt 标记即可。

另一种方法是 HTML5 微数据，或者可能将其添加到真正的 H3 和 P 并使用 CSS 隐藏它们。然后，您可以在不使用数据属性的情况下使用这些（如果您愿意的话）。

HTML5 微数据：http://diveintohtml5.info/extensibility.html Schema.org：http://schema.org/

【讨论】：