網站做得好壞除了主觀的使用者體驗外，還包含許多客觀要素，像是搜尋引擎表現、載入時間、網頁元素、社群要素等關鍵。以前我們大多只能從工程師、網頁設計師口中得知片段的消息，現在有個實用的工具可以量化你的網頁成績，並協助你加以改善，那就是awoo SEO Tool的球來就打服務。
6大手機官網實戰
先前有提到網站好壞不只有主觀的使用體驗，還包含搜尋引擎友好度、搜尋體驗、內容、內容傳播等層面。過往我們很難有個網頁設計的量化標準，但透過awoo SEO Tool讓我們有個標準可以依循，並檢視自家的網頁是否有缺失需要彌補。但若是介紹生硬的SEO跟網頁知識，大家應該會覺得很無聊。這次我們先試著把Apple、Asus、HTC、Samsung、Sony、MI做為測試對象，並搭配他們的品牌做為關鍵字搜尋，看看各家的網頁誰做得比較好。
球來就打分析服務：https://www.awoo.org/poa
awoo提供多種網路分析工具，其中球來就打是針對網站的SEO而設計，可找出網站在搜尋引擎、社群操作上的缺陷。
Apple：77分，前10%
從字母排列順序來測試，第一個是蘋果官網，先前就曾聽聞蘋果的網頁SEO效果做得很好，同時也是這次所有測試網頁中，表現最好的網頁設計。其中在跟SEO關聯性最高的搜尋引擎友好度中拿下85%的好成績。僅有在結構化資料標記、HTML5語意標籤沒設置妥當，其餘都拿下滿分。至於蘋果官網表現比較差的是內容品質項目，並未設置內容圖片文字說明 img alt，以及Google+、FB按鈕，因而被扣了些許分數。
蘋果官網的表現是這次所有測試網頁中，表現最好的頁面。即使是多數網頁容易忽略的標籤等設置，全都設計到位。
所有網頁問題中，只有出現2個重大的網頁問題。
點選缺失項目後，可顯示該項目的簡介與可改善的方式。結構化資料標記是指網頁的階層關係，可讓搜尋引擎快速理解，有助於SEO表現。
蘋果沒有設置img alt，這使得它在圖片搜尋的表現上可能會有所損失。
Asus：55分，後25%
第二個測試的是華碩官網，華碩官網的網頁設計、SEO表現上算是這次測試的後段班。取得分數較高的是使用者體驗的部分拿下73%，表現較差的則是內容傳播力的部分。從待解決問題來看，分數較低有幾個關鍵像是內部連結過多，總數高達229個。並無設置結構化資料標記、無設置大標題h1等，尤其在內容傳播的部分，沒有設置任何FB OG，這會將低Facebook文章散播的效益，對於以Facebook為行銷主力的台灣而言，會是個致命傷。
華碩官網表現總分只有55分，在內容傳播力方面的表現較差，是總分較低的關鍵。
網頁出現的問題中有6項重大缺失，以及多項中等與低等的問題有待改進。
華碩沒有正確設置FB OG，這可能造成貼文上Facebook時，縮圖、標題、導言與你想要呈現的結果有所偏差。
這次評測的多數網站都未設置結構化資料標記，此外，對內連結過多或過少都不好，建議少於200個較佳。
HTC：64分，後50%
HTC的網頁表現大致上就是一般網頁水準，各評分項目的評分約莫都在60%左右，其中最高分是使用者體驗的部分，最低則是內容品質的選項。其中HTC在首頁未設置h1等標題層級，這會降低SEO的效果，可能會導致搜尋引擎爬蟲在閱讀文章時的障礙，無法區分文字的重要性，進而降低該網頁的搜尋排序。比較值得注意的是，許多網站都有設置FB OG，但往往容易設置不全導致無法讓Facebook完全了解你網頁元素的意義。
HTC表現則是中段班，表現相當平均。
分析出來的網頁問題中，有5個屬於高度問題。
現在不少網頁都會投入新技術或是大量圖片，造成的問題就是開啟速度變慢。
標題是讓搜尋引擎機器人得知文章結構與內容的方式之一，設置完善的標題標籤，有助於SEO表現。
Samsung：68分，前50%
三星在網頁設計的表現相當不錯，在網站中可排名前50%。平均分數也都很高，僅有在內容品質方面表現較差，僅拿下52%。比較特別的是Samsung在該頁面中有設定h1主標題卻沒設定h2次標題，另外，HTML5語意標籤部分則缺少部分設定，像是aside、article、address，但這可能是跟網頁版型有關。最後，網站速度也是使用者體驗的一部分，載入快慢影響到閱讀的體驗，三星官網載入約6.4秒，以awoo SEO Tool給予的建議是太慢了。
三星官網的綜合表現是這次測試的前段班，除了內容品質項目外，其餘都有水準之上的表現。
較重大的問題有出現4個，大多是一般網站常發生的問題。
原始碼太大會拖累網站速度，此時就要透過外嵌的方式減少HTML文本的大小。
HTML5標籤是很重要的SEO關鍵，有助於機器人了解你的網站架構。
Sony：62分，後50%
Sony官網是滿特殊的案例，它的表現高低落差很大，在搜尋體驗、使用者體驗表現都十分出色，但內容品質等方面就相對薄弱。此外，對於搜尋引擎的爬蟲來說，是否提供sitemap十分重要，Sony沒有提供sitemap很可能會降低網頁被收錄的時間，降低用戶搜尋的排序等表現。Sony官網沒有設定HTML5標籤，透過HTML5標籤能直接告訴搜尋引擎頁面內容結構，若沒設定對於SEO來說是個致命的缺點。
Sony官網表現在中段班，比較特別的是，該網頁的Sony關鍵字排名並非列在搜尋的第一位，可能是因Sony有眾多產品官網的緣故。
4個比較重要的問題，但中度問題數量不少，其中有關sitemap設置的問題也需要優先處理。
sitemap是給搜尋引擎機器人了解的地圖，有了地圖它才能更有效率地爬文與收錄網頁。
HTML5標籤則是讓搜尋引擎了解你的網頁結構，也有助於網站的SEO表現。
MI：58分，後25%
最後是小米官網，以表現來說與華碩相差不多，排名約在後25%左右。小米在使用者體驗上表現較高，但搜尋體驗、內容傳播力上就顯得較為貧弱。像是FB OG雖然有設定title選項，但沒有設定其他項目，很有可能在轉貼到Facebook後系統自動抓取的內容，與你要呈現的結果不盡然相同，最重要的像是圖片，若未設定會抓取該頁面首圖，萬一首圖不是該頁面的重點，那麼就可能影響社群傳播的表現。
小米表現則是這次的後段班，在搜尋體驗與內容傳播力上比較薄弱。
有4個重要問題需要解決，另外中度問題也有不少。
網頁描述常常被部落客忽略，這其實是人們會不會點進網頁的關鍵之一。
即便是很少用到的404頁面也有列在評測中，好的404頁面可以再帶你回正確的網頁，而不是放你離開。
網站共同缺點：速度慢、標籤未設置
從6家手機廠商的官網首頁橫向分析，可以看到最容易忽略的是HTML5的標籤，不少網頁都設定不全甚至沒有設定，這對SEO而言是個致命的弱點。另外在社群方面，FB OG設置與否也是關鍵，但往往是網頁設計時容易忽略的細節。
此外，依照測試的結果，多數網站都還是需要6秒以上的存取時間，對於速度更慢的手機可能需要更長的存取時間，這會降低使用者對於網頁的印象。通常可以透過精簡架構、外連、壓縮圖片等手段，讓存取速度變快。
總結來說，搜尋引擎、網頁技術一直在改變，永遠不會有完美的一天，因此時時刻刻檢視自己的網站有其必要性。不論是在SEO、社群推廣，甚至是使用者體驗上，透過工具輔助可以讓你事半功倍。過往艱深的SEO知識，在透過awoo SEO Tool的球來就打分析後，即便是僅具基本知識的菜鳥部落客，也能學會修正錯誤讓自己的網站更好。
你或許會喜歡
