網站架設

想要架設一個網站,卻不知道從哪裡開始著手嗎?

或者,當你已經動手開始架設網站了,卻總是困擾於很多陌生的專有名詞? 網路上很多教學資訊,卻總是找不到給零經驗的你一個重點式的整理嗎?

這篇文章將一次補齊你入門前必須具備的重點資訊! 包括常見問題: DNS是什麼? 為什麼需要擁有網域和主機,不能用免費的嗎?  SSL是什麼? 如何知道來觀看網站的使用者分析呢?前端 (front-end) 和後端 (back-end) 程式又是什麼? 自己做網站或找專業的人,優缺點是什麼?

在文末的最後,還有推薦5個自己架網站的平台,以及跨國網站基本應該注意到的3件重要的事喔! 希望大家看完後,有著滿滿的信心開始動手規劃屬於自己的網站吧。

架設網站前,你需要確認的 7 項清單

來~ 第一帖我們先測測看自己對架設網站準備好了沒?


我的網域是 http:// ________.com(.___________)
我的主機商是_____,主機資訊已經完整從該公司收到了。
我已經正確將DNS指向我的主機位置了。

我的網站需要資料庫 ;   不,我的是靜態網站不需要。

我需要SSL憑證並且購買好了 ;   不,我認為現階段還不需要

我需要使用Google Analytics,並且已經申請好Tracking Code : ____

我的網站想要嵌入Google Map,已經申請好API key : _____

不管上面問題得到幾個勾或都很陌生都別擔憂。在第二帖的部分,將針對這些必備的基本概念介紹給你,也會推薦適合初入門的你使用的平台。

如果你已經對這些名詞都瞭若指掌的人,恭喜你!你可以跳級前往第三帖了。

基礎網站架設攻略 第二帖

架設網站過程,你需要了解的 6 件事情

1. 網域是什麼?

每個人都有自己的名字,每戶人家也都有自己的門牌號,對吧? 那麼,你的網站也應該有它專屬的名牌!

有些人會問,很多部落客有自己的網站,也都用免費網域啊!  沒錯,使用免費網域是最快速又 ( 短時間 ) 省錢的方式,但卻也隱藏一些問題,因此建議在一開始就把網站未來發展考慮進去才行。

Description of Gremlin Works URL

 

免費網域會延伸2個問題

▲  冗長的網域名
立即會遇到的,就是當你必須曝光自己的網站時,不論是名片上也好,在行銷廣告也罷,往往會是一長串字母,裡面還會交雜平台名字 ( 跟自己品牌無關 ) 的文字。

▲  SEO權重的轉移
你在網站上所有經營累積的成果,都很有可能在日後面臨搬家轉址的過程,而必須得從頭開始,主因是不少平台仍不提供權重的轉移。白話來說,就算你搬家了也重新指向新頁面了,但使用者搜尋時還是會因為舊網站的權重較重而先搜尋到。 各位應該有搜尋過一些文章,頁面點開後顯示「我已搬家,將為你連到本頁新連結」吧?沒錯,就是這個缺點。如此一來,以後使用者要找到你,搜尋結果都要先繞過以前使用的平台頁面。這實在不是長久之計啊!

 

要去哪裡買網址呢?

Namecheap
24
小時客服團隊 ( 雖然要用英文溝通,但有問題時,他們 Live Support Team 回覆真的很快!),一年.com費用較GoDaddy少約1塊錢美金,網友評價高,購買介面簡單。

GoDaddy
有中文介面,老品牌網站,全球客戶眾多,僅提供週一至週五客服,購買流程對新入門者較容易產生誤會。

PChome買網址
沒錯!萬能的台灣PChome也可以買網址,當然介面客服也都是很台灣,對於追求親切感的朋友,這也是不錯的選擇。

2. 主機是什麼?

現在請把架設網站這件事想像成一整個室內裝修的工程,那麼首先你是不是需要有一間自己的房子?  不論是買一間大樓裡的小公寓,或是大手筆買下土地蓋自己的樓房。總之就是要先有一個房,我們才能開始動手室內裝修,把漂亮的傢俱放進去,對吧? 因此,你的網站就是需要這樣的主機空間,來存放所有的網站資料。
如果本身沒有工程師在管理網站的話,記得要詢求虛擬主機,而不是VPS或實體主機的方案喔! 虛擬主機就等於主機商已經幫你蓋好所有的環境,而你只需要把自己的物品搬進去就可以了,對於非工程師背景的人,管理及使用上會比較容易!

