DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> 關於網頁技巧 >> 真鏈接url與網頁的可訪問性
真鏈接url與網頁的可訪問性
編輯:關於網頁技巧     

網頁制作poluoluo文章簡介:真鏈接url配合浏覽器可以使用的前進、後退按鈕,才能構成B/S架構產品的完美體驗,可惜只有Gmail做到。

前不久在在南航網站幫朋友訂票,訂票過程有驚無險過去了。為保險起見,我先在客票驗證頁查詢確認已入座,並想把查詢結果url直接貼在郵件裡時,卻發現驗證結果url沒變:

http://sale.csair.com/ECS/products/QQSD/modules/order/checkTicket.jsp

於是,我以用戶為中心的良好設想泡湯了,只好把查詢url和電子票號發過去讓朋友自己查。用專業的話講,這是url沒跟隨檢索條件參數的假鏈接,07年在百度和搜狗地圖對比中提到的也是此類問題,現在搜狗已經調整過來了。再看兩個例子:

在攜程網搜索北京-成都機票的網址
http://flights.ctrip.com/Domestic/ShowFareFirst.aspx

在易龍網搜索北京-成都機票的網址
http://www.elong.com/flights/search.aspx?rn=25406&requestInfo=0,BJS,CTU,,,633839904000000000,633837312000000000,,,,,1,529,1,,False,,,1,0,0,0,221.216.162.48,0,529,

在攜程查機票,尤其不確定行程來回反復查時,很容易被它的url搞郁悶。易龍的能用,表面上也沒什麼問題,但有點羅嗦的不象話了,還有很大改進余地。

從互聯網技術原理上講,搜索引擎只根據唯一的url進行索引,每次檢索唯一的url將大大提高信息在互聯網上的曝光率。雖然各種參數和字符會影響搜索引擎處理,但有技術方案來轉化和加速,比如在淘寶上搜索《UCD火花集》為如下靜態表象url:

http://search1.taobao.com/browse/0/n-g,kvbujo7qxoulzly——-2——-b–40–commend-0-all-0.htm?at_topsearch=1&ssid=e-s1

05年提出簡潔有語義的頁面地址中主要闡述“語義”思想,其實核心理念一直沒變,就是盡可能的從url中挖掘與頁面相關的有用信息。真假鏈接主要探討是否和頁面對應的問題,也許結合當前流行的ajax技術更能闡述清楚,看如下三個產品:

Gmail vs 126mail vs QQmail

我的126郵箱進入後一直都是此網址
http://cg1a91.mail.126.com/a/j/dm3/main.jsp?sid=vBjdfommVetsaVmdFimmJhlcezJrnyPv

我的QQ郵箱進入後一直都是此網址
http://m129.mail.qq.com/cgi-bin/frame_html?sid=hRj-AopR4nAtLSxm&target=today

我的Gmail郵箱在收件箱閱讀某封郵件的網址
https://mail.google.com/mail/?zx=hi9d1nqklmhq&shva=1#inbox/1227a96de250b860

網易126郵箱、騰訊QQ郵箱在業內口碑都還不錯,在體驗角度一直都在試圖趕超Gmail,不知是否有設計師注意過,它們登錄後到收件箱、草稿箱、垃圾箱的url都沒變,而Gmail不僅對收件箱、草稿箱、垃圾箱有url區分,針對每封郵件都有不同的url後綴識別。

  • https://mail.google.com/mail/?zx=kjzc9tmb6bbk&shva=1#compose
  • https://mail.google.com/mail/?zx=hi9d1nqklmhq&shva=1#inbox
  • https://mail.google.com/mail/?zx=hi9d1nqklmhq&shva=1#drafts
  • https://mail.google.com/mail/?zx=hi9d1nqklmhq&shva=1#spam

有朋友會問,類似郵箱私密度比較高的產品,難道會有拷貝url分享給朋友的需求?顯然不可能,別人沒你郵箱密碼也用不了。但用戶可以方便記錄、收藏,如果某封郵件加載出了問題,在當頁真鏈接URL刷新可以重新加載,假鏈接也許就回郵箱首頁去了。甚至浏覽器假死後,用戶也能迅速拷貝重新找到目標浏覽。

除此之外,真鏈接url配合浏覽器可以使用的“前進、後退”按鈕,才能構成B/S架構產品的完美體驗,可惜只有Gmail做到。包括前文所述可以有的搜索參數後綴,126和QQ郵箱也真沒有。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved