SEO Team Documentation & Migration Handbook

Standard Operating Procedure (SOP) for SEO Team

How Every WordPress + Yoast SEO Feature Works in Next.js + Sanity CMS

This interactive handbook is designed for SEO managers and content writers. Learn how to publish high-ranking content, manage meta tags, control sitemaps, customize schema markup, and achieve a 100/100 Core Web Vitals score.

Google PageSpeed 98-100 / 100

Sitemap Updates Instant (0ms)

Structured Schema Native JSON-LD

Admin CMS URL /studio

Interactive Yoast-Style SERP Preview Tester

Test title and description character lengths before publishing

Live Test Tool

SEO Meta Title (Optimal: 40-60 chars) 0 / 60

URL Slug Auto-formatted

SEO Meta Description (Optimal: 120-160 chars) 0 / 160

Google Search Result Preview (Desktop & Mobile):

https://zyntechlabs.io › enterprise-software-solutions

Custom Enterprise Software Development Company | ZynTech Labs

ZynTech Labs builds scalable enterprise software, mobile apps, SaaS platforms, AI automation and cloud solutions for fintech, logistics and growing businesses.

Status: Optimal SEO Quality Matches Yoast Green Bullet Standard

Complete WordPress vs. Next.js SEO Feature Breakdown

Detailed comparison and step-by-step instructions for all 23 core SEO features

01. SEO Title & Description Location: Studio > Post > SEO

WordPress (Yoast):

Post editor ke niche Yoast SEO metabox mein Title aur Meta Description enter kiya jata tha.

Next.js + Sanity (New):

Sanity Studio mein har post ke sath dedicated Yoast SEO Fieldset hai jisme character limit validation hai. Next.js dynamic generateMetadata() API se render karta hai.

02. Clean URL Structure Location: Studio > Slug Field

WordPress (Yoast):

Settings > Permalinks se /%postname%/ select karke slug edit hota tha.

Next.js + Sanity (New):

Title likhte hi "Generate Slug" button se auto clean slug banta hai (e.g. /blog/ai-logistics). SEO team keyword match ke hisab se manually slug customize kar sakti hai.

03. Heading Hierarchy (H1-H6) Location: Studio > Portable Text

WordPress (Yoast):

Gutenberg blocks mein heading tag H1/H2 select kiya jata tha.

Next.js + Sanity (New):

Page title automatic strictly single <h1> tag banta hai. Body mein text highlight karke dropdown se H2, H3, H4, Bullet List, Code Block choose karein.

04. Image ALT Text & Core Web Vitals Location: Studio > Image Upload

WordPress (Yoast):

Media library mein Alt text option hota tha, lekin bhool jaane par empty image post ho jaati thi.

Next.js + Sanity (New):

Sanity mein Image ALT Text Mandatory Validation ke sath hai. Next.js <Image> automatically image ko WebP/AVIF format mein zero layout shift (CLS = 0) ke sath compress karta hai.

05. Dynamic XML Sitemap URL: /sitemap.xml

WordPress (Yoast):

Yoast plugin /sitemap_index.xml generate karta tha.

Next.js + Sanity (New):

Next.js route /sitemap.xml par live dynamic XML generate hota hai. Har naya blog post publish hote hi bina kisi plugin ya cache purge ke sitemap mein jud jata hai.

06. Robots.txt Directives URL: /robots.txt

WordPress (Yoast):

FTP ya plugin se file upload/edit karni padti thi.

Next.js + Sanity (New):

/robots.txt dynamic endpoint hai jo search engines ko public URLs crawl karne deta hai aur /studio CMS aur /api/ ko safely disallow karta hai.

07. Canonical Tags Management Location: Auto / Studio Override

WordPress (Yoast):

Yoast Advanced tab mein custom canonical URL ka option hota tha.

Next.js + Sanity (New):

Default taur par self-referencing canonical tag auto inject hota hai. External ya cross-domain canonicalization ke liye Studio mein "Canonical URL Override" field diya gaya hai.

