WordPress 設計架構

網站的前端及後台

需要哪些內容呢?

在跟WordPress網站設計師溝通之前,你可以先來讀這一篇,因為了解WordPress網站設計的架構,你跟設計師溝通就會更有效率,也可以提高網站的完成度

WordPress

網站前端呈現畫面

1.

WordPress 前端畫面

怎麼樣規劃網站的架構呢?

  • 心智圖(Xmind)
    首先,你可以先利用心智圖的軟體,比如說像是 Xmind 這樣的免費軟體,做出像這樣(圖面範例)的網站選單樹狀架構圖

     

  • 常見的網站架構中有「首頁、最新消息、服務介紹、關於我們、聯絡我們….」,當然你可以依照品牌的需求進行架構上調整

2.

WordPress 前端畫面

主選單 / 次選單上面要放什麼?

  • 常見的有

3.

WordPress 前端畫面

首頁內容規劃

  • 你可以在首頁上規劃

然後把你想要排序的順序寫在心智圖上

4.

WordPress 前端畫面

頁面風格 / 版型設計

  • 網站中好用的版型設計元素
比如:此商品已售出數量
0

比如:報名截止倒數日期

5.

WordPress 前端畫面

頁尾選單需要放什麼?

  • 常見的有

6.

WordPress 前端畫面

客戶服務訊息按鈕

  • 可以安裝
    LINE@、FB Messager
    方便用戶即時地與品牌溝通
    LINE@課程連結

7.

WordPress 前端畫面

桌機版 / 手機版 / 平板版型

  • RWD代表響應式網頁設計Responsive Web Design)
    是一種網頁設計方法, 讓網站能夠自動調整適應不同設備和螢幕尺寸

RWD詳細說明

根據用戶的設備,動態調整網頁的版面和元素呈現方式,以達到最佳的視覺效果和使用體驗 

這意味著網站在桌面電腦、平板電腦和手機等各種設備上都能自動地適應螢幕呈現內容,而不需要額外的手動調整

RWD運用

在運用WordPress進行網頁設計時,仍要針對桌機版與手機板進行畫面體驗的細部檢查與微調校正

WordPress

網站後台需要的內容

▶.

WordPress 後台內容

SEO

在網站設計完成之後,要針對網站進行SEO(搜尋引擎優化)的工作,好讓搜尋引擎能在用戶搜尋你網站相關的關鍵字時,能將你的網站呈現在較好的排序順位

搜尋引擎運作原理
  • 搜尋引擎會派出程式,到全球的網站去進行瀏覽,並把瀏覽到的資訊帶回自己搜尋引擎的資料庫(也可以把它想像成一個圖書館)

  • 然後每當有人在搜尋引擎查詢相關的關鍵字時,圖書館的系統就會依照一連串事先預設好的規則
    就是傳說中的演算法

    將它覺得最適合你的網站按照排序放在用戶的眼前
我們需要進行的部分

而我們要做的SEO的動作,就是盡量配合圖書館(搜尋引擎)的演算法去調校我們的網站

好讓我們的網站能排在比較前面的順序,這樣用戶就會更有可能可以點擊到我們的網站,購買我們的商品或是服務了

▶.

WordPress 後台內容

GA4

GA4全名為 Google Analytics 4,是Google提供的免費網站後台數據流量分析系統

▶.

WordPress 後台內容

串接碼

  • 現在因為有很多的廣告平台,像是FB、Google關鍵字、GDN圖像廣告、Google探索廣告、LINE@、DCard等

  • 每一款的廣告平台,都可以藉由串接串接碼來將瀏覽過網站的用戶被記錄下,追蹤碼會紀錄用戶的來源與他們在網站中的行爲,讓廣告平台可以投放廣告給他們

設定很簡單,按著步驟做
10分鐘內就可以完成
然後你就有機會可以獲得很好的效果

各種廣告平台如何與網站串接-教學

我們在下面用圖示介紹一下它們之間的關係👇

▶.

WordPress 後台內容

安全防護

要為網站架設防火牆,進行安全防護,以及為網站定期做備份動作

網站防火牆設定
  • 網站要設定防火牆,針對外來可能的攻擊進行保護

暴力登入防護
  • 因為全球有很多機器人會想侵入別人的網站,原本登入畫面的網址建議可以增加其他英文做為安全防護,這樣機器人就比較不會輕易知道你的網站登入網址 

  • 可以請相關公司協助處理更換網址的部分
密碼強度設定
  • 管理員登入的密碼,要設定大小寫英文再加上數字,最好再加上幾個特殊符號,然後,要存在自己的筆記本裡哦,才不會之後想要登入時找不到帳號密碼

    (不要覺得這個提醒很好笑,要管理的網路行銷帳號密碼一多,真的會找不到~)
