建立和自訂網頁

為您的 網站 站和登陸頁面 ，以建立線上形象並推動您的行銷工作。使用HubSpot的 Breeze 產生個人化登陸頁面，方法是提供 提示 說明頁面的目的、訪客 目標 和理想客戶基本資料(ICP)。 

自訂頁面內容和設定，並針對搜尋引擎最佳化頁面，確保您的內容能夠觸及正確 受眾。 

請注意： 請避免在啟用AI功能的資料輸入中分享任何敏感資訊，包括您的提示。系統管理員可以在 帳戶 管理 設定中設定生成式AI功能 。如需瞭解 HubSpot AI 如何使用您的資料提供值得信賴的AI ，讓您掌控自己的資料，請參閱我們的 HubSpot AI Trust常見問題。

開始之前

在開始使用此功能之前，請務必提前充分了解應採取的步驟，以及該功能的局限性和使用該功能的潛在後果。 

了解要求

• 驗證你想建立的頁面類型是否具有 編輯權限 。若要發佈頁面，你還需要「 發佈」權限。 

了解限制和注意事項

• 確認你的 網域 已連接到 HubSpot以進行發佈。如果你使用的是HubSpot的免費工具，你的帳戶包含一個可以發佈的HubSpot品牌網域。
• 瞭解不同類型的頁面 範本： 
  
  • 佈景主題範本 支援 拖放式編輯功能、獨特的佈景主題模組，以及 可自訂的佈景主題樣式。
  • 自訂範本在 設計管理工具 中建立，可以在 版面編輯器中建立，也可以使用 自訂程式碼建立。拖放編輯功能僅適用於具有 拖放區域的自訂範本。 

建立頁面

在內容編輯器中使用使用中佈景主題的範本建立頁面。你也可以變更頁面的主題、編輯主題或使用其他範本。 

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 若要讓頁面與 品牌 保持一致，請按一下頁面 上方的「設定 品牌 工具組 」。
   • 在對話框中，單擊 標誌、網 最愛圖示圖標和 顏色旁邊的 添加 。
   • 選擇「儲存」以套用每個選項的變更。 
   • 完成後，按一下 X 以 結案 對話方塊。深入瞭解如何 自訂公司 品牌。

3. 如果你有現有頁面，請在右上角按一下「 建立或建立 登陸頁面面」。如果您沒有現有頁面，請按一下「 開始」或「從頭開始」。 
   
   • 如果你有現有頁面，系統會將你導向至 「選擇 範本 」頁面。
   • 如果你是首次建立頁面，在選擇 範本 本之前，系統會將你導向至「 選擇佈景主題 」頁面。若要選取佈景主題，請將滑鼠遊標懸停在 佈景主題 上，然後按一下 設定為
4. 在 「選擇 範本 」頁面上，您可以執行以下操作：

1. • 若要變更佈景主題，請按一下左上角「 搜尋 」欄位下方的佈景主題 名稱 （例如「 佈景主題：提升」）。
     • 在「 主題 」頁面上，單擊 主題卡片上的設置為活動 主題。 
     • 系統會引導你返回 「選擇 範本 」頁面。
   • 若要預覽佈景主題，請按一下 搜尋 欄位下方的佈景主題 名稱 （例如 ：佈景主題：提升）。
     • 在「主題」頁面上，按一下主題卡片上的「 預覽 」。
     • 在預覽中，按一下 範本 本下拉式選單，然後選取 範本 以檢視主題。
     • 預覽完佈景主題後，按一下右上角的「 設為活動佈景主題 」，或按一下左上角的「 返回 」。

1. • 若要預覽 範本，請按一下 範本 本卡上的 預覽。
   • 若要使用作用中佈景主題的 範本 本，請按一下 範本 本卡上的「 使用 」。如果要建立 登陸頁面，選取 範本 後，可以按一下 手動編輯 或 使用AI產生。
   • 若要使用不屬於佈景主題的 範本 本，請點擊左側選單中的「 其他 」。 

5. 在內容編輯器中，可用的編輯選項取決於網頁的範本類型和所使用的模組。深入瞭解如何使用 佈景主題範本、橫跨多個頁面的 全域內容 、 拖放區域，以及 RTF文字 或 圖片 模組編輯頁面。

使用 Breeze 產生登陸頁面

