How to dynamically set and display the page's Title, Keywords, and Description using the `tdk` tag to optimize SEO?

In website operation, how to make our content better discovered by search engines and attract more potential users is a continuous challenge.Among them, the Title (Title), Keywords (Keywords), and Description (Description) these three TDK tags are like a series of 'business cards' on our website's search engine results page, which directly affect the user's click intention and the understanding of search engines.Anqi CMS knows this point and therefore fully considered the dynamic setting of TDK and SEO friendliness from the beginning of system design.

The importance of TDK: More than just a string of words

First, let's briefly review the importance of TDK.Title is a concise summary of the page content, directly displayed in the search results title bar, and is the information that users see first.Keywords help search engines understand the core theme of a page, although their weight has decreased, reasonable settings still have a辅助作用.Description provides a more detailed page summary, usually appearing as the text of search results, and is a key lure for attracting users to click.They collaborate together to build an initial understanding of the page content for search engines and users.

The dynamic TDK mechanism of Anqi CMS: Flexible and powerful

The reason why Anqi CMS emphasizes dynamic TDK is that it allows us to flexibly configure these SEO elements according to different page types and content characteristics, rather than taking a one-size-fits-all approach.This means that whether it is the homepage of the website, detailed article page, product display page, category list page, or a customized single page, we can tailor-made exclusive TDK information for them, greatly enhancing the refinement of SEO.

The implementation of this 'dynamic' mainly manifests in two aspects:

1. The TDK configuration entry for a multi-level, multi-dimensional content management backend:AnQi CMS has reserved TDK setting fields in all content management modules of the website.
2. The unified TDK tag calling mechanism in the template:Regardless of where the backend data source comes from, the front-end template uses a concisetdktag to dynamically retrieve and display this information.

Next, let's take a specific look at how to set TDK in the Anqi CMS backend and how to call it in the front-end template.

Set TDK in AnQi CMS backend: Customize 'business card' for each page

The AnQi CMS backend provides a very intuitive and detailed TDK setting entry, ensuring that each page can have the most suitable SEO information.

• Website home page TDK configuration:This is the facade of our website, usually it needs to be set with the most core, most representative TDK of the brand and business.You can find the corresponding input box under the 'Background Settings' section in the 'Home TDK Settings', where you can fill in the home title, home keywords, and home description separately.These settings will be used as the default TDK for the website globally, especially for the homepage.

• Content detail page (article, product, single page) TDK settings:For each article, product, or single-page created and published, Anqi CMS allows you to perform independent TDK optimization.When you publish or edit this content, you will see a "Other parameters" or similar collapsed area, which includes "SEO title", "keywords", and "document description" (or "single page description").

  • "SEO Title": This field will be directly used as the page's title.<title>Label content, if you do not fill in, the system will usually use the article title as the default value.
  • Keywords: Enter relevant keywords here, separated by English commas,This helps search engines better understand the page topic.
  • “Document Introduction”：This is not only a summary of the page content, but also the page itself<meta name="description">The source of the tag. Write an engaging description containing core keywords to effectively increase user click-through rate.

• TDK settings for category list page and tag page:Categories and tag pages are also important entry points for users and search engines to understand the structure of a website.In the 'Content Management' under 'Document Category' or 'Document Tag', when you edit specific categories or tags, you will find fields such as 'SEO Title', 'Keywords', and 'Category Description' (or 'Tag Description').These settings will take effect on the corresponding category list page or tag aggregation page.

This multi-level setting logic of Anqi CMS allows the page TDK to achieve more accurate optimization according to the specific properties of the content.If a detail page does not set TDK, the system will usually trace up to use the TDK of its category, and if the category is also not set, it may use the TDK of the website homepage. This intelligent inheritance mechanism greatly simplifies daily operation work.

Dynamically call TDK in the front-end template: one line of code, universal adaptation

AnQi CMS provides an extremely convenienttdkThe tag allows you to dynamically retrieve and display the current page's TDK information without writing complex logical judgments in the website template.This tag automatically identifies the type of the current page (whether it is the homepage, article page, category page, or others), and fetches TDK data from the corresponding configuration in the background.

Generally, these tags are placed in the website template<head>area (such asbase.htmlorheader.html），to ensure that all pages can be loaded correctly.

<head>
    <meta charset="UTF-8">
    {# 动态设置页面标题 #}
    <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" %}">

    {# 动态设置Canonical URL，如果有的话 #}
    {%- tdk canonical with name="CanonicalUrl" %}
    {%- if canonical %}
    <link rel="canonical" href="{{canonical}}" />
    {%- endif %}

    <!-- 其他头部元素 -->
</head>

Let's interpret it in detailtdkUsage and parameters of the tag:

• Get the page title(name="Title"): {% tdk with name="Title" %}This is the basic usage, it will retrieve the most matching SEO title on the current page.{% tdk with name="Title" siteName=true %}If you want to automatically add the website name at the end of the page title, you can setsiteName=true.{% tdk with name="Title" siteName=true sep="_" %}:sepThe parameter allows you to customize the separator between the title and the website name, for example, setting it to an underscore_.{% tdk with name="Title" showParent=true %}In the category or article detail page, if you want the title to include the name of the parent category, you can useshowParent=true.

• Get the page keywords (name="Keywords"): {% tdk with name="Keywords" %}This tag will directly output the keyword string configured on the current page background.

• Get page description (name="Description"): {% tdk with name="Description" %}This tag will output the description content configured on the current page background.

• Get Canonical URL(name="CanonicalUrl"): {% tdk with name="CanonicalUrl" %}The Canonical URL (standard link) is very important in SEO as it helps solve the issue of duplicate content.The AnQi CMS also supports setting standard links for pages. In the template, we usually first check if there is a standard link before deciding whether to display it to avoid outputting empty.link.

Through this powerfultdkTags, you will find that maintaining the website TDK becomes exceptionally easy.Do not modify complex template logic, just configure at the corresponding position in the background, and the front-end can automatically display the correct SEO information.

Besides TDK, Anqi CMS's SEO toolkit

The TDK settings are just a缩影of the many SEO features of AnQi CMS. As a highly SEO-friendly system, it also includes many other tools to collectively safeguard the search engine performance of the website:

• Manage static URLs and 301 redirects:Optimize URL structure, resolve the SEO loss caused by link changes.
• Sitemap and Robots.txt configuration:Help search engines better crawl and understand website content.
• Keyword library management and anchor text setting:Enhance content relevance and internal link value.
• Multi-site and multi-language support:Localization of SEO for different markets and user groups.

The combination of these functions makes Anqi CMS not only a content management system but also a comprehensive SEO optimization platform.

Summary

AnQi CMS provides a set of efficient, flexible, and easy-to-operate dynamic TDK setting scheme. By detailed configuration for different page types in the background, and using simple templates in the front-end.tdkThe tags can be unified, and we can easily achieve precise management of the website's TDK.This has greatly enhanced the visibility and attractiveness of the website in search engines, and has also saved a lot of time and effort for operators, allowing them to focus more on the creation and dissemination of high-quality content.

Frequently Asked Questions (FAQ)

1. Why did I set TDK for the article, but in the page source code I see the TDK of the homepage?This is usually because your template may not be used correctlytdkTag to dynamically obtain the TDK of the article level, ortdkThe parameter settings of the tag are incorrect (for example, some are missingnameattribute). Please check your template file(