在运营网站时，一些看似简单的单页面，如“关于我们”、“联系我们”或“服务条款”，它们承载着网站的品牌形象、信任背书和用户转化入口。为这些页面精心设计独立的视觉风格、优化其搜索引擎（SEO）信息并灵活展示内容，是提升用户体验和网站专业度的关键。AnQiCMS 提供了强大且灵活的功能，让您能够轻松实现这些需求。

核心功能：为单页面定制专属体验

首先，我们来了解如何在 AnQiCMS 中管理和定制这些单页面。这一切都围绕着“页面管理”功能展开。

当您进入后台的“页面资源”模块，选择“页面管理”时，会看到所有已创建的单页面列表。在这里，您可以添加新的单页面，或者编辑现有页面。创建或编辑单页面时，您会发现 AnQiCMS 提供了全面的配置项，确保每个页面都能拥有其独特的标识。

内容与视觉独立性

  • 页面内容管理： 每个单页面都有独立的“页面名称”、“单页面简介”和“单页面内容”编辑区。通过富文本编辑器，您可以轻松排版文字、插入图片、视频，甚至引用代码片段，确保内容呈现的丰富性和吸引力。例如，在“关于我们”页面，您可以详尽地介绍公司历史、团队成员，并配上精美的图片；在“联系我们”页面，则可以嵌入地图、提供多种联系方式。
  • 自定义 URL： 为了让单页面的链接更具语义化和辨识度，AnQiCMS 允许您设置“自定义URL”。系统会根据您输入的页面名称自动生成拼音别名，但您也可以手动修改，创建如 /about-us.html 或 /contact.html 这样简洁友好的链接。这不仅有助于用户记忆和分享，也是搜索引擎优化（SEO）的重要一环。
  • 独立的 SEO 信息： 每个单页面都可以拥有专属的 SEO 信息，包括“SEO 标题”、“关键词”和“单页面简介”。这些字段直接对应页面的 title 标签、meta keywords 和 meta description，对于提升页面在搜索引擎结果中的可见度和点击率至关重要。精心撰写这些信息，能够让搜索引擎更好地理解页面主题，并吸引目标用户。
  • 规范的链接（Canonical URL）： 对于可能存在内容重复或为了明确首选版本的页面，您可以设置“规范的链接”。这在做外贸网站或有多个类似页面时尤为有用，能够告诉搜索引擎哪个是内容的权威版本，避免权重分散。

专属模板的配置

AnQiCMS 的强大之处在于其灵活的模板机制。默认情况下，所有单页面会使用 page/detail.html 作为其展示模板。但如果您希望“关于我们”页面有独特的布局，而“联系我们”页面则采用另一种风格，完全可以通过自定义模板来实现。

首先，在您的模板文件目录（通常是 /template/{您的模板文件夹}/page/）中，您可以创建一个新的 HTML 文件，例如 about.html。

接下来，在 AnQiCMS 后台编辑“关于我们”这个单页面时，找到“单页面模板”字段。在这里，只需填入您刚刚创建的模板文件名 about.html。保存后，当用户访问“关于我们”页面时，系统就会自动加载并渲染 about.html 这个专属模板，而非默认的 page/detail.html。通过这种方式，您可以为网站的每一个单页面设计独一无二的视觉风格，完美契合其内容主题和品牌调性。

实践中的内容展示与 SEO 优化

在您为单页面创建了专属模板后，如何在模板中调用和展示内容以及 SEO 信息呢？AnQiCMS 提供了直观的模板标签，让数据调用变得简单。

您会主要用到 pageDetail 和 tdk 这两个标签。

  • 调用页面内容： 在 about.html 这样的自定义模板中，要显示“关于我们”页面的标题、内容、简介等，您可以这样使用 pageDetail 标签：

    <h1>{% pageDetail with name="Title" %}</h1>
<div>
    {% pageDetail pageContent with name="Content" %}
    {{ pageContent|safe }}
</div>
<p>{% pageDetail with name="Description" %}</p>

    这里，{{ pageContent|safe }} 的 |safe 过滤器是必要的，它指示系统以 HTML 格式解析内容，而不是简单地将其作为纯文本输出，确保富文本编辑器的排版效果得以呈现。

  • 设置 SEO 信息： 页面的 SEO 信息通常放在 <head> 标签内。使用 tdk 标签，您可以轻松地调用单页面后台设置的 SEO 标题、关键词和描述：

    <head>
    <title>{% tdk with name="Title" siteName=true %}</title>
    <meta name="keywords" content="{% tdk with name="Keywords" %}">
    <meta name="description" content="{% tdk with name="Description" %}">
    {%- tdk canonical with name="CanonicalUrl" %}
    {%- if canonical %}
    <link rel="canonical" href="{{canonical}}" />
    {%- endif %}
</head>

    siteName=true 会自动将网站名称附加到页面标题后方，例如“关于我们 - 安企CMS”。而 CanonicalUrl 则会在后台设置了规范链接时才渲染，避免不必要的代码。

URL 结构与伪静态

自定义 URL 别名 ({filename}) 结合 AnQiCMS 提供的伪静态规则功能，能够进一步优化单页面的 URL 结构。在“功能管理”下的“伪静态规则”中，您可以选择或自定义符合 SEO **实践的 URL 模式，例如将单页面设置为 /{filename}.html 的形式，这样“关于我们”页面的链接就可以是 /about-us.html，既简洁又有利于搜索引擎抓取和理解。

总结：灵活赋能，提升价值

通过 AnQiCMS 的“页面管理”功能，您不仅能够为网站的每个单页面配置独立的模板，实现差异化的视觉体验，还能精细化地设置其 SEO 信息和内容展示方式。这种高度的灵活性确保了每个单页面都能最大化地发挥其品牌宣传、信息传达和搜索引擎优化的作用，从而提升整个网站的专业度和用户体验。

常见问题解答 (FAQ)

1. 我的自定义单页面模板已经上传，并在后台选择了，为什么前台显示还是默认模板的内容？

请检查几个方面：

  • 模板文件路径和名称是否正确？ 确保您上传的模板文件位于 template/{您的模板文件夹}/page/ 目录下，并且文件名（包括后缀 .html）与后台“单页面模板”字段中填写的内容完全一致。例如，如果您在后台填写了 about.html，那么文件就应该是 template/{您的模板文件夹}/page/about.html。
  • 缓存是否清除？ 在 AnQiCMS 后台，有时需要点击“更新缓存”功能来确保新的模板配置生效。
  • 模板代码是否存在语法错误？ 即使文件路径和名称正确，如果模板文件内部存在 Django 模板引擎语法错误，也可能导致无法正确渲染。您可以尝试查看服务器日志来排查具体错误。

2. 单页面的“自定义 URL”和“SEO 标题”会自动生成吗？我还需要手动修改吗？

是的，AnQiCMS 会在您输入“页面名称”后，尝试自动为“自定义 URL”生成拼音别名，并为“SEO 标题”默认使用“页面名称”。这些自动生成的内容通常可以满足基本需求。

然而，为了达到更好的 SEO 效果和品牌一致性，我们强烈建议您手动优化这些字段：

  • **自定义 URL：