“”SEO優化的方式百百種，是不是讓你眼花撩亂，不知該從何下手？
以下就為您整理了決定SEO排名成王敗寇的關鍵指標：網頁設計友善性，讓我們繼續看下去！””
什麼是SEO網站設計友善性？
SEO網站設計友善性就是讓搜尋引擎能夠輕鬆完全訪問抓取並建立索引的重要因素。
那為何網站設計的友善性對SEO很重要?
因為有做SEO網站設計友善性的網站會比忽略此因素的網站獲得更多的流量訪問。
當然用戶體驗也是一樣的重要！因此當在設計網站時必須同時考慮到使用者體驗與SEO網站設計的友善性兩者相輔相成獲得最佳成效。
如何實踐SEO網站設計友善性?
你需要的是建立可讓Google完全索引的網站頁面，建立可以讓Google完全索引的網站內容是十分重要的！那有哪些方法可以達成這目標呢?
- 使用替代文字(alt屬性)
儘管Google不斷優化搜尋演算法，但對於圖片的判讀還是有一段要努力的空間。沒有我們的幫助對圖片做敘述，Google和其他搜索引擎將無法清楚的理解圖片要表達的意義。
因此，在SEO友善性的前提下Google建議：
“為圖片提供title和alt的屬性描述。”
- 隱藏內容
將內容隱藏在下拉或擴展選單有可能會讓搜尋引擎難以抓取並索引。
像是下方將內容隱藏在選項裡，需要點開才能閱讀，雖然這對於行動裝置來說可以增加載入速度，但由於有可能Google會無法檢索，因此建議能100%公開內容讓搜尋引擎去輕鬆檢索與建立索引。
- 注意是否封鎖搜尋引擎爬取頁面
Robots.txt是一個文件，該文件告訴搜索引擎蜘蛛不要抓取網站的某些頁面或部分。大多數主要的搜索引擎（包括Google，Bing和Yahoo）都認可並接受Robots.txt的請求。
Robots.txt中的“ Disallow”標記告訴搜索引擎不要為頁面編制索引。
通常這用於建構中的網站或是內部進行測試頁面時，不希望搜尋引擎來抓取該頁面影響對於網站品質的判斷。
但常常會發生Robots.txt文件內設置錯誤造成許多頁面被阻擋檢索流量因此大幅下降，請小心使用或是改用其他方式禁止搜尋引擎進行爬取。
- 如何向Google提交建立索引要求?
在網站管理員(Google Search Console)後台中，在上方搜尋框輸入想要提交被檢索的頁面，接著會有個要求建立索引(紅框處)，Google就會收到你的請求去抓取頁面 。
在抓取完成後會顯示是否成功建立索引(綠色打勾處)，也可以知道對於行動裝置是否適合瀏覽與抓取問題。
- 網頁架構的建置
時常聽到做SEO要調整網頁架構，聽起來很複雜到底該怎麼做才好？
其實就想像是蓋一棟房子從地基、打樁、到一層層蓋起來，是分成很多部分階層式的組合起來；
SEO架構也是如此，一個網站是由眾多不同頁面建構而成，房子要穩地基要扎實，網站要好頁面之間要清楚且有階層，搜尋引擎才能夠輕鬆爬取網站。
清楚有階層的網站架構(下圖)
較為複雜的網站架構，有可能造成搜尋引擎爬取困難，無法有效且完整的為所有頁面建立索引(如下圖)
內容原創性
Google為了搜尋結果的品質與使用者體驗，因此對於重複性太高的內容頁面是排斥的，Google為了內容重複性的問題還特地聲明：
＂如果有一個含有大量重複性內容的網站，除了可能會影響搜尋結果的排名外，嚴重的話可能從Google的索引中完全被移除，這樣意味將不會出現在搜尋結果中。＂
由上述聲明可以知道Google希望網站的每個頁面都有其獨特性與原創性，以保障使用者對於搜尋結果的品質。
不過這對於不到100頁的小網站來說比較容易做到，遇到像是平台網站或是電商網站，動輒幾百幾千個頁面該怎麼維持內容的原創與獨特性呢？
沒錯！這對大網站來說是一大挑戰，Google也警告說不要在多個頁面用相似的內容，但如果你想要有好的搜尋排名，就必須跟著遊戲規則走。
＂重複的內容是SEO毒藥。不惜一切代價避免它。＂
- 解決重複內容方法之一：使用Canonical標籤
許多網站尤其是電商網站，裡面有許多相似產品，每個產品又有不同的款式，如果要針對每個產品的每個款式做出獨特且原創性的內容，不僅數量過於龐大甚至用盡詞彙還無法達成。
像是下圖為知名電商銷售apple手機，可以看到不論是標題或是敘述都十分相似，只是顏色或規格有所不同，不過這樣的內容在Google就會被視為重複內容。
重複性內容(頁面)的救星 – Canonical標籤
當你有許多相似頁面時，使用此標籤告訴搜尋引擎你要指向哪個頁面做為主要建立索引的頁面，而其餘相似頁面則為這個主要頁面的延伸，不會被索引。
以下範例：
今有ＡＢＣＤ四個相似頁面，以Ａ做為主頁面
在網頁原始碼中<head>中加入
<link rel=”canonical” href=”標準網址“/>
記得標準網址必須是絕對路徑!
Ａ網頁-<link rel=”canonical” href=”https://imjohnwick/A“/>
Ｂ網頁-<link rel=”canonical” href=”https://imjohnwick/A“/>
Ｃ網頁-<link rel=”canonical” href=”https://imjohnwick/A“/>
Ｄ網頁-<link rel=”canonical” href=”https://imjohnwick/A“/>
- 解決重複內容方法之二：網址結構階層化
在瀏覽可能有注意到，在主網域後面會出現後面一堆亂碼，這是怎麼產生的呢？這就要了解動態頁面與靜態頁面的不同。
靜態頁面：
標準的HTML文件，它的文件擴展名是.htm、.html，可以包含文本、圖像、聲音、FLASH動畫、客戶端腳本和ActiveX控制項及JAVA小程式等。
動態頁面：
文件擴展名PHP，ASP，ColdFusion，Perl等，以資料庫技術做為基礎，讓網站能有多元的功能，如客戶系統、會員系統、線上調查、訂單管理等。
而出現亂碼的就是動態網頁，在用戶輸入指令後才形成的頁面，並不存在這個頁面，對於搜索引擎來說判別不易。
搜索引擎還是喜歡靜態頁面。 不過搜索引擎在不斷完善發展。到目前為止，絕大多數的搜索引擎都已支持動態頁面的抓取。但為了能符合搜尋引擎的口味，建議還是改成靜態網址。
推薦的網址架構：
由上方網址可以很清楚知道這是 imjohnwick.com 底下的產品頁(product)在底下的A產品頁面，是由大到小有階層的敘述所在頁面，這就是建議的網址架構。
使用者體驗(UX)最佳化
上述的方法與指標都是針對於搜尋引擎去做SEO優化，但還有一個很重要的因素，那就是對於使用者的體驗，搜尋引擎存在的根本是要有搜尋的用戶，沒有人使用那搜尋引擎就沒有存在的價值。
為了要吸引且留住用戶並使用搜尋引擎，使用者體驗就變成很重要的指標，試想，去搜尋某個事物，而搜尋結果給的內容不是想要的或是網站複雜速度慢等，你還會想繼續使用嗎？
創造用戶喜歡的內容，Google就會讓搜尋排名就會提高。
那Google如何判斷網站內容是用戶所喜愛的呢?
“RankBrain”為Google處理使用者體驗的一大演算法，會根據使用者的過去的使用習慣、搜尋意圖、搜尋目的等透過龐大的大數據資料庫進行判斷，給予使用者精準搜尋結果。
上圖為Google發表對於AI演算法如何學習使用者意圖，可以看到圖中China(中國)與Beijing(北京)相互連結在一起，AI可以透過不同字詞的相關性了解到使用者的搜尋意圖。
對於使用者體驗最佳化有以下優化建議
行動裝置優化優先
隨著行動裝置的普及幾乎人手一支手機平板的社會，行動裝置的流量在2017年佔全部網站流量的63%(逐年上升中)，因此行動版的網站變得十分重要。
Google當然也有注意到這點也鼓勵對於行動版網頁的優化，Google現在正在實行“行動優先索引”，行動版索引的權重會高於電腦版，因此著重於優化行動版網頁勢必為未來趨勢。
網站描述性標題的重要性
Google在Quality Rater指南中提到：
＂標題是高品質搜索結果中最重要的部分之一。＂
因此如何設置好的標題是優化SEO的重要因素，以下關於不同網頁內容的標題設置策略。
“主要關鍵字 – 次要關鍵字 – 品牌/廠商名稱”
- 讓使用者能清楚知道這網站的服務內容。
- 另外確保標題中至少包含一次主要關鍵字。
達到這兩個目標將幫助您的網站訪問者提供使用者更多訊息。
人們搜索的關鍵字的描述性標題將幫助用戶在您的網站上找到所需的內容。
內容的分層架構
說完了標題的重要性接下來就是內容部分，當你擁有豐富的內容想提供給使用者，總不會一次全部都寫出來，如下
上圖文章的內容很豐富，但顯得過於雜亂對於使用者就不是好的體驗，因此將內容進行分類分段區隔變得有組織就十分重要，對於Google而言這也是難以理解的內容！
使用副標題組織內容
透過副標題將內容分層別類，可以清楚敘述每一段的主題與重點，同時還可以幫助Google了解所有的子主題。
善用H標籤(副標題)將內容分成不同的部分(上)
修改後的內容呈現(下)
內容為王，架構為后
有豐富的好內容也要能夠吸引人閱讀，使用者的閱讀習快改變，複雜無條理的網頁內容很快地受到鄙棄，因此友善的網頁設計架構能在這資訊爆炸的世代中，讓你的網站脫穎而出。
記住！
使用者喜歡的就是搜尋引擎喜歡的，讓自己賞心悅目，排名就萬眾矚目！
