操作碰到困難?試試搜尋功能吧!

使用 WordPress 架站,打造專屬你的餐廳網站(一)架站前置作業


恭喜你!成功克服了創業的種種困難,接下來就要準備把成果告訴所有親朋好友,以及在網路上你不認識但卻有可能成為你未來客戶的廣大社群。你研讀了許多網路行銷教學,也已建立了粉絲團、Instagram、Google+、Yotube 頻道以及更多能接觸到客源的社群,也能了解到只單純使用第三方社群平台所帶來的侷限。

你想依照自己的風格設計畫面,想擁有自己味道的網站,你有很多網路推廣的創意與想法,以及與顧客特別的線上互動方式,你想要讓你的顧客可以搜尋到你為他們精心整理的內容,最重要的是,你想要創造屬於自己的品牌,讓每位客戶擁有完整的消費體驗。

有了這些想法的你,開始研究如何設計網站,從決定內容要放什麼、色系如何搭配、版面如何呈現、手機上是否易用、圖像如何調整、動畫如何呈現,到學習 HTML、CSS、JavaScript、PHP、資料庫、還要比較各家主機出租方案、租虛擬主機或 VPS、硬體效能比較、主機備份方案,努力了幾個月才驚覺,自己只是想出國玩,而不是要研究航空機械與空氣力學。

於是你找到了 WordPress 這套免費的架站工具,好像可以非常方便的製作頁面以及安裝外掛來實現自己想要的功能,但在安裝上還是搞不太清楚電腦裡要先裝什麼,以及要把網站放在什麼地方,網路資訊雖然多,但非常零散沒有系統,最後你找到了 Hellowp WordPress 解決方案,這篇教學就以 Hellowp 為起步,系統化說明如何建立自己的餐廳網站。

 

STEP1

申請 Hellowp 帳號

Hellowp 以完整 WordPress 解決方案為強調特色,從主機租用、環境安裝、WordPress 安裝到內建精美版型與視覺化排版工具一應俱全,讓你不用擔心網站技術,只要花心思在設計屬於你自己的網站風格以及創造內容,申請完成後會得到 WordPress 後台登入的帳號密碼,即可直接使用。

首先前往 https://hellowp.cc/wordpress-host-plan/ 會看到以下畫面:

點選左下方免費申請,對於第一次架站的你,入門計畫能滿足大部份需求,
當未來業務成長時,都能彈性增加主機的使用資源

 

所有方案均有七天試用期,選擇月繳可較彈性付費

 

請簡單敘述網站用途

 

目前有四種版型可供選擇,請先選擇左下角的單頁式網站

 

確認申請資料沒問題後,點選確認送出

 

送出後出現完成畫面

這時請前往你的申請信箱,會收到一封 Hellowp 線上申請 Email 驗證通知信,點選信中的驗證 Email 按鈕,即可完成驗證。

點選驗證 Email

 

驗證後出現完成畫面

 

接下來待 Hellowp 專員審核申請資格後,會將主機的開通信寄到你的信箱,如下圖:

點選「前往網站」即可查看你的網站的雛型,現在我們要把它換成屬於你的網站內容,所以點選下方的「登入網站」,輸入你的帳號密碼後進入後臺開始來打造你的理想網站吧!

 

STEP2

設計網站的前置作業

現在你已經把網站所有的環境安裝全部搞定了,沒錯,真的搞定了,接下來我們就可以專注在網站的內容,像是網站要有幾個單元?需要哪些功能?餐廳圖片有準備好嗎?或是需要使用形象圖片?每個單元的文案?最想要第一眼讓客戶看到什麼?這個網站成功的定義是什麼?被社群分享?完成訂位?透過電話預約?

市面上有非常多的專書在講解如何打成功的網站,能了解越多當然對你的事業幫助越大,但也要記得,你是想出國玩,不是想學航空機械與空氣力學,剛開始只要掌握一些網站設計的基本原則:展現自己的特色、明確的行動訴求、以及簡單易瞭的內容呈現。有興趣了解更多基本原則的話可以參考這本書:網站這樣賣東西才有說服力

接下來我們根據這些基本原則,一步步來準備建置網站所需要的準備資料。

1網站架構圖:

網站架構圖長得大概像下圖這樣的結構,可以用心智圖軟體如 Xmind 繪製,或是最簡單的手繪在紙上都行,主要目的是要能先決定網站大概哪些單元,以及各單元呈現的順序,就像說故事一樣,網站單元的安排也需要起承轉合,才能吸引人閱讀下去。

這邊列出的項目可以盡可能發想,不用擔心內容太多,發想完後再來進行組織,
像是哪些單元應該是在哪個項目底下,或是哪些項目可能有所重覆需刪除

接下來把整理好的網站架構圖,依照功能再行區分,像是哪些是主選單要放的項目、哪些是網站的功能、哪些是頁尾資訊。

分類的大類別通常為主選單、功能、頁面單元,但依照內容的多寡,還可以細分到子選單、功能的使用流程、不同頁面的單元

依照你所想到的內容,可能會有很多不同的組織方式,但必須要有的項目是主選單與功能,另外在安排頁面單元的的順序的時候,體會一下你的客人可能會在什麼情境下使用這個網站?正在尋找週末跟情人聚餐的好餐廳?還是剛好在附近逛街要找吃的?或是客人已經在路上了,想找餐廳附近有沒有停車場?多思考一下客人可能會有的需求,以這個方向進行頁面的安排。

