分類：主機服務

進入一個網站，你最先看到的絕對是整個網頁的配色，再來才是網頁排版，可說是網頁設計最基本的元素。在製作網站時，網頁配色是不可或缺的一環，擁有合適的網頁配色，不僅看起來舒服、美觀，使用起來也更加直覺，還能完美呈現你的品牌形象，帶給使用者深刻的印象。趕緊跟著本文的觀點，了解網頁配色技巧、步驟，避免眼花撩亂的色彩，打造符合美學又緊貼品牌形象的質感網頁！ 網頁配色步驟1：決定主色調 提到Facebook，人們往往會立即聯想到它最標誌性的「藍色」，也造就了鮮明的品牌形象，而網頁配色的第一步就是決定主色調，也就是網頁配色的主軸，可以根據你已經設計好的品牌LOGO、品牌調性來決定。例如質感文青風，一般會使用偏灰的色系、大地色系，科技業則大多選擇陽剛、鮮明的顏色作為主色調，不過這些都只是參考，還是建議以你自身的品牌特質為主。 網頁配色步驟2：搭配輔助色 決定好主色調之後，你必須找到2～3個輔助色，它們不僅可以和諧地與主色調搭配，也能彼此調和、增加網頁的層次感，又不會顯得過於雜亂，讓人看得頭昏眼花。以下提供你3個搭配技巧： 網頁配色技巧1：相近色 相近色系可說是最簡單、不花腦筋的色彩搭配方式！基本上不太會出錯，但要如何配得有設計感、令人印象深刻，也非常考驗設計者的功力。因此，一般會再選一個「對比色」作搭配，可用於強調、突顯頁面上的重點。 網頁配色技巧2：對比色 這邊所講的對比色，並不侷限於「紅─綠」、「黃─紫」、「藍─橘」、「黑─白」的搭配，而是撞色、跳色的視覺感受。對比色能夠讓人眼前為之一亮，使網頁視覺效果更搶眼，留下深刻的印象，像Amazon的配色就是很好的例子。 網頁配色技巧3：中性色 所謂的中性色，就是接近黑、灰、白的顏色，包括米白、灰杏、寶寶藍等等，它們的存在感比較低，不會搶走主色調的風采，可以很好地搭配、幫助你呈現網頁上的重點，打造有層次卻不雜亂的視覺效果。例如Facebook以藍色為主色調，再搭配上白色、淺灰等中性色，網頁配色十分簡潔，更能讓使用者將視覺重點放在貼文上。 6個網頁配色網站推薦，讓你不再盲目選色！ 1.Colordot Colordot是一個操作簡易的配色網站，只要在頁面上移動滑鼠游標，就可以自由變化顏色！當你選定了合適、喜歡的顏色，即可點擊右鍵，即可跳轉選擇下一個顏色。如果你想要回頭修改、微調顏色，只要點擊下方的「齒輪」就可以做調整，幫助你搭配出和諧的配

