NHRI Communications

第 218 期

院務紀事
英文網站改版經驗分享
Tips for updating English-language web site

English Webpage

英文科學編輯 Mr. Mark Swofford 於今年八月份上任，針對國衛院英文網站提出許多具體改進之建議，也促進國衛院英文網站陸續改版。

Mr. Swofford 過去曾應研考會之邀請，針對台灣英文網頁之常見錯誤提出改進之建議與指引，並著有專文 (Guidelines for English-Language Web Site)，這次國衛院英文網頁更新，即依據這些規範進行修正。改版過程中最主要的修改如下:

取消中文編碼Big-5，改用國際通用編碼 UTF-8。
取消網頁中之中文標點符號，尤其是取消中文全形空白鍵所造成之錯誤顯示。
改善科學文字中希臘字體之錯誤顯示，例如: α , β, γ, δ, κ 等等。
刪除不相關之圖片，圖片加註alt 文字說明，圖片影像檔調整為適當大小。
刪除文字的圖片影像檔，改用純文字連結。
使用CSS 層疊樣式表(Cascading Style Sheet)，有效統一格式。
檢視連結是否有效並更新調整連結。
整理並避免重複的內容。

Mr. Swofford 所著Guidelines for English-Language Web Site (良好英文網頁之指引)一文長達24頁，筆者謹此借花獻佛，摘要列出常用之項目，以提供網頁負責人參考。

讓搜尋引擎容易找到正確資料

正確使用 title，因為搜尋引擎檢視並比對 Title 所列出的資訊。
多使用文字，不要使用文字的圖形，因為搜尋引擎會找不到。
如果有徽章logo， 1個網頁最好只要有1個，超過1個就太多了。
羅馬拼音應該正確，例如南京東路正確用法為 Nanjing East Road。
沒有必要，請勿使用大寫的字母，全部大寫的字母就好像在大聲叫，正常的英文沒有這樣寫法，太多大寫也是不對，應該用正常的英文。
使用正確的英文
無庸置疑，如果網頁中的英文撰寫都無法傳達文意，網頁自然是沒有辦法讓外國人看得懂，何況不好的英文將帶來反作用，甚至有損害形象之虞。
網頁上的資料檔案應儘可能使用 HTML網頁，因為讀者既然是在看網頁，就請不要使用其他文字檔(WORD) 或影像檔(PDF)，因為這些檔案都太大了，沒有必要放過大的檔案在網頁上。即使是微軟的文字檔可以輕易轉檔成網頁(HTML)，但是Word轉檔的過程當中會製造很多不必要的文字在轉檔後的網頁，讓檔案變成更大。
妥善使用標題內容(Header)，標題之重要性在於搜尋引擎會運用這些標題。
每一個新的段落最好能使用<P> 不要使用<br>
要利用CSS (Cascading Style Sheet)
例如常用的標題 <h1><h2> <h3>，也有人使用<h4>，但 <h5> <h6> 就比較少人用了。
妥善使用清單<li> 少用<br>。
千萬不要使用閃爍的字體，捲動的字體，這些都不合適。

文字內容改善

