2021-05-07 分类: 网站建设
在网页中使用框架结构有很大的一个弊病,搜索引擎蜘蛛无法识别这样的网页,他们只看到框架而无法找到链接,因此他们会以为该网站是个死站点,并且很快就离开,假设搜索结果页没有呈现出你网站的信息,那将是一场灾难。
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将功能单独分离出来,当然也可以使用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的影响及优缺点
文章网址:https://www.cdcxhl.com/news/112643.html
成都网站建设公司_创新互联,为您提供移动网站建设、网站建设、标签优化、手机网站建设、品牌网站建设、外贸网站建设
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联
猜你还喜欢下面的内容