Weebly 架站教學網站
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 教學影片
  • 關於我們
  • 公益/環保

Weebly 使用教學

提升SEO! 打造 Google 喜愛的網站內容!

1/30/2025

0 評論

 
提升網站 SEO 的主要方法有 網站內容、技術優化、網站信譽。然而,追根究柢,網站內容才是核心。無論 SEO 技巧多麼高超,若內容無法真正吸引讀者、提供價值,Google 也不會給予高排名。那麼,該如何打造 Google 喜愛的內容呢? 
​

(一) 提供高價值的內容

Google 會觀察訪客在你的網站上的互動情況, 這些數據能幫助它判斷內容的品質和價值. 例如:
  • 訪客點擊你的網站後, 停留了多久? 停留時間長, 代表內容有價值, 有可能能幫訪客解決問題; 停留時間短, 代表內容不符合預期, 或用戶沒找到想要的資訊.
  • 訪客是否進入網站後馬上離開 (沒有點擊其他頁面)? 如果跳出率高, 可能表示內容不相關、讀者沒找到答案, 或是網站體驗不佳 (速度太慢或是板面太凌亂)
  • 當你的網站出現在Google 搜尋結果時, 有多少人點擊? 點擊率高, 代表標題/描述吸引人, 符合搜尋者的需求; 反之, 可能標題不吸引人, 或者不是搜尋者想找尋的內容.
圖片

深入瞭解
0 評論

SEO 的影響因素及最佳做法?

1/28/2025

0 評論

 
SEO(Search Engine Optimization,搜尋引擎優化)是指透過優化網站內容與結構,使其更符合搜尋引擎(如 Google、Yahoo 等)的搜尋演算法要求。這能讓我們的網站在搜尋結果中獲得較佳的排名,提升網站或網頁被「看見」的機率。

​影響網站排名的因素可以分為 網站內容、網站技術、網站信譽 三大類,每一類都扮演著關鍵角色。
圖片

深入瞭解
0 評論

Weebly - SEO 優化設定

1/20/2025

0 評論

 

什麼是SEO?

SEO(Search Engine Optimization,搜尋引擎優化)是指透過優化網站內容與結構,使其更符合搜尋引擎(如 Google)的搜尋演算法要求。這能讓網站在搜尋結果中獲得較佳的排名,提升網站或網頁被「看見」的機率。​
圖片

深入瞭解
0 評論

Google search console - 驗證 weebly 網站

9/15/2021

0 評論

 
Google Search Console 是SEO的重要工具之一.它可以提升網站在 Google Search 的曝光率. 只要在 Google Search Console 成功驗證你的網站, 就可以開始使用這個工具, 了解 Google 搜尋引擎的運作方式和排名機制,  也可協助你衡量網站的Google 搜尋流量和成效, 修正問題, 優化網站的在Google 搜尋結果的排名. 此外, 當 Google 發現你的網站有索引問題、垃圾內容或其他問題時, 你會收到快訊.  (更多關於 Google Search Console)

如果你的網站是使用 Weebly所架構的網站, 不論是免費的 Weebly 子網域, 或者是付費的獨立網域都能使用 Google Search Console.  ​
圖片

深入瞭解
0 評論

建立會員制度網站

7/10/2021

0 評論

 
​只要是 Weebly Pro (專業版)​ 或以上的帳號等級, 你的Weebly 網站就包含了建立會員制度的功能. Weebly Pro (專業版) 最多可以建立 100 位會員, 更高階的Business (商業版) 及 Business Plus (商業進階版) 則無上限. 

會員網頁是一個只允許會員造訪的封閉式網頁. 站主可以針對不同的會員群組, 設定網站/網頁瀏覽權限. 這樣的網站/網頁內容都是受到保護的, 需要登入帳號密碼才能看到內容. 
圖片

會員制度用途:

這樣的 "會員制度" 通常可以用於兩種情況: 
​​
(1) 一般網站建立的會員制度
站主們可以依照網站/網頁內容設定會員等級及付費. 它可以是終身一次性費用, 也可以是每月或每年收取固定金額的定期訂閱費. 許多成功的會員網站也提供短期免費試用, 有時他們也有不同的會員級別. 有些內容對任何註冊的人都可以使用, 但有些級別僅適用於付費會員. 例如:
  • 進階的專業領域知識
  • 各階層的線上課程 (國中、高中、職場英文等等)
  • 各種主題的論壇 
  • 會員專屬的活動、優惠、資訊、商品
