How to implement SEO optimization display of article titles in AnQiCMS, and differentiate from the regular title?

In the practice of content operation, we often face a challenge: how to balance the 'readability' of content with 'search engine friendliness'.An attractive title can catch the reader's attention and improve click-through rate; a title containing core keywords can help search engines better understand the content and improve ranking.AnQiCMS knows the importance of this need and therefore provides a flexible mechanism that allows us to easily distinguish the conventional display title of articles (or other content types) and the special title used for SEO optimization.

Understand the roles of two types of titles

Firstly, we need to clarify the role of the article title in different scenarios:

  1. Conventional display title (H1 title)This is the main title that users see on the page after the article is published. It is usually used as the page's<h1>Tags, the purpose is to attract users to read, provide a clear content overview, and be closely related to the article content. This title should be natural and smooth, attractive, to enhance the user experience.

  2. SEO optimization title (Meta Title or)<title>Tag content)This title mainly displays for search engines and browsers.When a user sees your content on the search engine results page (SERP), it is the title in the list.Also, it will also be displayed in the browser tab.The goal of SEO optimized title is to include important keywords, precisely summarize the content, and encourage users to click.<h1>Title is exactly the same.

The design concept of AnQiCMS is exactly to meet this fine-grained management demand.

How does AnQiCMS achieve title distinction?

AnQiCMS provides clear fields for managing these two titles in content publishing:

When you create or edit articles, categories, single pages, or tags in the AnQiCMS backend, you will find two keyword fields related to the title:

  • Document Title (or Category Name, Page Name, Tag Name)This field is used for the title displayed on your website front-end. It will be directly presented on your content page, usually on your page.<h1>The content displayed by the label. Here, you can fully express your creativity, write engaging and easy-to-understand titles to enhance the reader's interest.

  • SEO titleThis field is located in the "Other Parameters" or similar SEO settings area. It is specifically used to generate the page's content.<title>The content of the label, which is the title used by the search engine when displaying your content.You can use this field to precisely embed core keywords, optimize the title length, and make it more compliant with search engine crawling and ranking rules.Even though this title may seem a bit 'technical' or 'keyword-stuffed' to users, its value is realized as long as it can enhance search visibility.

By separating these two fields, AnQiCMS allows you to maximize SEO optimization without compromising user experience. If the "SEO title" field is left blank, the system will default to using the "document title" as the page's<title>Tag content. This means that even if you do not deliberately fill in the SEO title, your page will still have a reasonable default title.

In addition to the SEO title, AnQiCMS also provides fields such as "document keywords" and "document summary", which correspond to the " in HTML.meta keywordsandmeta descriptionTags, these are an important part of perfecting the page TDK (Title, Description, Keywords) configuration, jointly improving the page's search engine performance.

In templates, flexibly call SEO title

AnQiCMS template system is SEO-friendly, and by default, it will automatically obtain content to fill the page from the "SEO Title" field set in your backend<title>Label. This means that even if you are not familiar with template code, the system can intelligently handle the display of the SEO title on the page.

For users who want to perform more advanced customization, AnQiCMS provides powerfultdkLabel. This "Universal TDK Tag" can intelligently retrieve the title, keywords, and description information of the current page, and supports various parameters to control the output format.

For example, on your website,base.htmlor in the corresponding template file, you will usually see such code to build the page,<title>Tags:

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

Let's break down the meaning and common parameters of this tag:

  • {% tdk with name="Title" %}This is the most core part, it tells AnQiCMS to get the SEO title of the current page.AnQiCMS will intelligently prioritize fetching the 'SEO title' you filled in under the content type of the current page (whether it is an article page, category page, single page, or tag page) in English.If the 'SEO Title' is not filled in, it will revert to using the regular 'Document Title' (or category name, page name, etc.).
  • siteName=trueThis parameter indicates whether the website name is appended after the title. If set totrue，AnQiCMS will automatically add the 'Website Name' configured in the 'Global Settings' to the end of the page title, connected by a separator. This helps to enhance brand exposure.
  • sep=" - "This parameter allows you to customize the separator between the page title and the website name. You can set it to a hyphen, underscore, vertical line, etc. according to your preference.
  • showParent=trueFor content with hierarchical relationships such as category pages, this parameter can control whether the title of the parent category is displayed in the title. This is very useful in some SEO strategies.

Through the combination of these parameters, you can flexibly control the page<title>to ensure that it meets SEO requirements while maintaining the brand style of the website.

Write an Optimized Title **Practice

Since we can separate the two titles in AnQiCMS, how can we write them better?

  1. Conventional Display Title (H1):

    • Target Reader：Website Visitors。
    • Focus：Readability, attractiveness, highly relevant to page content.
    • [en]SuggestionUse question sentences, number lists, and innovative expressions to stimulate reading interest. Keep it concise and to the point.

  2. SEO Optimization Title (Meta Title):

    • Target Reader：English search engine crawler and search engine user.
    • Focus：Keywords, uniqueness, click-through rate.
    • [en]Suggestion:
      • Include core keywords：Place the most important keywords at the beginning of the title.
      • Moderate length：Although there are no absolute limits, it is usually recommended to keep it within 60-70 characters (about 30-35 Chinese characters) to avoid being truncated in search results.
      • Each page is uniqueMake sure that the SEO title of each page is unique to avoid internal competition and content duplication issues.
      • Attract clicksEnglish：Besides keywords, you can also add some persuasive words or numbers to improve the attractiveness in search results.
      • Brand wordEnglish：Properly add the brand name at the end of the title.