網頁設計的專業首選

先前在meta robots 與 Robots.txt 的差別與使用時機介紹中提到過， Robots.txt 的使用會使尋引擎在讀取網站內容資訊時，直接不檢查跳過忽略相關的設定頁面，甚至認定並不屬於網站架構內容，這樣雖然能夠幫助搜尋引擎排除不需要的收錄，但在 Robots.txt 的應用來說比較偏向於未設計製作完成還不便上線的頁面，然而其實大多數的重複諮詢頁面、管理員的登入介面等資訊，只是內容篇幅上偏向於功能取向、較無閱讀性、不符合訪客查看應用，嚴格來說，還是整體網站架構的一部份，反觀搜尋引擎在對整體查核時，也會對內容架構進行瞭解，內容架構的豐富度與完整性也有利於排名收錄，因此我們其實並不能一杆打翻全歸類於不屬於網頁內容。   在顧及完整性收錄與重複功能頁面排除的情況之下，我們便可以透過 meta robots 的應用，來明確的告訴搜尋引擎，那些內容算是網站的一部分可以進行檢索，但無須索引提供給訪客進行搜尋便可，至於 meta robots 的應用格式與使用辦法，我們將在以下進行說明舉例：   meta robots 主要是應用在頁面編碼當中的 head 區塊裡，可以自由的針對每個個別頁面提出只需要"檢索"或"索引"的設定，也因為可以個別針對每個頁面進行權限設定，就意味著"每個"需要不同權限的頁面都需要置入相關設定。   在 meta robots 當中，我們使用 index、noindex   代表 索引 或 不索引 follow、nofollow 代表 檢索 或 不檢索   所以我們只需要請搜尋引擎"檢索"理解，不需要"索引"提供搜尋的範例便能設定為： ＜meta name=”robots" content=”noindex" /＞   不過 meta robots 有兩項設定值，個別兩種的狀態，所以也可以組合成以下的設定權限： 1. ＜meta name=”robots" content=”noindex"＞ 不要檢索、不要索引，等同 Robots.txt 應用  2. ＜meta name=”robots" content=”index"＞  不需要檢索、但需要提供索引 3. ＜meta name=”robots" content=”index"＞  需要檢索、需要索引，等同於搜尋引擎正常預設值(形同虛設)

在網站排除檢索的部分，先前本站淺談過 Robots.txt 主要是應用在提交給搜尋引擎不需要檢索的頁面名單，也介紹過 Robots.txt 的實際應用與設定，因此瞭解排除"檢索"的部分後，我們將要更進階的介紹排除"索引"部分，反觀由開始淺談部分時，我們曾提到搜尋引擎其實是透過的"檢索"與"索引"兩種功能來將網站網頁資訊進行收錄並提供使用者查詢，所以淺談 Robots.txt主要是針對檢索這項功能進行排除。   而檢索與索引這兩項功能雖然有極大的關聯性，但實質上在網頁上進行的動作並不相同，這邊我們用更白話的敘述就是    檢索 = 檢查     索引 = 收藏   所以搜尋引擎在實際上的運作順序是先透過檢查頁面內容與連結後，才決定是否要收藏，因此 Robots.txt 的作用就是在搜尋引擎來訪時，藉由直接提出不需要檢查的資訊，想當然爾就更不可能會被收藏，達到不檢查、不收錄的效果。   在更明確的知道搜尋引擎的收錄原理後，我們將要介紹的部分是 透過 meta robots 進行"索引"的排除，這時相信大家將會些疑惑，Robots.txt不就能達到不檢查、不收錄的效果了，為什麼還需要 meta robots 進行"索引"的排除呢?這部分主要原因就是 Robots.txt 會使尋引擎直接在不檢查這個步驟中就會忽略相關的內容，甚至不認為這是網站的內容；但是 meta robots 的應用，可以使搜尋引擎先進行"檢查"也仍然會將內容視為網站的一部份，但不要收藏提供使用者搜尋，所以這部分差異也會引響網站的總體完整性，因此在非必要的情況下，並不建議使用 Robots.txt的使用，而是推薦 meta robots 的使用。 