台灣的寫法: Taiwan
Republic of China 寫法: R.O.C. 或 ROC
Taiwan 加上Republic of China的寫法: Taiwan, ROC
應該填寫住址和電話, 電子郵箱不是唯一溝通的媒介
電話和傳真機的正確格式: tel: +886-37-246-166; fax: +886-37-586-401
日期的正確寫法應該填寫西洋年，外國人無法理解民國年，正確的寫法: January 1, 2008 或 1 January, 2008.
英文裏面千萬不要使用中文的標點符號，這會造成錯誤，因為網際網路讀者來自全球各地，瀏覽器大多不支援中文。
伺服器上的檔案目錄千萬不要使用中文名稱，因為純英文的瀏覽器，無法閱讀中文目錄，同樣的道理，也無法閱讀中文的檔案。
網頁上的資訊過期太久會讓讀者認為沒有人在乎這些網頁，與其資訊過期太久，不如不要有新消息，原則上最新消息1個月內就不要再出現。
版權的日期太久也算過期
連接的網頁應該以英文顯示，而不是用中文的英文連結。
連結的網頁不要另開視窗，因為另開視窗使瀏覽器無法退回前一頁。
正確的連結方式(hyperlink)應該連結到網頁的名稱，而不是連結到網頁的網址 URL, 常見連結寫成"click here"，這也是不正確。
既然是英文網站，連接到各網頁也應該是英文網頁，如果真有必要連結至中文網頁，除非要加註只有中文網頁。
有效的網頁連結，有些網頁會失效或不再存在，網管人員應經常檢查內部或外站的網頁是否仍然存在。
網站上主要的聯絡電子郵箱應使用職位，而不是個人，因為員工流動會因人員的離職而無法接收電子郵件，所以，網頁上的連絡電子郵件，應該以職位為主。
電子郵箱公布在網頁上容易招來垃圾郵件(spam)，如果要避免垃圾郵件，可考慮電子郵箱加密，請視情況調整。
網頁上的連絡電子郵箱必須收件人看得懂英文，因為會依據英文網頁連絡的人，通常也只會寫英文，所以聯絡人必須懂得英文。
網頁的連結有畫底線，除此之外，不要加畫底線，避免讀者產生困擾，以為是錯誤的連結。

適切使用圖檔

圖檔應該加註圖片名稱 alt=xxx。電腦是不長眼睛的，不會看圖片，所以圖片應該加註圖片的說明; 在Firefox瀏覽器上，有1個可以關閉圖片顯示之功能，只顯示圖片說明。
圖片應大小適中: 圖片的大小很重要，網頁製作當然可以輕易的調整圖片的大小，但是這會產生一些問題。圖片比實際檔案看起來較小，瀏覽器將花更多時間下載圖片; 圖片比實際檔案大的時候，圖片會變成模糊; 縮小的圖片在網頁上會有失真看不清楚的感覺。
所有圖片必須與網頁內容相關; 圖片雖然可以增加網站的效果，但是通常被濫用。我們不能為圖片而放圖片，讓整個螢幕充滿圖片，請記住即使是相關的圖片也會造成讀者的干擾，尤其要記住不要放可愛的圖片，大部份的外國人不會認同這些可愛圖片能讓你的網站更生動，反而顯得幼稚，不夠專業。
應充份使用文字，而非文字的影像檔
有句老話說 Sometimes less is more, 用在這裡也很有道理。
減少干擾的動作，除非網站是給小孩子看的，讀者通常是為了尋找資訊，會動的圖片或是閃動的圖片都是造成干擾的因素，讀者很難看下去，而且這些圖片大部份都跟網站的內容無關。
有些像按鈕的圖片應具有連結功能，看起來不像按鈕的圖片就不要有連結。

技術層面

