在StackExchange上有人问了这样一个问题:What should every PRogrammer know about web development?(关于Web开发,什么是所有程序员需要知道的?)里面给出的答案非常不错,所以,我翻译转载过来。顺便说一下,StackExchange真是非常好,大家可以对同一个答案做贡献和修订,看看这个问题的修订过程你就知道了——专业的问答网站应该怎么去做。这就是我在这篇文章中也说过真正的用户体验是什么样的。
好了,下面是正文(我对原文做了一些批注,也许不对或有误导,请大家指正)
下面的这些东西可能对于大多数人并不陌生,但是可能会有些东西你以前并没有看过,或是没有完全搞懂,甚至都没有听说过。(陈皓注:我相信当你看完这个列表后,你会觉得对于我国的Web开发有点弱了,还是那句话,表面上的东西永远是肤浅的)
最后,你可以使用一下这个工具来看看你的网页在不同的浏览器下是怎么被显示出来的(陈皓注:这个工具就是以前本站介绍过的在不同浏览器和平台上检查你的网站的兼容性)
rel="nofollow"
的属性以避免垃圾网站的干扰。(陈皓注:nofollow是HTML的一个属性,用于通知搜索引擎“这个链接所指向的网页非我所能控制,对其内容不予置评”,或者简单地说,该链接不是对目标网站或网页的“投票”,这样搜索引擎不会再访问这个链接。这个是用来减少一些特定垃圾页面对原网站的影响,从而可以改善搜索结果的质量,并且防止垃圾链接的蔓延。)favicon.ico
文件放在网站的根下,如/favicon.ico
.浏览器会自动请求这个文件,就算这个图标文件没有在你的网页中明显说明,浏览器也会请求。如果你没有这个文件,就会出大量的404错误,这会消耗你的服务器带宽。(陈皓注:服务器返回404页面会比这个ico文件可能还大)example.com/pages/45-article-title
而不是example.com/index.php?page=45
(陈皓注:这里的URL是说Wordpress的,后者是默认的)#
,那么请把其改成#!
,而在服务端,你需要处理$_REQUEST["_escaped_fragment_"]
这是Google搜索引擎需要的。换句话说,./#!page=1
会被Google搜索引擎转成./?_escaped_fragments_=page=1。
(陈皓注:通常来说URL中的#后的东西都不会被传到服务器上,所以,为了要让Google可以抓取AJAX的东西,你需要使用#!,而Google会把“#!”转成“_escaped_fragment_”来向服务器发请求,Twitter的大量的链接者是#!的,比如:https://twitter.com/#!/your_activity)。另外,用户也许会使用Firefox 或 Chromium,history.pushState({"foo":"bar"}, "About", "./?page=1");
是一个很不错的命令。所以,就算是我们的地址栏上的地址改变了,页面也不会重新装载。这可以让你使用?
而不是#!
也能无刷地保住当前的动态的页面,这可以让AJAX的请求被浏览器记住。/sitemap.xml
. (陈皓注:这个文件可以让搜索引擎了解你的网站图)<link rel="canonical" ... />
你可以使用Google Webmaster Tools来查看相关的问题。301 重定向网站
) ,如果你要把www.example.com
定向到example.com
(或是其它的变更) 这样可以防止Google的rank因为域名的变化发生改变。(陈皓注:301重定向一般用作域名变更)新闻热点
疑难解答