调整ViewState的位置,让你的asp.net页面对搜索引擎更友好

简介:
在asp.net页面中经常会出现一些ViewState的html标记,也许某些时候你会禁用ViewState,但是某些情况下你不得不使用它——因为它的便捷性,但是由于在默认情况下,ViewState的HTML标记总是在页面的最前面,而且都是一些没有意义的内容,一般的搜索引擎收录的时候 就会将这些无意义的字符串收录进去,这样就会严重影响你所制作的网页在搜索引擎的排名。有没有解决办法?答案是有的,可以将ViewState的Html标记移到底部,不影响性能,对搜索引擎更友好。这种方法就是重写页面的Render,将ViewState的Html标记移到底部。
 
原始页面的HTML:
<% @ Page Language = " C# "  AutoEventWireup = " true "  CodeFile = " Top.aspx.cs "  Inherits = " Admin_Top "   %>

<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head  runat ="server" >
    
< title > 调整ViewState的位置,让你的asp.net页面对搜索引擎更友好 </ title >
</ head >
< body >
    
< form  id ="form1"  runat ="server" >
    
< div >
    
    
</ div >
    
</ form >
</ body >
</ html >
这个页面后台没有任何业务cs代码的情况下,得到的HTML代码如下:


<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >< title >
    调整ViewState的位置,让你的asp.net页面对搜索引擎更友好
</ title ></ head >
< body >
    
< form  name ="form1"  method ="post"  action ="Top.aspx"  id ="form1" >
< div >
< input  type ="hidden"  name ="__VIEWSTATE"  id ="__VIEWSTATE"  value ="/wEPDwUJNzgzNDMwNTMzZGTKRk3xYdpqlKIfqyg44evx9dxYpQ=="   />
</ div >

    
< div >
    
    
</ div >
    
</ form >
</ body >
</ html >
现在不改变前台aspx代码,重写Render方法,后台cs代码如下:
using  System;
using  System.Data;
using  System.Configuration;
using  System.Collections;
using  System.Web;
using  System.Web.Security;
using  System.Web.UI;
using  System.Web.UI.WebControls;
using  System.Web.UI.WebControls.WebParts;
using  System.Web.UI.HtmlControls;
using  System.Text.RegularExpressions;
using  System.Text;

public   partial   class  Admin_Top : System.Web.UI.Page
{
    
// ViewState的Html标记的正则表达式
     private   static   readonly  Regex viewStateRegex  =   new  Regex( @" (<input type=""hidden"" name=""__VIEWSTATE"" id=""__VIEWSTATE"" value=""[w+\/=]+"" />) " , RegexOptions.Multiline  |  RegexOptions.Compiled);
    
// </form>标记的正则表达式
     private   static   readonly  Regex endFormRegex  =   new  Regex( @" </form> " , RegexOptions.Multiline  |  RegexOptions.Compiled);

    
protected   override   void  Render(HtmlTextWriter writer)
    {
        System.IO.StringWriter stringWriter 
=   new  System.IO.StringWriter();
        HtmlTextWriter htmlWriter 
=   new  HtmlTextWriter(stringWriter);
        
base .Render(htmlWriter);

        
string  html  =  stringWriter.ToString();
        Match viewStateMatch 
=  viewStateRegex.Match(html);
        
string  viewStateString  =  viewStateMatch.Captures[ 0 ].Value; // 找出ViewState的Html标记
        html  =  html.Remove(viewStateMatch.Index, viewStateMatch.Length); // 替换掉ViewState的html标记

        Match endFormMath 
=  endFormRegex.Match(html, viewStateMatch.Index);
        html 
=  html.Insert(endFormMath.Index, viewStateString); // 将ViewState的Html标记插入到</form>标记之前
        writer.Write(html);
        
    }
    
protected   void  Page_Load( object  sender, EventArgs e)
    {

    }
}
最后生成的Html页面的代码:


<! DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

< html  xmlns ="http://www.w3.org/1999/xhtml"   >
< head >< title >
    调整ViewState的位置,让你的asp.net页面对搜索引擎更友好
</ title ></ head >
< body >
    
< form  name ="form1"  method ="post"  action ="Top.aspx"  id ="form1" >
< div >

</ div >

    
< div >
    
    
</ div >
    
< input  type ="hidden"  name ="__VIEWSTATE"  id ="__VIEWSTATE"  value ="/wEPDwUJNzgzNDMwNTMzZGTKRk3xYdpqlKIfqyg44evx9dxYpQ=="   /></ form >
</ body >
</ html >
最后的结果大家也看到了,确实移动了ViewState的html标记的位置,这样对搜索引擎更友好。


















本文转自周金桥51CTO博客,原文链接:http://blog.51cto.com/zhoufoxcn/167004  ,如需转载请自行联系原作者





相关文章
|
JavaScript 前端开发
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
1731 0
vue 部署项目,访问页面空白,找不到js或css文件 (net::ERR_ABORTED 404 (Not Found))
|
JavaScript
Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’
Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’
Vue 打包后打开为空白页面 并且控制台报错‘Failed to load resource: net::ERR_FILE_NOT_FOUND’
|
9月前
|
开发框架 数据可视化 前端开发
ASP.NET Core MVC+Quartz实现定时任务可视化管理页面
ASP.NET Core MVC+Quartz实现定时任务可视化管理页面
331 0
|
11月前
mvc.net分页查询案例——前台页面(Index.aspx)
mvc.net分页查询案例——前台页面(Index.aspx)
47 0
|
开发框架 JSON 前端开发
【C#】.net core2.1,自定义全局类对API接口和视图页面产生的异常统一处理
在开发一个网站项目时,异常处理和过滤功能是最基础的模块 本篇文章就来讲讲,如何自定义全局异常类来统一处理
205 0
|
开发框架 程序员 API
【C#】.net core2.1,通过扩展状态代码页方法对404页面进行全局捕抓并响应信息
在开发一个网站项目时,除了异常过滤功能模块,还需要有针对404不存在的api接口和页面处理功能 本篇文章就来讲讲,如何自定义全局请求状态类来统一处理
184 0
|
开发框架 .NET Windows
真正解决ASP.NET每一个页面首次访问超级慢的问题
真正解决ASP.NET每一个页面首次访问超级慢的问题
219 0
|
开发框架 .NET C#
mvc.net分页查询案例——前台页面(Index.aspx)
mvc.net分页查询案例——前台页面(Index.aspx)
53 0