網頁設計的專業首選

    在先前網域名稱的建立與建議中，本站簡單的說明了網站中"網址"與"網域"的差別，也在初次申請專屬網址時，提供了幾項可以作為參考的建議，作為網站設定前的創立方向，接下來希望再分享網域上的選擇與區別提供大家做為更多的瞭解與參考。       上篇文章中分享了網址中點號區隔的是不同層級的網域等級，其中網域的等級看似為簡單的英文組合，但其中不同層級及每個層級中其實都有著明訂且規範的規則，代表著在網路上不同的作用和限制，所以在申請網址時，瞭解網域的規範與應用也關係著網站的規模與發展，因此在申請特別網址時，如："政府機關"或"教育機構"等有保留規模發展的網址。我們必須注意網域上的規則，而較特殊的文字作為網址的特例我們也將在以下說明。   www.webdesigns.com.tw        由以上範例來說，www就是"world wide web"是美國國防部創始的名字後來受到廣泛應用，叫做"全球廣域網路"或是"全球資訊網路"。       而"webdesigns"就是網站主要代表的網址名稱，可以是由行號單位名稱、品牌進行命名或是專屬個人的名稱，其中也有人會使用文字作為多語言網域名稱來進行申請，主要為單一國別公司發展的"多語言網域名稱"。       .com主要作為網站屬性的判別，其中還分為依網際網路網域名稱與網址管理機構 (ICANN) 的分 類，網域名稱主要可分為： "通用型網域名稱"與"區域型網域名稱"用於區隔網站的屬性，如下說明。   通用型網域名稱可分為:   com  商業組織   edu  教育機構   net  主要網路支援中心   gov  政府機關   int  國際組織   org  組織   mil  軍方單位     區域型網域名稱，這類網域名稱是由世界各國網路資訊中心 (NIC) 處理，例如： 台灣地區由 TWNIC 管理   com.tw  商業組織   edu.tw  教育機構   net.tw  主要網路支援中心   gov.tw  政府機關   int.tw  國際組織   org.tw  組織   mil.tw  軍方單位        在瞭解用途及區分方式後，我們可以根據網站將發展的規模與用途對照已上規則申請適合的網址，在這邊也特別註明，其實現今網際網路在面對域名上的限制較為放寬，在屬性上還有更多的區別，只要使用正確且符合的屬性，已有較自由上的使用，可以不用過度拘泥於屬性中的國別，以上若有相關疑問歡迎至聯絡我們進行洽詢。

   許多公司行號在架設專屬的網站時首要會遇到的便是要申請屬於自己專屬的網域名稱，網域名稱代表著網頁註冊核發的網址，如字面上意思便是網頁的地址，在沒有網址的情況下網站是無法讓人尋找到的，因此申請一個正式的網域名稱是每個網站必需的動作，這個看似簡單的動作其實背後帶來的影響，足以影響網站的長期發展與排名趨勢。      從網址的欄位中，常會看見許多或長或短、形式不一的各種網址，其中還可能包含著網站的資料參數和架構與規劃，在這我們將單純針對網站的正式註冊網址來談論，若有網址內參數與架構上的問題，也歡迎另外由連絡我們做洽詢，回到我們將要談論的正式註冊網址來說，大家常會聽到網址、網域，其實兩者看似都指的是網站位址，但網域是將網址內的區別作為分隔的定義，如本站網址為：www.webdesigns.com.tw 其中每個點號做區隔的就是不同的網域，就如同我們房屋地址的鄉、鎮、市一般，因此網域也影響著網站在網際網路上的規模，若使用國際網域，較能讓世界各國的人所看見，使用的是國別地區性的網域，較能針對單一目標國家進行服務。       雖然網域的層級關係著網址的規模，但除了政府機關或教育機構等有保留規模發展的必要性之外，越高的層級也不見得適合每個網站，因此如何選擇網域及建立網址將影響著我們網站長遠的發展與經營，以下我們提供幾項在申請網址前可以做為參考的注意事項:   1.使用簡短且容易記憶的網址名稱   2.可以由行號名稱或品牌進行命名   3.根據將服務的規模及地區選擇適合的網域層級   4.網址單一，避免多個不同網址重複同樣網站內容   5.避免更換網址，網址的變動及轉換，可能影響用戶查詢及內容的落差  