要去哪裡租虛擬主機呢?

遠振資訊
台灣機房,中文客服,超簡單中文介面,適合對主機相關知識很陌生又有點懼怕的初階管理者使用,好上手。

BlueHost
香港機房,價格平價、無限流量、無限容量、也無限網域,相當俗又大碗的選擇。

SiteGround
新加坡機房,穩定性很高,客服展現高評價的水準,自家開發的Super Cacher功能,也就是讓你的wordpress網站瀏覽起來飛快。還有,最重要的還有免費支援 Let’s Encrypt SSL憑證功能。一整個水平高到破表的服務,也讓近期很多人都轉而投向它的懷抱了!

3. DNS是什麼?

前面我們已經說明了「網域是你的門牌」、「主機是你的房子」,那如何在網路世界讓大家知道你的房子在哪裡呢? 這時就是要倚靠DNS設定,讓瀏覽者可以輸入你的門牌號碼就找到你的房子,參觀你精心設計的家了。另外要提醒你,所有的DNS設定變更最久會在48小時才生效。

DNS設定最常使用的有三個記錄(record types)

A記錄
將你的網域名稱指向你的主機IP,將網域及主機串接起來最主要的記錄,多數人的需求只要成功設定此項,就可以讓你的網站順利運作了。

MX記錄
當你需要用這台主機收發信件時,記得也要將你的MX記錄指到這台主機,才能正常使用信箱。

CNAME記錄
當你的網站有其他別名時,你就需要設定CNAME記錄來連結到正規的網域。舉例來說:你的正規網域是example.com,你可以使用CNAME設定,將www.example.com 或子網域 abc.example.com 指到example.com。記得!A記錄是對應IP位址,而CNAME則是對應網域。

4. URL是什麼?

在網站製作過程你一定會看到URL這個名詞,卻一時不知道是什麼。其實,這在生活中很常使用,我們常口語化把它稱為連結,也就是網址。當你要分享一篇實用的文章,或有趣的新聞給朋友時,你複製貼上的那一串網址就是所謂的URL。或許有些人會有疑問,那URL和網域的差別在哪 所謂的網域是你網站的名字,但仔細觀察後發現,在這個網站中每一頁的網址其實都會不同。 舉例來說:你的網域是example.com,而你的最新文章的URL肯定會在網域後台加上一些後綴,就像 example.com/blog/2018-1 ,像這樣的字串。

Description of Gremlin Works URL

有些人在工作時可能需要附上一個連結到信件中,但往往頁面的URL極為冗長複雜,這時請記得善用 Google的短網址工具https://goo.gl/  。只要把你的連結貼上去,它自動幫你產生一組短網址喔! 更棒的是,他還有幫你記錄點擊次數,所以你也可以同時追蹤呢。

5. SSL憑證是什麼?

Secure HTTPS

在瀏覽網站時,你有沒有注意過有些網站開頭是https:// 有些是http://,而且https的網站前面還有個小鎖頭? 擁有這個鎖頭的網站就是有特別建立SSL憑證的網站。httpss就是代表安全性的secure的意思,透過這個來告訴你的瀏覽者,他們正在觀看的網站是有認證過的,可以放心又安心! 因為你申請時必須接受公司資料的審核,而使用者也可以直接點擊鎖頭,看到這些公開的資訊。

哪些人一定要申請SSL憑證呢?  如果你的網站會有記錄個資、商品交易、訂購等功能的,那麼,強烈建議你在準備主機網域時,也一併將SSL憑證準備好。

 

Secure HTTPS icon

去哪裡申請SSL憑證呢?  除了前段介紹到的 SiteGround 主機商是免費提供SSL憑證,並且可簡便完成之外,其實上方推薦的網域商及主機商都有各自提供SSL購買的服務。 因此,對於初階入門的人,建議選定好主機/網域商之後,直接選擇他們的SSL憑證即可。

若考量預算,而想轉而選擇免費的SSL憑證的朋友,以下兩大平台也是不錯的選擇: StartSSLLet’s Encrypt

