为CMS条目自定义设置元标题和描述

为CMS条目设置自定义元标题和描述

了解如何在 Framer 中为 CMS 项目设置自定义元标题和描述,以提升 SEO 和用户体验。

自定义 CMS 项目中的 meta 标题和描述有助于提升网站的 SEO 效果,并确保搜索结果能更准确地反映您的内容。

添加自定义 meta 标题

meta 标题决定了您的页面标题在搜索结果中的显示方式,应简洁且与内容相关。

  1. 在您的 CMS 中创建或使用一个Title字段。如果尚不存在,请添加一个专门用于页面标题的纯文本字段。

  2. 在页面设置的Title字段中输入{{Title}},以动态插入来自 CMS 项目的标题。

Framer 页面设置界面截图,显示 Title 字段包含“{{Title}} - Free AI Startup Website Kit”。深色主题界面展示了 SEO 元数据的配置选项,Title 字段演示了如何使用 CMS 变量动态插入内容标题。

添加自定义 meta 描述

meta 描述为您的页面内容提供简要摘要,有助于提高搜索结果中的点击率。

  1. 向您的 CMS 添加一个Description字段。您可以将其命名为“Description”或其他您偏好的名称。

  2. 为每个 CMS 项目填写所需的描述内容。

  3. 在页面设置的Page Description字段中输入{{Description}},以动态插入 CMS 项目的描述。

Framer 页面设置界面截图,展示如何设置动态 meta 描述。界面中有一个标为 'Page Description' 的文本字段,其中包含 '{{Description}}' 作为 CMS 变量。该字段下方有说明文字,指出可以从 CMS 使用纯文本值作为标题和描述,并列出了可用的 CMS 变量示例(Title、Slug、Description)。页面还显示了搜索引擎可见性选项,包括 'Show page in search engines' 和 'Show page in Site Search' 的复选框。

Google 的自动描述

Google 有时会用其认为更符合搜索查询的内容替换您的 meta 描述。您可以通过可访问性设置限制此行为。

  1. 在画布中选择您认为 Google 可能抓取的内容。

  2. 可访问性中点击+,选择Google Bot,并将其设置为跳过

  3. 若要防止 Google 抓取任何文本,请将此设置应用于最外层的框架。

Framer 界面截图,显示可访问性面板中的 Google Bot 设置。面板展示了文本对齐、变量设置等选项,并显著突出 Google Bot 下拉菜单设置为 'Skip'。此设置可防止 Google 在搜索结果描述中使用选定内容。

了解更多关于元数据的工作原理以及如何优化它的信息,请参阅 Framer Academy – 元数据。

Create a free website with Framer, the website builder loved by startups, designers and agencies.