使用HubSpot的 Breeze ，您可以根據您的目標生成登陸頁面。為頁面撰寫 提示，客服人員會產生內容建議，包括文案、圖片、自動表單和 會議 連結。

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 讓你的頁面與 品牌保持一致。
3. 點擊右上角的「 建立 登陸頁面」。
   • 如果你有現有頁面，系統會將你導向至 「選擇 範本 」頁面。
   • 如果你是首次建立頁面，在選擇 範本 本之前，系統會將你導向至「 選擇佈景主題 」頁面。若要選取佈景主題，請將滑鼠遊標懸停在 佈景主題 上，然後按一下 設定為
4. 選取 範本。
5. 選取 範本 後，按一下右上角 的「使用AI產生 」。系統會將你導向至「 產生內容 」頁面。 
6. 在「 關於你的頁面 」部分，輸入 文字 來描述你的 登陸頁面。包括 登陸頁面 面的目的、目標 受眾、關鍵內容、語氣和訊息。請參考此範例，進一步了解詳情。

7. 點擊 訪客 目標 欄位的 選項 （例如， 預訂會 會議）。 
8. 單擊 影像選項下拉菜單 並選擇一個選 項（例如， 使用佔位符影像）。
9. 要添加支持文件，請單擊 上傳文件以從設備中添加文件，或者單擊瀏覽以從文件 工具中選擇文件。新增最多五個檔案，例如圖片、影片或文字記錄，以改善登陸頁面的內容。 

10. 在「 公司 」部分，按一下「 產業 」下拉式選單，然後為內容選擇 產業 。
11. 在「 受眾 」部分，按一下「 內容語言 」下拉式選單，然後選擇內容的 語言 。
12. 按一下「理想顧客基本資料(ICP) 」下拉式選單，然後選擇 理想顧客。若要管理理想客戶基本資料(ICP) ，請按一下 settingsIcon 設定圖示，然後選取 管理。
13. 按一下 網域 下拉式選單，然後選取 登陸頁面 應發佈的 網域 域。
14. 在最後一 節（可選）中，根據所選的 訪客 目標 欄位，可能需要更多詳細資訊。例如，如果您選取「 預約 會議 」作為 目標，請按一下「會 會議連結 」下拉式選單，然後選取 會議連結。
15. 完成後，按一下右上角 的「使用 Breeze 產生 」。 
16. Breeze 產生 登陸頁面 後，系統會引導你前往 內容編輯器 ，繼續自訂頁面。

範例：使用 Breeze 產生 登陸頁面

若要使用 Breeze產生 登陸頁面，請使用以下範例詳細資訊：

1. 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下「 建立 登陸頁面。
3. 在 「選擇 範本 」頁面上，按一下 範本 卡上的 使用 。然後按一下右上角的「 使用AI產生 」。
4. 在 產生內容 頁面上，在描述頁面 欄位中輸入以下 文 字：

為現有客戶建立 登陸頁面，說服訪客預 會議。它應該清楚地傳達一對一會 會議 將如何幫助他們優化當前的工具，並從 訂閱 中釋放出額外的價值。對於來自電子郵件培育 行銷活動 的訪客，請使用友善、專業和建立信心的語氣。

包括其他選項：在頁面頂部
新增簡短的顧客價值摘要。在 頭版畫面
CTA。
包含一個章節，概述與代表 會議 面的三大好處。
新增現有客戶的推薦。
新增關於會 會議 內容的簡短常見問題。

5. 在「 訪客 目標 」欄 位中，按一下「預訂 會議 」選項。
6. 單擊 影像選項下拉菜單 並選擇一個選 項（例如， 使用佔位符影像）。
7. 在「 公司 」部分，選擇「行業 」欄位的 SaaS 。
8. 在「目 受眾 對象」部分，按一下「理想顧客基本資料(ICP)」下拉式選單，然後選擇您的 理想顧客。 
9. 按一下 網域 下拉式選單，然後選取 網域。
10. 在 會議詳細資訊（選填） 部分，按一下 會議連結 下拉式選單，然後選取會議連結。
11. 完成後，按一下右上角 的「使用 Breeze 產生 」。 
12. Breeze 產生 登陸頁面 後，系統會引導你前往 內容編輯器 ，繼續自訂頁面。

自訂頁面設定

編輯網頁內容後，即可自訂網頁屬性，例如網址、元描述和語言。 

自訂基本頁面設定

自訂頁面設定，包括內部頁面名稱、頁面標題、頁面URL和meta description。您也可以將頁面 關聯 廣告 行銷活動 相關聯。

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 在內容編輯器中，按一下右上角的「 設定」 。 
4. 在對話方塊中，在「內部頁面名稱」欄位中輸入內部名稱。訪客不會看到此名稱。 
5. 在「頁面標題」欄位中，輸入頁面的外部名稱。網頁載入時，該名稱會顯示在訪客網頁瀏覽器頂部的標籤中。 
6. 在「網頁網址」部分，按一下「網域」下拉式選單，然後選擇網頁將託管的網域。然後在內容slug字段中輸入URL slug。進一步了解如何 編輯頁面網址。 
7. 在「中 繼資料說明 」欄位中，輸入將顯示在搜尋結果中的頁面內容說 明 。若要使用AI改善描述，請按一下「artificialIntelligenceIcon Breeze」圖示。進一步了解如何 使用 Breeze 產生中繼描述。 

