详解ASP.NET的SEO：服务器控件背后故事-技术开发专区

详解ASP.NET的SEO：服务器控件背后故事

作者：自由飞的博客编辑：胡铭娅 2010-03-01 14:14 来源：自由飞的博客

　　【IT168 技术文档】假设你需要从一个页面转向其他页面，下面有很多种方式，你是如何选择的呢?你能清晰的说明理由么?

　　第一篇：详解ASP.NET的SEO：RewritePath()方法

        <%--链接的表现形式--%>
        <asp:HyperLink ID="HyperLink1" runat="server" NavigateUrl="~/Default2.aspx">HyperLink</asp:HyperLink>
        <asp:LinkButton ID="LinkButton1" runat="server" PostBackUrl="~/Default2.aspx">LinkButton</asp:LinkButton>

        <%--出于美观的考虑，很多网站都会用button来替换掉link--%>
        <asp:Button ID="Button1" runat="server" Text="Button" PostBackUrl="~/Default2.aspx" />

        <%--用图片做链接，也有两种选择方式--%>
        <asp:ImageButton ID="ImageButton1" runat="server" PostBackUrl="~/Default2.aspx" ImageUrl="~/upup.gif" />
        <asp:HyperLink ID="HyperLink2" runat="server" NavigateUrl="~/Default2.aspx" ImageUrl="~/upup.gif"></asp:HyperLink>

　　如果你还有些迷茫，我建议你查看他们生成html之后的源代码。

        <a id="HyperLink1" href="Default2.aspx">HyperLink</a>
        <%--HyperLink解析成Html之后对应的就是一个单纯的超链接，href指向了要跳转的页面 --%>

        <a id="LinkButton1" href="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("LinkButton1", "", false, "", "Default2.aspx", false, true))">LinkButton</a>
        <%--LinkButton1虽然也是一个锚标记，但实际上是利用的JavaScript进行的跳转--%>

        <input type="submit" name="Button1" value="Button" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("Button1", "", false, "", "Default2.aspx", false, false))" id="Button1" />
        <%--button被解析成type="submit"的input元素，同样通过JavaScript进行页面的跳转--%>

        <input type="image" name="ImageButton1" id="ImageButton1" src="upup.gif" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions("ImageButton1", "", false, "", "Default2.aspx", false, false))" style="border-width:0px;" />
        <%--ImageButton被解析成type="image"的input元素，同样通过JavaScript进行页面的跳转--%>

        <a id="HyperLink2" href="Default2.aspx"><img src="upup.gif" style="border-width:0px;" /></a>
        <%--给HyperLink的ImageUrl属性赋值后，解析成Html之后对应的就是一个超链接中“夹”了一个img，但href仍然指向的要跳转的页面 --%>

　　知道了这些又有什么用呢?

　　用处很多，但我们今天只谈论SEO。

　　就目前的搜索引擎技术手段，JavaScript(当然也就包括了AJAX)、表单元素(如input)、Flash和Image都无法(或者很难)被读取。“蜘蛛”倾向于读取简单的html格式的文本。所以，从SEO的角度出发：

　　1. 不要使用JavaScript或表单进行页面跳转链接，如果一个普通的也能完成同样的功能。一般来说，任何不能通过标准锚标识符()进入的导航，都不会被蜘蛛检索到。如果本来就使用的客户端元素，我们应该比较容易注意到这一点;但当使用经过封装处理过后的服务器端控件时，我们就可能会大意了。

　　2. 注意UpdatePanel里没有文本内容的情况。我们可以做一个简单的测试：

        <asp:ScriptManager ID="ScriptManager1" runat="server">
        </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ContentTemplate>
                <asp:Label runat="server" ID="lbl" ></asp:Label>
                <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
            </ContentTemplate>
        </asp:UpdatePanel>

    protected void Button1_Click(object sender, EventArgs e)
    {
            this.lbl.Text = "我是UpdatePanel生成的，所以你看不见我！";
    }

第1页：服务器控件第2页：解析成Html

关注我们