Html:小技巧:网页自动转向代码

2016-02-19 21:34 8 1 收藏

有一种朋友不在生活里,却在生命力;有一种陪伴不在身边,却在心间。图老师即在大家的生活中又在身边。这么贴心的服务你感受到了吗?话不多说下面就和大家分享Html:小技巧:网页自动转向代码吧。

【 tulaoshi.com - Web开发 】

  自动转向,也叫自动重定向。自动跳转,指当访问用户登陆到某网站时,自动将用户转向其它网页地址的一种技术。转向的网页地址可以是网站内的其它网页,也可以是其它网站。通常情况下,浏览器会收到一个网页,该页面含有自动加载一其它网页的代码。该页面有可能在服务器端被转换,这样的话,浏览器只收到一个页面,而自动转向往往意味着浏览器收到的页面具有自动将访问用户送至其它页面的功能。

  对自动转向技术的合理应用包括:将用户转向到指定浏览器的网页版本;当网站的域名变更或删除后将人们转向到新域名下,等等。但现在这种技术却往往被搜索引擎优化人士用来作为提高网站的搜索引擎排名的一种手段。例如,先专门针对搜索引擎做一个高度优化的网页,也就是我们通常所说的“桥页”,然后把这个网页提交给搜索引擎来获得好的排名。但是,当搜索用户通过搜索引擎的搜索结果列表点击该网页列表进入后,将被自动转向到一个用户本来无意去访问的网站地址。搜索引擎常常认为自动转向的网页是对读者的误导,所以它会对这种网页或网站施以惩戒,不过对一些自动转向方法它目前还无法自动检测出来。

  Meta Refresh Tag自动转向法

  由于搜索引擎能够读取HTML,而Meta&nbsptags也是HTML,所以对于这种自动转向法,搜索引擎能够自动检测出来。因而无论网站的转向出于什么目的,都很容易被搜索引擎视做对读者的误导而受到惩罚。不过,如果跳转延迟时间设置合适,搜索引擎就不会视之为作弊。

  页面定时刷新元标识(Meta Refresh Tag)只能放在HTML代码的HEAD区里。如下所示:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

代码
以下是代码片段:
meta http-equiv="refresh" content="5" url=http://book.ninedns.com/forums/"   

  其中的“5”是告诉浏览器在页面加载5秒钟后自动跳转到page.htm这个页面。这种方法常可以在论坛中见到。如果在论坛上发信息,先会看到一个确认页面,几秒后会自动重新跳转回当前的论坛页面中。

  从搜索引擎优化的角度出发,一般不希望自动转向有延迟。不过,如果是用Meta Refresh标识进行转向,一定要注意把延迟时间设定成至少10秒以上。

  “javascript”自动转向法

  由于不能解析javascript,所以搜索引擎无法察觉(自动检测到)用javascript脚本进行的自动转向。javascript自动重定向脚本可以放在网页的任何位置上,如果要求立即跳转,则可以将其放入网页源码的head区内的最上面。用javascript实现跳转的范例如下:

方案1:

代码
以下是代码片段:
script LANGUAGE="JavaScript"
!--
window.location="http://solidot.org";
// --
/script

方案2:

代码
以下是代码片段:
script language="javascript"
!-- 
location.replace("http://book.ninedns.com");
--
/script  

  其中的“ http://solidot.org " 和 " http://www.zz-word.com "指特定的重定向目标地址,用相对/绝对URL地址均可。

  用javascript实现自动重定向的好处在于:用户所访问的目标URL不会保留在用户浏览器的历史记录中,如果用户按返回按钮返回,则将回到跳转前的网页,而不是包含javascript自动重定向脚本的跳转页面,所以不会出现当用户点击返回按钮后返回至重定向页,然后该页自动跳转到用户本来想离开的那个页面的尴尬情形。

  如果需要,可以把javascript自动重定向脚本存在一个外部文件中,并通过下面的命令行来加载,其中“filename.js”是该外部文件的路径和文件名:


代码
script language="javascript" src="filename.js"/script

  注意:若需实现即刻转向,或不希望人们看到转向前的那个页面,一般常用javascript脚本实现。在这种情况下应将javascript脚本放入HTML源码的HEAD区中。

  表单(FORM)自动转向法

  搜索引擎的“爬行”程序是不会填写表单的,所以它们也不会注意到提交表单,因而可以利用表单来实现自动转向(重定向)而不让搜索引擎察觉。

  对于表单,人们往往很少意识到:表单的Action参数中包含的URL地址其实正是浏览器向服务器所请求的URL。浏览器将会通过向请求的URL地址增加一些格式为name=value的参数给予它以特殊的对待。在什么都没有的情况下,浏览器仍旧会为该URL安排请求至服务器。

  用javascript脚本可让页面开始加载时即提交表单。下面是一个用javascript实现表单自动提交,以及提交表单的范例:

代码
以下是代码片段:
script language="javascript"!--document.myform.submit()
//--
/script 
form name="myform" action="book.ninedns.com" method="get"/form 

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  其中“myform”可以是任意名称,“book.ninedns.com ”用相对/绝对URL地址均可。

  小结

  如果访问用户最终看到的是他们想看到的,那么在搜索引擎优化中使用自动转向技术并没有什么不对,也并不是什么不道德的行为。但有些人往往会在利用“自动跳转”技术,利用“桥页”吸引访问者,然后把他们送到他们无意浏览的页面或网站,这种做法只会引起访问用户的反感,又怎么能够期望访问流量可以有效转化为最终客户呢?

来源:https://www.tulaoshi.com/n/20160219/1626518.html

延伸阅读
标签: Web开发
网页Flash播放代码的一个小技巧 很多网页中都插有Flash播放代码,这不仅是为了页面元素的多样化,更是为了内容体现的需要。很多时候,我们会遇到这样的问题:根据需要使用Flash的script来读取不同的音频源或者视频源,那么如何实现这一功能呢?下面我们用改写object标签中的代码来实现。 一个典型的Flash播放器源代码中常常有这样的语句: para...
这个是一个关于HTML代码攻击的,虽然短点大家看看怎么样,能实现的哦。 现在的Windows操作系统实在是很方便,连格式化都是只用鼠标点点就可以了,不用象以前那样要输入命令来完成格盘。 我们要做一个格本地磁盘网页并不是很难,会HTML代码的朋友一定是没有什么问题的,这个其实就是利用一下IE的漏洞来实现我们的目的。 下面我们看一下下面的...
标签: Web开发
一、简化代码 采用更为简短的写法,不仅可以减少输入的字符数,还可以减少文件大小。大部分采用简单写法的代码,执行效率都有轻微提高。 1.1  简化常用对象定义: 使用 var obj = {}; 代替 var obj = new Object(); 使用 var arr = []; 代替 var arr = new Array(); 1.2  精简if语句 三元操作符可以有效精简只涉及赋值传值操作...
标签: Web开发
许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误,甚至常看到有人在抱怨其网站排名不理想,到其网站简单看一下便可发现HTML代码中充斥各种各样的错误,在那样的代码基础上无论付出多少努力去优化网站结果都可能是付诸流水的啊! 事实上,IE是一款对HTML代码容错能力甚高的的浏览器,——说句题外话,...
标签: Web开发
CSS已经成为网页前端设计一个非常重要的部分,由于写CSS时需要考虑的问题非常多,老手们创建新页面是通常会沿用以前的CSS框架。但是新手没有自己的框架,这篇文章可以给新手们一些启示。 1.简单的纯CSS Tooltip 通过这些代码,你可以做出简单的Tooltip。这是CSS代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 a:hover { background:...

经验教程

503

收藏

52
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部