6. Google Analytics和Google Map如何取得?

Google Analytics 對整體網站SEO的重要性,在另一篇文章會仔細探討,我們這邊直接教大家去哪裡申請。
Google Analytics Tracking Code(追蹤碼) : 註冊帳號後,輸入網站資訊,將取得的追蹤碼放到網站<head>標籤裡,google就會開始幫你追蹤你的來訪者資訊了。

Google Analytics logo

 

那有些網站都會嵌入google map,它的API key又是怎麼申請的呢?
Google Map API key (金鑰) : 點擊取得金鑰(GET STARTED)按鈕後,將你的網域輸入限制的HTTP參照網址內,系統就會自動產生一組金鑰提供你使用了。

基礎網站架設攻略 第三帖

網站過程常見的程式語言介紹

1. 前端(Front-end)是什麼?

當你打開一個網站,看到酷炫的動態效果吸引你看更多資訊,或在瀏覽整個網站時點擊按鈕會出現提示資訊,按箭頭又會滑到下一個畫面,看到最底端點按鈕又會咻咻咻滑回頂端,這些都是屬於前端的範疇。如果把前端比喻為網站建置工程裡的魔法師再恰當不過了! 透過程式碼 ( 咒語 ) 讓畫面變得生動又流暢 ( 奇幻 )

2. 後端(Back-end)是什麼?

現在已經有不少網站是有建置後台的,也就是讓網站管理者可以直接上傳圖片、文字到網站前台畫面顯示。又或者,當使用者留言、買東西下訂單、加入會員時,這些內容又怎麼讓管理者知道呢? 這就是後端掌控的範圍了!所有網站的資料內容都會透過後端的程式存放到網站的資料庫內,資料庫就像一個大型的倉庫,裡頭會分門別列儲存著資料,當有需求時,會再透過後端程式將這些資料送往前端的畫面中。

舉個例子當前端魔法師說『我的客人需要看10件最新商品喔~ 』這時,後端總管大人就會跑去倉庫,找出最新的10件商品,再把這些交給前端魔法師。 最後由前端魔法師變出發著光的櫃子,擺放這些商品給客人看。這也就是使用者所看到的內容了, 而這整段過程就是前端和後端的分工合作的關係了!

3. 前端程式語言簡介

既然已經瞭解了前端的工作,那有哪些程式語言可以做這些工作呢? 前端最主要由三大部分組成:HTML+CSS+JS

Web development languages
▲ HTML

全名是超文件標籤語言(HyperText Markup Language),透過很多的HTML標籤建立起整個網站的架構,也就是整個畫面的骨架都是靠HTML這個程式去打造的。

▲ CSS

全名是層疊樣式表(Cascading Style Sheets),定義整個網站的所有樣貌就是CSS的工作。就像是神奇化妝師,幫建立好的骨架塗上髮色、皮膚深淺、衣服樣式、手臂粗細,這也就是網站畫面中,呈現給使用者看的字級、顏色、粗細、間隔。

▲ JS

全名是JavaScript,主要的工作就是幫網站做好所有的互動行為。作為網站和使用者行為的中間者,當你希望使用者點擊或滑動到某個特定的地方產生變化時,這時就是要透過JavaScript去達成這項艱難的挑戰! 而網站上所看到的動態效果主要就是包含在JS的程式控制範圍裡。 同時,JavaScript也會透過jQuery更精簡的寫出來,而目前的JavaScript三大框架包含Angular.jsVue.jsReact.js,使用適當的框架可以讓整個開發流程更為快速與順暢。

4. 後端程式語言簡介

前面我們已經有介紹後端工作有多重要了,那常用的程式有哪些呢? 目前有多種語言都被各自的擁護者大力推薦,也都有幾個龍頭網站各自開發使用,因此要衡量整體網站的需求,才能準確選擇適合自己的工具!

以下現今主要後端程式語言:

Back-end languages▲ PHP
目前使用者最多的後端語言,老牌後端程式。
使用網站有:WordPressFacebook

▲ Python
資料分析應用多。
使用網站有:Instagram

▲ Ruby
開發快速。
使用網站有:AirbnbTwitter

▲ Node.js
速度快,前後端可以一起使用。
使用網站有:阿里巴巴、Yahoo