不論是電商要自己架設網站，又或是個人想要經營專屬的品牌網站，「購買網域」將會是大家無可避免的前置作業。談到網域購買，許多人會建議使用Namecheap，但對於網站經營新手而言，常不知該怎麼在Namecheap購買網域。今天就跟著本文的Namecheap教學，從0到1完成網域名稱購買，並告訴你網域命名的注意事項與其他註冊網域的方式，為你的架站之路踏出成功的第一步。   用Namecheap買網域前，先來瞭解網域的構成 買東西前除了要貨比三家，更要清楚自己買的是什麼東西，買網域當然也不例外。由於網域不是實體的東西，因此許多網站經營新手對網域的概念不是很清楚，在實際操作Namecheap前，就讓我們先來瞭解網域的構成與我們要購買的是網域當中的哪一部份。 每個網站都會有一個專屬的IP位址（Internet Protocol Address，網際網路協定位址），但由於IP位址是由一長串數字構成，不便人們直接使用，因此便出現了由英文構成的網域名稱系統（Domain Name System，DNS），讓人們在搜尋或辨識網站時更加直覺、快速，其中網域通常由以下元素構成： 網址 https://www.example.com 元素 https:// www. example. com 說明 超級文字傳輸安全協定 第三級網域 次級網域 頂級網域   以上元素當中，頂級與次級網域可以由網站經營者自行決定。我們把網站想像成街上的商店，如果沒有招牌，人們會很難找到店鋪，更難以瞭解店鋪提供的商品與服務為何。頂級與次級網域就像是商店的招牌，它能夠告訴每個人網站本身的性質與名稱，取名要是夠精巧準確，甚至可以從次級網域直接判斷出你賣的商品和服務。由於網站與網站之間的招牌是不可以重複的，因此當你有好的網域名稱構想時，就得快點註冊購買，以免被人捷足先登。 （延伸閱讀：網域SEO全面解析｜網域名稱操作2大招，讓你的網站脫穎而出）   購買網域前的3大注意事項 那麼購買網域有什麼前置作業嗎？網域名稱應該怎麼取比較好？理想中的網域名稱如果被買走了該如何應對？以下將介紹你購買網域前的3大注意事項，事先做好準備功課與名稱發想準備，就可以讓後續的購買作業更加快速、順利！   1.保持簡潔有力 次級網域的取名最長可達63個字元，但這並不代表取名越長越划算，太長的網域名稱不但會

談及架設網站，如果不是使用架站平台像是Wix、Weebly，就必須透過網域註冊商購買網域，再使用內容管理系統（例如：Wordpress），創建一個完整的網站。全球最大網域註冊商GoDaddy，是許多人買網域的第一選擇，但購買時除了選擇網域名稱，你知道虛擬主機也要一併購買嗎？現在就跟著本文介紹的GoDaddy教學，幫助你順利購買網域吧！   網域價格節節攀升，戰國策推出超優惠價，讓您輕鬆攜手成功！以下為各家網域供應商價格比較表，馬上掌握最划算的選擇！ 台灣各家主要申請網址註冊商，買網址費用一覽表 戰國策 Godaddy 遠振 捕夢網 匯智 網路中文 Gandi Hinet 新購買 續約 新購買 續約 新購買 續約 新購買 續約 新購買 續約 新購買 續約 新購買 續約 新購買 續約 .com NT.350 NT.400 NT$419 (需一次購買兩年) NT$734 NT$450 NT$450 NT$400 NT$500 NT$600 NT$600 NT$720 NT$720 NT$536 NT$556 NT$720 NT$720 .com.tw NT.550 NT.550 NT$1,070 NT$1,070 NT$630 NT$630 NT$600 NT$720 NT$760 NT$760 NT$800 NT$800 NT$709 NT$709 NT$800 NT$800 .tw NT.550 NT.550 NT$419 NT$1,049 NT$630 NT$630 NT$600 NT$720 NT$760 NT$760 NT$800 NT$800 NT$709 NT$709 NT$800 NT$800   戰國策 Godaddy 客服支援 台灣在地客服 中國客服     GoDaddy可以做到哪些事？買網域、虛擬主機、架站一次搞定 架設一個網站，就有如打造一個完整的房子，首先要選好位置（購買網域），再建造房子的鋼筋架構（購買虛擬主機），最後才能為室內裝修（建站），讓它能讓使用者造訪進出。而GoDaddy扮演的就是一位建築師，能協助你從零開始建構一個網站，觸及網路上的用戶。 以下為GoDaddy能幫助你的3件事： 1.網域購買 一串完整的網域包含頂級網域、次級網域及第三級網域，在GoDaddy上只要輸入想要的次級網域名稱，就

