跳到内容
请注意::本文仅为方便您阅读而提供。本文由翻译软件自动翻译,可能未经校对。本文的英文版应被视为官方版本,您可在此找到最新信息。您可以在此处访问。

创建和定制页面

上次更新时间: 2025年9月4日

可与以下任何订阅一起使用,除非另有说明:

您可以为自己的网站创建网站和登陆页面,以建立在线形象并推动营销工作。您可以自定义页面内容和设置,还可以针对搜索引擎优化页面,确保您的内容能够到达正确的受众。例如,登陆页面对于潜在客户的生成至关重要,它可以与表单互动,获取访客信息。

开始使用前

在开始使用该功能之前,请确保充分了解应提前采取的步骤,以及该功能的局限性和使用该功能的潜在后果。

了解需求

了解限制和注意事项

创建页面

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

  1. 导航至内容

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

website-and-landing-pages-set-up-brand-kit

  1. 如果已有页面,请单击右上角的 "创建"。如果没有现有页面,请单击 "开始 " " 从零开始"
    • 如果已有页面,则会跳转到 "选择模板"页面。
    • 如果你是第一次创建页面,在选择模板之前,你会被引导到 "选择主题"页面。要选择主题,请将鼠标悬停在主题上,然后单击 "设置为活动主题"。
  2. 选择模板页面,你可以进行以下操作:
    • 要更改主题,请单击左上角搜索栏下方的主题名称(例如,主题:提升)。
      • 在 "主题 "页面,单击主题卡上的 "设为活动主题"。
      • 您将返回到 "选择模板"页面。
    • 要预览主题,请单击搜索字段下方的主题名称(例如,主题:提升)。
      • 在 "主题 "页面,单击主题卡上的 "预览"。
      • 在预览页面,单击模板下拉菜单并选择一个模板来查看主题。
      • 完成主题预览后,单击右上角的 "设置为活动主题 "或单击左上角的 "返回"
    • 要预览模板,请单击模板卡上的预览
    • 要使用活动主题中的模板,请单击模板卡上的使用
    • 要使用不属于主题的模板,请单击左侧菜单中的其他
  1. 在内容编辑器中,可用的编辑选项取决于页面的模板类型和使用的模块。了解更多有关使用主题模板、跨多个页面的全局内容拖放区域以及富文本图像模块编辑页面的信息。

自定义页面设置

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

自定义页面基本设置

你可以自定义页面设置,包括内部页面名称、页面标题、页面 URL 和元描述。订阅了Marketing Hub ProfessionalEnterprise的账户可以将页面与营销 活动关联起来。

  1. 导航至内容

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

website-and-landing-pages-general-settings

  1. 如果您订阅了Marketing Hub专业版 企业版,则可以将页面与营销 活动相关联:
    • 要将页面与现有广告系列关联,请单击广告系列下拉菜单并选择一个广告系列
    • 要将页面与新广告系列关联,请单击广告系列下拉菜单并单击创建广告系列。然后,继续设置广告系列
    • 如果从未创建过广告系列,请单击创建广告系列。然后继续设置广告系列

设置特色图片

添加特写图片,以便在社交媒体上分享页面时包含该图片:

  1. 导航至您的内容

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

website-and-landing-pages-featured-image-settings

更改页面模板

更改页面模板:

  1. 导航至您的内容

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

设置页面语言

设置页面语言

  1. 导航至您的内容

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

website-and-langing-pages-language-settings

设置页面可见性

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

  1. 导航至您的内容

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

website-and-landing-page-audience-access-settings

设置高级页面选项

你可以设置高级页面选项,如将页面设为动态页面、添加页眉 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 Optimize 图标。
  4. 将内容附加到主题
    • 要添加现有主题,请单击核心 主题 下拉菜单,然后为页面选择一个主题
    • 要创建新主题,请单击核心 主题 下拉菜单并选择添加核心主题。在对话框中输入主题,然后单击保存
  5. 将页面附加到子主题关键字
    • 选择 "这是支持内容吗?
    • 单击子主题关键字 下拉菜单并选择子主题 关键字
    • 要创建新关键字,请单击主题关键字下拉菜单 并单击添加子主题关键字。在对话框中输入子主题关键词,然后单击保存

website-and-landing-pages-recommendations

  1. 要查看未完成的搜索引擎优化建议,请单击带红圈的类别 。每个已完成的建议都会有一个绿色复选标记。每个未完成的建议都会有一个灰色复选标记。了解有关使用搜索引擎优化建议的更多信息。
website-and-landing-pages-recommendations-seo

预览页面

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

  1. 导航至您的内容

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

website-and-landing-pages-preview-device

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

website-and-landing-pages-preview-as

发布页面

自定义页面内容和设置后,您就可以发布页面或安排未来发布:

  1. 导航至您的内容:

    • 网站页面:网站页面: 在 HubSpot 帐户中,导航到内容 > 网站页面
    • 登陆页面:在 HubSpot 帐户中,导航到内容 > 登陆页面
  2. 单击页面名称
  3. 要立即发布页面,请单击右上角的发布
  4. 要安排稍后发布页面,请
    • 在右上角单击 "发布 " 按钮旁边的下拉菜单,然后选择 "计划选项"。
    • 在对话框中单击计划发布
    • 单击日期 字段,选择页面发布日期
    • 单击时间 字段,选择页面的发布时间
    • 单击计划,您对页面所做的任何更改都将包含在计划发布中。

website-and-landing-pages-schedule-publish

  1. 将页面设置为将来自动取消发布:
    • 在右上角单击 "发布 "按钮旁边的下拉菜单,然后选择 "计划选项"。
    • 在对话框中,单击计划取消发布选项卡。
    • 单击计划取消发布
    • 单击日期 字段,选择要取消发布页面的日期
    • 单击时间 字段,选择要取消发布页面的时间
    • 单击页面未发布时,将访问者重定向到下拉菜单选择页面。要使用外部目标 URL,请单击输入外部 URL并输入URL,然后单击保存
    • 单击计划

website-and-landing-pages-schedule-unpublish

这篇文章有帮助吗?
此表单仅供记载反馈。了解如何获取 HubSpot 帮助