`system`、`contact`、`tdk`标签如何获取并显示网站的全局配置和SEO信息?

📅 👁️ 66

在安企CMS(AnQiCMS)的日常运营中,准确地在网站前端展示全局配置信息、联系方式以及精心优化的SEO元素,是提升用户体验和搜索引擎可见度的关键。幸运的是,AnQiCMS提供了几个直观且强大的模板标签,让用户可以轻松获取这些重要数据。本文将深入探讨systemcontacttdk这三个核心标签,帮助您将后台配置无缝集成到网站的各个页面。

获取网站全局配置:system 标签的应用

当您需要展示网站的品牌名称、Logo、备案号或核心地址等全局性信息时,system 标签便是您的得力助手。这个标签能够直接从AnQiCMS后台的“全局功能设置”中读取预设值,并将其呈现在网站前端。

要使用system标签,您通常会指定您希望获取的配置项的名称。例如,要显示网站的名称,您可以这样使用:

<div>网站名称:{% system with name="SiteName" %}</div>

如果想要将网站的Logo图片展示出来,并确保它链接到网站首页,同时具备良好的SEO实践(alt属性),您可以这样写:

<a href="{% system with name="BaseUrl" %}">
    <img src="{% system with name="SiteLogo" %}" alt="{% system with name="SiteName" %}" />
</a>

这里我们同时调用了SiteLogo来获取Logo图片地址,SiteName获取网站名称作为图片的alt文本,以及BaseUrl获取网站首页地址。

此外,像备案号(SiteIcp)、版权信息(SiteCopyright)、模板静态文件地址(TemplateUrl,常用于引入CSS或JS文件),甚至是您在后台自定义的参数,都可以通过类似的方式获取。例如,如果您自定义了一个名为“HelpUrl”的参数,用来存放帮助页面的链接,就可以这样调用:

<a href="{% system with name="HelpUrl" %}" target="_blank">帮助中心</a>

通过这种方式,您可以确保所有页面都统一使用最新的全局配置信息,而无需修改模板代码,极大提高了网站的可维护性。

展示企业联系方式:contact 标签的用法

清晰、便捷的联系方式是与用户建立信任和沟通的桥梁。AnQiCMS的contact标签专门用于获取和显示后台“联系方式设置”中的各项信息。无论是电话、邮箱、地址,还是各种社交媒体链接,它都能轻松应对。

假设您想在网站的页脚或“联系我们”页面展示公司的联系电话和邮箱,您可以这样调用:

<div>
    <p>联系电话:{% contact with name="Cellphone" %}</p>
    <p>联系邮箱:<a href="mailto:{% contact with name="Email" %}">{% contact with name="Email" %}</a></p>
</div>

如果您在后台设置了微信二维码Qrcode,并希望在前端展示,以便用户扫码添加,可以这样实现:

<div>
    <img src="{% contact with name="Qrcode" %}" alt="微信二维码" />
    <p>微信号:{% contact with name="Wechat" %}</p>
</div>

对于社交媒体平台,如Facebook或LinkedIn,如果后台有配置,也可以通过name="Facebook"name="Linkedin"等方式直接获取链接。同样,contact标签也支持调用您在后台自定义的联系方式参数,这为满足特定的展示需求提供了极大的灵活性。

优化页面SEO:tdk 标签的精髓

TDK(Title, Description, Keywords)是网站SEO的基础,它们直接影响着页面在搜索引擎结果中的展示效果和排名。AnQiCMS的tdk标签就是为此而生,它能智能地获取当前页面的SEO标题、关键词、描述以及规范链接(Canonical URL)。

在每个页面的<head>区域,您通常会看到这样的TDK设置:

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

tdk标签的强大之处在于其智能性。它会根据当前页面的类型(首页、文章详情页、分类列表页等)自动获取对应的TDK信息。例如,在文章详情页,它将显示该文章特有的SEO标题、关键词和描述;而在分类列表页,则显示该分类的TDK。

对于页面标题Titletdk标签还提供了几个实用的属性来进一步控制其显示方式:

  • siteName=true:会在页面标题后自动附加网站名称。例如,如果页面标题是“关于我们”,网站名称是“安企CMS”,那么最终显示的标题可能是“关于我们 - 安企CMS”。
  • sep="_":允许您自定义页面标题与网站名称之间的分隔符,默认为短横线-
  • showParent=true:在分类或文章页面,如果该内容有上级分类,此属性可以决定是否在标题中显示上级分类的标题,对于层级较深的网站结构,这有助于提高标题的描述性。

例如,一个显示上级分类标题并使用下划线作为分隔符的标题:

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

此外,tdk标签还能获取页面的规范链接(Canonical URL),这对于避免重复内容、集中页面权重至关重要:

{%- tdk canonical with name="CanonicalUrl" %}
{%- if canonical %}
<link rel="canonical" href="{{canonical}}" />
{%- endif %}

这里通过一个条件判断确保只有当规范链接存在时才输出<link rel="canonical">标签,这是一种稳健的实践。

总结

systemcontacttdk这三个标签是AnQiCMS模板开发中的基石,它们将网站的全局配置、联系信息和SEO元数据与前端展示紧密连接起来。通过灵活运用这些标签,您可以构建出高度一致、易于管理且对搜索引擎友好的网站,从而更好地服务于您的用户并实现运营目标。理解并熟练使用它们,将使您的AnQiCMS网站运营工作事半功倍。

常见问题 (FAQ)

1. 如果后台没有设置某个systemcontact字段的值,前端调用时会显示什么? 答:如果后台没有为某个systemcontact字段设置值,前端调用该标签时通常会返回一个空字符串。这意味着在您的网站上,该位置将不会显示任何内容,因此在设计模板时,可以根据需要对这些空值进行判断,或者设置默认的占位符文本。

