一般來(lái)說(shuō)剛設(shè)計(jì)好的網(wǎng)站上，不太會(huì)出現(xiàn)錯(cuò)誤（因?yàn)榫W(wǎng)頁(yè)設(shè)計(jì)公司一定會(huì)提供測(cè)試機(jī)讓你檢視，自行上稿的內(nèi)容錯(cuò)誤除外）。但以下這些網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤，讓使用者看到了，可能非常惱火，嚴(yán)重者會(huì)降低網(wǎng)站的信任感、專業(yè)度，或者覺(jué)得網(wǎng)站許久沒(méi)有更新、維護(hù)，進(jìn)而對(duì)公司抱持保留的態(tài)度。

? 看看投資人怎麼看待企業(yè)官網(wǎng)

失效或者錯(cuò)誤的連結(jié)！

尤記得前一陣子韓國(guó)瑜 Line 官方帳號(hào)，發(fā)佈雨量報(bào)導(dǎo)的連結(jié)時(shí)，意外導(dǎo)向激情內(nèi)容，頓時(shí)間鬧的沸沸揚(yáng)揚(yáng)。錯(cuò)誤的連結(jié)容易造成使用者「認(rèn)知失調(diào)」（cognitive dissonance），閱讀內(nèi)容時(shí)容易心生反感，嚴(yán)重者影響到連結(jié)、網(wǎng)站的聲譽(yù)與信任度，在設(shè)定超連結(jié)或網(wǎng)站導(dǎo)覽按鈕等連結(jié)時(shí)，務(wù)必小心檢查。

失效的連結(jié)則容易讓人感受到網(wǎng)站建置不完全，或是設(shè)計(jì)上有缺漏。俗稱 404 頁(yè)面代表伺服器無(wú)法提供訊息或伺服器無(wú)法回應(yīng)等問(wèn)題，一般可能是網(wǎng)站讀取失效、URL 設(shè)置錯(cuò)誤等問(wèn)題產(chǎn)生。常常也因?yàn)轫?yè)面 URL 更改、移動(dòng)後，使用者透過(guò)就的連結(jié)進(jìn)入頁(yè)面而看到。

維護(hù)使用者感受的作法有很多，除了客製化 404 頁(yè)面外（上圖即為例子，還有引導(dǎo)回首頁(yè)的按鈕），彈出通知視窗、採(cǎi)用 301 永久轉(zhuǎn)址，導(dǎo)向首頁(yè)或相關(guān)頁(yè)面，都是合宜的作法。

進(jìn)一步更要偵測(cè)誰(shuí)透過(guò)哪個(gè) URL 進(jìn)入官網(wǎng)的 404 頁(yè)面，藉以追蹤可能的使用者情境，或設(shè)定相關(guān)轉(zhuǎn)址讓網(wǎng)頁(yè)瀏覽更有連貫性。

??維基百科中有關(guān) HTTP 404 的描述

錯(cuò)字

你說(shuō)錯(cuò)字？！沒(méi)錯(cuò)，就是錯(cuò)字！

上搞的肉容，和綱站美感決對(duì)是大有關(guān)系（上面這段文字，是不是怎麼看都不舒服呢？）。

不管是客戶自行上稿，還是由網(wǎng)頁(yè)設(shè)計(jì)公司代為上稿，一旦重要的頁(yè)面（尤其像首頁(yè)、關(guān)於我們、企業(yè)理念等處，更不能有錯(cuò)字出現(xiàn)）出現(xiàn)錯(cuò)字，網(wǎng)頁(yè)設(shè)計(jì)的再好看，整體素質(zhì)還是會(huì)被大打折扣。

沒(méi)有 RWD 設(shè)計(jì)

Responsive Web Design 響應(yīng)式網(wǎng)站設(shè)計(jì)已經(jīng)不是主流，而早就是標(biāo)準(zhǔn)配備（你還不知道什麼是 RWD 設(shè)計(jì)，看看這裡）。

行動(dòng)裝置瀏覽，在 2016 年即超越桌上型裝置的瀏覽量，縱使 B2B 的官網(wǎng)瀏覽比例多數(shù)仍為桌上型裝置，但難保在客戶最需要最危急時(shí)，拿起手機(jī)搜尋，那麼萬(wàn)中選一的機(jī)遇下，看到你的網(wǎng)站，卻發(fā)現(xiàn)使用者體驗(yàn) 非 常 糟 ！就這樣錯(cuò)失了一次獲取客戶的機(jī)會(huì)。

做好 RWD 的網(wǎng)頁(yè)設(shè)計(jì)不是為了別的，就是讓使用者在不同裝置解析度下，都有良好的閱讀體驗(yàn)（不管是圖片、文字、表格、影片……）。Google 也在 2015 就聲明，搜尋引擎的演算法，會(huì)評(píng)斷網(wǎng)頁(yè)對(duì)手機(jī)、平板等裝置的「友善度」來(lái)給出最終排名。

是不是會(huì)被客戶看到，是不是客戶進(jìn)入網(wǎng)站後會(huì)跳出，網(wǎng)站有沒(méi)有重複內(nèi)容？馬上就來(lái)檢測(cè)：您的網(wǎng)站適合透過(guò)行動(dòng)裝置瀏覽嗎？

超過(guò)半年沒(méi)有更新文章

