建立和自訂網頁

在HubSpot中，您可以為您的網站建立網站和登陸頁面。您可以自訂頁面內容和設定，以及為搜尋引擎優化頁面。 

• 驗證您對要建立的網頁類型具有寫入 權限。若要發佈頁面，您還需要發佈權限。 
• 請確認您的網頁網域已連線至HubSpot以供發佈。如果你使用的是HubSpot的免費工具，你的帳戶包含一個可以發佈的HubSpot品牌網域。
• 了解HubSpot中提供的不同類型的網頁模板： 

• • 初學者範本包括拖放編輯功能以及自訂字體、顏色和按鈕樣式的選項。
  • 主題模板支援拖放編輯功能、獨特的主題模組和可自訂的主題樣式。
  • 自訂範本會在設計管理員中建立，無論是在佈局編輯器或使用自訂代碼。拖放編輯功能僅適用於具有拖放區域的自訂範本。 
• 了解您可以創建的著陸和網站頁面的數量，以及他們可以使用哪些模板。這取決於您的Marketing Hub和CMS Hub 訂閱： 

建立頁面

• 瀏覽至您的內容：

  • 網站頁面： 在你的 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 ）。 

• 按一下「檔案」選單，然後選擇「頁面設定」。
• 在對話方塊中，按一下左側邊欄選單中的「進階」。
• 若要將此頁面設為動態頁面，請按一下「資料來源」下拉式選單，然後選擇HubDB表格或屬性。進一步了解如何使用動態頁面。 
• 若要將程式碼片段新增至網頁的標頭或頁尾HTML ，請按一下「標頭HTML」或「頁尾HTML」欄位，然後輸入程式碼片段。若要將程式碼片段新增至網域上的所有網頁，請存取網站設定。 
• 若要新增自訂正規網址，請在「自訂正規網址」欄位中輸入該網址。進一步瞭解如何使用正規網址。
• 若要管理附加到網頁的不同類型的樣式表： 
  • 網域樣式表：這些樣式表會在網站設定中附加到單個網域的所有網頁。若要關閉特定頁面的網域樣式表，請按一下下拉式選單，然後選擇「已停用」。進一步了解如何使用網域樣式表。
  • 範本樣式表：這些樣式表由頁面的範本設定。若要關閉特定頁面的範本樣式表，請按一下下拉式選單，然後選擇停用。此部分不會出現在使用主題範本的頁面上。 
  • 頁面樣式表：這些樣式表僅適用於此頁面。若要附加頁面樣式表，請按一下附加樣式表下拉式選單，然後選擇樣式表。如果也使用域和模板樣式表，其樣式優先。 

發佈頁面

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

• 瀏覽至您的內容：

  • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「行銷」>「網站」>「網站頁面」。
  • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「行銷」>「登陸頁面」。
• 將遊標停留在頁面上，然後按一下「編輯」。 
• 立即發佈頁面：
  • 按一下右上角的「發佈」。 
  • 在對話方塊中，按一下立即發佈。 
• 若要安排日後發佈的頁面，請按照以下步驟操作： 
  • 在右上角，按一下「發佈」按鈕旁的下拉式選單，然後選擇「發佈」選項。 
  • 在對話方塊中，選取排程發佈以供日後使用核取方塊。 

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

• • 按一下「排程」，或按一下「排程」並繼續編輯，即可排程網頁的出版物並返回內容編輯器。 

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

• • 在對話方塊中，按一下排程取消發佈標籤。 
  • 選取排程取消發佈核取方塊。 
  • 按一下日期欄位，然後選擇取消發佈頁面的日期。 
  • 點擊時間下拉式選單，然後選擇取消發佈頁面的時間。 
  • 按一下頁面發佈後，將訪客重定向至下拉式選單選擇頁面。若要使用外部目標網址，請按一下下拉式選單，然後選擇輸入外部網址。在對話方塊中，輸入網址，然後按一下儲存。 
  • 點擊立即更新，或點擊更新並繼續編輯以安排頁面的取消發佈並返回內容編輯器。 

優化搜索引擎的頁面

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

• 瀏覽至您的內容：

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

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

預覽頁面

在發佈網頁之前，您可以在不同的裝置類型上預覽網頁，並測試智能內容和個性化設定。進一步了解如何為行動裝置自訂網頁外觀。 

• 瀏覽至您的內容：

  • 網站頁面： 在你的 HubSpot 帳戶中，瀏覽「行銷」>「網站」>「網站頁面」。
  • 登陸頁面： 在你的 HubSpot 帳戶中，瀏覽「行銷」>「登陸頁面」。
• 將滑鼠停留在頁面上，然後按一下[編輯]。 
• 在內容編輯器中，按一下右上角的預覽。 
• 若要存取整個頁面預覽，請按一下右上角的新分頁開啟。若要與HubSpot帳戶中的其他使用者分享此預覽頁面，請在預覽頁面上按一下複製連結。用戶必須登入HubSpot才能檢視此預覽。
• 若要在其他裝置上預覽頁面，請按一下預覽頁面右上角的mobile 裝置圖示。 

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