html语言友好么,SEO友好的Html和JavaScript

本系列目录

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

HyperLink

LinkButton

                             

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

HyperLink

LinkButton

        

        

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

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

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

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

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

protected void Button1_Click(object sender, EventArgs e)

{

this.lbl.Text = "我是UpdatePanel生成的，所以你看不见我！";

}

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

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

common popup根据我们上面的交代，这样的写法，对SEO而言，无疑也是不利的。所以我们应该使用下面的代码，即保证了弹出窗口的效果，也是SEO友好的。而且即使客户的浏览器不支持或者禁用掉JavaScript，页面一样能够顺利的跳转。

seo popup

4. 当我们希望使用一种特殊的字体(常常是栏目标题之类)的时候，我们经常使用一张汉字图片来代替。这也是一个比较麻烦的事情，因为作为标题，其内容常常是相当重要的关键字，如果使用图片，蜘蛛是也无法读取的。一种可能的解决方案是sIFR，但这方面我并不是很熟；网上搜了一下，似乎还不能应用于汉字。

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

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

5. 其他一些注意事项：

5.1 将html标签的语义和css结合起来，和和

不同，

意味着标题、意味着强调、

意味着列表……，这些语义标签能给搜索引擎更清晰的指示；

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

5.5 将大段的JavaScript放在页面底部或者单独的js文件中；

5.2 最好不要使用框架(frame)布局；

5.3 大量的VIEWSTATE可能会对“蜘蛛”造成干扰；

5.5 牢记：就目前的搜索引擎技术手段，JavaScript(当然也就包括了AJAX)、表单元素(如input)、Flash和Image都无法(或者很难)被读取。