2網站圖像:

如果你的餐廳已經裝潢完成,盡可能使用自己拍攝的圖像做為網站內容,一方面可以避免因為使用圖庫與其它網站撞圖,二來使用自己的圖像更能表達自己的特色與風格,但很多時候總是無法盡如人意,這時使用圖庫就是一個選擇,而圖庫也有分為免費與付費的,免費圖庫因為人人都能取得,與他人用到同一張的機會也就相對較大,最好還是可以經過一些處理才能避免一眼就被發現。

處理的方法可以有合成兩張以上不同的圖、加入代表自己餐廳的元素像是 Logo、Slogan,或是加入濾鏡效果來呈現不同的氣氛,但以上這些技巧,需要一定的修圖專業技能,以下介紹一些比較容易上手的簡易工具以及免費圖庫網站:

BeFunky

少數有支援中文的線上圖像編輯軟體,但是是簡體中文,可以調整圖片、使用濾鏡,還可做出拼貼效果與使用海報模版,付費後可使用更多模版與輸出大圖,網頁使用可免費直接輸出。

 

fotor

另一款線上影像編輯軟體,該有的功能與 Befunky 類似,但有許多不同的模版可以選擇,同樣是免費版可以使用基本的功能。

 

Pixlr

提供兩種模式,一種是類似 Photoshop 的影像編輯器,另一種是較為簡單的修改圖片的 express 模式,如果想做較為專業的修圖可以使用此網站服務。

 

PEXELS

完全免費的線上圖庫,可以將圖片下載後做任何用圖,包括個人、商業使用,可任意修改、發佈且不需註明圖片來源。

 

Rawpixel

可商業使用的免費圖庫,但版權仍屬該站,這代表不可將下載來的圖宣稱為自己的,圖庫品質高,但量相對較少。

 

pixbay

量最大的可商用免費圖庫,搜尋條件可針對類別、尺寸、顏色等等來過濾,功能非常齊全。

 

3網站文案:

當網站架構圖、網站圖像都已經準備好之後,接下來就要撰寫文案來豐富網站內容。撰寫文案時要記得是要寫給兩種人看,一種是凡人、另一種是機器人。

凡人是你的客人,他們想要在這網站得到什麼資訊、採取什麼動作、怎麼寫會吸引他們訂位、分享給朋友,這些內容你要十分清楚自己服務的強項、特色,並透過安排好的流程讓客人願意閱讀並引導至你希望他完成的動作。

什麼樣的文案可以成功讓客人完成目標,這部份需要不停的實驗與測試,因此數據的蒐集如:透過文案 A 而達成訂位客人的訂單量有多少、透過文案 B 而分享給朋友的客人有多少就顯得格外重要,關於如何蒐集、實驗、測試可以參考這篇文章。

機器人是搜尋引擎,搜尋引擎透過機器人瀏覽你的網站,然後把瀏覽結果記錄在它的資料庫中,下次當客人在搜尋引擎上輸入關鍵字進行搜尋的時候,它就會把曾經瀏覽過你網站的記憶發送給你的客人,所以能寫出對機器人友善的文案也是十分重要的。同常會從三個地方下手:1.找餐廳時客人會用哪些關鍵字、2.尋找延伸關鍵字、3.近期熱門關鍵字

首先,要如何知道客人找餐廳時會使用什麼關鍵字?一樣運用同理心,先想想你的客人可能會使用的關鍵字,可能是以地區、餐點種類、預算或是評價作為關鍵字,有了大概的方向後,還可以到相關美食社群、部落格、論壇,去發掘網友們的用語作為主力關鍵字。

其次尋找延伸關鍵字,在有了主力關鍵字之後,可以將其發展為複合關鍵字,複合關鍵字夠容易運用在文案寫作中,並提供客人更精準的搜尋結果,如果你的初步關鍵字是義大利麵,就可以變成「信義區 義大利麵 平價」。至於哪些關鍵字是搜尋量較高的,建議可以使用以下工具:

Google Trends

當你已經蒐集了一些可能成為主力關鍵字的關鍵字之後,可以透過這工具輸入多組關鍵字來比較誰的搜尋量是最大的,也就是說當你有很多關鍵字但卻不知道該用誰的時候,這工具就可以幫上你的忙。

 

挖掘詞庫系統

當你已經選定好主力關鍵字時,可以透過這工具來發現熱門的延伸關鍵字,這有助於在文案寫作時,可以更廣泛的帶到主力關鍵字。

 

最後的熱門關鍵字,可以把它帶入你的主力關鍵字中,利用熱門的話題來帶你的服務或商品,但建議是要找有相關的關鍵字來結合,否則最後轉換的效果會很差。熱門關鍵字同樣可在 Google Trends 進行查詢。

確定要使用哪些關鍵字之後,接下來就是要把它們放到網站標題、網站描述之中,網站內容也需以一定比例重覆這些關鍵字,但當然也不是無止盡的單純重覆,別忘了,你的網站不是只有給機器人看,還有最重要的凡人,所以寫出通順的網站內容才是最重要的。

關鍵字相關領域為搜尋引擎優化(SEO),市面有非常多專書在討論分析如何提高網站在搜尋引擎中的排名,這些在你未來經營網站的路上、當業績遇到門檻時,都是可以研究優化的方向。準備好所有的資料後,接下來就正式進入設計階段!

使用 WordPress 打造專屬你的餐廳網站(二)網站基本設定

 

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

 

WordPress 教學