▲ Go
效能好,速度快。
使用網站有:GoogleYoutube

基礎網站架設攻略 第四帖

自己架站和網站建置公司的差別

大多數人會想,自己架設網站比較省錢吧?網路很多教學啊,我跟著做就不會有問題吧? 交給其他人做,應該很貴吧?我的網站資訊都對方,這樣不安全吧? 我們就來分析兩者不同方式的優缺點有哪些,幫助正在猶豫的你做出適當的決定。

1. 自己架設網站的優缺點

自架網站的優點

成本低
現在網路上開源(免費)的平台有很多,教學網站也不少,就算把自己的工錢算進去,還是非常實惠的成本,對於預算有限的狀況無疑是最佳選擇。

隨時依喜好添加需求
只要找到方法,我喜歡這樣做,有什麼不可以! 不需要顧慮太多限制和溝通過程,只要自己的想法確定了,就可以動手作出來。

成就感滿分
每個細節,每個功能,每個頁面都是自己含辛茹苦爬文找到的,完成那一刻絕對成就感爆表,說是養育出自己的小孩一點也不誇張啊!

相關資訊印象深刻
所有的申請採購建置都是由自己一手包辦的東西,日後管理起來會清楚很多,當你需要什麼資訊時,這些建置過程都會幫助你更能清楚判斷。

 

自架網站的缺點

耗費大量時間
同樣的功能和頁面,自己架站的你必須要花大量的時間去找資料,執行時意外的小狀況卻可能要花幾十倍時間去解決。

客製需求能否達成
多數自己架設網站的人本身都不是程式或美工背景的,因此選擇的網站資源不多,只能套用平台開發好的功能,最多改改樣式。 但如果充滿鬼點子的你,想要在頁面新增一個功能呢? 或新活動想要用特別的方式呈現呢? 可能因此就被迫放棄了吧。

解決專業性問題
無論是開發過程或日後的維護,多少都會遇到爬遍文章都找不到問完客服我還是不懂的狀況吧! 這時你的信心可能會慢慢降低,而慢慢地減低網站的維護慾望。

2. 尋求網站建置公司的優缺點

找網站建置公司的優點

有問題就交給專業
「我很喜歡一個網站功能,想要加進去我的網站」、「咦~ 這個按鈕為什麼不能動了」、「那個頁面我想要更簡單俐落一點」,只要有疑問,你就能提出來,由負責的人員為你解惑及解決它,或許你會得到比你預期更適合你的解決方式。

就如同你在自己的領域一定累積很多經驗一樣!這群人經手過的網站或許還比你看過的網站多呢。同時,一間好的網站建置公司也會一直追求新的技術,及流行的趨勢,因此網站建置公司就像活手冊,你可以直接正面得到你要的最佳解答的。

客製開發你的需求
只要清楚的溝通需求,技術可以做到的功能,相信網站建置公司都會願意幫你執行。偷偷告訴你,其實這些設計師和開發者有時還很喜歡有客製需求的客戶,因為他們會把它當成自我實現的一部分,把畢生功力都發揮出來。

節省寶貴時間
對於一部分自己沒有時間研究的人,或者看到前面的專有名詞就直接腦袋當機的人,那你可能會比較適合找網站建置公司。 同樣的問題有可能自架網站者要花三天找資料解決,但網站建置公司30分鐘就完成,甚至10分鐘,這例子一點都不誇張。為什麼呢?因為這些團隊以前就花過三天解決同一個問題了,又或者腦袋裡相關的相關知識資料量比較多,因此可以省去大量的時間啊!

找網站建置公司的缺點

花費較高
網站建置公司服務項目是很明確的,每一項服務都有各自的費用,建置一個網站的範圍遠比這篇文章所記錄的多很多,而費用也會因為各別的功能需求而有所不同。因此,這邊提醒一個保護自己的方式,溝通過程你必須把製作項目都列出來討論,才能找到雙方都能接受的合理範圍進行開發,你也才能保障自己的權益。

達不到內心想像的完美畫面
因為交給了專業團隊的人,想必內心也充滿期待,有無數的想像出來的畫面。但美感是主觀且抽象的,這點認知非常重要!!!因為你找另一個人幫你描繪你心中所想的事物時,就要知道一件事實,最後產出的結果跟你心中的想像是無法100%完全一樣的。

