如何在AnQiCMS中设置单页面的SEO标题、关键词和描述，并自定义其模板？
在AnQiCMS中管理网站内容，单页面（或称独立页面）是一个非常实用的功能，比如常见的“关于我们”、“联系方式”等页面。这些页面的内容相对固定，但其SEO表现和展示形式对于网站的整体形象和用户体验至关重要。AnQiCMS在设计时充分考虑了SEO友好性，并提供了灵活的模板定制能力，让我们能够轻松地为每个单页面设置专属的SEO信息并定制其展示模板。
为单页面配置专属的SEO标题、关键词和描述
要提升单页面的搜索引擎可见度，设置准确的SEO标题（Title）、关键词（Keywords）和描述（Description）是基础而关键的一步。在AnQiCMS中，这个过程直观且易于操作。
首先，你需要登录AnQiCMS的后台管理界面，在左侧导航菜单中找到“页面资源”，然后点击“页面管理”。这里会列出你网站所有的单页面。无论是新建页面还是编辑已有页面，你都会进入一个详细的编辑表单。
在这个表单中，你会看到几个专门用于SEO优化的字段：
- 页面名称：这是用户在网站上看到的页面标题。
- SEO标题：这个字段是专门为搜索引擎准备的
<title>标签内容。通常，我们会在这里填写比“页面名称”更具吸引力且包含核心关键词的标题。一个好的SEO标题应该能概括页面内容，并吸引用户点击。AnQiCMS允许你在此处定义一个不同于页面名称的标题，以满足更精细的SEO需求。 - 关键词：在这里你可以为页面设置相关的关键词。多个关键词之间建议使用英文逗号
,进行分隔，这有助于搜索引擎更好地理解页面的核心主题。选择那些与页面内容高度相关且具有搜索量的关键词，能有效提升页面在相关搜索结果中的排名。 - 单页面简介：这个字段的内容会作为页面的描述（
<meta name="description">标签）展示给搜索引擎。一份精炼、准确的描述，不仅能吸引用户点击，还能帮助搜索引擎理解页面主旨。通常建议不超过150个字符，并自然地融入核心关键词。
除了这些，AnQiCMS还提供了“自定义URL”的选项。默认情况下，系统会根据你输入的页面名称自动生成一个拼音格式的URL别名，这对于伪静态URL的优化非常有帮助。如果你对自动生成的URL不满意，也可以手动输入，但请确保其在全站的唯一性。一个简洁、有意义的URL结构，对用户体验和搜索引擎抓取都有积极作用。
自定义单页面模板：打造个性化展示
AnQiCMS的强大之处还在于其灵活的模板定制能力。你可以为不同的单页面应用完全不同的模板，实现高度个性化的内容展示。
在单页面的编辑界面，你会看到一个名为“单页面模板”的输入框。这里就是指定页面模板的地方。
AnQiCMS的模板文件默认存放在 /template 目录下，并以 .html 作为后缀。系统内置了一套默认的命名规则，例如，单页面的默认模板路径是 page/detail.html。如果你想为ID为10的单页面设置专属模板，可以将模板文件命名为 page/10.html，系统会自动应用。
但更灵活的方式是使用自定义模板名称。比如，你有一个“关于我们”的单页面，想让它拥有独特的设计，你可以创建一个名为 page/about_us.html 的模板文件。然后在“单页面模板”的输入框中，简单填写 about_us.html（不需要填写 page/ 前缀），系统就会自动加载这个专属模板。
在自定义模板文件内部，你可以使用AnQiCMS提供的Django-like模板引擎语法来展示页面内容和SEO信息。例如，要调用单页面的标题、描述和内容，你可以使用 pageDetail 标签：
{{ pageDetail with name="Title" }}：获取页面标题{{ pageDetail with name="Description" }}：获取页面描述{{ pageDetail with name="Content" | safe }}：获取页面内容（注意|safe是为了防止HTML内容被转义）
为了确保自定义模板的SEO效果，你还应该在模板的 <head> 部分使用 tdk 标签动态输出SEO信息：
<title>{% tdk with name="Title" siteName=true %}</title>：输出页面标题，并可选择性地加上网站名称作为后缀。<meta name="keywords" content="{% tdk with name="Keywords" %}">：输出页面关键词。<meta name="description" content="{% tdk with name="Description" %}">：输出页面描述。
通过这种方式，即使你切换页面的SEO设置，模板也能自动更新这些信息，无需修改代码，极大地提升了运营效率。
操作流程示例：以“关于我们”页面为例
假设我们要创建一个“关于我们”的单页面，并为其定制SEO和模板：
- 创建或编辑单页面：在AnQiCMS后台，导航到“页面资源” -> “页面管理”，点击“添加新页面”或编辑一个现有页面。
- 配置SEO信息：
- 在“页面名称”填写：关于我们
- 在“SEO标题”填写：关于AnQiCMS - 高效企业建站专家
- 在“关键词”填写：AnQiCMS, 企业建站, 内容管理, Go语言CMS
- 在“单页面简介”填写：了解AnQiCMS的核心优势、发展理念与团队，为您的企业提供高效、安全的网站内容管理解决方案。
- 在“自定义URL”填写：about-us
- 指定自定义模板：在“单页面模板”输入框中，填写
about_us.html。 - 创建模板文件：通过FTP或后台的“模板设计”功能，在当前模板主题的
page/目录下创建一个名为about_us.html的文件。 - 编写模板内容：在
about_us.html文件中，你可以这样构建：<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>{% tdk with name="Title" siteName=true %}</title> <meta name="keywords" content="{% tdk with name="Keywords" %}"> <meta name="description" content="{% tdk with name="Description" %}"> <link rel="stylesheet" href="{% system with name="TemplateUrl" %}/css/style.css"> </head> <body> <!-- 引入公共头部 --> {% include "partial/header.html" %} <main class="main-content"> <section class="about-hero"> <h1>{{ pageDetail with name="Title" }}</h1> <p class="page-description">{{ pageDetail with name="Description" }}</p> </section> <section class="about-content"> {{ pageDetail with name="Content" | safe }} </section> </main> <!-- 引入公共底部 --> {% include "partial/footer.html" %} </body> </html> - 保存并发布：保存页面配置和模板文件，然后访问你的“关于我们”页面，就能看到定制化的展示和SEO效果了。
通过AnQiCMS提供的这些功能，你可以为网站的每一个单页面提供**的SEO优化，并灵活地设计其用户界面，从而更好地服务你的网站运营目标。
常见问题解答（FAQ）
Q1: 如果我不设置单页面的SEO标题、关键词和描述，AnQiCMS会怎么处理？
A1: 如果你没有手动为单页面设置SEO标题、关键词和描述，AnQiCMS会采取默认策略来填充这些信息。通常情况下，SEO标题会使用你设置的“页面名称”，关键词可能会留空或使用全局设置中的默认关键词，而页面描述则会自动从单页面内容的开头截取一部分文本作为描述。为了达到更好的SEO效果，我们仍然强烈建议你为每个重要页面手动填写这些信息。
Q2: 我可以在一个自定义模板中获取其他单页面的内容吗？例如，在首页模板中显示“关于我们”单页面的部分内容？
A2: 完全可以。AnQiCMS的模板标签非常灵活。你可以使用 pageDetail 标签并指定其ID来获取其他单页面的内容。例如，如果“关于我们”页面的ID是5，你可以在任何模板中这样调用：
{% pageDetail aboutPage with name="Content" id="5" %}{{ aboutPage|safe }}
这会获取ID为5的单页面的内容并展示出来，让你能够轻松地在不同页面之间复用内容模块。
Q3: 如何确保自定义单页面模板的SEO效果？
A3: 确保自定义模板的SEO效果，关键在于正确使用AnQiCMS提供的SEO相关模板标签。首先，在你的自定义模板的 <head> 区域，务必使用 tdk 标签来动态输出页面的SEO标题、关键词和描述，而不是硬编码这些信息。这样，无论你在后台如何调整页面的SEO设置，前端都能实时更新。其次，在模板内容中，确保H1标签（页面标题）的正确使用，并且页面内容结构清晰，便于搜索引擎理解。如果页面有规范链接（Canonical URL），也可以通过 {% tdk with name="CanonicalUrl" %} 标签将其添加到 <head> 中。