创建和定制页面

为您的网站创建 网站和登陆页面 ，以建立在线形象并推动您的营销工作。使用 Breeze 生成个性化页面，只需输入描述页面目的、访客目标和 理想客户档案 (ICP) 的提示即可。 

自定义页面内容和设置，并针对搜索引擎优化页面，确保您的内容能够到达正确的受众。 

请注意：你可以在 AI 设置中管理 AI 功能访问权，并配置共享的数据。请参阅 HubSpot 的AI信任常见问题解答和 AI 模型卡，了解有关 AI 安全控制、数据使用和合规性的详细信息。

开始之前

在开始创建和自定义页面之前，请查看相关要求和注意事项。

了解要求

• 要使用 Breeze 生成页面，超级管理员 必须在 "人工智能设置"中打开 " 允许用户访问人工智能生成工具和功能 " 开关。
• 要从登陆页面和网站页面移除 HubSpot 品牌，需要订阅 Content Hub Starter、 Professional 或 Enterprise 。
  

了解局限性和注意事项

• 确认您的 域名已连接 到 HubSpot 以进行发布。如果您使用的是 HubSpot 的免费工具，您的账户中会包含一个 HubSpot 品牌的域名，可以随时发布信息。
• 了解不同类型的页面模板：
  
  • 主题模板 支持 拖放编辑 功能、独特的主题模块和 可定制的主题样式。
  • 自定义模板是在设计管理器中通过 布局编辑器或使用 自定义代码创建的。拖放编辑功能仅适用于带有 拖放区域的自定义模板。 

手动创建页面

在内容编辑器中使用活动主题的模板手动创建页面。您还可以更改页面主题、编辑主题或使用其他模板。 

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 要使页面与品牌保持一致，请单击页面顶部的 " 设置品牌工具包 "。
   • 在对话框中，单击 " 徽标"、" Favicon"和 "颜色"旁边的 " 添加 "。
   • 选择 "保存"，应用每个选项的更改。 
   • 完成后，单击 X 关闭对话框。了解更多有关 定制公司品牌的信息。

3. 在右上角单击 创建 [网站/登陆] 页面。 如果没有现有页面，请单击 " 开始 " 或 "从零开始"。
   
   • 如果已有页面，则会跳转到 " 选择模板 "页面。
   • 如果你是第一次创建页面，在 选择模板之前，你会被引导到 " 选择主题 "页面。要选择主题，请将鼠标悬停在 主题 上，然后单击 " 设置为活动主题"。
4. 在 " 选择模板 "页面，您可以执行以下操作：

1. • 要更改主题，请单击左上角 搜索 栏下方的主题 名称 （如 主题：提升）。
     • 在 "主题 "页面，单击主题卡上的 " 设为活动 主题"。 
     • 您将返回 " 选择模板 "页面。
   • 要预览主题，请单击 搜索 字段下方的主题 名称 （例如， 主题：提升）。
     • 在 "主题 "页面，单击主题卡上的 " 预览 "。
     • 在预览中，点击 模板 下拉菜单，选择一个 模板 来查看主题。
     • 完成主题预览后，单击右上角的 " 设置为活动主题 "或单击左上角的 " 返回 "。

1. • 要预览模板，请单击模板卡上的 " 预览 "。
   • 要使用活动主题中的模板，请单击 模板卡。然后点击 手动编辑。
   • 要使用不属于主题的模板，请单击左侧菜单中的 " 其他 "。 

5. 在内容编辑器中，可用的编辑选项取决于页面的模板类型和使用的模块。进一步了解如何使用 主题模板编辑页面、跨多个页面的 全局内容 、 拖放区域以及 富文本 或 图像 模块。

使用 Breeze 生成页面

使用 Breeze 生成适合您目标的页面。写下页面目的提示，代理就会生成内容建议，包括文案、图片、自动表单和会议链接。

1. 导航至您的内容：
   • 在 HubSpot 帐户中，导航到内容 > 登陆页面。
   • 在 HubSpot 帐户中，导航到内容 > 网站页面。
2. 使您的网页与您的品牌保持一致。
3. 在右上角单击 " 创建"。
   • 如果已有页面，则会跳转到 " 选择模板 "页面。
   • 如果你是第一次创建页面，在 选择模板之前，你会被引导到 " 选择主题 "页面。要选择主题，请将鼠标悬停在 主题 上，然后单击 " 设置为活动主题"。
4. 要使用活动主题中的模板，请单击 模板卡。
5. 在右上角，单击 " 使用人工智能生成"。您将进入 " 生成内容 "页面。 
6. 在 " 描述您的页面"部分，输入 文字描述 您的着陆页。包括页面的目的、目标受众、主要内容、基调和信息。通过此 示例了解更多信息。
   • 如需提示帮助，请单击 " Help me prompt"（帮助我提示 ）下拉菜单，然后选择一个示例提示 （例如， 报名参加活动） 开始操作。
   • 在占位符文本中输入您的具体 信息 。

