Question

我现在正在建立一个基于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>

现在我猜测Google不会看到data-content，但如果我错了，请更正我。我也可以通过javascript调用数据，但我相当肯定谷歌也不会读它。

我能做些什么才能看到这些内容？我在这里寻求可用性而不是SEO友好性，所以这没什么大不了的，但如果可以的话，可以从谷歌那里获得一些额外的爱。

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

Answer 1

因此，共识似乎是Google在扫描您的内容时不会理解这些数据。可能会增加一些好处的一种方法是在页面上的div中隐藏您的内容，这些内容对用户不可见，然后通过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/

这对SEO有多大影响我不确定。

Answer 2

不确定Google的内部运作方式，但从技术上来说，数据内容＆＃34;属性仍然是html文档的一部分。无论最终用户当前是否可以看到它。

可以通过Google为SEO看到Bootstrap的“popovers”插件中的数据吗？

2 个答案: