SEO Improvements for worknot.classmethod.live

[shigahi]

Overview

This issue tracks SEO improvements for the Worknot website (https://worknot.classmethod.live/).

Current Status

Already Implemented

• Basic meta tags (title, description, keywords)
• Open Graph tags (og:type, og:url, og:title, og:description, og:site_name)
• Twitter Card tags (card, url, title, description)
• Canonical URL
• Google Fonts preconnect

Missing / Needs Improvement

High Priority

1. OG Image / Twitter Image

   • og:image and twitter:image are not set
   • Recommended size: 1200x630px
   • This significantly impacts social media sharing appearance

2. Favicon

   • No favicon configured
   • Need: favicon.ico, apple-touch-icon, various sizes for different devices

3. robots.txt

   • No robots.txt file exists for the main site
   • Should allow crawlers and point to sitemap

4. sitemap.xml

   • No sitemap for search engine indexing

Medium Priority

5. Structured Data (JSON-LD)

   • Add Organization or WebApplication schema
   • Improves rich snippet appearance in search results

6. hreflang tags

   • Not critical if single-language, but useful if expanding to other languages
   • Note: The generated Worker script already supports i18n/hreflang

7. Performance Meta Tags

   • Add <meta name="theme-color"> for mobile browsers (partially exists)
   • Consider adding dns-prefetch for external resources

Low Priority

8. Additional Meta Tags
   • og:image:width and og:image:height (once og:image is added)
   • og:locale
   • article:author if blog-style content is added

Proposed Implementation

Phase 1: Critical SEO Elements

• Create and add OG image (1200x630px)
• Add favicon files (favicon.ico, apple-touch-icon-180x180.png)
• Add robots.txt
• Add sitemap.xml (or generate dynamically)

Phase 2: Enhanced SEO

• Add JSON-LD structured data for WebApplication/SoftwareApplication
• Add og:locale meta tag
• Review and optimize meta description length (150-160 chars recommended)

Phase 3: Performance & Monitoring

• Set up Google Search Console
• Set up Google Analytics (optional)
• Monitor Core Web Vitals

Files to Modify

• index.html - Add meta tags, favicon links, structured data
• public/ - Add favicon files, robots.txt, sitemap.xml, og-image.png

References

• Google SEO Starter Guide
• Open Graph Protocol
• Twitter Card Documentation
• Schema.org WebApplication

[shigahi]

Progress Update

PR #48 has been created to address Phase 1 and Phase 2 items.

Completed in PR #48

• Add favicon.svg
• Add og-image.svg (1200x630)
• Add robots.txt
• Add sitemap.xml
• Add og:image, og:image:width, og:image:height meta tags
• Add og:locale meta tag
• Add twitter:image meta tag
• Add JSON-LD structured data (WebApplication schema)

---

Manual Tasks Required (Phase 3)

The following tasks require manual action:

Google Search Console Setup

• Go to Google Search Console
• Add property for https://worknot.classmethod.live/
• Verify ownership (DNS or HTML tag method)
• Submit sitemap: https://worknot.classmethod.live/sitemap.xml

Google Analytics (Optional)

• Create GA4 property at Google Analytics
• Add measurement ID to the site (can be added via index.html or via Cloudflare Zaraz)

Core Web Vitals Monitoring

• Monitor Core Web Vitals in Google Search Console after indexing
• Use PageSpeed Insights for performance analysis

Image Asset Improvements (Optional)

• Consider creating PNG versions of favicon (favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png) for broader browser compatibility
• Consider creating PNG version of og-image.svg for social platforms that may not support SVG

Social Media Preview Verification

• Test OG image with Facebook Sharing Debugger
• Test Twitter Card with Twitter Card Validator
• Test LinkedIn preview with LinkedIn Post Inspector