×

Iframe对SEO的影响及优缺点

分类:建站推广 编辑:互联网观察 浏览量:139
2020-09-24 17:34:17
 在网页中使用框架结构有很大的一个弊病,搜索引擎蜘蛛无法识别这样的网页,他们只看到框架而无法找到链接,因此他们会以为该网站是个死站点,并且很快就离开,假设搜索结果页没有呈现出你网站的信息,那将是一场灾难。
Iframe的优化

1、 网站顶部不要采用iframe,一般情况下一个网站的顶部都是导航栏,如何导航栏使用了iframe,那相对于给搜索引擎蒙上了双眼,根本就不知道从什么地方下手,怎么能抓取你网站的信息呢。

2、 一个页面的iframe不要超过两个,iframe要放置在页面中关键词无关区域,也可以是广告区域。

3、 iframe框架内的内容尽量是一张图片或者简单的网页即可,如果必须使用框架,那一定要在代码中使用“noframes”标签进行优化。我们在网页中尽量不要使用框架结构,SE0主要就是为了让搜索引擎抓取页面,提升关键词在搜索结果页面的排名以及让网站页面更多的被收录,从而提升网站知名度。

但这个问题我们也要辩证的来看待,因为事物本身没有好与坏,无非在于使用它的人如何使用。接下来为大家从正反两两面详细解读iframe。

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

如今已经证明iframe里的内容是会被搜索引擎抓取的,只是在SEO网络营销建议中提到:“frame/frameset/iframee标签,会导致百度spider的抓取困难,建议不要使用”。

网络营销搜索引擎的蜘蛛不会识别在iframe中被调用的图片、文本、url等内容的,因为该内容不属于该页面,只是访问的时候被临时的调用。

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

5、使用iframe的利端

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

三、使用iframe的弊端"

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

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

1、网站顶部(导航栏目以上就算是顶部)不要采用iframe框架结构,一般放在中间或尾部;

2、一个页面的iframe不要太多,真的有那么多广告放(有钱赚),那最多也只能放两个(个人经验),这的大家有兴趣可以测试下,反正我放两个是没有影响的;

3、iframe框架内的内容尽量简单,一般就是一个图片或者简单的网页;

五、iframe的定义和属性

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

HTML 与 XHTML 之间的差异

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

提示和注释:

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

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

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

iframe框架及优缺点

HTML5不再支持使用frame,关于frame与iframe的区别,可以参阅 
https://www.cnblogs.com/songzhixue/p/11261118.html
基本使用
src:规定在iframe中显示的文档的URL。

frameborder:规定是否显示框架周围的边框。

scrolling:规定是否在 iframe 中显示滚动条。

width:规定iframe的宽度,建议使用CSS替代。

height:规定iframe的高度,建议使用CSS替代。

sandbox:启用一系列对iframe中内容的额外限制。

marginwidth:定义iframe的左侧和右侧的边距。

marginheight:定义iframe的顶部和底部的边距。

srcdoc:规定在iframe中显示的页面的HTML内容。

align:规定如何根据周围的元素来对齐此框架,建议使用样式替代。

使用场景
加载其他域的网页
<iframe>是允许跨域请求资源的,但是不能够修改,由此可以在网页中嵌套其他网页,如需要跨域通信的话,需要考虑document.domain、window.name、window.postMessage。

典型系统结构
典型的系统结构,左侧是功能树,上部为个人信息,右侧就是实际功能,使用iframe将功能单独分离出来,当然也可以使用vue和react进行实现。

实现Ajax
可以使用iframe进行实现异步请求发送,来模拟Ajax的请求操作,Ajax的异步请求完成操作为XHR.readyState === 4执行callback,iframe使用iframe.onload执行callback,还可以实现一个轮询长连接。

加载广告
广告是与原文无关的,假如硬编码进去,会造成网页布局的紊乱,而且这样势必需要引入额外的css和js文件,极大的降低了网页的安全性,使用iframe便可以解决这些问题。

提交表单
可以使用iframe提交表单来避免整个页面的刷新,还可以实现无刷新文件上传的操作。

优缺点
优点
可以跨域请求其他网站,并将网站完整展示出来

典型系统结构可以提高代码的复用性

创建一个全新的独立的宿主环境,可以隔离或者访问原生接口及对象

模块分离,若多个页面引用同一个iframe,则便于修改操作

实现广告展示的一个解决方案

若需要刷新iframe则只需要刷新框架内,不需要刷新整个页面

缺点
iframes阻塞页面加载,影响网页加载速度,iframe加载完毕后才会触发window.onload事件,动态设置src可解决这个问题。

加载了新页面,增加了css与js文件的请求,即额外增加了HTTP请求,增加了服务器负担。

有时iframe由于页面挤占空间的原因出现滚动条,造成布局混乱。

不利于SEO,搜索引擎的爬虫无法解读iframe的页面。

有些小型的移动设备如手机等无法完全显示框架,兼容性较差。

iframe与主页面是共享链接池的,若iframe加载时用光了链接池,则会造成主页面加载阻塞。


声明:免责声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,也不承认相关法律责任。如果您发现本社区中有涉嫌抄袭的内容,请发

送邮件至:operations@xinnet.com进行举报,并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。本站原创内容未经允许不得转载,或转载时

需注明出处:新网idc知识百科

免费咨询获取折扣