如同一個門牌對應一個家，每個網站都有一個專屬的IP位址（網址），由網域名稱系統（DNS）構成。想要架設自己的網站，就必須購買合適的網域，不僅能幫助SEO表現，使用者操作起來也更加直覺。本文提供你完整的 Domains教學，幫助你了解網址註冊的特點，一步一步從0到1成功註冊網域！ 認識網域的概念，購買網域要注意什麼？ IP位置的組成包括：超級文字傳輸安全協定（https://）、第三級網域（www.）、次級網域和頂級網域。其中，次級網域、頂級網域2個元素是可以由網站架構者自行設定的，以下為你詳細介紹： 頂級網域（TLD）：網域名稱系統的最高級別。常見的有<.com>（商業實體）、<.net>（網絡服務供應商）、<.edu>（教育機構）、<.org>（非營利性公司及其他組織），以及國家地區縮寫，例如<.tw>（台灣）、<.hk>（香港）等。 次級網域（SLD）：層級低於頂級網域，可以幫助使用者、Google辨識你的網站性質和服務內容。例如：http://www.hotles.com 的次級網域是「hotels」，便可以推測是一個訂房、找飯店的網站。 網域與網站性質、內容相關性越高，使用者越能快速掌握你的網站內容，帶動率點擊率，也有助於SEO的表現。不過，網址是不能夠重複的，而且次級網域名稱的競爭十分激烈，好的域名都很搶手！如果你已經有了網站的基本構想，建議同時思考合適的網域名稱（可以多準備幾個域名作為候補），並立即購買、註冊網域。更重要的是，選擇台灣註冊商，有完整的服務，無語言障礙，更不怕到期忘記續約。   選擇網址幾個重點 1. 品牌名稱 可以用品牌名子為網域名稱，對於自己而言簡單又好記，在網站排名上面也用的到。 例如：uniqlo – https://www.uniqlo.com.tw/ 2.與產品名稱有關 網址與產品的關鍵字有關聯。 例如：二手書之戀　https://www.usedbook.tw/ 3. .com優先 .com是大多數人的直覺印象，主要方便好記，增加搜尋率。 4. 原則勿用中文 網址是以英文為主，所以網址上有中文，就會轉成一長串的特殊符號+數字，對排名上面影響非常大，除非特殊狀況需求，否則指導原則都是以英文網址優先。   熱門網址註冊商推薦 以下推薦最熱

DNS伺服器是連結使用者與網路設備的重要媒介，網路用戶在網站上的每一個動作都需要DNS伺服器的協助才能完成，但究竟DNS是什麼？DNS伺服器又是如何運作的？本文為你整理了DNS介紹、DNS運作原理、DNS伺服器類型以及DNS查詢IP位址的流程，幫助你深入了解DNS。   DNS介紹｜了解DNS的基礎概念 DNS（Domain Name System）的中文名稱為網域名稱系統，主要負責維護網域名稱（domain name）與IP位址（IP address）的對應。對電腦、智慧型手機、伺服器等網路設備來說，在網路上溝通時，都是藉由IP位址來找到彼此；但我們在使用網路時卻是輸入www.example.com這樣的網域名稱來連結各個網站，就像是講著不同語言的2種人，而DNS扮演的角色就像翻譯一樣，負責將www.example.com的請求轉換成IP位址，讓電腦能夠讀取資訊，維持網路正常運作。   DNS伺服器是什麼？認識DNS伺服器運作流程 了解DNS的基礎原理之後，接下來為你介紹不同的DNS服務類型以及DNS伺服器的運作流程。   授權DNS伺服器 / 遞迴DNS伺服器 DNS伺服器根據功能不同，主要可以分為授權DNS與遞迴DNS伺服器2種： 授權DNS伺服器：接受並回應DNS查詢服務，接收到網域名稱查詢的需求之後，會將網域名稱轉譯為IP位址，方便網路設備讀取。 遞迴DNS伺服器：功能類似於引路人，不會直接受理IP位址的查詢服務，伺服器本身沒有DNS紀錄，但可以將需求傳遞給授權DNS伺服器來取得IP位址。   DNS運作流程｜DNS伺服器如何查詢IP位址？ 接下來以戰國策的網址 www.nss.com.tw 為例，為你介紹DNS伺服器查詢IP的流程： 使用者在網址列輸入 www.nss.com.tw ，DNS伺服器會接收到查詢IP位址的需求。 DNS伺服器開始查詢 www.nss.com.tw 的IP位址，首先檢查伺服器的記憶體有沒有詢問紀錄，如果沒有就向根網域DNS伺服器詢問。 根網域DNS伺服器會告知DNS伺服器，「管理tw的DNS伺服器」的IP位址。 DNS伺服器取得「管理tw的DNS伺服器」的IP位址後，會向這個伺服器發出查詢的需求。 管理tw的DNS伺服器會告訴DNS伺服器「管理 com.tw的DNS伺服器」的IP位址。

