How to create blog tags pages on Shipixen

intermediate 8 min read Updated 2026-03-18
Quick Answer

Creating blog tags pages on Shipixen involves setting up dynamic tag routes and configuring the tag collection system. You'll need to create tag templates and ensure proper metadata generation for SEO optimization.

Get ShipixenPartner

Prerequisites

  • Active Shipixen account
  • Basic understanding of Next.js file structure
  • Blog posts already created with tags
  • Familiarity with MDX and TypeScript

Step-by-Step Instructions

1

Navigate to the Blog Configuration

Open your Shipixen dashboard and go to Blog Settings. Click on Tags Configuration in the left sidebar. Enable the Generate Tag Pages option to automatically create individual pages for each tag used in your blog posts.
Make sure you have at least one blog post with tags before enabling this feature.
2

Configure Tag Page Template

In the Tag Template section, select your preferred layout from the dropdown menu. Choose between Grid Layout, List Layout, or Card Layout. Customize the Posts Per Page setting (recommended: 10-12 posts) and enable Pagination if needed.
Grid layout works best for blogs with featured images, while list layout is better for text-heavy content.
3

Set Up Tag Metadata

Click on SEO Settings within the tags configuration. Configure the Title Template using the format: Posts tagged with {tag} | Your Blog Name. Set the Meta Description Template as: Browse all posts tagged with {tag}. Discover related content on Your Blog Name.
Use the {tag} placeholder to dynamically insert the actual tag name in titles and descriptions.
4

Customize Tag Page URLs

In the URL Structure section, set your preferred tag URL format. Choose between /tags/[tag-name] or /blog/tags/[tag-name]. Enable Slug Transformation to automatically convert tag names to URL-friendly slugs (spaces to hyphens, lowercase conversion).
Keep URLs short and descriptive for better SEO performance.
5

Configure Tag Cloud and Navigation

Navigate to Tag Display Options. Enable Tag Cloud to show all tags with size based on post count. Set Minimum Posts to 2 to hide tags with only one post. Configure Tag Sorting to either Alphabetical or Post Count order.
Tag clouds help users discover related content and improve site navigation.
6

Add Tag Filters and Search

In the Advanced Features section, enable Tag Filtering to allow users to filter posts by multiple tags. Turn on Tag Search to add a search box for finding specific tags. Configure Related Tags to show suggested tags based on the current tag being viewed.
These features significantly improve user experience and content discoverability.
7

Generate and Deploy Tag Pages

Click Generate Tag Pages to create all tag pages based on your current blog posts. Review the generated pages in the Preview tab. Once satisfied, click Deploy Changes to publish your tag pages. The system will automatically update tag pages when you add new posts with tags.
Always preview your tag pages before deploying to ensure they display correctly.
8

Test and Optimize Performance

Visit your deployed site and test the tag pages functionality. Check Page Load Speed using browser dev tools. Verify that Internal Links between tag pages and posts work correctly. Monitor your Analytics to track tag page performance and user engagement.
Set up Google Analytics events to track tag clicks and page views for better insights.

Common Issues & Troubleshooting

Tag pages not generating automatically

Check that Auto-generate is enabled in Tag Settings and verify your blog posts have properly formatted tags in the frontmatter. Ensure tags are in array format: tags: ['web-development', 'react']

Tag URLs returning 404 errors

Verify the URL Structure configuration matches your site's routing setup. Clear your browser cache and check that the next.config.js file includes the tag routes in the rewrites section.

Tag pages showing incorrect post counts

Run Rebuild Index in the Blog Settings to refresh the tag-to-post mapping. Check that all blog posts have valid publication dates and are not marked as drafts in their frontmatter.

Tag cloud not displaying properly

Ensure you have at least 3-5 tags with multiple posts each. Check the Minimum Posts threshold in Tag Display Options and verify that the tag cloud component is properly imported in your layout template.

Prices mentioned in this guide are pulled from current plan data and may change. Always verify on the official Shipixen website before purchasing.
Exclusive Deal

Affiliate link. We may earn a commission at no extra cost to you.