使用有效的XHTML，無效的HTML 會造成錯誤。不正確的網頁可能在你的電腦上看起來很正常，但是這不保証每一個人到你的網頁都可以看到正確的網頁。大部份的網站需要經常的調整網頁，正確的HTML 和 CSS 可以讓這項工作順利進行，錯誤的網頁寫法會花掉更多的時間來進行變動調整，請記住，時間就是金錢。
發包出去給網頁製作公司，我們一定要求外包公司使用正確的網頁寫法，通常使用市面上套裝網頁製作軟體寫出來的網頁，有不少不符合W3C標準，會有很多不正確的code，最好的方式是遵守純粹的XHTML strict。
正確使用CSS 層疊樣式表(Cascading Style Sheet):
正確使用CSS，是非常有必要而且非常有效率的作法，我們不能不強調它的重要性。
CSS可製作更有彈性的網站，只要使用1套CSS層疊樣式表，你可以控制整個網站的外觀，CSS 可把網頁內容外觀對不同的讀者呈現不同的效果，網管人員或網頁製作公司如果不懂得使用CSS，會產生嚴重的問題，效率也會很差。
正確的中文編碼:
如果你的英文網頁使用的編碼錯誤，瀏覽器會告訴讀者此網站使用中文，到你的網站的讀者因此會遭遇到若干的困難而延遲看你的網頁。所以編碼錯誤會是很大的問題。如果你的網頁大部份是英文只有很少的中文名字，最好的編碼方式是使用utf-8，而不是使用big-5。通用的編碼方式應該使用 utf-8，或者是iso-8859-1。
網址必須可以不用www就可以找到，網址註冊的時候要注意這件事。
不要使用框架(Frame, frameset)
網頁框架造成很多問題，過去使用看起來很好，但是現在會造成錯誤，根據W3C的建議發現網頁框架有以下的問題:
- 返回前頁有時候無法進行。
- 無法標籤bookmark。
- 如果要重新下載 Reload，跳出來的網頁可能跟你想要的不一樣。
- 上下間盤無法使用。
- 在網頁框架中會產生錯誤跳不出來。
- 搜尋引擎在找網頁而不是框架的網頁。
- 使用框架的網頁應該要註明如果瀏覽器不支援Frame則需自動轉址到哪一個網頁，但是目前似乎已經很少網管人員會作這樣的標示，他們忘記並不是所有網頁瀏覽器都支持網頁框架。
- 站在網路安全的考量上讀者看不到框架下的不同網頁來源。
網頁的大小應該在100kb以內，很多網頁把不必要的東西放太多，讀者要花很多的時間下載，這樣會讓讀者產生挫折，大家要記得，在台灣或世界各個角落使用網際網路的人，有的人還是用電話連線來連結，除非你的網站是使用大量圖片的遊戲網站，沒有必要讓你的讀者花許多的時間來下載這些圖片。在你自己的網路系統以外的讀者，通常要使用更多的時間下載這些網頁，所以不要用你自己現在使用的網路速度來判斷你的讀者的網路速度，請好好計算你的網頁的檔案大小和其他元素大小。當然你會說有很多熱門的網站網頁都大於100kb，但是要記得這些熱門的網站之所以熱門，讀者不在乎他們的網頁速度，而你的網站無法和這些熱門網站ebay, yahoo, amazon 相提並論。

其他注意事項

瀏覽器相容性
要記得不是每一個人都使用相同的電腦瀏覽器，網管人員要以不同的瀏覽器檢視網頁，而不是只在自己的瀏覽器來檢查。別人有不同的電腦系統，不同的瀏覽器，不同的語言設定等等。只用一種瀏覽器來檢查是不夠的，往往會造成錯誤，因為別人不見得會看到你所看到結果。你至少要使用別的瀏覽器Firefox， Opera 來檢查，最好也用麥金塔和 Linux 作業系統檢查。
取消計數器
計數器的設計已經過時了，有些計數器會出現錯誤，超過欄位又回到1，2，3。不過每個網站應該有套流量統計辦法，這個統計數字不見得要讓讀者看到。
不必要的捲軸不要出現。
不要出現 "最好使用哪一種瀏覽器的版本"或者是"多少的解析度"之字樣。
不要使用自動播放音效的網頁
很多人發現網頁自動播放音效非常令人不愉快，而且要花更多的時間下載，減慢網頁的速度。
清楚顯示檔案架構和檔案目錄
網站的結構應該是層次分明，檔案目錄命名應該具有意義。網址如果不能容易辨識檔案架構和檔案目錄將容易造成困擾，這需要網管人員詳細規劃。
不要使用Flash
對少數的網站是可以使用的，但是這會浪費不必要的頻寬，很多的flash影像檔違反了上述的原則，例如，不要閃爍，不要轉動等等，避免造成干擾。

《文: 總辦事處陳麗秋; 圖: 英文網站首頁》