國家衛生研究院電子報第 218期 2007-09-13

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

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

Mr. Swofford 過去曾應研考會之邀請，針對台灣英文網頁之常見錯誤提出改進之建議與指引，並著有專文 (Guidelines for English-Language Web Site)，這次國衛院英文網頁更新，即依據這些規範進行修正。改版過程中最主要的修改如下: Mr. Swofford 所著Guidelines for English-Language Web Site (良好英文網頁之指引)一文長達24頁，筆者謹此借花獻佛，摘要列出常用之項目，以提供網頁負責人參考。

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

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

文字內容改善

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

適切使用圖檔

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

技術層面

  1. 使用有效的XHTML， 無效的HTML 會造成錯誤。不正確的網頁可能在你的電腦上看起來很正常， 但是這不保証每一個人到你的網頁都可以看到正確的網頁。大部份的網站需要經常的調整網頁， 正確的HTML 和 CSS 可以讓這項工作順利進行， 錯誤的網頁寫法會花掉更多的時間來進行變動調整，請記住，時間就是金錢。
  2. 發包出去給網頁製作公司，我們一定要求外包公司使用正確的網頁寫法，通常使用市面上套裝網頁製作軟體 寫出來的網頁，有不少不符合W3C標準，會有很多不正確的code，最好的方式是遵守純粹的XHTML strict。
  3. 正確使用CSS 層疊樣式表(Cascading Style Sheet):
    正確使用CSS，是非常有必要而且非常有效率的作法， 我們不能不強調它的重要性。
    CSS可製作更有彈性的網站， 只要使用1套CSS層疊樣式表， 你可以控制整個網站的外觀，CSS 可把網頁內容外觀對不同的讀者呈現不同的效果，網管人員或網頁製作公司如果不懂得使用CSS，會產生嚴重的問題，效率也會很差。
  4. 正確的中文編碼:
    如果你的英文網頁使用的編碼錯誤， 瀏覽器會告訴讀者此網站使用中文，到你的網站的讀者因此會遭遇到若干的困難而延遲看你的網頁。所以編碼錯誤會是很大的問題。 如果你的網頁大部份是英文只有很少的中文名字，最好的編碼方式是使用utf-8，而不是使用big-5。通用的編碼方式應該使用 utf-8， 或者是iso-8859-1。
  5. 網址必須可以不用www就可以找到， 網址註冊的時候要注意這件事。
  6. 不要使用框架(Frame, frameset)
    網頁框架造成很多問題，過去使用看起來很好，但是現在會造成錯誤，根據W3C的建議發現網頁框架有以下的問題:
    • 返回前頁有時候無法進行。
    • 無法標籤bookmark。
    • 如果要重新下載 Reload，跳出來的網頁可能跟你想要的不一樣。
    • 上下間盤無法使用。
    • 在網頁框架中會產生錯誤跳不出來。
    • 搜尋引擎在找網頁而不是框架的網頁。
    • 使用框架的網頁應該要註明如果瀏覽器不支援Frame則需自動轉址到哪一個網頁，但是目前似乎已經很少網管人員會作這樣的標示，他們忘記並不是所有網頁瀏覽器都支持網頁框架。
    • 站在網路安全的考量上讀者看不到框架下的不同網頁來源。

  7. 網頁的大小應該在100kb以內，很多網頁把不必要的東西放太多，讀者要花很多的時間下載，這樣會讓讀者產生挫折，大家要記得，在台灣或世界各個角落使用網際網路的人，有的人還是用電話連線來連結，除非你的網站是使用大量圖片的遊戲網站，沒有必要讓你的讀者花許多的時間來下載這些圖片。在你自己的網路系統以外的讀者， 通常要使用更多的時間下載這些網頁，所以不要用你自己現在使用的網路速度來判斷你的讀者的網路速度，請好好計算你的網頁的檔案大小和其他元素大小。當然你會說有很多熱門的網站網頁都大於100kb，但是要記得這些熱門的網站之所以熱門，讀者不在乎他們的網頁速度，而你的網站無法和這些熱門網站ebay, yahoo, amazon 相提並論。

其他注意事項

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


觀看之後期數 View Later Volumes 觀看之前期數 View Previous Volumes 查詢 Search
GPN4909205633     回舊版首頁     國衛院全球資訊網     新版國衛院電子報