架站第0步 從企劃開始

網站就像是一個企業或是品牌的網路店面,店面需要規劃,網路的店面當然也需要規劃,在過去的時代,因為瀏覽網頁的只有電腦,網站的企劃相對複雜,但是到了現在,因應網站RWD架構的需求,網站企劃變得相對簡單許多。

如今以內容基礎的WordPress系統已經受到國際超過四成的網站採用,這篇文章就從WordPress的角度出發,來簡單介紹一下,在做網站或是在找廠商做網站之前,該如何企劃網站內容。

WordPress的預設內容結構

網站內容分「首頁、頁面、文章」三種型態

首頁也是頁面之一,在WordPress中我們可以指定任一頁面為首頁。英文稱為Home,也就是一個網站的家,大部分情況下,是客戶來到網站的第一個頁面,這個頁面會放置許多的資訊,讓客戶看完首頁就能了解品牌或是企業,對任何網站而言,首頁等於是網站的心臟,最重要的部分。

一個首頁的內容,如果是部落格型態的網站,會放置文章列表為主,在WordPress的預設設定就是把「最新文章」設定成首頁,而一般的形象網站,就是選用單一頁面當成首頁。

跟首頁一樣型態的就是頁面,網站主架構是由頁面組成的,就是呈現資訊的地方,一般的網站除了首頁之外,會有基礎的兩個頁面「關於我們」、「聯絡我們」,依照不同網站的類型,會有不同的頁面,頁面的特性是「固定」,他是網站的基石、架構。

文章則是不同於頁面,文章擁有更多的資訊,例如發布時間、作者資訊等等。文章與頁面最大的不同就是,頁面不會常常更新,基本上網站製作設計完成之後,不會頻繁地更換或是增減內容,但是文章是可以頻繁的增減更新的,而文章的多寡與更新頻率,也會影響SEO的分數,也是「內容行銷」最關鍵的一環。

貫串網站:頁首Header與頁尾Footer

以上是從內容的類型來分,也因此我們做網站企劃第一步就是決定頁面的內容,也就是整個網站的分支結構,要什麼頁面、哪些文章分類等。

接下來,我們就必須企劃整個網站的結構,若是從區塊上來區分,網站的每一個頁面、文章,基本上都分成「頁首」、「頁尾」、「內容」區塊。換句話說,頁首跟頁尾是貫串整個網站的,到哪裡都能看到,也是網站的導航。

頁首Header

頁首好比是網站的天,頁尾就像是網頁的地,內容就是天地之間的空間「人」。在頁首跟頁尾之間放置內容。頁首跟頁尾都是出現在網站每一個頁面的區塊,一般來說頁首主要會放置品牌的LOGO(可在左上、中間或是右上),除了LOGO就是選單,可以到達網站各個地方的選單。

頁尾Footer

相對於頁首,頁尾就是在網站的最下方,頁尾的作用是讓網頁有一個結束的概念,頁尾的企劃相對頁首就多元許多。依照網站不同的內容多寡,都有不同的配置方式。

但是一般來說,頁尾通常會放置品牌LOGO,或是品牌的SLOGEN或是宣言、目標使命等,以及地圖資訊、聯絡資訊等。有些較為複雜的網站架構則是會放置網站比較重要的連結,包括隱私權聲明、服務方式等等,讓網站訪客瀏覽完頁面之後可以快速的前往相關的頁面。

在頁尾的底部通常會放上版權宣告,這個網站的擁有者以及製作者,都會放置在頁尾的下方的區塊。

符合銷售邏輯的首頁企劃

以一個部落格網站來說,通常我們會將網站企劃的核心或是製作成本放在文章,但如果是官方網站,首頁就是一個網站的心臟,首頁內容的企劃就更加重要了,但是網路環境發展到了今天,其實也有一些基礎的規則可以參考。

主圖HERO主視覺區塊

首頁的主圖區塊,就像是報紙的頭版頭一樣重要,是訪客到訪網站的第一個畫面,以最新的網站設計流行趨勢來說,這個區塊會用大圖、投影片輪播或是色塊等,搭配簡單的文字闡述品牌名稱與SLOGEN等。

Welcome歡迎區塊

