[Feat] SEO Improvements - Make Blok Design System Discoverable

[SC-vishathamarasinghe]

This PR implements comprehensive SEO improvements to make the Blok design system discoverable and indexable by search engines. The changes include fixing blocking configurations, adding rich metadata, creating dynamic sitemaps, and implementing structured data.

1. Fixed robots.txt (src/app/robots.ts)

Allows search engine crawling with specific disallow rules for /api/, /_next/, and /demo/

• Added sitemap reference in robots.txt

2. Enhanced Metadata (src/app/layout.tsx)

• Removed: Blocking meta robots tag (noindex, nofollow, noarchive, nosnippet, noimageindex)
• Added: Comprehensive metadata including:
  • Title template for dynamic page titles
  • Keywords for search relevance
  • Open Graph tags for social media sharing (Facebook, LinkedIn)
  • Twitter Card tags for Twitter sharing
  • Canonical URLs to prevent duplicate content
  • Author, creator, and publisher information
  • Proper robots configuration allowing indexing

3. Created Dynamic Sitemap (src/app/sitemap.ts)

• New file: Automatically generates sitemap with all important pages
• Features:
  • Includes all static routes (homepage, primitives, bloks, graphics, theming, etc.)
  • Dynamically generates routes for all primitives from registry
  • Dynamically generates routes for all bloks from registry
  • Uses W3C Datetime format for lastModified dates
  • Implements priority system:
    • Homepage: 1.0 (highest)
    • Main sections: 0.9 (high priority)
    • Sub-pages: 0.6 (lower priority)

4. Added Structured Data (src/components/seo/structured-data.tsx)

• New file: JSON-LD structured data for better search engine understanding
• Includes:
  • Organization schema for Sitecore
  • SoftwareApplication schema for Blok Design System
  • Helps enable rich results in search engines

5. Updated Next.js Configuration (next.config.ts)

• Added security headers (X-Frame-Options, X-XSS-Protection, Referrer-Policy)
• Enabled compression for faster page loads
• Configured image optimization (AVIF/WebP formats, responsive sizes)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
blok-shadcn	Ready	Preview	Feb 5, 2026 7:48am

[github-actions]

❌ Playwright Test Results

@SC-vishathamarasinghe

Status: Failed | Workflow: Playwright Tests

Metric	Count
Total Tests	48
✅ Passed	24
❌ Failed	24
⏭️ Skipped	0

Details

• Repository: Sitecore/blok
• Branch: 497/merge
• Commit: ad6e405de55c38c3f2a199b7e8c30ab369498ec7
• Author: @SC-vishathamarasinghe
• Workflow Run: View Details
• Pull Request: View PR

Test Report

• Playwright Report: Download Report
  • Download the playwright-report artifact from the workflow run
  • Extract and open index.html in a browser to view the full HTML report
  • The report includes detailed test results, screenshots, and traces

Some tests failed. Please review the test results and download the report for details.

---

This is an automated notification from GitHub Actions. Email notifications are sent to mentioned users.