2. tdk标签获取到的TDK信息是针对整个网站的还是针对当前页面的? 答:tdk标签的智能之处在于它是上下文感知的。这意味着它会根据当前访问的页面类型(如首页、文章详情页、分类列表页、单页面等)自动获取并显示相应的TDK信息。例如,在首页它会显示您在后台“首页TDK设置”中配置的内容;在文章详情页,则会显示该文章独立设置的TDK。这种设计极大地简化了SEO管理,确保了每个页面都能拥有其独特的优化信息。

3. 我能否在同一个模板文件中调用不同站点(多站点功能)的systemcontact信息? 答:可以的。AnQiCMS的多站点功能非常强大,为了支持跨站点数据调用,systemcontacttdk标签都支持一个siteId参数。您可以通过siteId="X"(其中X是目标站点的ID)来指定要获取哪个站点的配置信息。这对于构建共享某些全局信息的多站点网络非常有用,例如统一的版权信息或集团总部的联系方式。

相关文章

`stampToDate`标签如何格式化时间戳,以用户友好的方式显示日期和时间?

在安企CMS的日常内容运营中,我们经常需要将发布时间、更新时间等原始的时间戳数据,以用户更习惯、更易读的方式展现出来。原始的时间戳,例如`1609470335`这样的纯数字序列,对普通用户来说毫无意义。为了解决这个问题,安企CMS提供了一个非常实用的模板标签——`stampToDate`,它能够帮助我们将这些数字时间戳转化为格式清晰、用户友好的日期和时间显示。 ###

2025-11-08

`if`和`for`标签在AnQiCMS模板中,如何实现动态内容的条件显示和循环展示?

在安企CMS的模板世界中,`if`和`for`标签是构建动态、灵活页面的基石。它们赋予了模板根据不同数据条件显示内容,以及高效循环展示数据集的能力,让您的网站内容能够生动地呈现给访问者。安企CMS采用了类似Django的模板引擎语法,这使得熟悉网页开发的您能轻松上手,通过双花括号 `{{变量}}` 获取数据,而条件判断和循环控制则使用 `{% 标签 %}` 语法。 ### 使用 `if`

2025-11-08

`pagination`标签如何生成和控制网站内容的翻页显示效果?

在网站运营中,当内容数量庞大时,如何高效、美观地展示这些内容,同时确保用户能方便地浏览,是提升用户体验的关键。如果一股脑地将所有内容堆砌在同一页面,不仅加载缓慢,更会让访问者望而却步。此时,内容分页就显得尤为重要。它将海量信息拆分成若干小块,既减轻了页面加载负担,又让用户能够按照自己的节奏,一步步探索感兴趣的内容。AnQiCMS 提供了一个强大且灵活的 `pagination` 标签

2025-11-08

`tagList`和`tagDetail`标签如何实现基于标签的内容聚合和专题显示?

在内容管理与网站运营中,如何高效地组织和展示内容是提升用户体验与SEO表现的关键。安企CMS(AnQiCMS)提供了强大的标签功能,通过 `tagList` 和 `tagDetail` 这两个模板标签,可以轻松实现基于标签的内容聚合和专题显示,为网站带来更灵活的分类和更丰富的导航体验。 ### 标签在内容聚合中的作用 标签(Tag)是内容管理系统中的一种重要内容组织方式

2025-11-08

`breadcrumb`标签如何构建并显示用户当前页面在网站中的导航路径?

在网站建设和运营中,用户体验(UX)始终是核心。当访问者在您的网站上深入浏览时,一个清晰的导航路径能有效避免他们迷失方向,并快速了解当前位置。这就是“面包屑导航”(Breadcrumb Navigation)的价值所在。它不仅能提升用户体验,也是搜索引擎优化(SEO)的重要组成部分,帮助搜索引擎理解您网站的层级结构。 安企CMS深知这一点,因此提供了方便易用的`breadcrumb`标签

2025-11-08

AnQiCMS如何支持Markdown内容编辑,并在前端正确渲染显示数学公式和流程图?

AnQiCMS深知内容创作者对高效、灵活编辑工具的渴望。新版本引入Markdown编辑器,大大提升了内容发布的便捷性。更令人惊喜的是,AnQiCMS不仅支持基础Markdown语法,还能通过简单的配置,让复杂的数学公式和流程图在您的网站前端优雅地呈现。这对于需要展示专业知识、技术文档或教学内容的网站来说,无疑是一个强大的助力。 ### 开启Markdown编辑功能 首先

2025-11-08

AnQiCMS的内容设置中,如何精细控制图片的显示方式(如WebP、自动压缩、缩略图)?

在网站运营中,图片是吸引用户、传递信息的重要元素。然而,未经优化的图片也可能成为网站加载缓慢的元凶,进而影响用户体验和搜索引擎排名。安企CMS深知图片优化的重要性,因此提供了多项精细化的图片控制功能,帮助您在网站性能和视觉效果之间取得完美平衡。 ### 一、WebP:让图片轻盈提速的智能选择 WebP作为一种现代图片格式,在相同视觉质量下,其文件体积通常比JPEG小25-34%

2025-11-08

AnQiCMS如何处理文档中外部链接的显示,是否自动添加`nofollow`属性?

在网站运营中,外部链接的管理是一项重要的工作,它不仅关系到用户体验,更对搜索引擎优化(SEO)有着直接的影响。其中,`nofollow`属性的运用,能帮助网站管理者更精准地控制链接权重传递,避免不必要的风险。对于使用AnQiCMS的用户来说,理解系统如何处理文档中的外部链接以及是否自动添加`nofollow`属性,是高效运营网站的关键。 AnQiCMS在外部链接的处理上提供了明确且灵活的策略

2025-11-08