How to create blog tags pages on Shipixen
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.
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
Navigate to the Blog Configuration
Configure Tag Page Template
Set Up Tag Metadata
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.Customize Tag Page URLs
/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).Configure Tag Cloud and Navigation
Add Tag Filters and Search
Generate and Deploy Tag Pages
Test and Optimize Performance
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.