Complete Development (Nuxt 3 + MERN) & SEO Guide for a News Portal

This covers development, content, technical SEO, news-specific SEO, and ongoing management—the same standards followed by top ranking news sites. Since building a Nuxt 3 news portal in a MERN dev environment (MongoDB + Express API + Nuxt frontend), your SEO strategy must focus on:

  1. ⚡ Speed (Core Web Vitals)
  2. 📰 Google News optimization
  3. 🇧🇩 Local (Bangladesh) SEO
  4. 🔄 Real-time indexing
  5. 📱 Mobile-first performance
  6. 🧠 Structured data for news articles

This guide covers development → deployment → ongoing SEO management.

1️⃣ Architecture Setup (Critical for News SEO)

✅ Use SSR (NOT SPA)

News sites must be crawlable instantly.



// nuxt.config.ts
export default defineNuxtConfig({
ssr: true
})

Best hosting for SSR:

  1. Vercel
  2. Node server (DigitalOcean)
  3. Cloudflare Pages + Nitro

Why?

  1. Google crawls instantly
  2. Headlines indexed faster
  3. Breaking news ranks sooner

Recommended Structure



Frontend: Nuxt 3 (SSR)
Backend: Node + Express (MERN)
Database: MongoDB
Cache: Redis (optional but highly recommended)


2️⃣ URL Structure (Very Important for News)

Use clean, keyword-rich URLs:



/news/politics/bangladeshi-election-update
/news/sports/bpl-match-result
/news/international/germany-bangladesh-trade
/news/technology/ai-startups-bangladesh

❌ Avoid:



/news?id=12345

Rules

  1. Lowercase
  2. Hyphen separated
  3. No IDs or query strings
  4. Permanent URLs (never change)

3️⃣ Dynamic SEO for Every Landing Page

✅ Every url or landing page must have:

  1. Unique title
  2. Unique description
  3. OG image (1200×630)

🔹 Homepage



<script setup>
useSeoMeta({
title: page.value.title,
description: page.value.excerpt,
ogTitle: page.value.title,
ogDescription: page.value.excerpt,
ogImage: page.value.image,
ogType: 'article',
twitterCard: 'summary_large_image',
lastModifiedTime: page.value.updatedAt
})
</script>


🔹 Article Rules

  1. First 100 words = most important
  2. Answer Who, What, When, Where, Why
  3. No AI-generated spam
  4. Avoid duplicate news
  5. Update breaking news


🔹Each article MUST have unique:

  1. Title
  2. Meta description
  3. Canonical
  4. OG image
  5. Publish date
  6. Author

Example in pages/news/[category]/[slug].vue:



<script setup>
const route = useRoute()
const { data: article } = await useFetch(`/api/news/${route.params.slug}`)

useSeoMeta({
title: article.value.title,
description: article.value.excerpt,
ogTitle: article.value.title,
ogDescription: article.value.excerpt,
ogImage: article.value.image,
ogType: 'article',
twitterCard: 'summary_large_image',
articlePublishedTime: article.value.publishedAt,
articleModifiedTime: article.value.updatedAt
})

useHead({
link: [
{
rel: 'canonical',
href: `https://yourdomain.com/news/${article.value.category}/${article.value.slug}`
}
]
})
</script>

4️⃣ Add NewsArticle Structured Data (VERY IMPORTANT)

For Google News eligibility:



<script setup>
useHead({
script: [
{
type: 'application/ld+json',
children: JSON.stringify({
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": article.value.title,
"image": [article.value.image],
"datePublished": article.value.publishedAt,
"dateModified": article.value.updatedAt,
"author": {
"@type": "Person",
"name": article.value.author
},
"publisher": {
"@type": "Organization",
"name": "Your News Portal",
"logo": {
"@type": "ImageObject",
"url": "https://yourdomain.com/logo.png"
}
}
})
}
]
})
</script>

This is mandatory for:

  1. Top Stories
  2. Google Discover
  3. Google News

5️⃣ Sitemap Strategy (For News Portal)

Install:



npm install @nuxtjs/sitemap

In config:



export default defineNuxtConfig({
modules: ['@nuxtjs/sitemap'],
sitemap: {
siteUrl: 'https://yourdomain.com'
}
})

Create TWO sitemaps:

  1. /sitemap.xml
  2. /news-sitemap.xml (last 48 hours articles only)

Google News prefers fresh sitemap entries.

✅ Mandatory Requirements For Article

  1. Original reporting
  2. Clear authorship
  3. Publication date visible
  4. Organization info
  5. Contact page
  6. Editorial policy page

🔹 Structured Data (Article Schema)



{
"@context": "https://schema.org",
"@type": "NewsArticle",
"headline": "Bangladesh Election Results 2026",
"image": ["https://site.com/image.jpg"],
"datePublished": "2026-01-20T08:00:00+06:00",
"dateModified": "2026-01-20T09:00:00+06:00",
"author": {
"@type": "Person",
"name": "Reporter Name"
},
"publisher": {
"@type": "Organization",
"name": "Your News Portal",
"logo": {
"@type": "ImageObject",
"url": "https://site.com/logo.png"
}
}
}


6️⃣ Robots.txt



npm install @nuxtjs/robots