在主圖區塊的下方,就是歡迎區塊,在這裡可以簡單做一些品牌的介紹,可以簡單介紹品牌的最大的特色、故事緣起、部分的品牌緣起等等,放置品牌最想傳達給客戶的事情。

服務/產品介紹區塊

經過歡迎區塊之後,就可以針對品牌的服務或是產品進行介紹。

輔佐資料區塊

在了解產品或是服務之後,就要讓訪客/潛在客戶知道為什麼要選擇自己,自己的優勢是什麼?例如數據、作品、客戶反饋等等。

新資訊/部落格文章區塊

最後可以放部落格的文章區塊,這些部落格的內容可以是案例、作品或是關於品牌專業的分享、客戶教育文章等。若是有提供電子報訂閱的功能,在部落格區塊之後,頁尾之前可以放上訂閱電子報的表單欄位。

一個網站的企劃大致上完成,針對首頁的設計,這邊描述的僅是大部分網站的習慣,實際上仍需要依照品牌的調性、風格與目標族群TA等進行為整與詳細企劃。

聯絡/爭取轉換 CALL TO ACTION

這個又簡稱CTA區塊,多半在跟客戶取得互動,例如訪客看了上述內容想直接聯繫或是訂購,就有地方可以直接填表單聯繫或是直接引導到其他購買的頁面。

網站架設需要什麼資料?

當企業在決定網頁設計公司之後進入設計階段之前,需要準備企業的資料給網頁設計公司,方便網頁設計公司製作網站內容。設計師擁有越高品質且完整的素材,就越能夠快速且精準的設計出符合企業形象的網站。

那麼,究竟要提供那些資料呢?

一個好網址:

網址就是網站的身分證,都是以英文為主,多半會以品牌的名稱英文為主。網址都是需要跟廠商租賃的,如果想要看自己的網址可不可以使用或是購買,可以到販售網址的網站查詢。

詳細可以看這篇:一篇搞懂什麼是DNS、主機、網址?又該如何挑選?

企業CIS形象識別:

這是網頁設計最重要的一部分,所謂CIS最簡單來說就是企業的標誌LOGO,有些較具有規模的企業則擁有標準字系統等。LOGO或許可以從社群網站上取得,但是如果要有更好的網站呈現,有原始編輯向量檔案如illustrator的ai檔或是CoralDraw的cdr檔。

文案:

最了解企業本身的就是企業自己,因此提供企業介紹文案或其他文案資料就是相當重要,這樣的文案包括社群網站的文字,或是企業的實體宣傳文宣上的文字等。

圖片照片:

包括產品圖片照片、公司辦公室照片、活動照片、店面照片,影片(企業宣傳影片、活動影片、產品介紹影片等)。

網站以外的站點:

社群Facebook或是Instagram的連結,電子商務的平台如Pchome、蝦皮、Pinkoi、Creema等連結,或是作品、接案的平台網站如Flickr等。這些資訊可放入網站中之外,也可以讓設計師更了解企業的全貌。

網站構想:

最懂企業的仍然是企業本身,只有自己才知道那些內容才是需要強調、需要優先傳達給客戶的,如果您有初步想法,可以先提供給設計師自己的構想藍圖,沒有初步想法也沒關係,網頁設計公司多半會依照企業提供的資訊,為您精準企劃內容。

第三方平台帳號:

網站到了上線前會需要串接Google相關服務或是Facebook追蹤代碼功能等,這些需要帳戶的權限,方便網頁工程師進行服務的串接。如果有安全性上的顧慮,可以申請一個網站專用的帳號提供給設計公司,或是當網站完成之後,再修改帳戶密碼。

以上就是製作網站的準備與企劃,如果都規劃好了,就可以繼續前往架站的偉大航道囉!

愛學習的數位內容管理師
Andy Yuan

YuanLAB創辦人,天馬行空想法爆棚的男子,擁抱科技也反科技,熱愛跨領域學習與心流古典黑白攝影。
我也在個人品牌之路努力耕耘,同時提供全方位服務,讓剛起步的部落客、個人品牌能夠更加專注在內容與行銷,打造一個共好的個人品牌知識生態圈。
訂閱
訂閱通知:
0 Comments
內聯反饋
查看所有留言
cross
0
喜歡你的想法,請發表評論。x