這時,給你的建議有兩個:1. 不妨在找專業團隊時,先自己尋找3個你最喜歡的網站,在討論時會有更具體的方向可以參考。 2. 當你發現畫面和想像不同時,不妨找和品牌無關的第三者,尋求他們客觀的意見,或許你會發現,原來使用者要看的就是這樣的樣貌。也或者,你可以得到更具體的使用者意見回饋給你的網站開發者喔!

基礎網站架設攻略 第五帖

找網站建置公司前,你應該要了解的 2 件事情

1. 完整客製化網站建置流程

  • Step1  策略分析 User Story

為什麼需要? 當你在看其他同業的網站時,是否總覺得對方經營得很出色,而不知道從哪裡加強自己。 又或者,你有一個全新good idea的網路服務要進入市場,卻缺少網站結構及技術端的資訊分析,提供給你最真實的意見。

白話的說,策略分析過程就是會針對你的商業模式(business model) ,幫你找出市場上成功的同性質網站,加以分析對方的致勝關鍵,讓你更清楚如何創造出自己的獨特價值!  User Story(使用者描述) 則是針對所有會使用網站的使用者,定義所有它可以在網站上做的行為,以及這個行為帶來的商業價值是什麼。 舉例來說:使用者加入會員,因為加入會員後可以每個月收到10%的商品抵用卷。

在這個階段,你會得到一個最客觀的資料分析,以及徹底了解你的網站使用者及客群真實需求是什麼。對於開發一個網站前有效的正確分析,會讓你的網站提供更準確的內容給使用者,也能大大減少日後的修改程度!

  • Step2  Sitemap

網站架構的全貌在這個階段會被具體繪製出來,以「頁面」為單位進行架構的確認,透過sitemap圖可以知道各頁面的層級關係及如何連結,以及定義清楚靜態頁面及需要後台管理的頁面。

Sitemap scheme example
  • Step3  Wireframe Prototype

wireframe指的是將所有頁面的功能繪製出來的靜態線框稿,這時已經可以從這些圖稿中得知頁面的主要資訊及編排架構,就像是施工單位的建築藍圖一樣,你已可以得知各物件的位置。

而在這個階段會產出所謂的prototype,只看著wireframe的靜態線框稿無法想像,對吧? 完全懂你的感受。 因此,也同步介紹給你進階版的展示方式prototype!基本上目的跟wireframe一樣,可以得知每個頁面的功能及資訊,但差別在於:prototype是可以被操作的,你可以把它想像成沒有顏色的網站,但你已經可以像瀏覽網站一樣操作它。如此一來,便能讓你更真實感受網站使用者的體驗。

  • Step4  Layout Design (頁面設計)

有些人會把這個階段稱之為Mockup,但Mockup這個字在其他時候也會用到,因此這邊還是稱Layout Design。這時就會將剛剛wireframe階段產出的圖設計成有顏色真實的圖稿啦! 而這些圖稿就會是網站日後呈現的樣貌,只是還不能動,是一張張的靜態圖而已。

Design layout example for tablets
  • Step5  Front-end Programming (前端程式)

如何把設計師畫出一張張美麗的圖稿變成會動的網站呢? 就是前面文章提到的神奇魔法師前端工程師啦!(了解更多前端工作?)  這裡會透過幾千幾百行的程式,將每頁圖稿變成會動的網站,也就是使用者可以操作的樣貌了!

在這時,如果你的網站是一個全靜態頁面的,那麼你的網站已完成製作流程了。 但如果你是希望有後台管理的朋友,那麼你還需要多加個step6的開發過程。

  • Step6  Back-end Programming (後端程式)

管理者在後台上傳的內容怎麼在畫面中出現呢? 在這個階段後端工程師將會透過程式,將資料存進資料庫中,並在頁面需要出現的地方提供對應的內容。(了解更多後端工作?) 或是經營網路商店中的結帳流程、線上付費等等需要串接第三方系統的工作,也都是在後端工程師的手中被實現。

  • Step7  Debug (除錯)