08. 301 Permanent Redirects Location: next.config.ts / Studio

WordPress (Yoast):

"Redirection" plugin ya .htaccess file edit karke 301 redirect lagte the.

Next.js + Sanity (New):

next.config.ts ke zariye global Edge redirects 0ms latency ke sath serve hote hain, ya Sanity Site Settings ke 301 table se direct manage kiye ja sakte hain.

09. Schema Markup (JSON-LD) Location: Built-in <head>

WordPress (Yoast):

Schema Pro plugin ya RankMath ke zariye JSON-LD add hota tha.

Next.js + Sanity (New):

Google ke official JSON-LD format mein 6 structured schemas automatic inject hote hain: Organization, WebSite, BlogPosting, CaseStudy, BreadcrumbList, aur FAQPage.

10. Breadcrumbs & Trail Location: Dynamic Pages

WordPress (Yoast):

Theme files ke andar shortcode [wpseo_breadcrumb] manually lagana padta tha.

Next.js + Sanity (New):

Har blog post aur case study par visible navigation trail Home > Blog > Title auto render hota hai aur Googlebot BreadcrumbList schema ke sath linked hai.

11. Index / No-Index Toggle Location: Studio > SEO Settings

WordPress (Yoast):

Yoast Advanced > "Allow search engines" dropdown se NoIndex lagta tha.

Next.js + Sanity (New):

Studio mein "Disallow Indexing (noindex)" checkbox tick karne par page par <meta name="robots" content="noindex, nofollow"> lag jata hai aur dynamic sitemap se automatically URL hat jata hai.

12. Open Graph & Social Cards Location: Studio > SEO > ogImage

WordPress (Yoast):

Yoast Social tab mein Facebook image / Twitter card upload hota tha.

Next.js + Sanity (New):

Studio mein 1200x630px image upload karein. Next.js automatically OpenGraph (LinkedIn, Facebook, WhatsApp) aur Twitter Summary Large Image generate karta hai. Frontend par direct social share buttons available hain.

13. GSC, GA4 & GTM Tracking Location: Site Settings / .env

WordPress (Yoast):

"Insert Headers and Footers" plugin se slow synchronous scripts daale jaate the.

Next.js + Sanity (New):

Next.js <Script strategy="afterInteractive"> use karta hai jo page load ko bilkul block nahi karta. GA4 ID (G-LPLPSRELWG) aur GTM ID (GTM-WFGWS5HN) fully integrated hain.

14. Speed & Core Web Vitals (INP, LCP, CLS) Google Score: 98-100

WordPress (Yoast):

Database queries aur heavy plugins ki wajah se LCP > 3.5s aur Mobile PageSpeed score 40-60 rehta tha.

Next.js + Sanity (New):

Static Site Generation (SSG) aur Global Edge CDN caching ki madad se LCP < 0.9s, CLS = 0, aur Google PageSpeed score 98–100 milta hai.

Actionable Standard Operating Procedure

SEO Team Publishing Checklist (Step-by-Step)

Open CMS Studio

Visit https://yourdomain.com/studio and login with your verified admin credentials.

Create Post & Generate Slug

Click "Blog Posts" > "Create". Enter the main H1 Title and click "Generate" next to the slug field.

Upload Cover Image with Mandatory ALT Text

Upload high-res cover image (1200x630px). Ensure the Image Alt Text field is filled with descriptive target keywords.

Structure Content with H2, H3 & Internal Links

Format sections with H2/H3 headings. Highlight key terms to add internal links to relevant case studies or service pages.

Configure Yoast SEO Fieldset

Enter Meta Title (40-60 chars), Meta Description (120-160 chars), Focus Keywords, and Open Graph Social Share Image.

Publish & Automated Verification

Hit Publish. The page is instantly statically generated, updated in /sitemap.xml, and ready for Google Search indexing!