How to implement SEO optimization display of article titles in AnQiCMS, distinguishing 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.A captivating title can catch the reader's attention and increase click-through rate;A title that includes core keywords can help search engines better understand the content and improve ranking.AnQiCMS fully understands the importance of this requirement and therefore provides a flexible mechanism that allows us to easily distinguish between the regular display title of articles (or other content types) and the title specifically used for SEO optimization.

Understanding 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 the page's<h1>Labels are designed to attract users to read, provide a clear overview of the content, and be closely related to the article. This title should be natural and smooth, attractive, and enhance the user experience.

  2. SEO optimization title (Meta Title or<title>label content)This title mainly displays for search engines and browsers. When users see your content on the search engine results page (SERP), it is the title in the list.At the same time, it will also be displayed in the browser tab. The goal of SEO optimization title is to include important keywords, accurately summarize the content, and encourage users to click.It does not necessarily need to be on the page<h1>Titles are completely the same.

The design philosophy of AnQiCMS is exactly to meet this refined management demand.

How does AnQiCMS achieve title distinction?

AnQiCMS provides clear fields on the content publishing side to manage these two titles:

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 you display on the website front-end. It will be directly displayed on your content page, usually on your page.<h1>The content displayed by the label. Here, you can fully demonstrate your creativity, write captivating 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 used specifically for generating the page.<title>Tag content, which is the title used by the search engine when displaying your content.You can use this field to accurately embed core keywords, optimize the title length, making it more in line with search engine crawling and ranking rules.Even though this title may seem a bit 'technical' or 'keyword-stuffed' to the user, its value is reflected as long as it can improve search visibility.

By separating these two fields, AnQiCMS allows you to maximize SEO optimization without sacrificing user experience. If the "SEO title" field is left blank, the system will default to using the "document title" as the page's<title>Label 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 HTML elements such asmeta keywordsandmeta descriptionLabels, these are important components for perfecting the page TDK (Title, Description, Keywords) configuration, which collectively enhance the page's search engine performance.

Flexibly call the SEO title in the template

The AnQiCMS template system is SEO-friendly, by default it will automatically fetch content from the "SEO Title" field set in your background to fill the page.<title>The label means that even if you are not familiar with the template code, the system can intelligently handle the display of the page's SEO title.

For users who want to customize more advancedly, AnQiCMS provides powerfultdkLabel. This 'Universal TDK tag' can intelligently obtain 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 entered in the backend for the current page type (whether it is an article page, category page, single page, or tag page).If the 'SEO title' is not filled in, it will default to using the conventional '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" you configured in the "Global Settings" to the end of the page title, connected by a separator. This helps to increase brand exposure.
  • sep=" - "This parameter allows you to customize the separator between the page title and the website name. You can set it according to your preference to a hyphen, underscore, or vertical line.
  • showParent=true: This parameter can control whether the title of the parent category is displayed in the title for content with hierarchical relationships such as category pages. This is very useful in some SEO strategies.

By combining these parameters, you can flexibly control the page<title>final form to ensure that it meets SEO requirements and unify the brand style of the website.

Write an optimized title **practice

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

  1. Regular display title (H1):

    • Target reader: Website visitors.
    • Key: Readability, attractiveness, highly relevant to the page content.
    • SuggestionUse question sentences, numbered lists, and novel expressions to spark interest in reading. Keep it concise and to the point.

  2. SEO optimized title (Meta Title):

    • Target reader: Search engine crawlers and search engine users.
    • Key: Keywords, uniqueness, click-through rate.
    • Suggestion:
      • Contains core keywords: Place the most important keywords at the beginning of the title.
      • Medium length: There is no absolute limit, but 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 uniqueEnsure that the SEO title of each page is unique to avoid internal competition and content repetition issues.
      • Attract clicks：Besides keywords, you can also add some persuasive language or numbers to increase the attractiveness in search results.
      • Brand word：Properly add the brand name at the end of the title.