How to display related article lists in AnQiCMS to enhance user browsing?

In content operation, guiding users to continuously explore within the site and extending their stay time is one of the key strategies to enhance user experience and website conversion rate.The list of relevant articles is an efficient tool to achieve this goal.AnQiCMS as a high-performance and flexible content management system, provides various ways to elegantly display related articles, thereby deeply mining the potential of user browsing.

Why is the related article list so important?

How does AnQiCMS intelligently display a list of related articles?

The template tag system of AnQiCMS is the core of its content operation capabilities, through flexible usearchiveListLabel, we can implement various display logic for related articles.

1. Content-based intelligent recommendation: automatic association with minimal intervention

AnQiCMSarchiveListTags intype="related"In English mode, it can intelligently recognize the context of the current article and automatically recommend related content.This means that the system will automatically screen out other articles 'most similar' to the current article based on various factors such as the category of the article, the publication time, and even the similarity of the content.For websites that publish a large amount of content daily, this automated recommendation mechanism greatly reduces the workload of operation personnel.

To implement this basic intelligent recommendation, we just need to add a code snippet like the following in the article detail page template:

<div class="related-articles-section">
    <h4>相关阅读：</h4>
    <ul>
        {% archiveList relatedArticles with type="related" limit="5" %}
            {% for article in relatedArticles %}
                <li><a href="{{ article.Link }}">{{ article.Title }}</a></li>
            {% empty %}
                <li>暂无相关文章。</li>
            {% endfor %}
        {% endarchiveList %}
    </ul>
</div>

This code will automatically list 5 possibly relevant article titles and links based on the context of the current article.

2. Precise keyword association: Deeply explore the connection of the theme.

Sometimes, we hope that the relevant recommendations are more accurate and can expand around the core keywords of the article.AnQiCMS allows us to achieve this by using the 'Document Keywords' set in the article background.archiveListtag.like="keywords"Parameters, the system will prioritize recommending articles that share the same keywords.When the content is highly thematic, or when it is desired to guide users deeply into a specific field, this approach is particularly effective.

For example, if an article is about 'SEO Optimization Tips', we can configure the related recommendations as follows:

<div class="keyword-related-articles">
    <h4>更多关于“{{ archive.Keywords }}”的内容：</h4>
    <ul>
        {% archiveList keywordRelated with type="related" like="keywords" limit="5" %}
            {% for article in keywordRelated %}
                <li><a href="{{ article.Link }}">{{ article.Title }}</a></li>
            {% empty %}
                <li>暂无更多相关内容。</li>
            {% endfor %}
        {% endarchiveList %}
    </ul>
</div>

Herearchive.KeywordsIt will dynamically retrieve the keywords of the current article, making the recommendations more targeted.

3. Operation manual selection recommendation: Control the accuracy of every recommendation

For certain key content, we may wish to intervene manually to ensure that the recommended articles are carefully selected by the operation team, whether for promotional purposes, user guidance, or strategic considerations.AnQiCMS in the background document editing interface provides the setting option of "related documents", allowing operation personnel to manually associate articles.archiveListthe label uselike="relation"Parameters, the system will only display the associated articles manually set in the background.

This brings great flexibility to content operation, especially suitable for promoting specific products, activities, or in-depth special topics.

<div class="curated-recommendations">
    <h4>运营推荐：</h4>
    <ul>
        {% archiveList manualRelated with type="related" like="relation" limit="5" %}
            {% for article in manualRelated %}
                <li><a href="{{ article.Link }}">{{ article.Title }}</a></li>
            {% empty %}
                <li>暂无运营精选推荐。</li>
            {% endfor %}
        {% endarchiveList %}
    </ul>
</div>

4. Aggregate topics by tags: broaden users' exploration path

In addition to the aforementioned methods, AnQiCMS also supports associated recommendations based on tags (Tag).Tags are another dimension of content categorization, which can aggregate content across categories to help users discover broader themes.tagDataListTags, we can list articles associated with a specific tag.Although this is usually used for label detail pages, we can also obtain the tags of the current article on the article detail page first, and then display related articles based on this.

If you want to display content related to article tags on the article detail page, you can do it like this: