建立和自訂網頁
上次更新時間: 六月 16, 2023
在HubSpot中,您可以為您的網站建立網站和登陸頁面。您可以自訂頁面內容和設定,以及為搜尋引擎優化頁面。
開始之前
- 驗證您對要建立的網頁類型具有寫入 權限。若要發佈頁面,您還需要發佈權限。
- 請確認您的網頁網域已連線至HubSpot以供發佈。如果你使用的是HubSpot的免費工具,你的帳戶包含一個可以發佈的HubSpot品牌網域。
- 了解HubSpot中提供的不同類型的網頁模板:
- 了解您可以創建的著陸和網站頁面的數量,以及他們可以使用哪些模板。這取決於您的Marketing Hub和CMS Hub 訂閱:
沒有Marketing Hub訂閱 | Marketing Hub Starter | 營銷中心專業/企業 | ||
沒有CMS Hub訂閱 | 登陸頁面:最多20頁使用HubSpot品牌,僅限初學者範本 網站頁面:最多25個具有HubSpot品牌的網站頁面,所有模板 | 登陸頁面:最多10,000頁,僅限初學者範本 網站頁面:最多25個具有HubSpot品牌的網站頁面,所有模板 | 登陸頁面:最多10,000頁,所有範本 網站頁面:最多25個具有HubSpot品牌的網站頁面,所有模板 | |
CMS Hub Starter | 登陸頁面:最多20頁使用HubSpot品牌,僅限初學者範本 網站頁面:最多50頁,所有範本 | 登陸頁面:最多10,000頁,僅限初學者範本 網站頁面:最多50頁,所有範本 | 登陸頁面:最多10,000頁,所有範本 網站頁面:最多50頁,所有範本 | |
CMS Hub Professional/Enterprise | 登陸頁面:最多10,000頁,所有範本 網站頁面:最多10,000個頁面,所有範本 | 登陸頁面:最多10,000頁,所有範本 網站頁面:最多10,000個頁面,所有範本 | 登陸頁面:最多10,000頁,所有範本 網站頁面:最多10,000個頁面,所有範本 |
建立頁面
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 在右上角,按一下建立下拉式選單,然後選擇網站頁面或著陸頁面。
- 在「」對話方塊中,指定網頁的名稱和網域:
- 在範本選擇畫面上,活動主題的範本將出現在頁面頂部,而所有其他範本將出現在底部的其他範本部分。如果您尚未選擇活躍主題,請將遊標停留在主題上,然後按一下設為 活躍主題。
- 將鼠標懸停在模板上,然後按一下預覽模板以開啟預覽或選擇模板以繼續到內容編輯器。
自訂頁面設定
編輯網頁內容後,即可自訂網頁屬性,例如網址、元描述和語言。
自訂基本頁面設定
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將遊標停留在頁面上,然後按一下「編輯」。
- 按一下「檔案」選單,然後選擇「頁面設定」。
- 在對話方塊中,在「內部頁面名稱」欄位中輸入內部名稱。訪客將無法看到此名稱。
- 在「頁面標題」欄位中,輸入頁面的外部名稱。網頁載入時,該名稱會顯示在訪客網頁瀏覽器頂部的標籤中。
- 在「網頁網址」部分,按一下「網域」下拉式選單,然後選擇網頁將託管的網域。然後在內容slug字段中輸入URL slug。進一步了解如何編輯網頁網址。
- 在Meta說明欄位中,輸入將出現在頁面標題下方的搜尋結果中的頁面內容的描述。
- 若要將頁面與活動關聯,請按一下「活動」下拉式選單,然後選擇一個活動。若要建立新的推廣活動,請選擇新增。
設定特色圖片
若要新增在社交媒體上分享頁面時要包含的特色圖片,請按照以下步驟操作:
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將遊標停留在頁面上,然後按一下「編輯」。
- 按一下「檔案」選單,然後選擇「頁面 設定」。
- 在對話方塊中,按一下左側邊欄選單中的特色影像。
- 按一下以切換啟用特色影像開關。按一下上傳以從電腦中選取影像,或按一下瀏覽影像以從檔案工具中選取影像。若要增加可訪問性,請在「影像替代文字」欄位中輸入影像的描述。
更改頁面模板
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將遊標停留在頁面上,然後按一下「編輯」。
- 按一下「檔案」選單,然後選擇「頁面設定」。
- 在對話方塊中,按一下左側邊欄選單中的範本。
- 若要選擇其他範本,請按一下使用其他範本。如果您要切換已發佈頁面的範本,請務必按一下「更新」,然後按一下「立即更新」,即可執行任何未發佈的變更。否則,切換模板時,這些變更可能會失敗。
- 在主題選擇畫面上,選擇一個主題。
- 在範本選擇畫面上,選擇一個範本。
- 使用新範本預覽頁面的外觀,然後按一下「使用範本」以完成範本切換,或按一下「返回」以選擇其他範本。
設定頁面語言
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將遊標停留在頁面上,然後按一下「編輯」。
- 按一下「檔案」選單,然後選擇「頁面設定」。
- 在對話方塊中,按一下左側邊欄選單中的語言。
- 按一下「頁面語言」下拉式選單,然後選擇一種語言。進一步了解管理多語言頁面的資訊。
設定頁面可見性
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將遊標停留在頁面上,然後按一下「編輯」。
- 按一下「檔案」選單,然後選擇「頁面設定」。
- 在對話方塊中,按一下左側邊欄選單中的「訪問者存取權限」
- 選擇訪客存取 選項:
- 選取「公開」,讓任何訪客都能看到網頁的內容。
- 選擇私有- 需要密碼來新增訪客存取頁面內容所需的密碼。
- 在CMS Hub Enterprise帳戶中,您也可以選擇Private - Registration required ,要求訪客在您的網站註冊才能查看此內容。
- 在CMS Hub Enterprise或Marketing Hub Enterprise帳戶中,您可以選擇要求訪客登入身份提供商(如Google或Okta )所需的私有-單一登入( SSO )。
設定進階頁面選項
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將遊標停留在頁面上,然後按一下「編輯」。
- 按一下「檔案」選單,然後選擇「頁面設定」。
- 在對話方塊中,按一下左側邊欄選單中的「進階」。
- 若要將此頁面設為動態頁面,請按一下「資料來源」下拉式選單,然後選擇HubDB表格或屬性。進一步了解如何使用動態頁面。
- 若要將程式碼片段新增至網頁的標頭或頁尾HTML ,請按一下「標頭HTML」或「頁尾HTML」欄位,然後輸入程式碼片段。若要將程式碼片段新增至網域上的所有網頁,請存取網站設定。
- 若要新增自訂正規網址,請在「自訂正規網址」欄位中輸入該網址。進一步瞭解如何使用正規網址。
- 若要管理附加到網頁的不同類型的樣式表:
- 網域樣式表:這些樣式表會在網站設定中附加到單個網域的所有網頁。若要關閉特定頁面的網域樣式表,請按一下下拉式選單,然後選擇「已停用」。進一步了解如何使用網域樣式表。
- 範本樣式表:這些樣式表由頁面的範本設定。若要關閉特定頁面的範本樣式表,請按一下下拉式選單,然後選擇停用。此部分不會出現在使用主題範本的頁面上。
- 頁面樣式表:這些樣式表僅適用於此頁面。若要附加頁面樣式表,請按一下附加樣式表下拉式選單,然後選擇樣式表。如果也使用域和模板樣式表,其樣式優先。
發佈頁面
自訂網頁內容和設定後,即可發佈網頁或安排日後發佈:
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將遊標停留在頁面上,然後按一下「編輯」。
- 立即發佈頁面:
- 按一下右上角的「發佈」。
- 在對話方塊中,按一下立即發佈。
- 若要安排日後發佈的頁面,請按照以下步驟操作:
- 在右上角,按一下「發佈」按鈕旁的下拉式選單,然後選擇「發佈」選項。
- 在對話方塊中,選取排程發佈以供日後使用核取方塊。
-
- 按一下日期欄位,然後選擇頁面發佈的日期。
- 點擊時間下拉式選單,然後選擇頁面發佈的時間。
-
- 按一下「排程」,或按一下「排程」並繼續編輯,即可排程網頁的出版物並返回內容編輯器。
- 若要將頁面設定為未來自動取消發佈,請按照以下步驟操作:
- 在右上角,按一下「發佈」按鈕旁的下拉式選單,然後選擇「發佈」選項。
-
- 在對話方塊中,按一下排程取消發佈標籤。
- 選取排程取消發佈核取方塊。
- 按一下日期欄位,然後選擇取消發佈頁面的日期。
- 點擊時間下拉式選單,然後選擇取消發佈頁面的時間。
- 按一下頁面發佈後,將訪客重定向至下拉式選單選擇頁面。若要使用外部目標網址,請按一下下拉式選單,然後選擇輸入外部網址。在對話方塊中,輸入網址,然後按一下儲存。
- 點擊立即更新,或點擊更新並繼續編輯以安排頁面的取消發佈並返回內容編輯器。
優化搜索引擎的頁面
在側邊欄編輯器的優化部分,您可以查看頁面的SEO建議或將其附加到主題。
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將滑鼠停留在頁面上,然後按一下[編輯]。
- 在內容編輯器中,按一下左側邊欄中的「gauge 最佳化」圖示。
- 若要將內容附加到主題,請按照以下步驟操作:
- 若要新增現有主題,請按一下「主題」下拉式選單,然後為頁面選擇一個主題。
- 若要建立新主題,請按一下主題下拉式選單,然後選擇新增核心主題。在對話方塊中,輸入主題,然後按一下儲存
- 若要將頁面附加到子主題關鍵字:
- 選取此支援內容嗎?核取方塊。
- 按一下Subtopic關鍵字下拉式選單,然後選擇Subtopic關鍵字
- 若要建立新關鍵字,請按一下Subtopic關鍵字下拉式選單,然後按一下Add subtopic關鍵字。在對話方塊中,輸入子主題關鍵字,然後按一下儲存。
- 若要查看不完整的SEO建議,請按一下紅色圓圈的類別。每個已完成的推薦都會有一個綠色勾選標記。每個不完整的推薦都會有一個灰色的勾選標記。進一步了解如何使用SEO建議。

預覽頁面
在發佈網頁之前,您可以在不同的裝置類型上預覽網頁,並測試智能內容和個性化設定。進一步了解如何為行動裝置自訂網頁外觀。
-
瀏覽至您的內容:
- 網站頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「網站」>「網站頁面」。
- 登陸頁面: 在你的 HubSpot 帳戶中,瀏覽「行銷」>「登陸頁面」。
- 將滑鼠停留在頁面上,然後按一下[編輯]。
- 在內容編輯器中,按一下右上角的預覽。
- 若要存取整個頁面預覽,請按一下右上角的新分頁開啟。若要與HubSpot帳戶中的其他使用者分享此預覽頁面,請在預覽頁面上按一下複製連結。用戶必須登入HubSpot才能檢視此預覽。
- 若要在其他裝置上預覽頁面,請按一下預覽頁面右上角的mobile 裝置圖示。
- 若要預覽個性化設定或智慧內容,請按一下「以下拉式檢視」選單: