Twitter bootstrap 可以在Bootstrap';s";爆米花;谷歌搜索引擎优化会看到插件吗?
目前我正在建立一个基于推特引导的网站,到目前为止我还没有看到任何关于这方面的讨论 有一个名为“”的函数,在滚动或单击链接时打开一个小的模式窗口,有点像一个大的工具顶部 在我的网站上,有很多好的信息在这里为用户(我有大约10个链接,滚动时,每个显示约50个单词的解释性信息,所以总共500个单词,显然都与我的关键字有关) 问题在于数据的调用方式如下:Twitter bootstrap 可以在Bootstrap';s";爆米花;谷歌搜索引擎优化会看到插件吗?,twitter-bootstrap,seo,popover,Twitter Bootstrap,Seo,Popover,目前我正在建立一个基于推特引导的网站,到目前为止我还没有看到任何关于这方面的讨论 有一个名为“”的函数,在滚动或单击链接时打开一个小的模式窗口,有点像一个大的工具顶部 在我的网站上,有很多好的信息在这里为用户(我有大约10个链接,滚动时,每个显示约50个单词的解释性信息,所以总共500个单词,显然都与我的关键字有关) 问题在于数据的调用方式如下: 现在我猜谷歌不会看到数据内容,但如果我错了,请纠正我。我也可以从javascript调用数据,但我相当肯定谷歌也不会读取这些数据 我能做些什么来让这
现在我猜谷歌不会看到数据内容
,但如果我错了,请纠正我。我也可以从javascript调用数据,但我相当肯定谷歌也不会读取这些数据
我能做些什么来让这些内容被看到吗?我在这里追求的是可用性而不是SEO友好性,所以这没什么大不了的,但如果可以的话,从谷歌那里得到一些额外的爱会很好
编辑:例如,我是否可以将数据作为文本放在一个隐藏的div中,然后在单击链接时使用javascript将该数据调用到popover中?或者类似的东西?所以大家一致认为谷歌在扫描你的内容时不会理解这些数据。一种可能增加一些好处的方法是将您的内容隐藏在页面上用户看不到的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>
数据大量的数据为用户提供了丰富的信息,简洁地解释了事情哇,这是一个多么棒的资源啊
$(函数(){
var popoverOptions={
位置:'对',
触发器:“手动”,
是的,
内容:“”
};
$('a[rel=“popover”]”)。popover(popover选项)。单击(函数(e){
var$popover=$(this.data('popover');
var contentTemplate=$(this.data('popover-template');
$popover.options.content=$('#'+contentTemplate).html();
$(this.popover('toggle');
});
});
我不确定这会对搜索引擎优化产生多大影响。不确定谷歌的内部运作,但从技术上讲,“数据内容”属性仍然是html文档的一部分。无论最终用户当前是否可以看到这些数据。也许这会有所帮助:的确,尽管我想知道是否有任何方法可以让机器人看到这些数据,而不仅仅是隐藏在数据内容中。这是解决问题的一个很好的方法,但我在实现它时遇到了困难。事实证明,Bootstrap已经改变了它们存储popover数据的方式,因此您需要更改这一行:
var$popover=$(this.data('popover')
tovar$popover=$(this.data('bs.popover')代码>