3

我目前正在基于 Twitter Bootstrap 构建一个网站，到目前为止我还没有看到任何关于此的讨论。

有一个名为“ popovers ”的功能，当链接被翻转或点击时，它会打开一个小模式窗口，有点像一个大的工具顶部。

在我的网站上，这里有很多对用户有用的信息（我有大约 10 个链接，当滚动时，每个链接显示大约 50 个字的解释性信息，所以总共 500 个字，显然都与我的关键字有关）。

问题是数据调用如下：

<a href="#" rel="popover" data-content="data data data lots of great data informative for the user explains things concisely wow what a great resource">Link name</a>

现在我猜谷歌不会看到data-content，但如果我错了，请纠正我。我也可以从 javascript 中调用数据，但我相当肯定 Google 也不会读取这些数据。

我能做些什么来让这些内容被看到吗？我在这里追求可用性而不是 SEO 友好性，所以这没什么大不了的，但如果可以的话，我会很高兴从谷歌那里得到一些额外的爱。

编辑：例如，我可以将数据作为文本放在隐藏的 div 中，然后在单击链接时使用 javascript 将该数据调用到弹出窗口中吗？或者类似的东西？

4

2 回答 2

1

So the consensus seems to be that Google will not understand this data while scanning your content. One approach that might add some benefit is to hide your content in divs on the page that are not visible to the user and then grab that content by id.

    <a href="#" rel="popover" data-trigger="click" data-popover-template="popoverTemplate">Link Name</a>
    <div id="popoverTemplate" style="display:none">
        data data data lots of great data informative for the user explains things concisely wow what a great resource
    </div>

<script>
$(function(){
     var popoverOptions = {
        placement: 'right',
        trigger: 'manual',
        html: true,
        content: ''
    };

    $('a[rel="popover"]').popover(popoverOptions).click(function(e) {
          var $popover = $(this).data('popover');
          var contentTemplate = $(this).data('popover-template');
          $popover.options.content = $('#'+contentTemplate).html();
          $(this).popover('toggle');
       });
 });
</script>

http://jsfiddle.net/billpull/PmP93/1/

how much of an effect this will have on SEO I am not sure.

于 2013-02-13T19:40:42.247 回答
0

不确定 Google 的内部工作原理，但从技术上讲，“数据内容”属性仍然是 html 文档的一部分。无论最终用户当前是否可见。

于 2014-08-15T00:53:02.310 回答