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

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

Why is the related article list so important?

Imagine if a user finishes reading an article of interest, and if a few related, potentially appealing articles are immediately presented at the bottom of the page, the user will naturally click to continue reading rather than leave directly.This smooth reading experience can not only significantly reduce the bounce rate and increase the page views, but also help search engines better understand the relevance of website content, thereby optimizing SEO performance.AnQiCMS provides powerful and easy-to-use functions in this aspect, allowing us to flexibly build and display these key recommendations.

How does AnQiCMS intelligently display related article lists?

The template tag system of AnQiCMS is the core of its content operation capabilities, by using it flexiblyarchiveListLabel, we can implement multiple related article display logic.

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

AnQiCMS'archiveListThe tag is intype="related"In this mode, it can intelligently recognize the context of the current article and automatically recommend related content.This means that the system will automatically filter out other articles that are "closest" to the current article based on 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 on a daily basis, this automated recommendation mechanism greatly reduces the workload of operations personnel.

To implement this basic intelligent recommendation, we just need to add a similar code snippet to 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 potentially related article titles and links based on the context of the current article.

2. Precise keyword association: Deeply mining the connection of themes

Sometimes, we hope that the related recommendations are more accurate, able to expand around the core keywords of the article.AnQiCMS allows us to take advantage of the document keywords set in the article backend to achieve this. By using inarchiveListthe tag withlike="keywords"The system will prioritize recommending articles that share the same keywords as the parameters.When the content is highly thematic or when you want to guide users deeply into a specific field, this method is particularly effective.

For example, if an article is about 'SEO optimization techniques', we can configure related recommendations in this way:

<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 obtain the keywords of the current article, making the recommendations more targeted.

3. Operation manually selected recommendation: Control the accuracy of each 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 provides a 'Related Documents' setting option in the background document editing interface, allowing operators to manually associate articles. By using inarchiveListUsed in tagslike="relation"Parameter, the system will only display the associated articles manually set in the background.

This brings great flexibility to content operations, especially suitable for promoting specific products, events, or in-depth 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 the user's exploration path

In addition to the aforementioned methods, AnQiCMS also supports related recommendations based on tags (Tag).Tags are another dimension of content classification, they can aggregate content across categories, helping users discover broader themes. ThroughtagDataListTags, we can list articles associated with a specific tag.Although this is usually used for tag detail pages, we can also obtain the tags of the current article on the article detail page first, and then display related tag 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: