港澳免费资料大全

关于JS实现的TAB标签切换效果对seo的影响

2016/12/26 15:26:50 标签: 外链 0 个评论 3326 次浏览

我们都知道现在大部分网站上有tab切换的效果(就是一个块,鼠标悬停在上面不同的板块时,这个块里的内容页随之变动,这种效果可以说现在网上随处可见),但是百度快照里面就没有这个效果,那那些tab里面的内容会不会收录。今天咱们就就讨论一下关于这方面的内容。

首先说一下网站上的这个tab切换效果是怎么来的。这个tab切换效果是用javascript实现的效果,根据实现的方式,一般有两种做法:一种 是直接设置导航元素的onmouseover属性,在鼠标经过导航元素时触发目标元素的显示内容变换效果,另一种则是完全用javascript控制导航 元素的onmouseover属性。两种方法的共同点就是都有一个控制目标元素内容显示隐藏的函数,这两种做法没有什么根本性的区别,只是在页面代码样式 分离上做法不同。

而在目标元素的内容的获取,也即目标元素的显示内容变换上也有两种做法,这两种做法则是对SEO有完全不同的影响了。

第一种方法是所有的目标元素按照导航元素的命名顺序,全部获取内容并展现出来,比如导航元素是1、2、3,那么目标元素按照顺序也是1、2、3,每 一个目标元素的内容都是已经获取好了的,只不过2和3刚开始的显示属性设置为display:none,然后完全由javascript来控制2和3的显 示属性,鼠标悬停在导航元素2的时候,1和3的显示属性就为display:none,而2的显示属性则修改为display:block,这样在同一个 框架体内,就完成了1、2、3三个目标元素内容的切换显示。这种方法的优点是所有的内容全部都可以为蜘蛛爬行到(蜘蛛是无视页面样式属性直接读取源代码 的,隐藏掉的元素也可以读取出来),缺点是页面尺寸会大一些,尤其是tab里面存在大量图片的时候,会比较影响页面的加载速度。

另一种方法跟上面的则完全不同,导航元素依然是1、2、3,而目标元素则只有一个,那么目标元素的内容从哪里来呢?通过一种叫做ajax的方法来。 这种方法下,页面一般只有目标元素的第一个内容是一开始就完成的,在鼠标悬停在导航元素时触发ajax执行函数从服务器端获取目标元素需要显示的其他内 容,比如鼠标悬停在导航元素2的时候,就会触发ajax函数从服务器端获取2的内容填充到目标元素,这种方式一样可以实现目标元素内容的切换显示。这种方 法的优点是页面需要加载的尺寸比较小,只有在需要获取tab内容时才会从服务器端读取相应的tab内容,而缺点则是完全不适合SEO,大家都知道搜索引擎 蜘蛛对javascript是不感冒的, 当目标元素的内容在当前页面不存在,需要依靠javascript来获取的时候,蜘蛛一样是没法爬行到目标元素的内容的。

从上面的说明我们可以看出来,快照里面的tab切换是否显示对于实际SEO的效果的影响实际是跟网站本身所采用的tab切换方式有关系,而蜘蛛本身不抓取javascript,所以快照里当然无法实现tab切换的效果,只有网站本身采用的tab切换方式不同才会对SEO产生影响。好在现在主流的网站系统一般都不会采用ajax方式来做tab切换显示效果,所以大家通常不必担心,但对于一些小众的网站管理系统(多为一些IDC自己开发)则需要注意了,需要看一下源代码识别你的tab切换方式会不会对SEO产生影响。



本文由换链神器()原创或整理发布,如需要转载请注明出处!
你看网此文章的心情是
  • 呵呵

    1 人

  • 震惊

    0 人

  • 1 人

  • 鄙视

    0 人

  • 流泪

    1 人

发布评论
(用户名必填)
(邮箱)
(网站)
发布评论请勿带广告,发现将被删除并扣除双倍积分。谢谢合作!
最新评论
暂无评论
Copyright 2014 - 2018.换链神器&版权所有 湘公网安备 43060202000403号湘ICP备12009221号-7