html什么标签对蜘蛛友好,对蜘蛛友好的html和js的优化技巧

html源代码的链接的表现形式

一般常用的就是这几种：

href="Default2.aspx">HyperLink

--%>

id="LinkButton1"

href="javascript:WebForm_DoPostBackWithOptions(new

WebForm_PostBackOptions("LinkButton1",

"", false,

"",

"Default2.aspx",

false,

true))">LinkButton

type="submit"

name="Button1"

value="Button"

οnclick="javascript:WebForm_DoPostBackWithOptions(new

WebForm_PostBackOptions

("Button1",

"", false,

"",

"Default2.aspx",

false,

false))"

id="Button1"

/>

type="image"

name="ImageButton1"

id="ImageButton1"

src="upup.gif"

οnclick="javascript:WebForm_DoPostBackWithOptions(new

WebForm_PostBackOptions

("ImageButton1",

"", false,

"",

"Default2.aspx",

false, false))"

style="border-width:0px;"

/>

-%>

href="Default2.aspx">

src="upup.gif"

style="border-

width:0px;"

/>

一个img，但href仍然指向的要跳转的页面

--%>

知道以上这些用处很多，但我们今天只谈论SEO。

就目前的搜索引擎技术手段，JavaScript(当然也就包括了Ajax)、表单元素(如input)、Flash和

Image都无法(或者很难)被读取。“蜘蛛”倾向于读取简单的html格式的文本。所以，从SEO的角度出

发：

1.

不要使用JavaScript或表单进行页面跳转链接，如果一个普通的也能完成同样的功能。一般

来说，任何不能通过标准锚标识符进入的导航，都不会被蜘蛛检索到。如果本来就使用的客户

端元素，我们应该比较容易注意到这一点；但当使用经过封装处理过后的服务器端控件时，我们就可能

会大意了。

2.

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

ID="ScriptManager1"

runat="server">

ID="UpdatePanel1"

runat="server">

runat="server"

ID="lbl"

>

ID="Button1"

runat="server"

Text="Button"

οnclick="Button1_Click"

/>

PRotected void Button1_Click(object sender, EventArgs e)

{

this.lbl.Text =

"我是UpdatePanel生成的，所以你看不见我！";

}

解析成Html后的源代码部分：

id="UpdatePanel1">

id="lbl">

type="submit"

name="Button1"

value="Button"

id="Submit1"

/>

这是很好理解的，因为UpdatePanel一样是通过页面的JavaScript函数来生成页面内容的。查看源代码

，我们能看到相关的JavaScript函数，但不能看到函数生成的内容。而搜索引擎的蜘蛛，它也是只看源

代码的。

3. 当我们需要使用弹出页面时，通常的做法是：

href="#"

οnclick="window.open('popup.html','common','height=600,weight=800');">common

popup

根据我们上面的交代，这样的写法，对SEO而言，无疑也是不利的。所以我们应该使用下面的代码，即

保证了弹出窗口的效果，也是SEO友好的。而且即使客户的浏览器不支持或者禁用掉JavaScript，页面

一样能够顺利的跳转。

href="popup.html"

οnclick="window.open(this.href,'seo','height=600,weight=800');return

false;"

target="_blank">seo

popup

false语句不能省略。--%>

4.

当我们希望使用一种特殊的字体(常常是栏目标题之类)的时候，我们经常使用一张汉字图片来代

替。这也是一个比较麻烦的事情，因为作为标题，其内容常常是相当重要的关键字，如果使用图片，蜘

蛛是也无法读取的。一种可能的解决方案是sIFR，但这方面我并不是很熟；网上搜了一下，似乎还不能

应用于汉字。

对于图片，我们常用的SEO方法是注明title和alt，如

alt="asp.net搜索引擎优化"

title="使用ASP.NET技术开发网站时应注意到的一些SEO技术"

src="seo.gif"

/>

不过这也属于“不可见的页面元素”，具体效果如何也很难精确衡量。但有总比没有强！

5. 其他一些注意事项：

5.1

将html标签的语义和CSS结合起来，和《span》和《div》不同，《h1》意味着标题、《b》意味着

强调、《ul》《li》意味着列表……，这些语义标签能给搜索引擎更清晰的指示；

5.3 重要的内容放在html页面(指源代码，而不是浏览器显示结果)的顶端