灵活定制安企CMS文章详情页标题显示格式的秘诀

在运营网站时，文章详情页的标题显示格式是一个看似简单却至关重要的细节。它不仅影响用户在浏览器标签页、收藏夹中的识别，更是搜索引擎优化（SEO）的关键要素之一。一个清晰、有吸引力且格式规范的标题，能有效提升文章的点击率和网站的专业形象。安企CMS（AnQiCMS）提供了多种灵活的方式来帮助我们自定义文章详情页的标题显示格式，让我们能够根据实际需求进行精细化调整。

理解标题的两个层面：HTML <title> 与页面 <h1>

在深入定制之前，我们首先要明确网页标题的两个主要层面：

  1. HTML <title> 标签（浏览器标题）：这是呈现在浏览器标签页、收藏夹、搜索引擎结果页（SERP）中的标题。它主要用于告知用户和搜索引擎当前页面的主题。在安企CMS中，这个标题通常通过模板文件头部 <head> 部分的 <title> 标签来控制。
  2. 页面 <h1> 标签（文章正文标题）：这是文章内容区域内部显示的大标题，是用户进入页面后首先看到的核心内容标题。它通常在模板文件 <body> 部分通过 <h1> 标签呈现。

这两个标题虽然内容可能相似，但在控制方式和优化侧重点上有所不同。安企CMS允许我们分别对它们进行定制。

核心定制：HTML <title> 标签的显示格式

在安企CMS中，控制 <title> 标签显示格式的关键在于模板中的 tdk 标签。这个标签专门用于动态输出页面的标题（Title）、关键词（Keywords）和描述（Description），这些是SEO非常重视的元信息。

要自定义文章详情页的 <title>，我们需要在网站模板文件（通常是 detail.html 或文章详情页所使用的自定义模板）的 <head> 部分使用 tdk 标签，并配合其提供的参数来实现不同的组合：

<title>{% tdk with name="Title" siteName=true sep=" - " %}</title>

这段代码是最常用的标题格式之一，它会智能地按照“文章标题 - 网站名称”的格式输出。让我们看看 tdk 标签的几个常用参数：

  • name="Title": 这是指定要输出标题内容的指令。
  • siteName=true: 这个参数非常实用，它会在文章标题的后面自动追加网站在后台“全局功能设置”中配置的“网站名称”。如果设置为 false，则不会显示网站名称。
  • sep=" - ": 这个参数允许我们自定义文章标题与网站名称之间的分隔符。你可以根据喜好设置为 -、_、| 甚至是其他符号。

优先级与智能 Fallback

安企CMS的后台为每篇文章提供了独立的“SEO标题”字段。为了更好地进行SEO优化，我们通常希望这个SEO标题优先显示，如果SEO标题未填写，则自动 fallback（回退）到文章本身的标题。我们可以通过简单的逻辑判断来实现这种优先级：

<title>{% if archive.SeoTitle %}{{ archive.SeoTitle }}{% else %}{% tdk with name="Title" siteName=true sep=" - " %}{% endif %}</title>

这段代码首先检查文章是否设置了 SeoTitle。如果设置了，就直接使用 SeoTitle 作为 <title> 标签的内容；否则，就回退到使用 tdk 标签的默认行为（例如“文章标题 - 网站名称”）。

显示父级分类名称

在某些场景下，你可能希望在文章标题中体现其所属的分类层级，特别是对于具有多级分类的网站。tdk 标签也支持通过 showParent 参数来包含父级分类的标题：

<title>{% tdk with name="Title" siteName=true sep=" - " showParent=true %}</title>

这样，标题可能会显示为“文章标题 - 父级分类名称 - 网站名称”，增加了标题的上下文信息。

定制文章页面内部的 <h1> 标题

文章详情页内部的 <h1> 标题，是用户在页面上直接阅读到的文章主题。它通常直接使用文章的标题或SEO标题。在模板中，我们可以通过 archiveDetail 标签或者直接引用 archive 对象的属性来控制。

常见的用法是直接显示文章标题：

<h1>{% archiveDetail with name="Title" %}</h1>

或者，如果你想让页面内的 <h1> 也优先显示SEO标题，可以采取与 <title> 标签类似的逻辑：

<h1>{% if archive.SeoTitle %}{{ archive.SeoTitle }}{% else %}{% archiveDetail with name="Title" %}{% endif %}</h1>

这样做的好处是，如果SEO标题更精炼或更具营销性，它可以在页面内容中得到体现，同时也能保持与 <title> 标签的一致性。

更深层次的定制：针对特定文章或分类的模板

安企CMS提供了非常灵活的模板机制，允许你为单个文章或特定的分类指定独立的模板文件。这意味着你可以为某些重要的、需要特殊展示的文章，拥有完全不同的标题显示逻辑。

操作方法：

  1. 在后台指定自定义模板：

    • 在发布或编辑文章时，找到“其他参数”中的“文档模板”字段。
    • 在此处填写你希望使用的自定义模板文件的名称，例如 special_article_detail.html。
    • 同样，在编辑文章分类时，你也可以指定“分类模板”和“文档模板”，让该分类下的所有文章都使用特定的标题格式。

  2. 创建自定义模板文件：

    • 在当前使用的模板目录下（例如 /template/default/），根据需要创建对应的模板文件。例如，如果你指定了 special_article_detail.html，就创建这个文件。
    • 如果你希望特定分类的某个文档使用自定义模板，模板名称格式通常是 {模型table}/{文档id}.html，例如 article/123.html。
    • 在这些自定义模板文件中，你拥有完全的自由来编写 <title> 和 <h1> 标签，应用任何你想要的逻辑和组合。

通过这种方式，你可以为网站的核心内容创建独一无二的标题展示效果，无论是为了突出营销信息，还是为了满足特定的设计风格。

总结操作流程

自定义安企CMS文章详情页的标题显示格式，主要涉及以下几个步骤：

  1. 确定显示需求：明确你希望 HTML <title> 标签和页面 <h1> 标签如何组合（例如：“文章标题 - 网站名称”、“SEO标题 | 分类名称”等）。
  2. 修改模板文件：进入 /template/你的模板名称/ 目录，找到文章详情页对应的模板文件（通常是 article/detail.html 或 product/detail.html）。
  3. 编辑 <head> 部分：利用 tdk 标签及其 name="Title"、siteName、sep、showParent 等参数，以及 archive.SeoTitle 的条件判断，来构建你的理想 <title> 格式。
  4. 编辑 <body> 部分：利用 archiveDetail 标签或