SSL憑證（Secure Sockets Layer）是架設網站時很重要的資訊安全指標，大部分的網站都會使用SSL憑證來增加網站的安全性，但你知道使用SSL憑證也會影響SEO（search engine optimization）成效嗎？本文整理了SSL對網站經營的影響、安裝SSL的注意事項以及3個常見問題，幫助你了解SSL與SEO的關係。 SSL對網站經營有什麼影響？從4個層面探討SSL的重要性 1.保障資料傳輸的安全 SSL憑證可以透過加密的方式保護網站中的資料安全，避免有心人士竊取重要的資訊，尤其是電商等金流頻繁的網站，使用者的個人資料、證件照、信用卡等資訊都要加以保護，才能讓使用者信任你的網站。 2.優化網站使用體驗 瀏覽使用SSL憑證的網站時，網址列會顯示HTTPS（Hyper Text Transfer Protocol Secure，超級文字傳輸協議安全）的綠色標記，表示該網站的安全性，有些瀏覽器甚至會在使用者進入未使用SSL的網站前，顯示網站存在風險，降低使用者進入網站的意願，對網站的使用體驗造成不良影響。 3.影響分析軟體的資料正確性 使用Google Analytics等分析軟體分析網站時，參照連結（referral）是觀察網站成效的重要指標，而網站是否使用SSL憑證會影響資料讀取的正確性，舉例來說，A網站是一個使用SSL憑證的網站，當A網站的頁面中添加了你的網址，而你的網站卻因為沒有SSL憑證不能讀取資料，分析軟體就無法辨識參照連結的來源，影響分析結果的正確性。 4.提升SEO成效，獲得更好的搜尋排名 2014年Google官方宣布將HTTPS列入搜尋引擎的排名標準，提供更好的使用體驗與瀏覽網站的安全性，因此SSL憑證也是SEO很重要的指標，擁有SSL憑證的網站會被優先讀取，進而取得更好的排名。 （想深入了解SSL請參考：網站適合安裝哪一種的SSL？ SSL憑證的各式種類與費用的比較） HTTPS安裝注意事項｜如何設定SSL才不會影響SEO排名？ 雖然安裝HTTPS對SEO有正面的影響，但安裝後仍有3個注意事項要留意，才能增加HTTPS對網站的效益。 1.設定301轉址 當網址從http://變成https://之後，必須將頁面搬家，而301轉址對Google、Yahoo等瀏覽器來說，等於永遠搬家的意思，可以幫助瀏覽器正確索引。需要特別注意的

網路發展至今已與我們的生活緊密結合，不論是查資料、工作甚至是購物，只要連接上網際網路就能輕鬆完成。但你可曾費心留意過，平時瀏覽的那些網站甚至是自家網站的網址開頭是HTTP還是HTTPS？HTTP與HTTPS是什麼？只差一個「S」的他們，對於網站會有什麼影響？Google為什麼要鼓勵大家將HTTP轉換為HTTPS？跟著本文的介紹，一起瞭解HTTP與HTTPS，並且透過htaccess轉址教學，讓你的網站安全有保障。   HTTP與HTTPS是什麼？資訊傳遞的基礎方式 經過之前「網域SEO全面解析」的文章介紹後，相信大家對於網域的構成都有了基礎的認識，而HTTP與HTTPS通常會出現在網址的最前端，用以告訴使用者這個網站所使用的資訊傳遞方式為何。   HTTP（超文本傳輸協定） HTTP是超文本傳輸協定（HyperText Transfer Protocol）的縮寫，代表一種網際網路在傳遞資訊時的協定，其規範在使用者與伺服器之間的資料傳輸必須以TCP協定（傳輸控制協定）的三次握手（three-way handshake）建立連結。   HTTPS（超級文字傳輸安全協定） HTTPS則是超級文字傳輸安全協定（HyperText Transfer Protocol Secure）的縮寫，同樣做為傳輸協定，HTTPS是根據HTTP的基礎發展，只是多加了SSL（安全通訊協定）的加密傳輸。 （延伸閱讀：SSL是什麼？認識SSL憑證原理及作用方式）   HTTP與HTTPS的差異：有無加密封包 不過是多了一個「Secure」，究竟會讓這2種傳輸協定產生怎麼樣的差異呢？這就得從早期網路的使用目的來看，網際網路在初期的使用目的僅為一個部門內的資料傳輸，因此HTTP作為較早期的傳輸協定，為了求資料傳輸的快速，自然就會省略「加密與解密」的步驟，讓資料以明文傳輸。但是隨著網路的功能越來越多元，我們有時候會需要在網路上傳輸密碼等極為重要的資訊，若持續使用HTTP就有可能在傳輸的過程中被駭客竊取或是竄改。   我們來打個比方，我們用HTTP傳輸資料時就像是上課在傳紙條，每一次經手都有可能被有心的同學打開偷看，更甚至是竄改內容。若我們改用HTTPS傳輸，就好像用暗號在寫紙條一樣，傳紙條的人需要將訊息轉化為暗號書寫，而收紙條的人需要解開暗號才能知道