每個網站系統的運作被開發完成後,一定需要經過多次的測試並除錯,透過不同測試者操作每個網站功能,並在各個環境(WindowsMaciOSAndroid) 及各瀏覽器(ChromeSafariFirefox) 反覆測試過後,才能讓網站在上線後,面對不同狀態下的使用者都能正確地被呈現。

  • Step8  上稿

網站的管理者及小編要把手上的所有資料都上傳到後台,讓頁面上的資料都是正確的。如此一來,網站就可以正式公告大家上線了!

2. 客製化網站與wordpress網站建置的差異

Table 1

基礎網站架設攻略 第六帖

超實用表格分析!自己架站的 5 個推薦平台

Table 2
WordPress為最推薦的自架網站平台原因?

為何wordpress在某些項目相對不足,卻在最後得到最高的推薦評價呢? 其實這個表格對wordpress來說是較不友善的,因為wordpress也有另一個系統和其他網站較相近的,就是WordPress.com。他也是品質相當好的,只是多數功能都需要付費,因此同體系的產品,以WordPress.org 還是較廣為使用的。雖然在一開始的設定看似較費工,但對於長久的經營及各項功能費用算下來,相對來講是在這些選擇中最為強大的工具! 鼓勵大家可以試試看喔。

基礎網站架設攻略 第七帖

跨國網站應該注意的 3 件重要事

1. 跨國網站主機及網域的選擇
網域

你的公司企業在不同國家都有據點嗎? 企業形象在地化已經是一個趨勢,若你還拿同一個網域期待不同國家的人第一時間就認同你的話,那就太天真了。 .com的全球網域固然重要,但當使用者看到企業使用專屬這個國家的網域時,莫名的親切感提升絕對是必然產生的了。提供一個傳送門,讓你可以 查詢更多國際與地區的頂級域名(ccTLD),趕快動手查查看吧。

主機

主機位置固然會造成全球各地使用者產生瀏覽延遲的現象,卻也不是必然的。 除了主機的地理位置之外,主機的規格連線頻寬也是影響速度的主因之一。因此縱使有很多人會告訴你,要購買當地的主機才能解決這個問題,但管理起來挺麻煩又費用昂貴。如果網站規模還沒到Facebook這樣的使用者等級的一半,那我們還是先務實一點解決眼前的問題吧,如此一來連現在的使用地區也都能感受到速度的提升呢!

2. 解決瀏覽速度的好工具

前段有提到,主機的升級便能明顯感受到國際間使用者瀏覽速度的提升,這裡更介紹一款非常實用,必須安裝好工具。 重點是!它的免費版就已經很夠一般標準型網站使用了,那就是CloudFlare,這絕對是主機不動、不花錢、不改程式最好也最基本的解決方式了!

CloudFlare怎麼運作?
基本上,它是一個CDN的服務,只是大部分的公司都要付費,而它則提供免費的版本,但基本上這些已經非常足夠一般網站使用。

Cloudfare website

CDN是什麼?
內容傳遞網路 (Content Delivery Network, 簡稱 CDN),以CloudFlare這個平台為例,也就是說CloudFlare已經在全球各地都設有CDN的伺服器,也就是主機,並會儲存一份快取記錄在每一個節點。  因此,就算我們把檔案放在台灣的主機,遠在英國倫敦的使用者打開網站時,他就會先讀取附近CDN節點的資料,若該節點的資料失效了,也會由接近的節點遞補,而不會有中斷的現象,瀏覽起來也是非常快速呢!

CloudFlare怎麼安裝?
首先就是到CloudFlare註冊,接著把你的網域DNS指到CloudFlare,再把你的CloudFlare指到你的主機IP,這樣就靜待DNS生效,就成功了。

CloudFlare好處有哪些?

  1. 免費SSL憑證
  2. 全球網站速度提升
  3. 節省主機流量
  4. 安全性提升,防阻DDoS攻擊
  5. 多項分析資料,讓你可以參考其數據來加強網站的效能
3. 讓中國網民看到網站的第一步 - ICP備案

什麼是ICP備案呢?一定要申請嗎? 是的,如果你已經決心要前往廣大的中國市場,那麼這絕對是你的必經之路,否則你就會被擋在那無形的網路長城之外呀!