7. 要配置图像，请单击 图像选项 下拉菜单 并选择一个 选项（例如， 使用占位符图像）。

8. 要添加支持文件，请单击 " 添加 文件 "下拉菜单并选择 " 为上下文添加文件"。
   • 在右侧面板中，选择 内容类型 （如 文档）。
   • 从文件工具 中选择 文件 ，或点击 上传 从设备上传文件。最多可添加五个文件，以改进页面内容。 
9. 要为可下载内容添加文件，请单击 " 添加文件 "下拉菜单并选择 " 为可下载内容添加文件"。然后 从文件工具 中选择 文件 ，或点击 上传 从设备中上传文件。
10. 完成后，单击 " 使用 Breeze 生成"。
11. Breeze 生成页面后，将引导您进入 内容编辑器 ，继续自定义页面。

示例：使用 Breeze 生成登陆页面

要使用 Breeze 生成着陆页，请使用下面的示例细节：

1. 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 单击 创建登陆页面。
3. 在 " 选择模板 "页面，单击 模板卡。然后点击右上角的 " 使用人工智能生成 "。
4. 在 "生成内容 "页面，在 " 描述您的 内容 "部分输入以下 文本 ：

为现有客户创建一个登陆页面，说服访客与销售代表预约会面。它应清楚地传达 1:1 会议将如何帮助他们优化现有工具，并从订阅中获取更多价值。

包括其他选项：
在页面顶部添加简短的客户价值摘要。
在折叠上方添加日程安排 CTA。
包括一个部分，概述与代表会面的三大好处。
添加现有客户的推荐。
添加简短的常见问题解答，介绍会面中的预期内容。

5. 单击 图像选项 下拉菜单 并选择一个 选项（例如， 使用占位符图像）。
6. 完成后，单击 " 使用 Breeze 生成"。 
7. Breeze 生成着陆页后，会引导您进入 内容编辑器 ，继续定制页面。

自定义页面设置

编辑页面内容后，您可以自定义页面属性，如 URL、元描述和语言。 

自定义基本页面设置

自定义页面设置，包括内部页面名称、页面标题、页面 URL 和元描述。您还可以将页面与活动关联起来。

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击页面名称 。 
3. 在内容编辑器中，单击右上角的 设置 。 
4. 在对话框中，在 内部页面名称 字段中输入 内部名称 。游客将看不到这个名称。 
5. 在 页面标题 字段中，输入页面的 外部名称 。页面加载时，该名称将出现在访客网络浏览器顶部的标签页中。 
6. 在 "页面 URL "部分，点击 "域 "下拉菜单，选择页面所在的 域 。然后在内容 标题字段中输入 URL 标题。了解有关 编辑页面 URL 的更多信息。 
7. 在 " 元描述 "字段中，输入将显示在搜索结果中的页面内容 描述 。要使用 AI 改进描述，请单击 artificialIntelligenceIcon 微风图标。了解有关 使用 Breeze 生成元描述的更多信息。 

8. 将页面与活动关联：

1. • 要将页面与现有广告系列关联，请单击广告 系列 下拉菜单并选择一个 广告系列。
   • 要将页面与首个广告系列或新广告系列关联，请单击广告 系列 下拉菜单并单击 创建广告系列。然后，继续 设置您的活动。 

设置特色图片

添加特色图片，以便在社交媒体上分享页面时包含该图片：

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击页面名称 。 
3. 在内容编辑器中，单击右上角的 设置 。
4. 在对话框中，选择左侧菜单中的 精选图片。
5. 打开 启用特色图像 开关。
6. 单击 " 上传 "从电脑中选择图像，或单击 " 浏览图像 " 从文件工具 中选择图像 。
7. 为提高可访问性，请在 "图像 alt 文本 "字段中输入图像 描述 。

更改页面模板

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击页面名称 。 
3. 在内容编辑器中，单击右上角的 设置 。
4. 在对话框中，选择左侧菜单中的 模板。
5. 要选择其他模板，请单击 " 使用其他模板"。如果要切换已发布页面的模板，请务必单击 " 更新"，将任何未发布的更改生效。否则，这些更改可能会在切换模板时丢失。
6. 在 " 选择模板"页面，选择一个 模板。
7. 要更改主题，请单击 " 主题 "下拉菜单并选择 " 更改主题"。 
   • 在 " 选择主题 "页面，选择一个新 主题。
   • 要使用 HubSpot 市场上的主题，请单击 " 查看市场上的主题"。了解有关 从 HubSpot Marketplace 安装主题的更多信息。 
8. 要查看新模板下的页面外观，请单击 预览。然后单击 " 使用模板 "完成模板切换，或单击 " 返回 "选择其他模板。 

设置页面语言

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击页面名称 。 
3. 在内容编辑器中，单击右上角的 设置 。
4. 在对话框左侧菜单中选择 语言。
5. 点击 页面语言 下拉菜单，选择一种语言。了解有关 管理多语言页面的更多信息。 

