在這篇攻略中,我會以如何用Wordpress這個免費軟體建立網站為主進行介紹, WordPress是全世界最受歡迎的部落格網站建立平臺之一。他是一個開源的系統,裡面有非常多免費的外掛可以使用,對新手小白入門是非常好的一個工具。
建立網站三個步驟
你可能會覺得建立網站需要非常專業的知識,那麼今天我們就用最簡單的比喻來解釋一下,如何建立一個網站。
第一步:配置域名主機
假如你是在現實生活中,想要開一個奶茶店,那麼首先你就需要租一個店鋪。
建立網站也是一樣的道理,只是你租用的店鋪是建立在伺服器上面,英文叫做Host。
接下來你你的店鋪要有一個地址,這個地址在網路環境中就叫做域名,英文叫做domain。當你把這個門牌號給到別人的時候,別人才能在網路上找得到你的網站。
市面上有非常多的伺服器提供商會提供這樣的服務,你只要購買他們的伺服器產品,就不需要再來擔心如何處理網站儲存的問題。
Host和domaine通常可以一起從供應商那裡買到,國外一些網站只需要幾美元就可以購買。在這篇文章裡,我會給大家推薦幾個實測好用的供應商。
第二步:基本設定
完全免費輕鬆的建立wordpress網站,專業術語叫做CMS,content management system。
當然市面上有很多網站建立軟體,如果你完全是個新手,我還是推薦你用wordpress,因為用的人多,不論遇到什麼問題,只要在谷歌中隨便一搜,就會有很多答案。
第三部分:擴充網站內容並做SEO最佳化
最基本的網站建立好後,下面就按照你的需求來裝飾店鋪了,可以換個門面,加個好用的設施等等。也可以什麼都不加,只建立一個基本頁面,作為轉化承接頁,詳細內容我們慢慢來說。
第一部分:配置域名主機
如何選擇域名?
首先你的域名要和你提供的產品或服務相關,域名最好比較簡短,切入主題,或者使用你店鋪的名字。
最好使用.com結尾的域名,如果實在沒有選擇.net的也可以。。
當你確定好名字之後,你可以在網上確認這個域名有沒有被其他人購買和使用。如果已經被他人購買,那麼你就需要換另外一個其他的域名。
舉個例子,如果你有一家Ann的咖啡店,你的域名應該要叫做Ann’coffee,還是mycoffee。顯然你應該選擇第1 個,這個域名首先跟你的生意相關,其次你是展現出了自己的品牌名字。
購買伺服器和域名
很多的平臺服務商都同時提供域名購買和伺服器購買的服務,以下我會推薦幾個好用的平臺,每年的費用僅僅十幾美元左右。
你也可以選擇國內的供應商,比如阿里巴巴。但是如果在國內建立網站的話,網站上線需要進行備案。或者你也可以選擇主機在香港的伺服器建立網站,這樣網站不需要備案,但是國內開啟網站的速度可能會有一點慢。
伺服器配置
在映象市場中,有免費的wordpress配置,我使用的是oneinstack,可以透過命令在十分鐘內建立好一個wordpress網站,省時省力。
如果你像我一樣,原網站除了問題,可以這樣操作。
1. ECS點選停止例項,然後點選雲盤-重新初始化雲盤
2. 我建立新的時候,出現了報錯,查了一下,原因是ssh上次連線的時候使用了之前的伺服器IP,現在只需要把IP地址更新一下就可以。
直接輸入命令。。。更新即可。
1. 在MAC中開啟“終端”,新建運程連結,輸入IP地址,把剛剛設定的伺服器密碼輸入後,就可以連線。
2. 根據oneinstack的說明,開始建立新的虛擬機器和網站
3. 安裝好後,需要把wordpress檔案透過ftp上傳wwwroot下面。
另外如果實用了wordpress,有一個非常好用的plugin叫做really simple SSL,直接安裝就有證書了。
## 第二部分:基本設定
當配置好域名和伺服器後,你就可以開始建立自己的網站,建立網站的工具有很多,最出名的叫做word press,是一個開源系統,是可以免費使用,並且有很多的外掛。
此外還會有像Drupal,Joomla,電子商務網站Shopify等等的網站建立平臺。
這裡我們主要以Wordpress為例,教你如何對網站進行基本的設定。
## 好的網站要素
### 速度要快
然後每天瀏覽網頁的時間是非常短的,甚至是幾秒鐘的時間,就會決定是否要繼續瀏覽一個網站,所以你網站開啟速度要非常的快。以下幾個要點,你可以考慮去最佳化你的網站開啟速度。
– 圖片要小
– 選擇合適的Host提供商
你可以不使用WiFi,而使用你的手機流量去開啟一個網頁去測試這個網站是不是速度夠快?
載入時間排序:
影片
高畫質圖片
壓縮圖片
社交logo和連結
文字
### 手機友好
你要確保你的網站是自適應的網站,也就是說網站會自己監測它被開啟的裝置是什麼,是電腦,或者是平板,還是手機,不同的裝置網站顯示的樣式是不同的。
你要知道越來越多的人是透過手機去檢視資訊瀏覽網頁的,所以你要確保你的網站在手機端開啟也是顯示正常的。
最棒的是Wordpress有很多免費的主題,都是提供自適應的選項的。
在手機網站上面最好使用icon代替導航中的文字,讓使用者可以快速找到他想要看的資訊。
### 展示正常
在你建立好網站之後,你需要在不同的瀏覽器和裝置中進行測試,越多越好。
比如谷歌瀏覽器和火狐瀏覽器,windows系統和MAC系統,iPhone手機和安卓手機,儘量測試所有的裝置。
## 網站樣式
你的網站不管是主頁還是內頁,應該有統一的色調,統一的字型字號。一般的網站都會使用淺色的背景色以及深色的字型顏色,這樣可以讓使用者讀起來比較輕鬆。
## 選擇主題:Elemontor
點選Elementor settings,選擇Full width,可以保證是空白頁面進行設計。
## 常用的Plugin
我總結了所有建立wordpress網站必備的plugin,你可以按照說明放心下載使用。
## 個性化網站
### 建立會員部落格網站
其實很簡單,如果你使用的是word press軟體,直接加一個plugin就可以實現這個功能。
市面上目前最受歡迎的叫做Paid Memberships Pro,而且這是一個免費但有很多功能的plugin。
這篇文章中,我來手把手教大家如何使用,設定這個plugin,幫助你建立一個成功的會員付費網站。
### 多語言網站
你可以使用一個簡單的外掛從而輕鬆地建立一個多語言網站。
## 第三部分:擴充網站內容並做SEO最佳化
## 網站的組成
網站基本上有幾個必備的組成,首先是抬頭 heading, 這裡一般會放你的網站的名字logo以及選單。或者如果你是一個電子商務網站,你的購物袋也會再加在這個heading上面。
一般來說,抬頭在每一個內頁都會顯示,所以這裡要放置非常重要的內容,是你希望傳達給使用者的資訊。
一般的網站還會有about配置,也就是向客人說明你的網站是做什麼的,你是誰使用者為什麼可以相信你提供的資訊等等,甚至你可以把你公司做的最好的案例產品或資訊在這頁提供出來,這一頁的主要目的是讓使用者增加信任感。
此外還會有compact配置,也就是使用者怎麼樣跟你取得聯絡,包括你的電話號碼,郵箱地址,公司地址等等資訊。在這裡你可以使用資訊訂閱的外掛,這樣可以獲得使用者的Email地址,從而進行下一步的郵件營銷。
## 確認網站目標
還記得在之前數字營銷的攻略中,在建立網站之前我們就建議大家想好,你要達成的最終目標以及分段式的目標是什麼。這樣你在構建網站的時候,就可以有針對性的去佈局,比如說你的網站是要獲得更多的人訂閱,那麼你的訂閱按鈕就要展現在首頁,Sidebar,抬頭,頁尾等等部分。清楚的讓使用者知道他下一步應該要做什麼。
你的網站的網頁內容之間應該要互相關聯,讓使用者在讀完一篇文章之後,還可以去另外你的一篇文章去檢視其他的資訊,以增加使用者與你的網站互動。
此外你可以在文章中引導使用者對你的文章進行評論,或者提出問題讓使用者去回答,這也是增加與使用者互動的方法之一。
## 網站邏輯基本原則
最簡單的來說,你的網站是需要儘量簡潔的同時,要同時做到2點:
– 能夠讓你的使用者在第一時間找到他想找到的東西,能夠幫助他解決他的問題。
– 明確你給網站確定的要達成的目標,讓使用者快速看到你想要傳達的內容。
如你的目標是讓使用者與你取得聯絡,或者是留下他的Email地址,那麼你的Contact聯絡我們的入口要非常的顯眼,出現在各種地方。
此外,你的電話號碼要非常的顯眼,最好再加入,“立即聯絡我們”這樣鼓勵性的文字,已達成目標。
如果你不知道怎麼樣來構建你的網站,可以找幾個你的所在行業裡面龍頭的網站,從中吸取經驗,瞭解他們是如何排版的。
你沒有必要跟他們做的一模一樣,但是要了解他們把什麼樣的資訊排在前面,以及如何與客人互動,這些內容都是你可以借鑑的。
要知道所有的使用者瀏覽你網頁的時間是非常短暫的,有可能只有幾秒鐘,所以你需要傳達給他的資訊要非常的準確,明白淺顯易懂。
網頁中重要的內容排序應該是前面的內容比後面的內容更重要,根據使用者的閱讀習慣,左邊的內容一般都比右邊的內容更重要。你如果你想要傳達的資訊,最好放在頁面的上方,以免使用者需要下拉很久才能找到他想要看的資訊。
如果有條件的話,最好在導航中增加bullet points文章要點,讓使用者快速的瞭解在這個頁面當中展現的內容。
## 網站部落格或頁面
你文章內容的核心應該是怎麼樣幫助解決了使用者的問題?如果要讓客人對你產生信任感,你需要傳達的資訊可以是其他使用者滿意的評論,其他使用者如何透過你的網站幫助他們實現了他們的目標。
部落格使用的語言應該是非常淺顯易懂的,不要有太多深奧的字眼,讓大家透過簡單的文字就能理解到你想傳達的意思。
“你想要學習數字營銷?我們是對數字營銷有激情的一群人,想要幫你解決數字營銷中遇到的問題。”
另外你的部落格應該是非常專業,並且很有自信的要讓使用者瞭解,你知道你在說什麼,你非常清楚如何能夠幫助他們解決問題。
講述一個故事,也可以讓使用者更好的對你產生信任感,比如說其他使用者的一個反饋,比如說你曾經遇到的一個案例。總之故事是要比解釋性的文字更具有吸引力。
## 網站導航
你要對你的產品或服務有一個清晰的瞭解,知道如何將他們分類放置,然後可以讓使用者快速的定位。
一般在網站導航的上面都會放一個搜尋框,也就是當使用者沒有在導航中找到他想要找到的資訊的話,可以快速的將關鍵詞輸入搜尋框,直接定位他想要的資訊。搜尋框的位置要顯眼,最好是在每一個網頁上面都能展現。
一般情況下,當你開啟一個網站想要回到主頁的時候,使用者會點選logo位置,所以你要確保你的logo是展現在每一個頁面上面的,而且是可以點選回到主頁的。
## CALL to Action
你的每一個頁面上面都應該有call to action,明確的指導客人下一步應該做什麼事情。
比如說你希望客人可以打電話,那你要將電話號碼很清楚的寫在抬頭位置,或者在文章的結尾處提醒使用者。
總結一下,每一頁都需要有的內容是:
– 點選回到主頁的logo
– 搜尋框
– 導航欄
– Call to action
Recommended Tools
Here are some tools I use and recommend: