Iframe对SEO的影响及优缺点

在网页中使用框架结构有很大的一个弊病，搜索引擎蜘蛛无法识别这样的网页，他们只看到框架而无法找到链接，因此他们会以为该网站是个死站点，并且很快就离开，假设搜索结果页没有呈现出你网站的信息，那将是一场灾难。

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加载时用光了链接池，则会造成主页面加载阻塞。

分享题目：Iframe对SEO的影响及优缺点
文章位置：/news43/112643.html

成都网站建设公司_创新互联，为您提供网站排名、关键词优化、软件开发、营销型网站建设、自适应网站、小程序开发

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联