设置页面的可见性

您可以在页面设置的 受众访问 菜单中设置页面的可见性。

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击页面名称 。 
3. 在内容编辑器中，单击右上角的 设置 。
4. 在对话框中，选择左侧菜单中的 " 受众访问"。
5. 在 访问控制 部分，选择 受众访问 选项：
   • 选择 " 公开 "，任何访客都可以访问页面内容。
   • 选择 " 需要 密码 "，为访问者 添加 访问页面内容 所需的密码 。
   • 在 Content Hub 企业 账户中，您还可以选择 " 需要访问组会员资格"，要求访问者 在您的网站上注册 后才能查看此内容。 
   • 在 Content Hub 企业 账户中，您可以选择 "需要单点登录（SSO） "，要求访问者 使用身份提供商（如 Google 或 Okta） 登录。 

设置高级页面选项

你可以设置高级页面选项，如将页面设为动态页面、添加页眉 html 或页脚 html 代码片段。您还可以管理页面的不同样式表。

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击页面名称 。 
3. 在内容编辑器中，单击右上角的 设置 。
4. 在对话框中，选择左侧菜单的 高级。
5. 要使该页面成为动态页面，请单击对话框中的 数据源 下拉菜单并选择 HubDB 表 或 属性。进一步了解如何使用 动态页面。 
6. 要在页眉或页脚添加代码片段，请在页眉 HTML 或 页脚 HTML 字段 中输入 代码片段 。要在域名的所有页面上添加代码片段，请 访问网站设置。
7. 要添加自定义规范 URL，请在自定义规范 URL 字段中输入URL 。了解有关使用规范 URL 的更多信息。
8. 管理页面附加的不同类型 的样式表 ： 
   • 域样式表：这些样式表在网站设置中附加到单个域的所有页面上。要关闭特定页面的域样式表，请单击 下拉菜单 并选择已禁用。进一步了解如何使用域样式表。
   • 模板样式表：这些样式表由页面模板设置。要关闭特定页面的模板样式表，请单击下拉菜单 并选择已禁用。使用主题模板的页面不会显示此部分。 
   • 页面样式表： 这些样式表只适用于该页面。要附加页面样式表，请单击 "附加样式表 "下拉菜单并选择样式表。如果同时使用域和模板样式表，则优先使用它们的样式。 

为搜索引擎优化网页

在侧边栏编辑器的 " 优化 " 部分，您可以 查看页面的搜索引擎优化建议 或 将其附加到某个主题。 

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击页面名称 。 
3. 在内容编辑器中，点击左侧边栏的 gauge 优化 图标。 
4. 将内容附加到 主题： 
   • 要添加现有主题，请单击 核心 主题 下拉菜单，为页面选择一个主题 。
   • 要创建新主题，请单击 核心 主题 下拉菜单并选择添加核心主题。在对话框中输入 主题，然后单击保存
5. 将页面附加 到子主题关键字：
   • 选择 " 这是支持性内容吗 "复选框。
   • 单击 副标题关键词下拉菜单 并选择一个副标题 关键词
   • 要创建新关键字，请单击 子主题关键字 下拉菜单，然后单击 添加子主题关键字。在对话框中输入副标题关键字，然后单击保存。 

6. 要查看不完整的搜索引擎优化建议，请单击带红圈的类别 。每项已完成的建议都会有一个绿色的复选标记。每项未完成的建议都会有一个灰色的复选标记。了解有关使用 搜索引擎优化建议的更多信息。 

预览页面

在发布页面之前，您可以在不同 类型 的 设备 上预览页面，并测试智能内容和个性化。预览链接的目的是在内部与账户中的其他用户共享，不建议与外部访客共享。 

1. 导航至您的内容：

   • 网站页面： 在 HubSpot 帐户中，导航到内容 > 网站页面。
   • 登陆页面： 在 HubSpot 帐户中，导航到内容 > 登陆页面。
2. 点击页面名称 。 
3. 在内容编辑器中，单击右上角的预览 。 
4. 要访问整页预览，请单击右上角的 " 在新标签页中打开" 。要与账户中的用户共享该预览页面，请单击预览页面上的 " 复制 "链接 。如果页面托管在 HubSpot 系统域上，用户必须登录 HubSpot 才能查看该预览。
5. 要在不同设备上预览页面，请单击预览页面右上方的 mobile设备图标 。 

6. 要预览个性化或智能内容，请单击 "预览为 "下拉菜单： 
   • 选择 "联系" ，预览页面的 个性化设置。然后点击第二个 下拉菜单 ，选择一个联系人 ，预览该联系人的页面显示效果。 
   • 选择智能规则 ，预览页面的 智能内容。然后点击第二个 下拉菜单 ，选择一个或多个智能规则 ，预览符合这些规则的访客访问页面的效果 。
   • 要返回页面的默认外观，请单击重置。