許多企業(yè)官網(wǎng)面臨的困境是，沒(méi)有文章，沒(méi)有流量，沒(méi)有配置人力更新官網(wǎng)內(nèi)容。網(wǎng)站流量就像是公司設(shè)立的地段，若有大量的潛在顧客、過(guò)路客存在，業(yè)績(jī)自然不用擔(dān)心。隨著網(wǎng)路的蓬勃發(fā)展，下廣告、主動(dòng)觸擊消費(fèi)者充其量只是「干擾行銷(xiāo)」，做好「集客式行銷(xiāo)」（Inbound Marketing），將內(nèi)容充實(shí)，導(dǎo)入網(wǎng)站流量，會(huì)是長(zhǎng)遠(yuǎn)趨勢(shì)。

最新消息？我何必在意你公司的週年慶（沒(méi)有打折的話）
公司沿革？我跟你都還不熟，了解你的歷史也沒(méi)有用啊～
2008 年公布的抽獎(jiǎng)訊息？好喔，我知道你們有十幾年沒(méi)有舉辦活動(dòng)了，這間公司，還在嗎？

只有轉(zhuǎn)換為你的顧客，提供他們想要的內(nèi)容，才有辦法匯集流量/人潮，這在實(shí)體與網(wǎng)路的世界是共通道理。

在網(wǎng)路更迭速度這麼快的環(huán)境下，超過(guò)半年沒(méi)有文章，或是沒(méi)有更新，使用者很有可能就認(rèn)定你已不具競(jìng)爭(zhēng)潛力了！

有時(shí)候修改下文章，稍微加個(gè)時(shí)事梗；把公司的最新消息和消費(fèi)者做關(guān)連，都不會(huì)花掉你/你的員工太久的時(shí)間?，F(xiàn)在就立馬更新一篇您官網(wǎng)的頁(yè)面/文章吧（記得修改發(fā)佈日期）。

錯(cuò)誤或遺漏的 Meta Description

Meta Description 演化到現(xiàn)在已經(jīng)跟 SEO 沒(méi)有最直接的關(guān)係了，但會(huì)實(shí)實(shí)在在地影響曝光後的點(diǎn)擊率。說(shuō)明如何吸引人們點(diǎn)擊，就是你與其他相關(guān)內(nèi)容的差別。

智慧型推播（例如 Google Now 推送的消息、新聞）慢慢成為人們每天瀏覽的項(xiàng)目，許多新聞臺(tái)為了吸引流量，第一時(shí)間衝點(diǎn)擊率，常常發(fā)生文不對(duì)題的情況，明明外面看到是政要新聞，點(diǎn)擊進(jìn)去卻變成影音藝文，在無(wú)形之中就傷害了新聞平臺(tái)的公信力。

若你希望網(wǎng)頁(yè)的內(nèi)容，可以透過(guò)社群媒體分享出去，除了 meta description 更要做好社群分享相關(guān)設(shè)定。透過(guò) Facebook, Line 分享出去的連結(jié)，若是沒(méi)有好的標(biāo)題、預(yù)覽圖片、簡(jiǎn)易描述，可沒(méi)那麼容易散播。

延伸閱讀，聽(tīng)聽(tīng)別人怎麼說(shuō)：

《2019 年需要避免的 11 個(gè)網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤》

1.沒(méi)有立即告訴使用者網(wǎng)頁(yè)的目的和他們?yōu)楹我x擇你
2.對(duì)行動(dòng)裝置不友善（沒(méi)有 RWD）
3.網(wǎng)頁(yè)讀取速度過(guò)慢
4.字體大小過(guò)小，不易閱讀（建議 14px 以上）
5.網(wǎng)站有過(guò)多新開(kāi)分頁(yè)的連結(jié)
6.網(wǎng)頁(yè)中隱藏了部分資訊
7.網(wǎng)頁(yè)中的連結(jié)、按鈕過(guò)小不易點(diǎn)擊
8.網(wǎng)站內(nèi)容，沒(méi)有 H1 標(biāo)題、H2 次標(biāo)
9.網(wǎng)站中不容易找到「聯(lián)絡(luò)我們」或根本沒(méi)有
10.非 HTTPS 網(wǎng)址（網(wǎng)頁(yè)安全性）
11.網(wǎng)頁(yè)開(kāi)頭就包含了 SNS 相關(guān) ICON 造成干擾

《7 個(gè)最常見(jiàn)的網(wǎng)頁(yè)設(shè)計(jì)錯(cuò)誤》

1.沒(méi)有或缺乏清楚的 Call to Action（CTA, 行動(dòng)呼籲）
2.沒(méi)有安裝測(cè)量網(wǎng)站成效的工具
3.品牌訊息不夠明確
4.SEO 優(yōu)化不佳
5.鼓勵(lì)社群參與，很難找到聯(lián)絡(luò)資訊
6.讀取網(wǎng)頁(yè)緩慢
7.沒(méi)有針對(duì)行動(dòng)裝置優(yōu)化

看完其他人的說(shuō)法，的確有很多重要項(xiàng)目是一提再提！

趕快檢查看看您的網(wǎng)站是不是做到上面幾點(diǎn)，或者聯(lián)絡(luò) CTK Pro ，幫你做網(wǎng)頁(yè)健檢！