由淺談 Robots.txt 是什麼?能瞭解，Robots.txt 主要是應用在提交給搜尋引擎不需要檢索的頁面名單，先前我們說明過，大部分不需要的檢索的頁面可能是：管理員的登入介面、重複的諮詢頁面、尚未完成或修改調整中的頁面等。這些頁面都包含在網站頁面資訊當中，擁有很重要的使用操作功能，但站在使用者搜詢需求上，卻相較無查閱內容，因此減少相關的頁面檢索能夠提升搜尋引擎對網站內容的精確性。   瞭解了Robots.txt的應用時機後，我們便能著手開始設定提交內容。   在網站中建立一個名稱為：Robots 的 .txt 檔案，在檔案內容中設定需要排除檢索檢索的頁面檔案與路徑。     以下為常見的設定規則：   1.User-agent：宣告設定規則對那些搜尋引擎爬蟲有效，可能是：Google、Yahoo、Bing、Baidu等...另外*號代表全部搜尋引擎適用。(必要宣告規則)   2.Disallow：用來指定不需要被檢索的目錄或檔案，需注意檔案路徑的完整明確性。(與 Allow 為選擇性宣告規則)   3.Allow：用來指定可以被檢索的目錄或檔案，需注意檔案路徑的完整明確性。(與 Disallow 為選擇性宣告規則，且 Allow 可以與 Disallow 同時應用，但 Allow 的優先權大於 Disallow)   4.Sitemap：指定網站內的 sitemap 檔案存放位置，需使用絕對路徑。(非必要宣告規則)     使用範例一：整個網站不要被所有收尋引擎爬蟲檢索   User-agent: *  (適用所有搜尋引擎爬蟲) Disallow: /    (Disallow用來指定不需要被檢索的資訊，/代表全站根目錄)     使用範例二：只允許特定搜尋引擎爬蟲檢索特定內容 (Allow 可以與 Disallow 同時應用，但 Allow 的優先權大於 Disallow)   User-agent: Googlebot          (適用 Goole 搜尋引擎爬蟲) Allow:/classA/pageA.html    (Allow用來指定需要被檢索的資訊)     User-agent: *        (因為先宣告了 Google 可以檢索，因此除了 Google 以外的皆不檢索) Disallo:/classA/pageA.html    ( Disallow 用來指定不需要被檢索的資訊，)     使用範例三：針對特定搜尋引擎爬蟲不需要檢索特定檔案類型   User-agent: Bingbot  (適用 Bingbot 搜尋引擎爬蟲) Disallow: /*.htm$    (不論檔案名稱與參數值，只要是.htm皆不檢索)    

 在SEO搜尋引擎優化當中，大家都會非常在意自己經營的網站是不是有被各家搜尋引擎完整的收錄頁面資訊，原因當然是網站頁面有被收錄索引，才能夠被使用者找到並增加網站的搜尋能見度，但其實管理人員也必須思考注意的部分是，假設：尚未完成或修改調整中的頁面、管理員的登入介面、重複的諮詢頁面等...，這些網站內容並不全然適合被搜尋引擎收錄、並提供搜尋呈現給外在搜尋者查看。   因此瞭解搜尋引擎的運作原理，主要是透過程式進行多方網狀連結"檢索"與"索引"來對進行網頁資訊收錄，而網頁站台在長期經營的同時，難以避免會有些頁面"不需要被搜尋引擎檢索與索引"，因此管理人員們便能透過提交 Robots.txt 這個檔案，將無須收錄的頁面資訊載明提出給搜尋引擎檢索參照，便能明確的有效排除無須收錄的網站頁面。  

 從網站廣告行銷中，我們瞭解可以透過 UTM 參數設定與 Analytics 查看UTM應用成效，能夠明確達到追蹤和解析網站廣告的應用成效，隨著大眾行動裝置應用程度遠超越了桌上裝置的習慣，在 Android、ios 系統下，APP的廣告連結也成為了網站推廣行銷的重要管道，因此UTM的應用也針對行動裝置系統有了專屬的"Google Play URL Builder"、"iOS Campaign Tracking URL Builder"延伸。       以 Android Google Play URL Builder 為例，我們也是需要根據先介紹過UTM參數進行相似的設定，較為不同的地方是在Ad Network需要選擇不同廣告平台的選項進行對應追蹤。   在填寫 UTM 參數 時，同樣需要注意   ※字與字的間距，盡量使用 _ 或 + 號 ，勿使用空白與特殊符號，因為網址在編譯產生的過程，空白與特殊符號將會以網址用法代碼額外編入，造成網址過為冗長。   ※如果需要使用同個活動多個項目連結時，要注意所有餐數大小寫都要一致，因為大小寫的誤差，數據將會導向到不同的連結，將會造成錯誤的追蹤。   按照注意事項與參數欄位在產生與安裝好連結後，便同樣能透過"Analytics查看UTM應用成效"。

由"最簡單的UTM參數說明、設定教學"中，我們能瞭解，在產生完成UTM連結後，我們便能將連結複製加以應用在需要推廣的平台上，當使用者們透過此連結進入後，Google Analytics將會自動為我們統計各項應用資訊，達到有效的追蹤、統計總和。 透過UTM產生連結進入的使用數據存主要被歸類存放在 Analytics 當中的"廣告活動"中，我們經由介面分類中的：「客戶開發→廣告活動→所有廣告活動」便能查看統計的相關資訊。   根據先前我們產生UTM範例連結時填寫的層級資訊，我們能在廣告活動欄位中看見活動名稱：Brand_Promotion       進一步我們能夠經由"來源與媒介"更清楚的知道造訪者的相關資訊，達到分析與瞭解的目的  

先前我們介紹過"GA分析是什麼? (Google Analytics- Google分析)-看見網站績效"，是Google針對網站經營所推出的友善管理功能，也是現今主流熱門的網站追蹤分析工具，分析層面多元且精細，其中Analytics還大方的囊括提供了 Google搜尋來源以外的廣告資訊追蹤分析功能，而 UTM(Urchin Tracking Module)參數就是提供給分析人員可以自訂寫入的連結標記模組。   透過 UTM參數產生工具，分析人員們可以自行根據Google搜尋引擎外的來源，如：Facebook 貼文連結、Facebook 廣告、Yahoo廣告、Bingn廣告、電子郵件廣告、Google AdWords 關鍵字廣告等，進行連結產生、統計、追蹤並在Analytics界面中分層別類進行縝密分析。   應用的方式： 來到"UTM參數產生工具"介面中，我們需要根據五種欄位定義規則進行層級的名稱輸入，依序是：   utm_source (來源) ：帶來流量的網站名稱(其實就是您想放置這個連結給人點擊的網站)，有可能是搜尋引擎或是社群網站等其他來源。(必填)   utm_medium (媒介) ：這個連結將要應用的行銷或廣告的方式，如：單次點擊出價、電子郵件廣告、banner廣告等...。   utm_campaign (名稱) ：這個連結的廣告活動的形式，或是產品、宣傳活動的名稱。   utm_term (廣告關鍵字) ：付費關鍵字使用，如： Google 付費搜尋關鍵字廣告，使用的詞彙等...。   utm_content (內容) ：在同一次的廣告行銷中，可能會同時使用2個或以上的不同方法，可以歸類成同次活動的多個，個別應用名稱，Ex：同一個網站不同的連結應用、同一封信件不同個產品連結。   參考設定：   在產生完成UTM連結後，我們便能將連結複製加以應用在需要推廣的平台，當使用者們透過此連結進入後，Google Analytics將會自動為我們統計各項應用資訊，達到有效的追蹤、分析總和。  

在行動裝置搜尋習慣大幅顛覆了桌上型裝置的查詢方式同時，Google由2016年時提出了網站"行動裝置優先收錄(mobile-first indexing)"的測試計畫，當時點出了：響應式網站(Responsive web design)、動態服務網站(Dynamic serving)、結構化標記，幾項有助於站台對應行動裝置瀏覽的友善技術，在經歷了一年半的左右的測試後，Google又在今年正式的宣布了"推出移動優先索引(Rolling out mobile-first indexing)"，而這就意味著往後 Google 搜尋規則都將會根據適合行動裝置瀏覽的網頁站台進行優先抓取、收錄及評估排名!   過去許多人對於新開發或改版成為"響應式網站(Responsive web design)"的想法抱持半信半疑，但是在眾多的公開資訊與有利使用者操作條件之下，由搜尋引擎優化(SEO)的檢視角度來切入，這樣的網站新趨勢是必然需要面對實行的，畢竟友善的使用者體驗及內容豐富完整性一直都是Google最重視的收錄排序條件。   因此在這也建議不論是新開發亦或是原先只有桌上型瀏覽的舊網站都需要正視這些公開訊息與跟進現行趨勢技術，達到站台的永續經營及SEO的優良體現。 

在網站的搜尋優化當中，關鍵字是扮演著舉足輕重的一個重要角色，先前介紹過"初識熱門網站搜尋關鍵字"是希望讓大家都能初步瞭解關鍵字與網站的相互關係，從大眾主要使用的 Google搜尋引擎也推出了"Google Trends熱門關鍵字工具"來幫助站台們優化的情況可以明白，關鍵字的主要應用對搜尋引擎的收錄推薦有很大的引響，但面對眾多站台產業日新月異、彼此競爭的情況下，關鍵字的抉擇與設立，也成了網站優化的重點，因此本次將分享更多應用、分析層面的熱門關鍵字分析工具。   除了 Google搜尋引擎本身推出的Google Trends熱門關鍵字工具之外，坊間也有許多探討不同層面關鍵字的分析推薦應用工具，以下分享兩種免費的析推薦應用工具。     Keyword Tool 在關鍵字工具當中，這項工具主要依照您所輸入的詞彙進行相關分析，並推薦出相似且熱門的其他熱門關鍵字進行設定應用，但由於多數推薦工具皆需要付費，所以本款工具在不註冊會員的情況下，只提供相似熱門關鍵字的參考，較適合對產業關鍵字較沒頭緒的應用參考。     Term Explorer 相較前項熱門關鍵字工具，本項所以提供的功能較為全面，在註冊完會員後，可以在免費應用1千個關鍵字內的服務。 當中包含了：相似熱門關鍵字的列表、單一關鍵字的應用評比分析、指定網址的連結與關鍵字等數量資訊分析。 相較於許多工具來說，分析的層面與資訊更為完整。  

 先前我們說明了"初識熱門關鍵字"的重要性，透過熱門關鍵字，我們能夠瞭解大眾使用者的搜尋習慣，如果網站的各項優化層面都有了一定提升，但關鍵字的設定應用卻是與使用者習慣背道而馳的話，那網站的排名情況還是有可能會不盡理想，因此，我們除了透過先前介紹過的搜尋欄位熱門關鍵字推薦之外，本次將分享在 Google 工具當中，也有項探索工具 Google Trends 能夠協助我們瞭解更多層面的熱門搜尋主題。     Google Trends 當中的熱門關鍵字是由 Google搜尋引擎，全球眾多使用者搜尋習慣所累積統計出來的熱門趨勢應用。      Google Trends 當中提供了 4大項目的主題資訊。     探索主題當中，我們可以使用"想要瞭解的關鍵字"來追蹤過去時間中，使用者對我們想瞭解的關鍵字搜尋熱門度。     搜尋趨勢主題，主要提供"即時性"的搜尋趨勢。     熱搜排行榜主題，根據地區及過去年份的搜尋情況排名出:快速竄升關鍵字、快速竄升議題、快速竄升人物等資訊。   透過以上功能，我們可以更全面性的瞭解使用者的習慣，進而優化網站關鍵字的項目。