動態網址與靜態網址對SEO的影響，在網站優化時，大家都會非常注意網站是否有被搜尋引擎完整收錄，因為在未收錄的情況中，網頁根本就沒有被搜尋引擎認可，更別談排名與優化了，而網址呈現的方式便占了搜尋引擎爬行收錄規則很重要的一個環節，以往常會有的觀念是搜尋引擎收錄規則會傾向靜態網址的網頁內容，反觀動態網址如果帶入太多不明確參數，的確也會使搜尋引擎在查尋與收錄時較有難度與錯誤，但這也僅只於帶入太多或不明確參數，因此在靜態與動態網址中隨著搜尋引擎的演進，我們將簡單的說明其差異與SEO的影響。   靜態網址，如其字面上意思，就是已經製作完成，確定不會因為其他規則與條件更換當中內容的網址，因為它是單一確定的資訊，所以搜尋引擎對其單純且穩定的結構較能快速理解並認可，但也因為每一個頁面都是單獨的個體需要個別編譯，在更新此種網址類型頁面時，需要消耗較多的時間，面對大型或需經常更新的網站，將顯得管理與操作上的不便。   動態網址，在以往的觀念中，大多數對其多變且自由的參數較有收錄上的質疑，但從動態網址的架構上去瞭解，其實當中內容基本上是有一定的基礎與架構，搭配網站內較豐富的內容數據做呈現，雖然看似資訊繁多，實質上對於內容豐富且須要經常性更新的大型網站，如購物、論壇等，卻是可以協助它們在有條理與明確規則下的生成，會造成搜尋引擎收錄上的問題在於不明確的規則與制定參數冗長和可能重複資訊模糊單一性的頁面。    由上的說明中，我們瞭解靜態網址與動態網址在網站的架構中有不同的呈現，對於網站的需求提供了不同層面上的優缺點，靜態化的網址較為單純但變化上較為困難，但收錄相對快速，而動態化的網址較需要事前的規劃，好處是適合複雜的網站，站在SEO的角度上，其實兩種類型的網址只要善加利用，搜尋引擎的演化都能在收錄上有一定的表現，因此網站在決定製作前的規劃就顯得較為重要。

  在先前初識搜尋引擎最佳化（SEO）時，我們瞭解了搜尋引擎最佳化(SEO)目的就是希望提升網站在自然搜尋的排名，但也明白了自然搜尋排名的排序其實是由百種以上眾多規則與條件組合而成的排序，先不論搜尋引擎為了提高精確結果還持續在增加地改善的條件，由原本的規則來說大家可能會疑問，排序條件這麼多種，搜尋引擎的優化又該有何依據呢，在這邊將以目前多家搜尋引擎公司釋出的方向讓大家快速的理解，較能影響搜尋排名的因素。       搜尋引擎公司為了提高搜尋用戶市場的信賴度，逐漸朝向內容準確性、豐富性發展，也會經常性 地調整排名條件和修訂各種因素的優先權重，用來幫助搜尋引擎更精確的評估網頁的品質，所以在眾多搜尋引擎公司釋出較大的排序方向中可以分為: 1.網站本身內容豐富性 2.網站與它站的友善性連接 3.網站與趨勢平台的相互性 4.搜尋用戶的體驗友善性 5.網站營運操作是否違規      面對網際網路上數不完的網頁，搜尋引擎不會單單是依靠以上幾項規則，但如果網站符合越多種的正向排名因素，那排名提升的機會自然也會相對增加，回歸搜尋引擎最佳化的目的，除了提升自然排名外，主要就是希望提供搜尋者正確的搜尋結果與豐富的服務內容，因此網站優化的經營目的應該是避免違規性的操作，回歸使用者的需求體驗。 

 本站介紹過一般多種常用的轉址方法，而先前也提到過關於安全憑證SSL的安全連線防護，礙於申裝憑證其實工序繁瑣，所以希望能夠正確有效的進行申裝與移轉而盡可能的不影響網站排名、頁面權重，本次要探討的是，可能會在伺服器上的轉址時機與在多個網站上進行聯合發佈的轉址時機，我們能透過以下這些方法來針對幾個狀況進行網站上的調整，能使我們的網站更正確的被搜尋引擎收錄，達到SEO的最佳化。   先前發文也提到過伺服器上的轉址，我們可以透過伺服器上的設定來進行www子網域的轉址及https安全協定的設置，提供連線資訊的完整度及使用者的安全連線，就能在這些額外服務建立時盡可能不影響網站排名與權重，以下可參考網址範例:   主網域網址：http://yuordomain.com/green-dresses   加入安全協定網址：https://yuordomain.com/blue-glass   加入子網域網址：http://www.yuordomain.com/blue-glass   由主網域進行延伸的轉址，隨著網際網路的演進，使用子網域及加入安全協定的網址，不僅能加以保護網站本身和客戶的安全連線，也能使網站取得搜尋引擎與新使用者較高的信賴度，而其兩項合併延伸將不會互相衝突，因此便可將上述三種網址進行轉，指向參考合併延伸後的網址:https://www.yuordomain.com/blue-glass 進行積分與權重的累積。   資訊平台的普及與友善的相互性，使得不同平台的資訊內容逐漸走向共享化，從自己的網誌聯合發佈至其他網域中網站的內容，與原始內容有部分或全部是重複的時候，我們也會遇到不同網址入口所看見相同的內容，如以下參考:   原始文章網址：https://blog.yuordomain.com/blue-glass/   聯合發佈文章網址：https://news.yuordomain.com/blue-glass.html   此方法可以散播較多窗口，但在頁面轉址導向時可協助搜尋引擎將每個網址的資訊彙整到單一偏好網址。不過，這也表示從其他網 站連至原網址的網址會連結合併。  

      本站介紹過一般常用的的301轉址(永久)與302轉址(暫時)及IIS轉址(進階)和DNS轉址(網域)，主要都是在說明轉址的方法，目的就是希望大家在網站改版或是更換網址時能夠正確有效的進行移轉而盡可能的不影響網站排名、頁面權重，明白多種轉址方法後，本次要探討的是，先前介紹的這些功能其實不單單只能用在改版與更換網址，我們還能透過以上這些方法來針對幾個狀況進行網站上的挑整，能使我們的網站更正確的被搜尋引擎收錄，達到SEO的最佳化。          網站網址呈現的方式有許多種，但我們常見的大分類為"靜態網址"與"動態網址"，已常見靜態網址來說，網址是固定的沒有帶入參數變動的問題，而動態網址會因為不同的主題規則及需求而帶入不同的資訊，若在不同的規則下也有可能會帶出相同的頁面，因此為了避免不同規則的網址產生相同動態內容而分散積分，這時便可以使用301轉址將不同動態網址的內容統一指向統一網址即可。 可參考以下範例:   動態產生網址：https://www.yuordomain.com/products?category=glass&color=blue   動態產生網址：https://yuordomain.com/glass/cocktail?gclid=ABCD    靜態固定網址：https://www.yuordomain.com/glass/blue/blueglass.html   以上三個網址雖為不同，但頁面呈現的內容卻是一樣的，為了避免同樣產品分數因為網址的呈現方式被分散，可以使用301轉址將其他兩個網址轉址為其一網址。     在部落格發佈文章時可能會遇到不同主題頁面會放置相同的文章，因此也會面臨網站自動生成多個網址，此時我們也可以使用301轉址進行調整。   可參考以下範例:   發佈網址一：https://blog.yuordomain.com/glass/blue-glass-prd-chesome/   發佈網址二：：https://blog.yuordomain.com/blue-things/blue-glass-prd-chesome/    

      在維護網站長久經營的積分與排名時，我們瞭解了先前所介紹一般常用的的301轉址(永久)與302轉址(暫時)及IIS轉址(進階)，主要是在較基礎與程式的層面上著墨，而網站的組成中，除了內容的製作與程式上的開發外，網域名稱就是我們一直在討論轉址的部分，但在伺服器管理網址名稱時，也有著可以直接透過最高層伺服器進行轉址，就是在管理網域資訊的DNS中進行轉址設定。         比起以往要管理網站伺服器需要繁瑣的動作與設定，現行業界中多了許多代管網址資訊的廠商，而在這些代管的服務中，也提供了友善的操作介面，更重要的是，也整合了以往較複雜的功能並且簡易化了操作流程，已範例:CloudFlare、GoDaddy等代管廠商來說，可以在代管設定上透過記錄類型A類，進行網址來源及目標的設定，再經由伺服器上的更新，便能在最高層級的網域區段直接進行轉址，不過在進行這類的設定中，也伴隨著網站DNS與國際伺服器連結的穩定和安全性，因此，在這部份上的調整建議經由瞭解網域設定的人員操作較為妥善。由於每間廠商所開發介面不同，因此以下已CloudFlare為例，提供範例。      

       在先前談到關於301轉址，除了可以使用單頁面上的永久轉址轉址及302暫時性轉址外，我們也可以適時的使用更進階的IIS URL rewrite來進行設定，談到IIS在發行了7.0版本後便加入了URL rewrite的多項功能，一般人一開始不熟悉時，面對多樣性功能強大的圖形化界面可能辦法這麼快熟悉全部功能，因此，IIS URL rewrite在這我們也只針對301轉址進行簡易的相關說明。          回歸程式上的開發，我們可以透過瞭解web.config的設定檔來簡單的進行控制修改IIS上的設定，它可以針對單一網站或單一網路程式來儲存程式面上的修改，也可以輕鬆的根據修改及上傳web.config檔來設定改變網站程式的設定，不需要再依靠IIS操作介面繁複的設定或是重新啟動IIS，而且網站內所有網頁，子層都會按照web.config的設定來執行運作，因此在這邊我們也舉出範例讓大家來瞭解參考如何使用程式化快速的設定IIS URL rewrite，請參考以下。     ＜configuration＞     ＜system.webserver＞         ＜rewrite＞             ＜rules＞                 ＜rule name="Canonical Host Name" stopprocessing="true"＞                   ＜match url="(.*)"＞＜/match＞                   ＜conditions＞＜/conditions＞                     ＜add input="{HTTP_HOST}" pattern="^yuordomain\.com$"＞＜/add>                                     ＜action type="Redirect" url="http://www.yuordomain.com/{R:1}" redirecttype="Permanent"＞＜/action＞ 　　　　　＜/rule＞ 　　　　＜/rules＞                ＜/rewrite＞              ＜/system.webserver＞        ＜/configuration＞       我們將原先http://yuordomain.com/導向至http://www.yuordomain.com/  

     在先前我們分享了瞭解網站轉址與301轉址後，可以知道網站在進行更新甚至要改版的狀況時，如果要將網站更換至新網址，我們可以透過301轉址的語法來進行，將舊有的網站頁面權重進行轉移到將要使用的新網址頁面，就能保留以往所努力經營的頁面權重及搜尋引擎排名，但301轉址的轉址其實代表的是將舊網站權重"永久轉移"至新的網頁，如果您是要捨去舊有的網站與網址時，這是適合的做法。但如果是要暫時修改及保全舊有網站與網址的同時，要另外使用替代網址與網站狀況下，就並不適用301轉址。       要在維持舊有網站與網址的頁面權重時，也能使替代網站不失重要流量的方法便是使用302轉址，有別於先前介紹的301轉址，同樣都是會將頁面權重進行轉移，但是302轉址主要為"暫時性轉移"，用於舊網站進行更新與改版時將頁面內容與權重轉至替代的網站與網址來提供瀏覽服務與維持原有排名及權重，於轉址後舊有網站並不會失去原有的頁面權重和排名，舊網站進行更新與改版後便可以同時取回替代網站所持續經營舊有的頁面權重。302轉址的語法放置在要轉址的頁面文件中，常見語法請參考以下：   <head> <meta http-equiv=refresh content="0;url=http://host.yourdomain.tld/path/to/"> </head>       JavaScript 302轉址 <script language="JavaScript"> <!--   window.location.href = "http://host.yourdomain.tld/path/to/"; //--> </script>       PHP 302轉址 <?php   header("Location: http://host.yourdomain.tld/path/to/"); ?>     ASP 302轉址 <% Response.Redirect("http://www.yourdomain.com") %>   如果對於這方面有興趣與疑問的情況下，歡迎大家可以更近一步瞭解進階的IIS轉址-URL rewrite或使用聯絡我們與我們聯繫，將再詳細進解說。

      瞭解網站轉址與301轉址，在網站經營與維護中，相信大家能瞭解一個用心經營，內容豐富、時常更新資訊的網站來說，網站頁面對搜尋引擎的權重比例越高與排名越好就是一個很好的肯定，而已長期經營的網站來說我們將可能會遇到網站更新甚至改版的狀況，要如何在穩定網站排名且不失去搜尋引擎積分權重下的方式讓我們將網站更進一步的提升呢?這時候就需要用到"網站轉址或301轉址"。       網站轉址的技術層面其實包含非常的廣泛，在此將以本議題的基礎篇301轉址開始介紹起，由單一頁面來說，在開方網頁時應用不同的程式語言，所以撰寫的方式也有些許的不同，舉例來講，我們可以將301轉址的語法放置在要轉址的頁面文件中，常見語法請參考以下：     HTML 301轉址 <meta http-equiv="refresh" content="0;url=http://yuordomain.com" />  <meta http-equiv="refresh" content="0;url=http://yuordomain.com" />   PHP 301轉址  Header( “HTTP/1.1 301 Moved Permanently" ); Header( “Location: http://yuordomain.com" ); ?>   Javascript 301轉址  <script>document.location.href="http://yuordomain.com";</script>     ASP 301轉址 <%@ Language=VBScript %> <% Response.Status="301 Moved Permanently" Response.AddHeader “Location","http://yuordomain.com/" %>       ASP.NET 301轉址  <script runat="server"> private void Page_Load(object sender, System.EventArgs e) { Response.Status = “301 Moved Permanently"; Response.AddHeader(“Location","http://www.yuordomain.com"); } </script>       JSP 301轉址 <% response.setStatus(301); response.setHeader( “Location", “http://www.yuordomain.com/" ); response.setHeader( “Connection", “close" ); %>   如果對於這方面有興趣與疑問的情況下，歡迎大家可以更近一步瞭解302暫時性轉址的相關性或更進階的IIS轉址-URL rewrite。