网站建设中框架页面对优化的影响

叶忠文
叶忠文

发布于 2016-09-23 02:43

269 浏览
0 评论

在网站建设中,有时候会用到框架页面,也即是frame和iframe的使用,框架可以把页面分成若干个区域,每个区域都可以引用不同的页面,从而实现在同一个窗口浏览多个页面,但是这些框架对于优化来说有什么影响呢?

一.frame框架页面对优化的影响
frame框架页面是由多个独立的页面组成的,通常可以把重复的内容固定在同一个位置,用户发出新页面请求之后,回到变化的页面就可浏览所需的内容,而重复的页面可以保持不变,这样就减少了页面的加载时间。如下框架页面,点击左边栏目的“参考资料”,内容就会在右边显示。

对于框架页面,搜索引擎会先抓取主页面,再从主页面中抓取子页面的url,再根据这些地址爬取相应的子页面,因此搜索引擎是分开分别抓取各个页面的,而子页面也不认为是主页面的一部分。对于网站优化来说,着重做好主页面的代码结构,尽可能让主页面打开顺畅,前提工作部署好,结构有利于网站的优化。但是容易让人忽略的一点是,如果浏览器不支持框架的显示,采用这种框架结构时,最好加入标签,并在标签中添加与主题相符的描述,但拒绝出现关键词堆砌,这样在用户浏览时可以找到页面的有价值信息,可提高用户体验度,对搜索引擎也会更友好。<br /> <br /> 二.iframe框架页面对优化的影响<br /> iframe框架相对比frame框架来说更加灵活自由,可选择页面的任意位置嵌套框架,浏览器在解析页面时,会将iframe框架页面的其他内容也一并下载,这样就有效节省了页面的加载时间,搜索引擎在抓取iframe页面的同时也会抓取其引用的内容,有些人在建站的时候会借此特性,乘机添加垃圾广告内容,影响了网站的权重,因此要注意不能将无关的内容放置引用页面中,否则会受到搜索引擎的惩罚。<br /> <br /> 虽然框架对于网站建设来说有一定的帮助,但并不是绝对,用得好才有利,像框架这类对搜索引擎较敏感的结构来说,奇亿网络小编不鼓励大家使用,在不能保证对搜索引擎友好的情况下,最好避免使用。</p> </div><!-- end 文章内容区域 --> <!-- 文章版权信息 --> <div class="aw-mod article-content"> <div class="tit-line"> <h3 class="fontb"><span>作者公告牌</span><span><a href="https://ask.seowhy.com/account/setting/" class="aw-text-color-666" target="_blank" title="了解怎么写公告牌"><span class="iconfont icon-report"></span></a></span></h3> <p>服务主营:网站建设、网站制作、网站优化、网页设计、网站设计、聚企网络科技长达多年的实战经验,期待为你服务~ http://www.led-lhll.cn/ </p> </div> </div><!-- end 文章版权信息 --> <!-- 用户操作按钮区域 --> <div class="aw-mod text-center"> <a href="javascript:;" class="btn btn-primary" onclick="FE.agree($(this), 'article', '9870')">赞👍(<span class="agree-count">0</span>)</a> </div> <!-- 文章操作栏 --> <div class="sw-qhandle"> <div class="meta"> <a href="javascript:;" class="text-color-999" onclick="FE.report('article', '9870');"><i class="iconfont icon-report"></i>举报</a> <a href="javascript:;" class="text-color-999"><i class="iconfont icon-collect"></i>收藏</a> <div class="pull-right more-operate"> 管理文章: </div> </div> </div><!-- end 文章操作栏 --> <!-- 文章评论区域 --> <div class="aw-mod aw-question-comment"> <div class="mod-head"> <ul class="aw-nav-tabs"> <div class="button-groups"> <a href="javascript:;" class="button-group button-group--white button-group--sm active">默认排序</a> <a href="javascript:;" class="button-group button-group--white button-group--sm">时间排序</a> </div> <div class="aw-nav-tabs--title">0 人参与回应</div> </ul> </div> <div class="mod-body aw-feed-list empty-answer colorSystem">暂无回应</div> </div><!-- end 文章评论区域 --> <!-- 编辑器 --> <div class="aw-mod aw-replay-box question"> <form id="answer-form" method="post" action="https://ask.seowhy.com/ajax/savecomment" onsubmit="return false;"> <input type="hidden" name="item_type" value="article" /> <input type="hidden" name="item_id" value="9870" /> <input type="hidden" id="quote_id" name="quote_id" /> <textarea rows="5" name="message" class="fe-editor form-control"></textarea> <div class="aw-replay-box-footer clearfix"> <a class="pull-right button button--green" onclick="FE.ajaxPost($('#answer-form'), '', 'reply_topic'); return false;">提交回应</a> </div> </form> </div><!-- end 编辑器 --> </div><!-- end 左侧 --> <!-- 文章详情 · 侧边栏开始 --> <div class="col-md-3 aw-side-bar hidden-xs hidden-sm"> <!-- AD --> <a class="warm-tips sw-area course-promote" href="http://www.seowhy.com/course/56?ullzyj" target="_blank" rel="nofollow"> <div class="warm-tips--icon"> <span class="iconfont-fill--userJoin"><i class="iconfont icon-improveProfile"></i></span> </div> <div class="warm-tips--content"> <p class="warm-tips--title">微信自媒体实战案例</p> <p class="warm-tips--subtitle colorSystem">从零开始玩转微信自媒体</p> </div> </a> <a class="warm-tips sw-area course-promote" href="http://www.seowhy.com/course/82?ullzyj" target="_blank" rel="nofollow"> <div class="warm-tips--icon"> <span class="iconfont-fill--userViews"><i class="iconfont icon-improveProfile"></i></span> </div> <div class="warm-tips--content"> <p class="warm-tips--title">朋友圈小视频推广</p> <p class="warm-tips--subtitle colorSystem">朋友圈小视频制作及推广</p> </div> </a> <a class="warm-tips sw-area course-promote" href="http://www.seowhy.com/course/30?ullzyj" target="_blank" rel="nofollow"> <div class="warm-tips--icon"> <span class="iconfont-fill--userCity"><i class="iconfont icon-improveProfile"></i></span> </div> <div class="warm-tips--content"> <p class="warm-tips--title">百度竞价实操教程</p> <p class="warm-tips--subtitle colorSystem">竞价从未如此简单</p> </div> </a> <a class="warm-tips sw-area course-promote" href="http://wpa.qq.com/msgrd?v=3&uin=314257239&site=qq&menu=yes" target="_blank" rel="nofollow"> <div class="warm-tips--icon"> <i class="iconfont icon-seowhy" style="color:#428bca;"></i> </div> <div class="warm-tips--content"> <p class="warm-tips--title">在搜外投放广告</p> <p class="warm-tips--subtitle colorSystem">高粘度用户群体</p> </div> </a> <a href="http://fuwei.seowhy.com/" target="_blank" rel="nofollow"><img src="/img/to_fuwei_20170405.png" alt="SEO培训" style="margin-bottom: 10px;"></a><!-- end AD --> <!-- 搜外最佳作者 --> <div class="widget-userRank widget-authorRank"> <div class="widget-userRank--title">一周发布文章最多的作者</div> <div class="widget-userRank--img"> <a href="https://ask.seowhy.com/people/110323"><img src="/img/avatar.png" alt="安梵希"></a> <a href="https://ask.seowhy.com/people/110759"><img src="/img/avatar.png" alt="Susan"></a> <a href="https://ask.seowhy.com/people/qinxuwen"><img src="/uploads/avatar/000/01/36/16_avatar_max.jpg" alt="秦绪文"></a> </div> <div class="widget-userRank--txt"> <ul> <li> <div class="fleft"><span>1.</span><a href="https://ask.seowhy.com/people/110323" rel="nofollow" target="_blank">安梵希</a></div> <div class="fright">30 篇</div> </li> <li> <div class="fleft"><span>2.</span><a href="https://ask.seowhy.com/people/110759" rel="nofollow" target="_blank">Susan</a></div> <div class="fright">29 篇</div> </li> <li> <div class="fleft"><span>3.</span><a href="https://ask.seowhy.com/people/qinxuwen" rel="nofollow" target="_blank">秦绪文</a></div> <div class="fright">22 篇</div> </li> </ul> </div> </div><!-- end 搜外最佳作者 --> <!-- 搜外最佳会员 --> <div class="widget-userRank"> <div class="widget-userRank--title">24小时获得「赞」最多的人</div> <div class="widget-userRank--img"> <a href="https://ask.seowhy.com/people/105916"><img src="/img/avatar.png" alt="网站问题分析"></a> <a href="https://ask.seowhy.com/people/67271"><img src="/img/avatar.png" alt="大兄弟"></a> <a href="https://ask.seowhy.com/people/73977"><img src="/img/avatar.png" alt="仙儿"></a> </div> <div class="widget-userRank--txt"> <ul> <li> <div class="fleft"><span>1.</span><a href="https://ask.seowhy.com/people/105916" rel="nofollow" target="_blank">网站问题分析</a></div> <div class="fright">45 回复(55 赞)</div> </li> <li> <div class="fleft"><span>2.</span><a href="https://ask.seowhy.com/people/67271" rel="nofollow" target="_blank">大兄弟</a></div> <div class="fright">16 回复(6 赞)</div> </li> <li> <div class="fleft"><span>3.</span><a href="https://ask.seowhy.com/people/73977" rel="nofollow" target="_blank">仙儿</a></div> <div class="fright">18 回复(5 赞)</div> </li> </ul> </div> </div><!-- end 搜外最佳会员 --> <!-- 相关问题/话题/文章 --> <div class="aw-mod sw-area"> <!-- 最新问题 --> <div class="mod-head colorSystem">相关问题</div> <!-- 最新话题 <div class="mod-head colorSystem">相关话题</div> --> <!-- 最新文章 <div class="mod-head colorSystem">相关文章</div> --> <div class="mod-body font-size-12"> <ul> <li><a href="https://ask.seowhy.com/question/22559">网站查看源码有很多的空行,对优化有什么影响?</a><span>(22 个回答)</span></li> <li><a href="https://ask.seowhy.com/question/5165">网站周六周日优化对网站有无不良影响?</a><span>(12 个回答)</span></li> <li><a href="https://ask.seowhy.com/question/1828">一年1个月的网站优化需要修改标题会有什么影响?</a><span>(11 个回答)</span></li> <li><a href="https://ask.seowhy.com/question/29566">网站放在香港对百度优化排名的影响到底有多大?</a><span>(8 个回答)</span></li> <li><a href="https://ask.seowhy.com/question/28888">网站模版是很多人在使用的,并且有权重比较高的网站,会影响网站优化吗?</a><span>(7 个回答)</span></li> <li><a href="https://ask.seowhy.com/question/33103">目标关键词彻底更改,对网站优化影响有多大?</a><span>(5 个回答)</span></li> </ul> </div> </div><!-- end 相关问题/话题/文章 --> <!-- 最新问题/话题/活动 --> <div class="aw-mod sw-area"> <!-- 最新问题 --> <div class="mod-head colorSystem">最新问题</div> <div class="mod-body font-size-12"> <ul> <li><a href="https://ask.seowhy.com/question/49355">www.szhbjy.net数字货币交易网要多久才收录啊?</a><span>(4 小时前)</span></li> <li><a href="https://ask.seowhy.com/question/49354">现在做SEO还有多少人坚持的</a><span>(5 小时前)</span></li> <li><a href="https://ask.seowhy.com/question/49353">查问大神一款关于关键词查询的软件。</a><span>(9 小时前)</span></li> <li><a href="https://ask.seowhy.com/question/49352">如何应对靠点击软件提高排名的【网页】</a><span>(10 小时前)</span></li> <li><a href="https://ask.seowhy.com/question/49351">什么是泛目录?</a><span>(10 小时前)</span></li> </ul> </div> </div> <!-- end 最新问题/话题/活动 --> <p><a href="https://www.seowhy.com/" class="color666">搜外网:SEO培训_小程序培训_专注互联网营销在线培训课程</a></p> </div> </div> </div> </div> </div> <div style="width: 1205px;margin:20px auto;"><a href="http://fuwei.seowhy.com/"><img src="/img/bottom_to_fuwei.jpg" alt=""></a></div> <style>.footer h5{color:#428bca}</style> <div class="footer"> <div class="footer-top"> <div class="footer-top-in"> <div class="footer-solution"> <h5>提供服务</h5> <ul class="footer-ul"> <li><a href="http://fuwei.seowhy.com/" target="_blank">SEO系统培训</a></li> <li><a href="http://job.seowhy.com/" target="_blank">SEO求职招聘</a></li> <li><a href="http://lab.seowhy.com/" target="_blank">夫唯实验室</a></li> </ul> </div> <div class="footer-link"> <h5>常用链接</h5> <ul class="footer-ul"> <li><a href="http://edu.seowhy.com/" target="_blank">教研室</a></li> <li><a href="http://tool.seowhy.com/" target="_blank">SEO工具大全</a></li> <li><a href="http://www.seowhy7.com/" target="_blank">搜外论坛</a></li> <li><a href="http://www.seo.cn/" target="_blank">SEO教程</a></li> <li><a href="http://www.seowhy.com/lecturer/apply/" target="_blank">申请讲师</a></li> </ul> </div> <div class="footer-trade"> <h5>战略合作伙伴</h5> <ul class="footer-ul"> <li><a href="http://www.5118.com/" target="_blank">5118</a></li> <li><a href="http://www.niaoyun.com/" target="_blank">小鸟云</a></li> </ul> </div> <div class="footer-yunaq pull-right" style="margin-right:0px;"> <img src="//www.seowhy.com/static/common/ewm.png" style="height:100px;" alt="搜外微信"> </div> </div> </div> <div class="footer-bot"> <div class="footer-bot-in"> <ul class="footer-ul"> <li><a href="http://www.seowhy.com/abouts/about.html" target="_blank" rel="nofollow">关于我们</a></li> <li><a href="http://www.seowhy.com/abouts/contact_us.html" target="_blank" rel="nofollow">联系我们</a></li> <li><a href="http://www.seowhy.com/abouts/agreement.html" target="_blank" rel="nofollow">用户协议</a></li> <li><a href="http://www.seowhy.com/abouts/help_center.html" target="_blank" rel="nofollow">客服中心</a></li> <li>粤ICP备16053761号</li> </ul> <span>©2008-2018 SEOWHY</span> </div> </div> </div><div id="fe-ajax-box"></div> <script type="text/javascript" src="/js/jquery.1.12.js"></script> <script type="text/javascript" src="/js/jquery.form.js"></script> <script type="text/javascript" src="/js/bootstrap.js"></script> <script type="text/javascript" src="/js/jquery.pjax.js"></script> <script type="text/javascript" src="/js/wangEditor.min.js"></script> <script type="text/javascript" src="https://ask.seowhy.com/js/app.js?v=1.1.10"></script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?a89e60325c8243cb4164b1f6f5164fc8"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>