如何在安企CMS模板中，将文章标题（`Title`）与系统设置的网站名称（`SiteName`）通过`tdk`过滤器拼接输出到``标签？</h1> <div class="meta"> <span><a href="https://www.anqicms.com/blog">安企BLOG</a></span> <span>2025-11-08</span> <span>0 阅读</span> </div> <div class="article-body"> <p>在网站运营中，<code><title></code>标签的重要性不言而喻，它不仅是搜索引擎理解页面主题的关键，也是用户在搜索结果中第一眼看到的内容。一个精心构建的页面标题，能够有效提升点击率，并对SEO优化产生积极影响。因此，如何将文章的核心标题与网站的品牌名称有机结合，形成一个既准确又富有吸引力的<code><title></code>标签，是网站模板设计中一个基础而重要的环节。</p> <p>AnQiCMS作为一款功能丰富的企业级内容管理系统，在模板设计方面提供了极大的灵活性，其模板引擎采用类似Django的语法结构。这意味着，您可以通过双花括号<code>{{ 变量 }}</code>来输出动态内容，并通过单花括号和百分号<code>{% 标签 %}</code>来调用各种内置功能和逻辑控制。这种设计使得即使是非专业开发者，也能相对轻松地理解和修改模板。</p> <p>要实现在AnQiCMS模板中将文章标题与网站名称拼接输出到<code><title></code>标签，我们需要借助AnQiCMS模板提供的几个核心功能：获取文章详情、获取系统设置以及一个专门用于处理页面SEO元信息的万能<code>tdk</code>过滤器。</p> <p>首先，文章标题是页面的核心内容标识。当您访问一篇具体的文章详情页时，AnQiCMS会自动识别当前页面的文章数据。您可以通过<code>archiveDetail</code>标签来获取文章的各种属性，其中就包括文章的标题（<code>Title</code>）。</p> <p>其次，网站名称（<code>SiteName</code>）是您在AnQiCMS后台“全局功能设置”中配置的网站统一名称，它代表了您的品牌。通过<code>system</code>标签，您可以轻松地在模板中获取到这个全局设置，包括<code>SiteName</code>。</p> <p>而真正将这两者巧妙结合并输出到<code><title></code>标签的关键，就是AnQiCMS提供的<code>tdk</code>过滤器。这个过滤器专门用于处理页面的<code>title</code>、<code>keywords</code>和<code>description</code>等SEO元信息。它非常智能，能够根据当前页面的类型（例如文章详情页、分类列表页或首页）自动抓取最相关的内容。</p> <p>要利用<code>tdk</code>过滤器将文章标题和网站名称拼接起来，您需要在<code><title></code>标签内部使用<code>{% tdk with name="Title" siteName=true %}</code>这样的语法。这里：</p> <ul> <li><code>name="Title"</code>：指示<code>tdk</code>过滤器获取当前页面的标题信息。在文章详情页，它会尝试获取文章的<code>Title</code>字段。</li> <li><code>siteName=true</code>：这是一个非常便捷的参数，它告诉<code>tdk</code>过滤器在获取到的页面标题后，自动附加上系统设置的网站名称（<code>SiteName</code>）。</li> <li><code>sep=" - "</code>：您还可以通过<code>sep</code>参数自定义标题与网站名称之间的分隔符，例如<code>" - "</code>、<code>" | "</code>或<code>" _ "</code>等，默认通常是<code>-</code>或<code>_</code>。选择一个既美观又符合SEO习惯的分隔符非常重要。</li> </ul> <p>将上述代码放置在模板文件的<code><head></code>区域内，一个典型的文章详情页的<code><title></code>标签会是这样：</p> <pre><code class="language-html"><!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 核心标题标签，自动拼接文章标题和网站名称 --> <title>{% tdk with name="Title" siteName=true sep=" - " %}</title> <!-- 同时也可以获取页面的关键词和描述 --> <meta name="keywords" content="{% tdk with name="Keywords" %}"> <meta name="description" content="{% tdk with name="Description" %}"> {# 这里可以放置其他head内容，例如CSS链接、Favicon等 #} </head> <body> {# 网站主体内容 #} </body> </html> </code></pre> <p>当您的网站访客浏览一篇名为“AnQiCMS：高效内容管理的秘密武器”的文章时，如果您的网站名称设置为“安企CMS官方站”，那么最终呈现在浏览器标签页上的标题将会是：“AnQiCMS：高效内容管理的秘密武器 - 安企CMS官方站”。</p> <p>值得一提的是，在AnQiCMS的文章编辑界面，您通常会发现一个“SEO标题（SeoTitle）”的字段。这个字段允许您为文章设置一个专门用于搜索引擎显示的标题，它会在<code>tdk</code>过滤器获取标题时，优先于文章本身的<code>Title</code>字段。这意味着，如果您为文章设置了“SEO标题”，那么<code>tdk</code>过滤器将使用该“SEO标题”与网站名称拼接，而不是文章的常规标题。这为您提供了更精细的SEO控制能力，确保每个页面都能拥有最适合搜索优化的标题。</p> <p>通常，为了保持全站的一致性，这种<code><title></code>标签的设置会放在网站的通用头部文件（例如<code>base.html</code>或<code>header.html</code>）中，以便所有页面都能自动继承并生成规范的标题。通过这种方式，您无需为每个页面单独编写<code><title></code>标签，AnQiCMS会自动为您处理，大大提高了网站管理和SEO优化的效率。</p> <hr> <h3>常见问题 (FAQ)</h3> <p><strong>1. 为什么我设置了<code>siteName=true</code>，但在<code><title></code>标签中网站名称没有显示出来？</strong></p> <p>这通常是因为您在AnQiCMS后台的“全局功能设置”中，并没有填写“网站名称（SiteName）”字段，或者字段留空了。请检查后台设置，确保“网站名称”字段有明确的内容。<code>tdk</code>过滤器会从系统设置中读取此信息，如果读取不到，就不会拼接。</p> <p><strong>2. 我想让某些页面的<code><title></code>标签只显示文章标题，而不拼接网站名称，该怎么做？</strong></p> <p>您可以在需要单独显示的页面模板中，将<code>tdk</code>过滤器的<code>siteName</code>参数设置为<code>false</code>，或者干脆省略该参数（因为<code>siteName</code>的默认值就是<code>false</code>）。例如，您可以这样写：<code><title>{% tdk with name="Title" siteName=false %}</title></code> 或者直接 <code><title>{% tdk with name="Title" %}</title></code>。这会使AnQiCMS只输出当前页面的标题，而不附加网站名称。</p> <p><strong>3. 文章的“SEO标题”字段有什么用？它和文章的普通“标题”有什么区别？</strong></p> <p>文章的“SEO标题”（SeoTitle）字段允许您为搜索引擎设定一个独立的、优化过的标题，它会在<code>tdk</code>过滤器生成<code><title></code>标签时，优先于您在“文章标题”（Title）字段中填写的普通标题。换句话说，如果您设置了“SEO标题”，<code><title></code>标签将使用“SEO标题”；如果您没有设置，则默认使用“文章标题”。这种设计旨在为您提供更大的灵活性，您可以用普通“标题”吸引读者，而用“SEO标题”满足搜索引擎的优化需求。</p> </div> </div> </div> <div class="layui-card"> <div class="layui-card-body"> <div class="article-prev-next"> <li> 上一篇： <a href="https://www.anqicms.com/blog/9421.html">`dump`过滤器在安企CMS模板调试时有哪些**实践，如何清晰地查看复杂变量的结构和值？</a> </li> <li> 下一篇： <a href="https://www.anqicms.com/blog/9423.html">`tdk`过滤器在安企CMS中如何配置分隔符（`sep`）和是否显示父级分类标题（`showParent`）？</a> </li> </div> </div> </div> </div> <div class="layui-col-md3"> <div class="layui-card"> <div class="layui-card-body"> <ul class="aside-list"> <li class="item"> <a href="https://www.anqicms.com/case" class="link"> <h5 class="title">安企CMS网站案例</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/help" class="link"> <h5 class="title">安企CMS使用帮助</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/manual" class="link"> <h5 class="title">安企CMS模板标签手册</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog" class="link"> <h5 class="title">安企BLOG</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/design" class="link"> <h5 class="title">设计市场</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/anqiapi" class="link"> <h5 class="title">安企CMS接口帮助</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/changelog" class="link"> <h5 class="title">AnqiCMS更新记录</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/question" class="link"> <h5 class="title">问题交流</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/plugin" class="link"> <h5 class="title">功能介绍</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/courses" class="link"> <h5 class="title">视频教程</h5> </a> </li> </ul> </div> </div> <div class="layui-card"> <div class="layui-card-header">最新文章</div> <div class="layui-card-body"> <ul class="aside-list"> <li class="item"> <a href="https://www.anqicms.com/blog/9464.html" class="link"> <h5 class="title">AnQiCMS如何利用Tag标签将相关文档关联并显示在前端？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9463.html" class="link"> <h5 class="title">如何在AnQiCMS中显示文章的浏览量和评论数量？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9462.html" class="link"> <h5 class="title">AnQiCMS如何自定义导航菜单并在前端实现多级下拉显示？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9461.html" class="link"> <h5 class="title">如何在AnQiCMS模板中使用“if逻辑判断标签”控制内容的条件显示？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9460.html" class="link"> <h5 class="title">AnQiCMS如何利用“循环遍历标签（for）”在模板中显示动态数据列表？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9459.html" class="link"> <h5 class="title">如何在AnQiCMS模板中安全地输出富文本内容，避免XSS攻击？</h5> </a> </li> </ul> </div> </div> <div class="layui-card"> <div class="layui-card-header">相关文章</div> <div class="layui-card-body"> <ul class="aside-list"> <li class="item"> <a href="https://www.anqicms.com/blog/9421.html" class="link"> <h5 class="title">`dump`过滤器在安企CMS模板调试时有哪些**实践，如何清晰地查看复杂变量的结构和值？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9420.html" class="link"> <h5 class="title">如何在安企CMS模板中通过`safe`过滤器，安全地输出后端传递的HTML代码，而避免被转义？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9419.html" class="link"> <h5 class="title">`urlize`和`urlizetrunc`过滤器在安企CMS中，如何自动识别文本中的URL和邮箱地址并转换为可点击的链接？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9423.html" class="link"> <h5 class="title">`tdk`过滤器在安企CMS中如何配置分隔符（`sep`）和是否显示父级分类标题（`showParent`）？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9424.html" class="link"> <h5 class="title">如何在安企CMS模板中，使用`stringformat`过滤器将价格数字格式化为货币形式（如“¥%.2f”）？</h5> </a> </li> <li class="item"> <a href="https://www.anqicms.com/blog/9425.html" class="link"> <h5 class="title">`stringformat`过滤器在安企CMS中如何处理空值或无效输入，是否会返回错误或默认值？</h5> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="footer-block"> <footer class="layui-footer"> <div class="layui-container"> <div class="layui-row layui-col-space30" style="margin-left: -8px; margin-right: -8px; row-gap: 16px;"> <div class="layui-col-lg4 footer-block"> <h3>安企内容管理系统(AnqiCMS)</h3> <p><img src="/anqicms.png" style="width: 96px;" /></p> <p>安企内容管理系统(AnqiCMS)，是一款使用 GoLang 开发的企业站内容管理系统，它部署简单，软件安全，界面优雅，小巧，执行速度飞快，使用 AnqiCMS 搭建的网站可以防止众多安全问题发生。</p> </div> <div class="footer-block layui-col-lg3 layui-col-xs6"> <h3>安企CMS</h3> <ul class="footer-list"> <li class="item"> <a href="/about.html" class="link"> <div class="title">关于安企CMS</div> </a> </li> <li class="item"> <a href="/download" class="link"> <div class="title">下载安企CMS</div> </a> </li> <li class="item"> <a href="/price.html" class="link"> <div class="title">服务价格</div> </a> </li> <li class="item"> <a href="/help-basic/114.html" class="link"> <div class="title">开发计划</div> </a> </li> <li class="item"> <a href="/changelog" class="link"> <div class="title">版本记录</div> </a> </li> <li class="item"> <a href="/authorization.html" class="link"> <div class="title">授权&贡献查询</div> </a> </li> </ul> </div> <div class="footer-block layui-col-lg3 layui-hide-xs"> <h3>使用帮助</h3> <ul class="footer-list"> <li class="item"> <a href="/case" class="link"> <div class="title">网站案例</div> </a> </li> <li class="item"> <a href="/design/1" class="link"> <div class="title">模板市场</div> </a> </li> <li class="item"> <a href="/help" class="link"> <div class="title">使用帮助</div> </a> </li> <li class="item"> <a href="/manual" class="link"> <div class="title">模板手册</div> </a> </li> <li class="item"> <a href="/anqiapi" class="link"> <div class="title">接口文档</div> </a> </li> <li class="item"> <a href="/question" class="link"> <div class="title">问题交流</div> </a> </li> </ul> </div> <div class="layui-col-lg2 layui-col-xs6"> <h3>联系我们</h3> <div>联系微信：websafety</div> <img class="qrcode" src="https://www.anqicms.com/uploads/202211/09/1a55bfcde55aa2d6.webp"> <div class="qr-tips">联系客服</div> </div> </div> </div> </footer> <div class="footer-copyright"> <a href="/privacy.html">隐私权</a> <a href="/terms.html">条款</a> <a href="https://beian.miit.gov.cn/" rel="nofollow" target="_blank">粤ICP备2024356999号</a> <span>© 2020-2025 深圳市搜外科技有限公司 All Rights Reserved, Created By <a href="https://www.anqicms.com/" target="_blank">安企内容管理系统(AnqiCMS)</a></span></div> </div> </body> <script src="https://www.anqicms.com/static/anqitpl1/js/template.js?v=1.3"></script> <script src="https://www.anqicms.com/static/anqitpl1/layui/layui.js"></script> <script type="module"> import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@10/dist/mermaid.esm.min.mjs'; mermaid.initialize({ startOnLoad: true }); </script> <script> layui.config({ base: "https://www.anqicms.com/static/anqitpl1/js/" }).use('index'); //加载入口 </script> <script src="https://www.anqicms.com/static/anqitpl1/js/app.js?v=1.5.7"></script> <div class="layui-hide"><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?23ac1576d1ee72920a3d65a2cf536ac0"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </html>