javascript - 数据描述、数据标题和 SEO

我们网站上的内容默认在链接属性数据标题和数据描述中，即:

<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 索引数据标题和数据属性中的内容，或者是否有其他方法可以解决此问题？

站点: www.inteokej.se

最佳答案

alt 应该描述图像，因此在这种情况下“InteOkej på Facebook”比“img01”更好。如果标题+描述不太长，就把这个做成alt标签。

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

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

关于javascript - 数据描述、数据标题和 SEO，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29386090/