如何通过iframe调用其他页面的内容

简介:   我们在建站的时候经常会在页面出现同样的内容,比如公司简介之类的,这些东西很长,会减低网页的原创程度,相似度太高,对SE不是很友好。这时我们可以考虑把这部分内容写成一个单独的简单页面,然后通过iframe进行调用。

  我们在建站的时候经常会在页面出现同样的内容,比如公司简介之类的,这些东西很长,会减低网页的原创程度,相似度太高,对SE不是很友好。这时我们可以考虑把这部分内容写成一个单独的简单页面,然后通过iframe进行调用。

  举个栗子,http://www.mjeyes.com/special/fm/页面中,中间蓝底的图文经常出现,那我们就直接调用

<iframe style="border:none;" src="http://www.mjeyes.com/fm.html" width="100%" height="1155px" frameborder="0" scrolling="no"></iframe>

  我们在这个iframe的前后增加一些原创内容AB,爬虫不会抓取iframe,只抓取了AB,这样整体的页面内容质量会相对好一些。

  还有一些网站为了提高用户体验,会采用双导航或多导航,这时他们就把这些小导航做成iframe形式也是一个好做法。从这个角度来想,是不是也可以把所有的底部footer都采取iframe调用呢?

<iframe width="100%" frameborder="0" scrolling="no" allowtransparency="true" style="height:3400px;position: absolute; left:0; top:-200px;height:3240px;" src="http://www.***.com/"></iframe>

   上面代码中 top:-200px表示从头部向下延伸200像素开始显示内容,这样可以不用看到那个网站的头部

目录
相关文章
|
移动开发 编解码 小程序
(H5小程序页面html)页面跳转参数丢失
在 URL 参数字符串中用 key=value 这种键值对的形式进行传递参数,多个键值对中间用 & 连接。如果在 value 中也存在 & 这个符号的话,不对其进行编码,就会引起歧义,就会发生参数丢失问题。
404 0
|
2月前
|
UED
判断iframe链接页面 服务器状态
【10月更文挑战第6天】
36 1
|
6月前
|
JavaScript 前端开发 API
快速实现 iframe 嵌套页面
【6月更文挑战第22天】快速实现 iframe 嵌套页面
|
7月前
|
JavaScript
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
原生JS修改html内容不影响绑定的点击事件 请认准insertAdjacentHTML、insertAdjacentText方法
|
5月前
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
HTML【详解】超链接 a 标签的四大功能(页面跳转、页内滚动【锚点】、页面刷新、文件下载)
234 0
|
JavaScript 前端开发
HTML5-JS操作页面滚动条(禁止、隐藏、显示、不显示)
HTML5-JS操作页面滚动条(禁止、隐藏、显示、不显示)
173 0
|
Web App开发 移动开发 安全
如何阻止 iframe 里引用的网页自动跳转
如何阻止 iframe 里引用的网页自动跳转
182 0
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新
220 0
多Iframe版后台,在一个iframe切换到另一个iframe,同时刷新