beta.tw.news.yahoo.com

http://beta.tw.news.yahoo.com/100m%E5%B0%8D%E7%A8%B1%E5%AF%AC%E9%A0%BB-%E4%B8%AD%E8%8F%AF%E9%9B%BB%E6%98%8E%E5%B9%B4%E6%8E%A8%E5%87%BA-190516184.html


除了這陰暗又醜的藍色配色以外，最大的問題在網址(上圖的標題故意不縮網址)。

把新聞標題塞到網址最大的原因是為了 SEO，可是這網址根本就是礙事得很，常常會超過一般 BBS 的畫面寬度(80)，甚至連 twitter 的寬度(140)都塞不下(註：twitter現在會自動縮掉過長的網址)。要是直接用 http://beta.tw.news.yahoo.com/100m對稱寬頻-中華電明年推出-190516184.html 這樣的網址還不一定會通，因為瀏覽器不一定會吃中文編碼，而且中文編碼還有 big-5 和 utf8 轉換的問題，更難用。

看看別家的做法，像是 amazon：

• http://www.amazon.co.jp/魔法少女まどか☆マギカ-1-【完全生産限定版】-Blu-ray-新房昭之/dp/B004INGZAE/
• http://www.amazon.co.jp/%E9%AD%94%E6%B3%95%E5%B0%91%E5%A5%B3%E3%81%BE%E3%81%A9%E3%81%8B%E2%98%86%E3%83%9E%E3%82%AE%E3%82%AB-1-%E3%80%90%E5%AE%8C%E5%85%A8%E7%94%9F%E7%94%A3%E9%99%90%E5%AE%9A%E7%89%88%E3%80%91-Blu-ray-%E6%96%B0%E6%88%BF%E6%98%AD%E4%B9%8B/dp/B004INGZAE/
• http://www.amazon.co.jp/dp/B004INGZAE/

上面這三個網址都會通，就算亂改中間標題的部分也不影響網頁的讀取，相較於 beta.tw.news.yahoo.com 只要動到標題就讀不到網頁，實在是ooxx...

[好文共賞] 公司網站的七大錯誤

公司網站的七大錯誤

掛著台灣名號的僞台灣真陸資網頁

韋禮安[韋禮安首張同名全創作專輯] ｜ 新浪娛樂


簡體字看了就討厭。

2010台灣美食展 官方網頁

2010台灣美食展


這張截圖已經可以說是最正常的畫面，請直接到網站上面看會更囧。

這哪家外包做的？好慘烈的畫面，原始碼更是品質低落。還是官方單位給錢太少，還是給得拖拖拉拉不夠乾脆？

金漫獎 GOLDEN COMIC AWARDS

金漫獎 GOLDEN COMIC AWARDS

這個網站對台灣的漫畫產業有沒有實質幫助或正面意義，不是這篇的目的，也用不著信任政府的表面功夫能有多大的幫助。

這首頁表面上看起來還算正常，實際上問題很大。
(畫面上那個劣質小圖放大圖的中式服裝娘就不用提了，美術人員該砍掉重練。)



首先，這頁除了綠框框起來的「政府網站」「執行單位」還有一篇內文是正常的連結，紅框那一大塊都是flash做出來的，所有網站本身的連結全都等於是廢物，搜尋引擎無法正常的爬網站內容建立索引，沒有裝flash的瀏覽器也不能正常瀏覽網站內容。

點進去內文：


同樣的，紅框的部分是用flash做出來的，一樣全部廢掉。

其他需要點flash連結的內頁就略過不提了，一開始就是 0 分的網站就不用談內容了。

--
叫首頁原始碼出來看看：


這是找學生做的便宜網站沒錯吧？

總統府新網站

總統府新網站 竟花7百萬


喔喔，當然要來看看有多蠢....

這網站是用 DotNetNuke 架設的，早上看的時候首頁原始碼還有版權宣告(長得類似下面這樣)，現在已經被拿掉了，中國華民國總統府實在是很注重著作權啊！　


首頁的檔案載入分析，這張是平均左右的水準。


用 firebug 看看網站的下載記錄，結果第一行就直接不及格，堂堂總統府網站的第一頁檔案要花一秒左右才會有回應資料出來，最糟的情況下還有超過五秒的，而且不只第一頁，而是每一頁都是這種低水準的速度。

---request begin---
GET http://www.president.gov.tw/ HTTP/1.0
Accept: */*
Host: www.president.gov.tw

---request end---
Proxy request sent, awaiting response...
---response begin---
HTTP/1.0 200 OK
Cache-Control: private
Content-Length: 57760
Content-Type: text/html; charset=utf-8
Server: Microsoft-IIS/7.0
X-AspNet-Version: 2.0.50727
Set-Cookie: .ASPXANONYMOUS=(略); expires=(略); path=/; HttpOnly
Set-Cookie: language=zh-TW; path=/; HttpOnly
X-Powered-By: ASP.NET
Date: ####

好吧，先天不良....

靜態檔案跟網頁放在一起，真是沒有效率的做法，還會拖慢網站載入的速度。

最下面還有一個 piwik 分析器，從 IP 來看大概是架在網站主機附近的另外一台機器，執行效率甚至比網站本身更差，有出現超過10秒的反應時間。

然後，這是手機版網頁.....


在真正手機上面看的效果是這樣：(轉載自 AC個人作品網站)

連螞蟻都看不到字啊！（╯‵□′）╯︵┴─┴

花了七百萬的價值到底在哪裡啊？

--
Update：有人開始玩新聞稿


Update：手機殼不見了，看起來更蠢了，這包商到底知不知道手機版網頁的重點啊。

維大力網站

維大力網站


第一次看到有網頁做得這麼蠢有特色，連同意的按鈕都用 flash 做，避免搜尋引擎爬進來掃網站。

點下同意之後：


網址列的 %A5D%AD%B6.html 是 主頁.html .... (無言)
最佳瀏覽解析度為1440x900 .... (依然無言)
網頁內容設計與排版 .... (還是無言)

這網頁的作者真是太有才了。