8. 若要 關聯 頁面與廣告 行銷活動 關聯：

1. • 若要將頁面與現有推廣活動建立關聯，請按一下「推廣活動」下拉式選單，然後選取推廣活動。
   • 若要 關聯 頁面與第一個 行銷活動 建立關聯，請按一下「行銷活動 告活 行銷活動 」下拉式選單，然後按一下「 建立 行銷活動然後，請繼續設定推廣活動。 

設定特 精選圖片

若要新增在社交媒體上分享頁面時要包含的特色圖片，請按照以下步驟操作：

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 在內容編輯器中，按一下右上角的「 設定」 。
4. 在對話框中，選擇左側選單中的 精選圖片。
5. 打開 啟用的特色影像 開關。
6. 按一下上傳以從電腦中選擇影像，或瀏覽影像以從檔案工具中選擇影像。 
7. 若要提高可存取性，請在「影像」圖片替代文字 說 明。

更改頁面模板

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 在內容編輯器中，按一下右上角的「 設定」 。
4. 在對話方塊中，選擇左側選單中的 範本本。
5. 若要選擇其他範本，請按一下使用其他範本。如果你要切換已發佈頁面的 範本 本，請務必點擊「 更新」以接收任何未發佈的變更。否則，切換模板時，這些變更可能會失敗。
6. 在「 選擇 範本」頁面上，選擇 範本。
7. 若要變更主題，請按一下「 主題 」下拉式選單，然後選取「 變更主題」。 
   • 在「 選擇主題 」頁面上，選擇新 主題。
   • 若要使用HubSpot 市集 中檢視佈景主題」。深入瞭解如何 從HubSpot 市集 安裝佈景主題。 
8. 若要查看頁面在新 範本 本中的外觀，請按一下「 預覽」。然後按一下「 使用 範本 」以完成 範本 本切換，或按一下「 返回 」以選擇其他 範本。 

設定頁面語言

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 在內容編輯器中，按一下右上角的「 設定」 。
4. 在對話方塊中，選擇左側選單中的 語言。
5. 按一下「頁面語言」下拉式選單，然後選擇一種語言。深入瞭解如何 管理多語言頁面。 

設定頁面的可見度

你可以在頁面設定中的 受眾 存取 選單中設定頁面的可見性。

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 在內容編輯器中，按一下右上角的「 設定」 。
4. 在對話方塊中，選取左側選單中的 受眾 存取權限。
5. 在「 存取控制 」部分，選擇受 受眾 存取 選項： 
   • 選取「公開」，讓任何訪客都能看到網頁的內容。
   • 選擇「 需要 密碼 」 以新增訪客存取頁面內容所需的密 碼。
   • 在 Content Hub Enterprise 帳戶 中，您也可以選 存取群組 成 成員 」，要求訪客向 您的網站註冊 才能檢視此內容。 
   • 在 Content Hub Enterprise 帳戶 中，你可以選擇「單一登入 入(SSO)」，要求訪客 使用Google或Okta等身分識別供應商登入。 

設定進階頁面選項

您可以設定進階頁面選項，例如將頁面設為動態頁面、新增頁首html或頁尾html程式碼片段。您還可以管理頁面的不同樣式表。

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 在內容編輯器中，按一下右上角的「 設定」 。
4. 在對話框中，選擇左側菜單上的 進階。
5. 若要將此頁面設為動態頁面，請按一下對話方塊中的資料來源下拉式功能表，然後選取HubDB表格或屬性。深入瞭解如何使用 動態頁面。 
6. 若要將程式碼片段新增到頁面的頁首或頁尾，請在頁 首HTML 或頁 尾HTML 欄位中輸入 程式碼片段 。若要將程式碼片段新增至 網域 上的所有頁面，請前往 網站 設定。 
7. 若要新增自訂正規網址，請在「自訂正規網址」欄位中輸入該網址。深入瞭解如何使用規範網址。
8. 若要管理附加到網頁的不同類型的樣式表： 
   • 網域樣式表：這些樣式表會在網站設定中附加到單個網域的所有網頁。若要關閉特定頁面的網域樣式表，請按一下下拉式選單，然後選擇「已停用」。深入瞭解如何使用網域樣式表。
   • 範本樣式表：這些樣式表由頁面的範本設定。若要關閉特定頁面的範本樣式表，請按一下下拉式選單，然後選擇停用。使用佈景主題範本的頁面不會顯示此部分。 
   • 頁面樣式表：這些樣式表僅適用於此頁面。若要附加頁面樣式表，請按一下附加樣式表下拉式選單，然後選擇樣式表。如果也使用域和模板樣式表，其樣式優先。 