VPS主機是近年問世的伺服主機類型，提供需要架設網站的人除了實體主機與虛擬主機外多了一個新選擇。究竟VPS主機有什麼優勢？接下來我們整理出關於VPS的完整介紹，幫助你快速認識VPS，未來架設自家網站時便能選擇更穩定、快速的伺服器主機。   VPS主機是什麼？結合實體與虛擬機優點的系統主機 VPS（Virtual Private Server）介於實體主機與虛擬主機之間的作業環境，融合兩者的優點，可以在一台伺服器主機中，切分出多個虛擬帳號，且每個帳號都擁有獨立系統資源，不會互相影響運作效率。同時，也如同獨立主機一樣擁有帳號內的所有權限，進行安裝程式、重新卸載系統，啟動主機等操作，甚至若是你懂得程式語言，也能自己編寫程式碼。   VPS、實體主機、虛擬主機的差異 以下將針對實體主機與虛擬主機進行介紹： 實體主機 選擇一台電腦硬體設備作為伺服器主機，透過安裝作業系統、軟體，以及連接網路等方式，讓網站可以正式上線，提供使用者存取瀏覽。設置一台實體主機的費用包含硬體、軟體、網路費、管理費等項目，至少都會超過1萬元左右，成本不低。   虛擬主機 為了改善實體主機的成本問題，系統商變開發出虛擬主機，由系統商提供系統空間，讓你跟其他人一起共享虛擬伺服器的運算資源，平均分擔所有成本，讓個人用戶可以輕鬆架設網站。然而缺點在於，全部人都是用同一個運作系統的資源，當其他用戶的網站佔據大量資源時，便容易限縮到你的網站資源。   VPS的種類有哪些？認識OpenVZ、Xen 2大類型 目前VPS有不同技術所構成的2種類型，分別為OpenVZ與Xen，就價格上來說OpenVZ較為便宜，因為這種技術類型可以超額提供給更多的用戶使用。接下來將針對2種類型進行各別介紹。 OpenVZ OpenVZ要求系統商主機與用戶都使用Linux系統，如此才能發揮VPS的效能優勢。並擁有極佳的延伸性，可以同時支援64個CPU，以及64G的記憶體。同時OpenVZ的主機伺服器可以管理全部虛擬空間的工作與檔案。   Xen Xen是開放原始碼的虛擬機空間，由XenProject開發，能夠在同一個主機中，同時擁有128個虛擬作業系統。Xen可以分為半虛擬化與完全虛擬化2種，透過半虛擬化技術，以提高效能表現；而完全虛擬化則是完全仰賴於QEMU虛擬機，以修改Windows系

