给阿峰点个赞吧
搜外网SEO视频教程免费下载

搜外网SEO视频教程免费下载

各大搜索引擎提交入口
【快来投稿】本博客以基本实现秒收,欢迎大家来投稿好的文章!
iframe对网站优化的利与弊

iframe对网站优化的利与弊

作者:阿峰SEO 时间:2014-08-22 分类:SEO排名策略 代码标签优化 评论:1 条 浏览:4226

好多朋友都在问iframe对网站优化的利与弊,iframe是html的内链标签,北京seo认为,要想弄明白ifram对网站的利与弊首先得搞明白iframe标签的作用。这个问题我们要辩证的来看待,因为事物本身没有好与坏,无非在于使用它的人如何使用。接下来阿峰为大家从正反两两面详细解读iframe。

一、搜索引擎是如何看待iframe结构的

如今已经证明iframe里的内容是会被搜索引擎抓取的,只是在SEO网络营销建议中提到:“frame/frameset/iframee标签,会导致百度spider的抓取困难,建议不要使用”。网络营销搜索引擎的蜘蛛不会识别在iframe中被调用的图片、文本、url等内容的,因为该内容不属于该页面,只是访问的时候被临时的调用。

图1是网站HTML代码中使用iframe标签的代码,图2是使用后的效果图,我们从效果图上可以看到上面写着篮色的iframe优化几个字,但是蜘蛛是抓不到这几个字的,蜘蛛只能抓取到图1中的那段代码。

iframe标签优化

iframe标签优化

iframe对网站优化的利与弊

二、使用iframe的利端

我们可以联想到例外一个html中常用的标签nofollow,既然使用iframe标签可以让蜘蛛对该部分抓取困难,那我们就可以把我们网站推广的一些需要给用户看的,而不需要给网络营销搜索引擎看到的信息使用iframe标签来设计,这样就可以让iframe变废为宝了,而且有代码瘦身的作用,举一个例子,比如一些大型网站推广首页的备案信息,荣誉证书,认证等之类的网络营销链接,这些我们不需要给网络营销搜索引擎看,因为这样稀释了网站推广首页的权重,我们就可以搭配iframe来使用,而且只需要在首页被使用,其他页面可以不需要这些信息,还有一般在门户站投放的广告都是用iframe调用的,这是为了放广告,又不给那些广告链接输送权重。是不是很完美呢,这就是其利。

三、使用iframe的弊端

在百度的搜索引擎优化技能中我们可以看到:“frame/frameset/iframe标签,会导致百度蜘蛛的抓取困难,建议不要使用”。所以说目前所有的搜索引擎都无法识别页面ifram框架中被调用的链接、文本、图片等等内容的,原因很简单因为该内容不属于该页面,只是在用户访问的时候被临时的调用。而且网站首页使用ifram被搜索引擎视为不友好表现,可能导致网站降权和关键词排名下降。这样就可以很明显的看出其存在的弊端了。

四、如何将iframe的弊端降到最低

  1. 网站顶部(导航栏目以上就算是顶部)不要采用iframe框架结构,一般放在中间或尾部;
  2. 一个页面的iframe不要太多,真的有那么多广告放(有钱赚),那最多也只能放两个(个人经验),这的大家有兴趣可以测试下,反正我放两个是没有影响的;
  3. iframe框架内的内容尽量简单,一般就是一个图片或者简单的网页;
  4. 你尝试过的有效方式。

五、另附iframe的定义和属性

1、iframe 定义和用法

iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。

HTML 与 XHTML 之间的差异

在 HTML 4.1 Strict DTD 和 XHTML 1.0 Strict DTD 中,不支持 iframe 元素。

提示和注释:

提示:您可以把需要的文本放置在  之间,这样就可以应对无法理解 iframe 的浏览器。

iframe标签是成对出现的,以结束

iframe标签内的内容可以做为浏览器不支持iframe标签时显示

属性

属性 描述 DTD
align
  • left
  • right
  • top
  • middle
  • bottom
不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。 TF
frameborder
  • 1
  • 0
规定是否显示框架周围的边框。 TF
height
  • pixels
  • %
规定 iframe 的高度。 TF
longdesc
  1. URL
规定一个页面,该页面包含了有关 iframe 的较长描述。 TF
marginheight
  • pixels
定义 iframe 的顶部和底部的边距。 TF
marginwidth
  • pixels
定义 iframe 的左侧和右侧的边距。 TF
name
  • frame_name
规定 iframe 的名称。 TF
scrolling
  • yes
  • no
  • auto
规定是否在 iframe 中显示滚动条。 TF
src URL 规定在 iframe 中显示的文档的 URL。 TF

2、iframe 透明

在transparentBody.htm文件的标签中,我已经加入了style=”background-color=transparent” 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解:

复制代码代码如下:

iframe是迫不得已才使用的,因为使用iframe会带来较多的问题,而有的浏览器可以设置将iframe当作广告屏蔽。

在最近的一个工作内容中使用了iframe,开始遇到的问题是iframe高度自适应的问题,这问题在口碑网ued团队博客中找到了解决办法,后来更遇到一个iframe透明的问题

通常 iframe底色会是白色,在不同浏览器下可能会有不同的颜色

如果主页面有一个整体的背景色或者背景图片的时候

iframe区域便会出现一个白色块,与主体页面不协调,这就需要iframe透明

iframe标签的使用属于网站站内优化的部分,站内优化做不好一切都是白搭。所以建议不懂代码的seoer朋友抽点时间学习下简单的html代码方面的知识。

代码标签优化对网站的排名也是影响很大的,推荐您看下:网站H标签的使用方法

阿峰SEO微信

请不要吝啬您的金玉良言,留言是对阿峰最大的肯定。文章有写错的地方,请您悉心指出,阿峰必改之!有让您不明白的地方,请您真切指出,阿峰与您一起探讨研究!