在内容运营中，网站文章详情页的标题设置是一个关键环节。我们经常会遇到这样的情况：文章本身的内容标题需要引人注目，富有创意，以吸引读者的点击；而搜索引擎优化（SEO）所需要的页面标题（即浏览器标签页上显示的<title>标签内容），则更侧重于关键词的布局、长度控制以及对搜索引擎的友好性。在AnQiCMS中，您完全可以灵活地管理这两种不同的标题，确保用户体验和SEO效果两不误。

AnQiCMS如何实现自定义SEO标题

AnQiCMS充分考虑了SEO优化的需求，为每篇文章提供了一个独立的“SEO标题”字段。这意味着您可以为同一篇文章设置一个对外展示给读者的文章标题，同时设置一个专门用于搜索引擎收录和展示的SEO标题。

在您编辑或发布文章时，只需留意页面下方的“其他参数”折叠区域。展开这个区域，您会看到一个名为“SEO标题”的输入框。这个字段正是AnQiCMS为您的文章详情页量身定制的SEO标题设置之处。在这里填入您精心优化的标题，它将会在页面被搜索引擎抓取时作为<title>标签的内容，而您在文章顶部设置的“文档标题”则会作为页面内容中的<h1>标题，供用户阅读。

在模板中调用自定义SEO标题

要在文章详情页的HTML头部正确显示这个自定义的SEO标题，我们需要在模板文件中使用AnQiCMS提供的强大模板标签。通常，文章详情页的模板文件会是{模型table}/detail.html或者您在后台为该文章指定的自定义模板。

AnQiCMS提供了一个名为tdk的标签，专门用于统一管理页面的title、description和keywords这些SEO核心元素。使用tdk标签调用SEO标题非常直观：

<title>{% tdk with name="Title" %}</title>

这段代码会智能地获取当前文章的SEO标题。如果您在文章的“SEO标题”字段中填写了内容，它就会优先显示您自定义的SEO标题；如果未填写，系统则会回退到使用文章本身的“文档标题”，或者其他预设的TDK逻辑，确保页面始终有一个有效的标题。

更进一步，tdk标签还提供了灵活的参数，让您可以更好地控制标题的显示。例如，在SEO标题的末尾自动加上您的网站名称，这对于品牌曝光和提高识别度非常有帮助：

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

将siteName参数设置为true，您的页面标题就会自动在SEO标题之后添加网站名称，通常以短横线-分隔（默认分隔符）。如果您希望更改分隔符，可以使用sep参数：

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

这样，您的SEO标题和网站名称之间就会使用下划线_进行连接。

除了SEO标题，我们强烈建议您也通过tdk标签在head区域引入文章的关键词和描述，这些信息同样可以在文章编辑页的“其他参数”中进行设置：

<meta name="keywords" content="{% tdk with name="Keywords" %}">
<meta name="description" content="{% tdk with name="Description" %}">

完整示例

将上述模板代码片段整合到您的文章详情页HTML的<head>部分，一个典型的文章详情页头部结构可能如下所示：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    {# 使用tdk标签动态生成SEO标题，并自动带上网站名称，以短横线分隔 #}
    <title>{% tdk with name="Title" siteName=true sep=" - " %}</title>
    {# 使用tdk标签动态生成页面关键词 #}
    <meta name="keywords" content="{% tdk with name="Keywords" %}">
    {# 使用tdk标签动态生成页面描述 #}
    <meta name="description" content="{% tdk with name="Description" %}">
    {# 引入CSS样式文件，这里使用的是系统提供的模板静态文件地址标签 #}
    <link rel="stylesheet" href="{% system with name="TemplateUrl" %}/css/style.css">
    {# 可以在此处添加其他SEO优化标签，如canonical链接等 #}
    {%- tdk canonical with name="CanonicalUrl" %}
    {%- if canonical %}
    <link rel="canonical" href="{{canonical}}" />
    {%- endif %}
    {# 网站的实际文章标题，通常作为页面内容的核心H1标签 #}
</head>
<body>
    <article>
        <h1>{% archiveDetail with name="Title" %}</h1> {# 这里的Title是文章的原始标题，用于内容展示 #}
        {# 接下来是文章正文内容，可以使用 archiveDetail 的 Content 字段 #}
        <div>
            {% archiveDetail articleContent with name="Content" %}
            {{ articleContent|safe }}
        </div>
        {# 其他文章详情元素，如发布时间、作者等 #}
    </article>
    {# 页面底部内容 #}
</body>
</html>

通过以上配置，您的安企CMS文章详情页将能够实现搜索引擎友好的自定义SEO标题，同时保持文章本身标题的阅读吸引力，为您的内容运营带来更好的效果。

常见问题解答 (FAQ)

  1. 为什么我的文章详情页<title>标签还是显示文章标题，而不是SEO标题？ 这通常是由于两个原因造成的：一，您可能忘记在文章编辑页的“其他参数”中填写“SEO标题”字段；二，您的模板文件（通常是{模型table}/detail.html或自定义模板）中没有正确使用{% tdk with name="Title" %}标签来调用SEO标题。请检查这两个地方，确保SEO标题已被设置且模板调用方式正确。

  2. 自定义SEO标题的字数有限制吗？ AnQiCMS系统本身对SEO标题的字数没有硬性限制，但为了**的搜索引擎展示效果和用户体验，我们强烈建议您将SEO标题控制在60-70个字符（中文字符约30-35个）以内。过长的标题在搜索结果页可能会被截断，影响完整信息的传达。

  3. 除了文章，分类和单页面是否也能设置自定义SEO标题？ 是的，AnQiCMS同样支持为分类和单页面设置自定义的SEO标题。在编辑分类或单页面时，您会发现类似的“其他参数”或直接的“SEO标题”字段，在那里填写内容，然后在对应的分类列表页或单页面详情页的模板中使用{% tdk with name="Title" %}标签进行调用即可。这保证了您网站所有关键页面的SEO标题都可以被精细化管理。