​

深入瞭解
0 評論

Weebly 購物車 功能&設定 (二)

6/27/2021

0 評論

 
我們在 Weebly 購物車功能&設定(一)介紹了主要功能及位置. 嚴格說來, 這些也就是一個完整線上購物車該具備的功能. 不過, Weebly 在這些功能裡加入了拖拉元件的優勢, 提供站主們更高的彈性空間, 展現/加入自己的風格. 老實說, 可以自由地設計自己想要的模式, 不需要假手他人, 編制設定的過程中, 真的蠻過癮的!

我們拿幾個功能作為範例, 詳細介紹一下這些功能的使用介面. 
​

商品 - 建立商品資訊/商品頁面

Weebly 購物車的產品頁面, 大致分為三個區塊:
  1. 圖片區: 每個產品都可以置入多張圖片, 提供局部圖片放大的功能
  2. 產品基本設定 (產品名、價格、顏色、尺寸、數量等等 及簡單的產品描述)
  3. 進階描述 (利用 Weebly 拖拉元件, 加入更多產品描述, 或者商城其他推廣活動...等等)
圖片

深入瞭解
0 評論

Weebly 購物車 功能&設定 (一)

6/22/2021

0 評論

 
Weebly 購物車的管理系統功能非常完整, 不論是前端產品頁面的呈現、 管理工具越完整, 消費者的購物體驗管理工具越完整, 消費者的購物體驗就會越順暢.
圖片
Weebly 購物車提供的功能: 
  • 商品: 商品上架、類別設定、客戶評價、商品喜好設定、折價券、禮品卡
  • 訂單: 訂單總覽
  • 履行: 取貨/出貨設定
  • 報告: 銷售業績、網站流量、折價券產生的業績、商品上架/促銷設定、訪客來源等等
  • 行銷: 各種行銷郵件設定 & 範本 
  • 通訊: 商城訂單的各種電子郵件設定&範本、FB Messenager、快顯示視窗
  • 設定: 商店資訊設定、付款方式設定、幣別設定

深入瞭解
0 評論

Weebly 內建購物車 - 簡介

6/20/2021

0 評論

 
​Weebly 內建的購物車系統功能相當完整, 包含:
  • 金流系統: 消費者可以直接付款. 訂單成立後, 帳款也可以直接進入商家的帳戶.
  • 物流系統: 可以設定配合的物流業者
  • 管理系統: 郵件內容設定、商品頁面設定、庫存設定、優惠/銷售設定等等
圖片

只要是Weebly Pro (專業版) 或以上的會員等級, 就能看到購物車的功能和設定. 
參考: Weebly 的帳號種類及比較

深入瞭解
0 評論

音訊元件

4/15/2021

0 評論

 
既然多媒體元素是網站內容不可或缺的元素, 除了圖像、 影片 之外, Weebly 當然也提供了音訊元件.  你可以利用音訊元件播放人聲, 音樂, 只要是 mp3 格式, 就能放在網站. 如果有興趣錄製自己的聲音頻道, 當然也利用一些聲音剪輯軟體, 錄製出一個個人專屬聲音網站.

​音訊元件只提供於 Weebly 付費帳號. (參考 Weebly 帳號種類及比較)
置入的方式很簡單: 

[步驟]: 
1. 將音訊元件拖拉至頁面
圖片

深入瞭解
0 評論

影片元件

4/5/2021

0 評論

 
想要讓訪客能在最短的時間內, 了解你的產品或網站主題, 最好的方式就是製作一段影片, 放在主打的頁面. 如果網站/網頁置入了影片, 約有 90% 的訪客會觀看影片, 了解這個網站的主題是否切合他們想要尋找的資訊.

使用 Weebly 置入影片是最簡單不過了!!! 它提供二種元件可以快速將影片置入你的網頁. 
  • Youtube
  • HD 影片

Youtube 元件

如果你有自己的 Youtube 頻道, 那麼就可以選擇直接拉入 Youtube 影片連結至網站, 方便快速, 又能導引雙邊的瀏覽量. 

[步驟] 
​1. ​在頁面左方將Youtube 元件拖拉至想要放置的位置.
圖片

深入瞭解
0 評論

如何備份 Weebly 網站?