export default defineNuxtConfig({
modules: ['@nuxtjs/robots'],
robots: {
UserAgent: '*',
Allow: '/',
Sitemap: 'https://yourdomain.com/sitemap.xml'
}
})

7️⃣ Core Web Vitals Optimization (Ranking Factor)

Target Metrics

MetricTarget
LCP< 2.5s
INP< 200ms
CLS< 0.1


Nuxt 3 Optimizations

  1. <NuxtImg> for all images
  2. Lazy load below-the-fold images
  3. CDN for images & assets
  4. Cache API responses
  5. Server compression (Brotli)

Use:

  1. @nuxt/image
  2. Lazy loading
  3. Compress images (WebP)
  4. Cloudflare CDN
  5. Server-side caching
  6. Redis caching for popular articles

Install image module:



npm install @nuxt/image

8️⃣ Bangladesh Local SEO Strategy 🇧🇩

Target:

  1. Bengali + English keywords
  2. Dhaka, Chittagong, Rajshahi geo signals
  3. Add language alternates

Example:



useHead({
htmlAttrs: { lang: 'bn' },
link: [
{
rel: 'alternate',
hreflang: 'bn',
href: 'https://yourdomain.com/bn/news/...'
}
]
})

Register your site in:

  1. Google Search Console
  2. Google News Publisher Center
  3. Google Business Profile (if newsroom office exists)

9️⃣ Content SEO Strategy for News Portal

Headlines must:

  1. Be clear
  2. Contain primary keyword
  3. Under 60 characters
  4. Avoid clickbait

Example:

✅ "BPL 2026 Final: Dhaka Wins by 5 Wickets"

❌ "You Won’t Believe What Happened in BPL!"

🔟 Technical SEO Checklist

✔ Indexing

  1. Submit sitemap in Search Console
  2. Use URL inspection for breaking news

✔ Avoid Duplicate Content

  1. Use canonical tags
  2. Do not create multiple URLs for same story

✔ Pagination

Use rel="prev" / rel="next" (if needed)

✔ Breadcrumbs

Add structured data for breadcrumbs.

Common SEO Mistakes (AVOID)

❌ Same title for multiple news

❌ No author info

❌ Thin content

❌ Clickbait headlines

❌ Blocking Googlebot or others

❌ Poor mobile UX


1️⃣1️⃣ Google Discover Optimization

To rank in Discover:

  1. Large featured image (1200px+ width)
  2. High-quality journalism
  3. Fast mobile load
  4. AMP not required anymore

1️⃣2️⃣ Content Management Strategy

Since you're using MERN backend:

Your MongoDB schema should include:



{
title,
slug,
category,
tags,
excerpt,
content,
image,
author,
publishedAt,
updatedAt,
isBreaking,
isFeatured
}

Add:

  1. Auto slug generation
  2. Auto meta description
  3. Auto sitemap submission

1️⃣3️⃣ Ongoing SEO Management Plan

Tools (ESSENTIAL)

  1. Google Search Console
  2. Google Analytics
  3. Bing Webmaster Tools

Monitor Daily

  1. Indexing errors
  2. Crawl stats
  3. Core Web Vitals
  4. Top queries
  5. Breaking news impressions
  6. Publish fresh content
  7. Update trending articles
  8. Fix crawl errors

Weekly

  1. Check Search Console
  2. Monitor indexing issues
  3. Update internal linking

Monthly

  1. Improve old articles
  2. Add FAQ schema
  3. Audit Core Web Vitals

1️⃣4️⃣ Backlink Strategy (Bangladesh News Market)

Get links from:

  1. Local blogs
  2. Universities
  3. Press releases
  4. Government portals
  5. Journalist social media

Authority is key in news ranking.

1️⃣5️⃣ Security & Trust

Search crawlers and algorithms heavily prioritize E-E-A-T—Experience, Expertise, Authoritativeness, and Trust—to evaluate content quality and credibility, especially for YMYL (Your Money or Your Life) topics. It acts as a framework for assessing whether content is reliable, firsthand, and authoritative, rather than a direct, single ranking score.

  1. HTTPS
  2. Clear About page
  3. Author bio pages
  4. Editorial policy page
  5. Contact page
  6. Privacy policy

Google values E-E-A-T heavily for news.

🏆 Final SEO Roadmap for Your News Portal

✅ FINAL Structural SEO CHECKLIST

✔ SSR enabled

✔ Google News schema

✔ News sitemap

✔ Fast loading

✔ Clean URLs

✔ Editorial pages

✔ Bangla support

✔ Structured data

✔ Internal linking

Phase 1 – Technical Foundation

✔ SSR

✔ Structured Data

✔ Sitemap

✔ Robots

✔ Fast Hosting

Phase 2 – Content & Authority

✔ Journalist bios

✔ Local keyword targeting

✔ Internal linking

✔ Social signals

Phase 3 – Growth

✔ Google News approval

✔ Discover optimization

✔ Backlinks

✔ Performance monitoring

Read More:

  1. 🔥 Complete folder structure for SEO-friendly Nuxt 3 news portal
  2. 📊 Google News approval checklist
  3. 🇧🇩 Keyword research strategy for Bangladesh news market
  4. 🧠 Brainstorming on Full production-ready SEO module setup for Nuxt 3