網站定期備份
  • 雖然雲端主機多配有定期備份的功能,但還是建議每個月或是網站有大修改的時候,進行一次自身隨身硬碟的檔案備份

▶.

WordPress 後台內容

速度

  • 圖片大小
    上傳網站的每張圖面,建議小於600KB,這樣網站的速度才可以保持在比較快速和有效率的狀態
  • 快取外掛
    安裝快取外掛

嘿嘿!不能複製頁面的內容哦!

|第1週|
基礎學習
|第2-4週|
優化品牌能量

W2 確認品牌賣點

W3 商品線佈局和優化方式

商品優化

➤ 3-2 在市場上找商品靈感
➤ 3-3 商品研發找這些重點

➤ 3-4 選擇商品線
➤ 3-5 商品研發周期規劃

包裝商品

➤ 3-6 掌握人性心理,學會定價技巧
➤ 3-7 各種包裝的小細節
➤ 3-8 商品攝影和行銷準備

W4 優化品牌通路體驗

現場營運管理

➤ 分配任務、品質管理、帶人帶心
➤ 獎罰制度設計
➤ 營運制度管理
➤ 各種突發狀況處理方式

|第5-6週|
電子商務
W5 架設電商網站

電商品牌設計
➤ 5-1 一步步打造電商品牌

銷售頁
5-2 銷售頁這樣設計更清楚
5-3 美照抓住眼球

金流/物流串接設定
➤ 5-4 網站收款的設定
➤ 5-5 商品運送的設定
5-6 電子發票申請與串接

W6 電商經營優化

數據分析與優化
6-1 經營電商時,檢查這些小細節
6-2 數據如何幫助你的電商經營

電商建置專有名詞
➤ 6-3 掌握這些名詞,電商團隊溝通更快速

電商廣告投放
➤ 6-4 電商FB廣告投放跟平常不一樣
➤ 6-5 電商關鍵字廣告投放跟平常也不一樣

|第7-12週|
行銷宣傳,用品牌賣點吸引市場
行銷宣傳,
用品牌賣點吸引市場
W10 Google 廣告

Google關鍵字廣告投放
➤ 10-1 了解基礎的設定
10-2 一開始可以這樣設定
➤ 10-3 可以怎樣看數據
➤ 10-4 這樣設定更厲害,進階版

Youtube 圖文探索廣告投放
➤ 10-5 跟我們學基礎設定

Youtube 影片廣告投放
➤ 10-6 跟我們學基礎設定

GDN圖像聯播網廣告投放
➤ 10-7 跟我們學基礎設定

W12 網路行銷 Ⅰ

網路行銷常見名詞
➤ 12-1 懂這些名詞你就會飛上天

IG網紅/部落客合作
➤ 12-2 手把手流量合作教學

Google Map
➤ 12-3 Google Map成為你的業務員

網路行銷工具
12-4 學會這些工具,讓你變成三頭六臂

W12 網路行銷 Ⅱ

➤ 貼文多人按讚
➤ 邀請Google Maps按讚

➤ 短影音
➤ 抖音網紅
➤ 小紅書網紅
➤ 新聞報導

|第13-14週|
提案執行
W13 企劃提案

➤ 13-1 全局式思考
➤ 13-2 商品企劃
➤ 13-3 通路企劃
➤ 13-4 活動企劃
➤ 13-5 品牌企劃

W13 專案規劃

➤ 13-6 時程規劃
➤ 13-7 工作項目規劃
➤ 13-8 器材清點
➤ 13-9 追蹤確認

W14 溝通執行
W14 工作管理

➤ 14-4 安排工作時程
➤ 14-5 兼顧不同專案
➤ 14-6 與時俱進,不斷進化

|第15-16週|
數據分析,了解專案狀態
W15 數據報表

➤ 15-1 Excel數據統計練習
➤ 15-2 商品銷售報表
➤ 15-3 行銷成效報表
➤ 15-4 進銷存表
➤ 15-5 營業報表

|支援|
給你的軍火彈藥庫
五大產業|經營確認清單
✦濃縮精華版✦
十一產業|網路行銷佈局的順序規劃
✦濃縮精華版✦
實用工具 / 補充課程
實體活動規劃

➤ 怎麼規劃大型實體活動

➤ 參展/參加市集怎麼準備
➤ 規劃大型市集怎麼做?
➤ 員工旅遊規劃這樣做,方方面面都兼顧
➤ 辦一場好玩的春酒尾牙

經營管理

➤ 如何規劃一整年的經營策略
➤ 財務數據報表要看那些?

M45 線上商店