4/4/2021

0 評論

 
就像是電腦裡的資料備份一樣, 網站也需要定時儲存/備份. 畢竟網站內容都是站主們用盡心血和時間, 經年累月的成果. 如果這些資料遺失, 就像是畢生積蓄被撒入茫茫大海, 就算是哭天喊地, 也喚不回點點滴滴....絕對讓人捶胸頓足!
圖片

基本上, Weebly 除了提供架站功能之外, 同時也提供網站代管服務. 也就是說, 只要在 Weebly 架設網站, 它們就會負責保管你的網站資料內容及網站安全. 除此之外, 用戶本身也可以透過以下兩種方式備份網站:

方式一: 複製網站

通常我們會在對現有網站進行大整修的時候, 先將網站複製備份. 這個動作會完整地複製網站, 包含網站裡的每個頁面、內容​、選單等等. 這是預防萬一大整修失敗, 找不回最初模樣時的備案, 至少還保存著網站的原始模樣!

深入瞭解
0 評論

網頁標題_設計 + 編輯

2/12/2021

0 評論

 
標題是訪客在開啟頁面時第一個入眼的地方, 它在頁面的上端, 展現網站的基調風格, 也決定了訪客是否繼續瀏覽網頁的重要關鍵. 因此, 網頁標題真的很重要!
​
我們在網頁標題_背景樣式提到, Weebly 提供四種不同背景: 圖像、顏色、漸層、影片. 選定了背景樣式之後, 就可以透過Weebly 所提供的工具, 豐富及美化標題區.
  • 如何編輯標題圖片?
  • 如何在標題區置入文字或其他元件?​​​
  • 標題範例
​​​

如何編輯標題圖片?

如果你是選擇圖片作為標題背景, 那麼就可以使用以下功能, 調整圖片的顯示:
圖片
  • 縮放 - 放大或縮小圖片的特定區塊 (需考量圖片本身的解析度)
  • 模糊 - 設定圖片的模糊程度
  • 變暗 - 調整圖片的亮/暗度, 以凸顯置入的其他元件, 例如文字, 商標等等
  • 篩選 - 過濾圖片中的特定顏色

深入瞭解
0 評論

網頁標題_背景樣式

2/12/2021

1 評論

 
選定網頁標題類型之後, 就可以開始設定背景樣式. 
Weebly 提供四種不同背景: 圖像、顏色、漸層、影片, 預設的背景是 "圖像".
設定/選擇背景模式的步驟很簡單....

[步驟]
  1. 按滑鼠左鍵點擊標題區域. 標題區域會被藍線框出來. 
  2. 點擊 "編輯背景"
  3. 點擊 "圖像" 右方的 "v" , 就會出現四種背景樣式的選項.
圖片

這四種背景樣式 (圖像、顏色、漸層、影片) 各具特色. 站主們可以依照網頁的風格挑選適當的樣式. 以下是這四種樣式的畫面及說明:

深入瞭解
1 評論

Weebly 提供哪些網頁標題類型?

2/2/2021

0 評論

 
網站標題位在每個頁面的頂端, 代表著一些非常重要的涵義及目的, 例如網站或品牌的基調及風格. 一個網站包含多個頁面, 而標題通常在所有的頁面都是一致的. 不過, 也可以搭配每個頁面主題或特色置入不同的標題. 良好的標題可讓您的網站更易於瀏覽, 樹立品牌並在整個網站上創造一致的瀏覽體驗.
圖片
Weebly 既然是號稱能用最簡單快速的方式建立專業又美觀的網站, 自然也提供足夠的功能及設定, 讓用戶們能製作出專業的網站標題.
​

網頁標題顯示樣式: 

不同的網站主題範本所提供的標題類型可能也會有所不同. 依照以下步驟, 可以查看並選擇頁面的標題類型.
​
[步驟]
頁面 > 選擇頁面 > 標題
Picture

深入瞭解
0 評論

如何與他人共同編輯網站?

1/12/2021

0 評論

 
在某些特殊情況下, 我們可能會需要其他人的協助, 共同架構一個網站, 例如:
  • 網站網站的規模很大, 需要其他人幫忙架構不同的頁面內容.
  • 需要邀請某些專業人士共同發文.
  • 學校專題報告/ 社團或班級網頁, 需要同學們分組合力編輯網站.
  • 公司行號各部門分別制定自己的專業網頁
  • 其他...