所謂的ICP備案,就是將你的網站實名制,讓中國官方政府查證一切詳細資訊,過程包括:審查營業執照、公司負責人資訊、網站負責人資訊、到指定的布幕前拍照繳交、守著電話因為政府會一一電話確認等等,這些看起來很複雜對吧?是的,就是很複雜。當然還有不少細節需要顧及,因此如果你想節省時間,誠心建議你要找一個可以諮詢的團隊啊。

最後你會拿到一組代號,舉例淘寶的最底下有一行小小的B2-20080224-1,這個就是你拿到的網路牌照了,沒有這個的話,你的網站就會被長城擋掉了。只要一步一步照實申報,很快你也可以拿到你的專屬牌照的。

1. 跨國網站主機及網域的選擇

網域

你的公司企業在不同國家都有據點嗎? 企業形象在地化已經是一個趨勢,若你還拿同一個網域期待不同國家的人第一時間就認同你的話,那就太天真了。 .com的全球網域固然重要,但當使用者看到企業使用專屬這個國家的網域時,莫名的親切感提升絕對是必然產生的了。提供一個傳送門,讓你可以 查詢更多國際與地區的頂級域名(ccTLD),趕快動手查查看吧。

主機

主機位置固然會造成全球各地使用者產生瀏覽延遲的現象,卻也不是必然的。 除了主機的地理位置之外,主機的規格連線頻寬也是影響速度的主因之一。因此縱使有很多人會告訴你,要購買當地的主機才能解決這個問題,但管理起來挺麻煩又費用昂貴。如果網站規模還沒到Facebook這樣的使用者等級的一半,那我們還是先務實一點解決眼前的問題吧,如此一來連現在的使用地區也都能感受到速度的提升呢!

2. 解決瀏覽速度的好工具

前段有提到,主機的升級便能明顯感受到國際間使用者瀏覽速度的提升,這裡更介紹一款非常實用,必須安裝好工具。 重點是!它的免費版就已經很夠一般標準型網站使用了,那就是CloudFlare,這絕對是主機不動、不花錢、不改程式最好也最基本的解決方式了!

CloudFlare怎麼運作?
基本上,它是一個CDN的服務,只是大部分的公司都要付費,而它則提供免費的版本,但基本上這些已經非常足夠一般網站使用。

Cloudfare website

CDN是什麼?
內容傳遞網路 (Content Delivery Network, 簡稱 CDN),以CloudFlare這個平台為例,也就是說CloudFlare已經在全球各地都設有CDN的伺服器,也就是主機,並會儲存一份快取記錄在每一個節點。  因此,就算我們把檔案放在台灣的主機,遠在英國倫敦的使用者打開網站時,他就會先讀取附近CDN節點的資料,若該節點的資料失效了,也會由接近的節點遞補,而不會有中斷的現象,瀏覽起來也是非常快速呢!

CloudFlare怎麼安裝?
首先就是到CloudFlare註冊,接著把你的網域DNS指到CloudFlare,再把你的CloudFlare指到你的主機IP,這樣就靜待DNS生效,就成功了。

CloudFlare好處有哪些?

  1. 免費SSL憑證
  2. 全球網站速度提升
  3. 節省主機流量
  4. 安全性提升,防阻DDoS攻擊
  5. 多項分析資料,讓你可以參考其數據來加強網站的效能

3. 讓中國網民看到網站的第一步 – ICP備案

什麼是ICP備案呢?一定要申請嗎? 是的,如果你已經決心要前往廣大的中國市場,那麼這絕對是你的必經之路,否則你就會被擋在那無形的網路長城之外呀!

所謂的ICP備案,就是將你的網站實名制,讓中國官方政府查證一切詳細資訊,過程包括:審查營業執照、公司負責人資訊、網站負責人資訊、到指定的布幕前拍照繳交、守著電話因為政府會一一電話確認等等,這些看起來很複雜對吧?是的,就是很複雜。當然還有不少細節需要顧及,因此如果你想節省時間,誠心建議你要找一個可以諮詢的團隊啊。

最後你會拿到一組代號,舉例淘寶的最底下有一行小小的B2-20080224-1,這個就是你拿到的網路牌照了,沒有這個的話,你的網站就會被長城擋掉了。只要一步一步照實申報,很快你也可以拿到你的專屬牌照的。

Contact Us

別害羞

別害羞,照理來說我們是不會咬人的..