優化搜索引擎的頁面

在側邊欄編輯器的「 最佳化 」部分，您可 以查看頁面的 SEO 建議 ，或 將其附加到主題。 

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 在內容編輯器中，按一下左側邊欄中的「gauge 最佳化」圖示。 
4. 若要將內容附加到主題，請按照以下步驟操作： 
   • 若要新增現有主題，請點擊「 核心 主題」下拉式選單，然後為頁面選擇主題。
   • 若要建立新主題，請按一下「 核心 主題」下拉式選單，然後選取「新增核心主題」。在對話方塊中，輸入主題，然後按一下儲存
5. 若要將頁面附加到子主題關鍵字：
   • 選取此支援內容嗎？核取方塊。
   • 按一下Subtopic關鍵字下拉式選單，然後選擇Subtopic關鍵字
   • 若要建立新關鍵字，請按一下Subtopic關鍵字下拉式選單，然後按一下Add subtopic關鍵字。在對話方塊中，輸入子主題關鍵字，然後按一下儲存。 

6. 若要查看不完整的SEO建議，請按一下紅色圓圈的類別。每個已完成的推薦都會有一個綠色勾選標記。每個未完成的建議都會有一個灰色勾選標記。進一步了解如何使用SEO建議。 

預覽頁面

在發佈頁面之前，你可以在不同的 裝置類型 上預覽頁面，並測試 智慧內容 和個人化設定。預覽連結設計為在 帳戶 戶內部與其他使用者分享；不建議與外部訪客分享。 

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 在內容編輯器中，按一下右上角的預覽。 
4. 若要存取整頁預覽，請按一下右上角的 「在新分頁中開啟」。若要與帳戶中的使用者分享此預覽頁面，請按一下預覽頁面上的「複製連結」。如果頁面託管在HubSpot系統網域上，使用者必須登入HubSpot才能檢視此預覽。
5. 若要在其他裝置上預覽頁面，請按一下預覽頁面右上角的mobile 裝置圖示。 

6. 若要預覽個性化設定或智慧內容，請按一下「以下拉式檢視」選單： 
   • 選擇「 聯絡」以預覽頁面的 個人化設定。然後按一下第二個下拉選單，然後選擇一個連絡人以預覽該連絡人的網頁顯示方式。 
   • 選擇智慧型規則 以預覽頁面的 智慧內容。然後點擊第二個下拉式選單，並選擇一個或多個智能規則， 以預覽符合這些規則的訪客的頁面顯示方式。 
   • 若要返回網頁的預設外觀，請按一下「重設」。 

發佈頁面

自訂網頁內容和設定後，即可發佈網頁或安排日後發佈：

1. 瀏覽至您的內容：

   • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「網站頁面」。
   • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「內容」>「登陸頁面」。
2. 按一下頁面名稱。 
3. 若要立即發佈頁面，請按一下右上角的「發佈」。
4. 若要安排日後發佈的頁面，請按照以下步驟操作： 
   • 在右上角，按一下「 發佈」按鈕旁的下 拉式選單 ，然後選擇「排程選項」。 
   • 在對話方塊中，按一下 排程發佈。 

• • 按一下日期欄位，然後選擇頁面發佈的日期。 
  • 按一下 時間欄位，然後選擇頁面發佈的時間。 

• • 點擊「排程」，你對頁面所做的任何更改都將包含在排定的發佈中。

5. 若要將頁面設定為未來自動取消發佈，請按照以下步驟操作：
   • 在右上角，按一下「 發佈」按鈕旁的下 拉式選單 ，然後選擇「排程選項」。 

• • 在對話方塊中，按一下排程取消發佈標籤。 
  • 按一下「 安排取消發佈」。 
  • 按一下日期欄位，然後選擇取消發佈頁面的日期。 
  • 點擊 時間欄位，然後選擇取消發佈頁面的 時間。 
  • 按一下頁面未發佈時，將訪客重新導向至下拉式選單選擇頁面。若要使用外部實際連結網址，請按一下「輸入外部網址」並輸入 網址，然後按一下「儲存」。 
  • 按一下排程。