為了滿足用戶們的需求, Weebly 提供 "編輯器" 功能, 讓用戶可以邀請他人共同編輯某個特定網站, 並設定對方的編輯權限. 在不需要提供自己的 Weebly 帳號給對方的情況下, 對方也能在接受你的邀請之後, 在他自己的 Weebly 帳號編輯網站.


設定編輯者步驟: 

1. 設定 > 編輯器 > 新增編輯者
圖片

深入瞭解
0 評論

表單元件 - 聯絡、留言、回覆、調查

1/3/2021

0 評論

 
在網站/網頁中建立與訪客互動的管道是很重要的. 除了可以增加訪客對於網站的黏著度及信任度之外, 相對的, 也會帶出網站的流量. 更重要的, 可以透過這些互動, 更明確地掌握網站訪客的族群、喜好及需求. 藉此, 調整或加強網站的內容.
​
圖片
​Weebly 提供多種表單元件, 例如:
  • 聯絡表單
  • 電子報表單
  • 回覆表單
  • 調查表單
這些都是Weebly 內建元件, 非常實用, 設定簡單, 格式美觀. 
或者, 也可以參考第三方應用程式 (Weebly App Center), 
也就是一般所說的外掛程式. 


在這篇文章中, 我們先介紹聯絡表單. 
Weebly 所提供的內建聯絡表單, 不只提供 "訊息+ 聯絡方式", 還能設計 "選項" 功能. 可以應用的範圍很廣. 相當實用.

深入瞭解
0 評論

圖像元件 - 完整的圖片功能

1/3/2021

1 評論

 
Weebly 除了可以用滑鼠拖拉的方式, 將圖片元件快速置入網頁之外, 也提供多種基本的圖片功能. 例如:​
  • 使用滑鼠輕鬆調整圖片大小.
  • 圖片連結功能: 設定圖片連結至特定網址、檔案下載、電子郵件信箱等等.
  • 圖片編輯功能: 剪裁、調整亮度/飽和度、加入文字、加入超連結等等
  • 圖像替代文字設定, SEO 優化 - 讓搜索引擎也能透過圖片找到你的網站
​

放入圖片至網頁

只要用滑鼠, 將圖片元件拖拉至想要置放的位置就可以了.
圖片

深入瞭解
1 評論

如何更改網域?

12/30/2020

0 評論

 
使用 Weebly 架構網站, 可以隨時更改你的網域, 只要網域名稱還沒被其他人註冊, 你就可以從 Weebly 的設定中, 更改網域.

[步驟一] 登入 Weebly 帳號 > 選擇要編輯的網站 > 編輯網站
圖片

[步驟二] 設定 > 一般 > "變更" 網站位址
圖片

深入瞭解
0 評論

更改字體大小、行距、間距

12/23/2020

0 評論

 
每個 Weebly 範本都會預設字體大小、​顏色、​字元間距以及行距. 不過, 因為各國語言字元或是頁面內容的屬性的不同, 這些預設值不見得適合我們的網站.
​

更改預設值

這些預設值是可以在主題依據自己的需求更改的.
[步驟一] 主題 > 更改字型
圖片

[步驟二] 選取想要更改的區域
你可以更改的區域包含網站標題、選單、段落標題、段落文字等等, 還可以更改帶有超連結文字的顏色. 只要將滑鼠移到左方列表的特定項目, 該區域就會在右方預覽畫面中, 被框出藍色區塊顯示. 

深入瞭解
0 評論

Weebly 提升你的網站安全性 - SSL 憑證

12/20/2020

1 評論

 

什麼是 SSL 憑證? 

SSL (Secure Sockets Layers, 安全通訊協定) 是建立加密連結的標準安全技術. 它在網站提供一層安全保護. 而這層保護能在瀏覽器和該網站頁面所提供的通訊功能進行加密. 也就是說, 當訪客在瀏覽有 SSL 的網站時, SSL會加密訪在網站所填寫/寄出的資料, 例如: 個人資料, 信用卡資料, 地址...等等. 這種加密有助於防止駭客從網站攔截/ 收集資料.​
​

 當網站加裝了 SSL 憑證, 網址則會由 "HTTP" 變成 "HTTP​S". 這個 "S" 代表 Security (安全性), 代表該網站符合網際網路保護資料安全的標準. 有心人士無法觀看/ 竊取訪客和該網站之間的互動, 他們所看到的只是一些不具有任何意義的雜亂語言.
