初衷: 為什麼要做網頁?
製作網頁的原始目的:
- 宣傳/行銷
- 散佈理念
- 散佈資訊
越多人看越好,越多人看越好,越多人看越好
傷害: 金玉其表不只無益, 可能有害
(想想您自己的瀏覽習慣)
- 增加載入時間, 趕走慢速連線訪客 (如果慢的是我們自己這頭的網路…)
- 要求太多特定軟體, 提高瀏覽門檻
- 分散訪客注意力, 誤導入不重要的連結或畫面細節
- 要吸引的對象, 是對炫麗花俏有興趣的人, 還是買主/客戶/支持者/學生?
- 沾醬佐料 : 作菜 = 影音特效 : 製作網頁
- 炫麗不是科技進步的唯一方向。 「輕薄短小無處不在」 也是。 手機上網, 您的網站準備好了嗎?
- 最重要的是… 拜錯菩薩求錯神!
SEO: 臺灣網頁設計教育的盲點
“Search Engine Optimization” (但勿走火入魔)
- 重要的標籤 (title, description, keywords) 應該含有重要, 切題的詞 (產品, 特色, 公司名稱, …)
- 豐富而有意義的站內網頁互連 (及有用的他站, 包含對手)
- 不要阻礙搜尋引擎: 把文字及網址藏在 flash, javascript, 圖片, … 裡面, 是 自我反推銷 (喜歡濫用 flash 的老闆必讀)。
- 網站地圖 (sitemap)
- 如何讓別人指向你? 從替別人解決問題的角度出發, 寫有用的文章
- 對別人有用的內容! (含自已的連絡資訊)
SEO: Graceful Degradation
- 重要資訊不要藏在 flash 當中, 不要藏在 javascript 當中:
- 超連結, 傳送鈕/送出鈕, 選單, …
- 超連結如果藏在圖案當中, 或用貼圖方式顯示文字, 務必用 alt=”…” 說明
- 如果用貼圖方式顯示文字, 務必用 alt=”…” 說明
- flash 與 javascript 不是不能用, 而是不要盲目濫用
揚棄舊觀念, 抓住新重點
(為什麼需要花那麼多時間探討今日網頁設計文化的謬誤?) 最困難的是改變觀念/習慣/心態
- 要提供那些 有用的內容? (含自已的聯絡方式)
- 如何幫助搜尋引擎?
- 頁面分類/連結/一致性
- 方便使用及美觀 (不是動畫, 是顏色對比等等)
- 太閒沒事做, 才去增加其他不重要的東西, 例如動畫 (某些行業例外, 例如設計/影視/…等)
內容: 提供固定內容的頁面
- 特性: 資料量大; 更新流量相對較低; 舊版不需要保留; 對許多不同人士/事件都有用
- 例: 學校交通, 某系簡介, 某科目講義, …
- 如果保留舊版, 要記得指向新版
內容: 網頁撰寫要點
- 重視內容; 克制美化版面的衝動
- 提供聯絡資訊: 聯絡電話, 傳真, e-mail…
- 記得你在寫網頁: 善用超連結! (盡量指向 “提供固定內容的頁面”)
- 歡迎校外人士參加的活動, 記得指向學校交通圖
- 用超連結在適當的地方幫忙宣傳相關單位/計劃
- 用連結取代複製, 易將資訊維持在最新狀態
- 採用有助於搜尋引擎的關鍵字 — 如果你要找這份資訊, 會用那些關鍵字搜尋? 不要藏在 flash 裡面!