因應現代人搜尋習慣的改變，Google從2020年9月起改採「行動優先索引」，UX體驗不佳的行動版網頁，將可能面對排名下滑的危機。Web Story（前身為AMP Stories）由多張圖片所組成，擁有易閱讀、行動裝置友善的特點，因而成為網站SEO人員必備技術。本文將帶你認識Web Story，並教你快速製作故事的方式，最後給你Web Story SEO 3 大技巧，讓你全面掌握這個新型態的數位內容。   Web Story是什麼？以圖像方式描述故事 以AMP(Accelerated Mobile Page)技術為根本的Web Story，類似於IG的限時動態，其特色為以圖像為主、文字為輔的內容，及快速的網頁載入速度，且因本身是網頁格式，因此還是可以被Google所收錄，顯示於搜尋結果頁上。 Web Story實際例子 Web Story既然被叫做「Story」，大多會用來描述事件、事物，並在每個頁面搭配圖像或影片，相對文章來說，能讓使用者更能理解內容。 事件類 INPUT – pixel 5 和iphone 12 的夜間攝影功能比較 Now This News – 韓國咖啡廳推出咖啡機器人 教學類 lonely plant – 如何拍攝極光 POP SUGAR – 金銅色染髮教學 人物介紹類 VICE – BTS 榮登美國 Billboard HOT 100 第一名 VOUGE – 印度女演員 Janhvi Kapoor 介紹 Web Story如何製作？Web Story製作工具 目前Google所公布的Web Story製作方式有以下3種： MakeStories（適合一般創作者使用） AMP Web Stories（適合資訊人員操作） Web Stories for WordPress（WordPress外掛） 如果要求更精美、更快速的Web Story製作工具，市面上也有許多線上編輯軟體，能為你的故事加入投票、發問功能，不僅能讓你的Web Story內容更為豐富，也能增加網頁的互動性： Storifyme Flash Stories 製作Web Story後，不可能只依靠轉發故事至其他社群媒體，來獲取更多流量，透過SEO的操作，才能更有效地被更多人看見。下面我們將提供Web

為網站取得SSL憑證，升級HTTPS安全傳輸協定，雖然可以幫助網站避免個資外洩問題，但仍然有被駭客攻擊的突破口，那就是Mixed Content混合內容。接下來我們會帶你瞭解混合內容的情況與檢查方法，並學會修正方式，將網站的潛在防護漏洞一一排除。   Mixed Content 混合內容是什麼？ 當你已經將網站改為HTTPS傳輸協定，卻仍有部分網頁使用HTTP連線，就是Mixed Content的情況。如此一來使用HTTP頁面將會導致網站出現防護漏洞，容易被惡意攻擊者入侵。因此Google會封鎖出現Mixed Content的頁面，導致使用者在瀏覽網站時出現部分內容無法顯示的狀況。 用戶訪問的網站類型會決定Mixed Content暴露的風險度。若該網站只有公開資料，不涉及個人資訊，依然能藉由Mixed Content將用戶重新定向到其他用HTTP連線的頁面，並從中竊取個資。   混合內容有哪些類型？ Mixed Content混合內容的狀況分為2種類型，分別是主動型混合內容（Mixed Active Content）以及被動 / 顯示型混合內容（Mixed Passive / Display Content）。兩者在被駭客攻擊的程度上有所不同，主動型混合內容會出現釣魚式攻擊騙取個資、定向到惡意網站等情況；而被動型混合內容可能只會有用戶Cookie遭竊取或出現錯誤內容的情形。 被動 / 顯示型混合內容（Mixed Passive / Display Content） 被動 / 顯示型混合內容是指Mixed Content出現在HTTPS頁面中，攻擊者只能更動部分內容，像是將採用HTTP連線的圖片更換成惡意圖像，藉此監控使用者名單。 被動 / 顯示型混合內容的請求類型包含： <img>（src屬性） <audio>（src屬性） <video>（src屬性） <object> subresource 主動型混合內容（Mixed Active Content） 主動型混合內容是攻擊者可以透過網頁中的Mixed Content，完全控制該網頁，由此改變 HTTPS的頁面物件，從中竊取用戶的個人資訊。同時植入惡意程式，增加被其他駭客攻擊的機會。 主動型混內容的請求類型包含： <script>（