​


​為什麼需要 SSL 憑證? 

網路安全性是全球被高度關注的必需要件. Google 為了確保用戶上網的安全性, 在 2014 年宣布搜尋演算法的重大改變: 使用 HTTPS 加密的網站排名將高於沒有加密的網站. 以此方式全面宣導並鼓勵網路安全的重要性及必要性.  
圖片

深入瞭解
1 評論

    圖片

    認識 weebly

    ​選擇 Weebly -七大原因
    ​Weebly的方案種類及比較
    我該選擇哪種付費帳號?
    Weebly 拖拉放元件 - 新手上路

    網頁管理 (新增、複製、刪除、排列)
    ​
    網站管理 (新增、複製、刪除)

    Weebly 架站四步驟

    ​註冊 Weebly 帳號 + 網域申請
    選擇/更換範本
    編輯網頁 - Weebly 元件
    發佈/ 隱藏網站

    Weebly 使用教學


    提升網站安全性 - SSL 憑證
    ​
    Google Search Console - 驗證 Weebly 網站
    ​Weebly -SEO 搜尋引擎關鍵字設定
    ​如何更改網域?
    -------------------
    ​如何與他人共同編輯網站? ​
    如何備份 Weebly 網站? ​
    建立會員制度網站
    -------------------
    ​​更改字體大小、行距、間距
    ​圖片元件 - 完整的圖片功能
    ​​
    表單元件 - 聯絡、留言
    、回覆、調查
    影片元件
    ​音訊元件
    ​-------------------

    ​Weebly 提供哪些網頁標題類型?
    ​​網頁標題_背景樣式
    ​網頁標題_設計+編輯
    ​
    ​​​​-------------------
    ​
    ​如何建立 Weebly 部落格?

    ​部落格文章 (撰寫/儲存/發佈/刪除)
    ​備份 Weebly 網站+部落格
    ​Weebly 部落格側邊欄位設定
    ​
    ​​部落格文章分類/類別
    ​如何加寬 Weebly 部落格側邊欄位?​

    第三方應用程式

    結合第三方應用程式 - 功能更強大
    ​OctoMono-第三方應用程式組合包
    Ecwid 購物車

    ​垂直分隔線
    ​方形色塊
    ​Scroll To Top - 回到頁面頂端
    ​最新/ 輪播部落格貼文工具​​


    Weebly 內建購物車

    Weebly 內建購物車 - 簡介 
    ​
    Weebly 購物車功能 & 設定 (一)

    Weebly 購物車功能 & 設定 (二)

    RSS 訂閱

    類別

    全部
    Weebly 購物車
    元件
    會員制度
    網站安全 & SEO 優化設定
    網站/網域設定
    網頁標題

Weebly 架站教學


認識 Weebly
Weebly 架站四步驟
​Weebly 使用教學
​第三方應用程式中心
Weebly 影片教學
Vertical Divider

Weebly 常見問題

Weebly 帳號
Weebly 付費/ 收據
Vertical Divider

推薦工具

線上平面設計工具
​多媒體工具
​多媒體素材
Vertical Divider

公益/環保

公益/環保活動

Vertical Divider

關於我們

關於我們

版權聲明: 
本站發表的文章、圖片及電子書的版權均屬於本站所有, 如果有轉載需求, 請來信取得授權. 非經授權, 請勿轉載或轉貼. ​
Copyright © 2025
  • 架構網站 - Weebly
    • 網站的用途
    • 認識 Weebly >
      • 選擇 Weebly 七大原因
      • Weebly 的帳號種類
      • 網站管理
      • 網頁管理
    • Weebly 架站四步驟 >
      • Weebly 註冊 + 網域申請
      • 選擇/更換範本
      • 元件使用 - 網頁設計
      • 發佈/隱藏網站
    • Weebly 使用教學 >
      • Weebly 元件
      • 網站/網域設定
      • Weebly 部落格
      • 網頁標題
      • 網站安全 & SEO 優化
      • 第三方應用程式
    • Weebly 客服中心
  • 常見問題
  • 建立線上商城
  • 推薦工具
    • 多媒體工具
    • 多媒體素材
    • 網站/網頁工具
  • 教學影片
  • 關於我們
  • 公益/環保