Achieve a perfect Lighthouse SEO score by implementing proper meta tags, structured JSON-LD data, canonical URLs, semantic HTML with correct heading hierarchy, descriptive alt text for images, and fast page load times under 2.5 seconds. I applied these exact strategies to score 100/100 on my own portfolio.
Achieve a perfect Lighthouse SEO score by implementing proper meta tags, structured JSON-LD data, canonical URLs, semantic HTML with correct heading hierarchy, descriptive alt text for images, and fast page load times under 2.5 seconds. I applied these exact strategies to score 100/100 on my own portfolio.
As a Full Stack Developer and UI/UX Designer, I understand that having a beautiful portfolio isn't enough-it needs to be discoverable. In this post, I'll share the exact SEO strategies I implemented to optimize my portfolio website for search engines, achieving Perfect 100/100 SEO scores on Google Lighthouse.
What Google Lighthouse Scores Does My Portfolio Achieve?
Performance
Accessibility
Best Practices
SEO
Tested on aditya-gupta.com.np • Last updated: February 2026
What SEO Implementation Strategy Do I Use?
Keyword Research & Optimization
Strategic placement of high-intent keywords like "Full Stack Developer Kathmandu" and "UI/UX Designer Nepal"
- Targeted 20 high-intent keywords
- Long-tail keyword combinations
- Location-based SEO (Kathmandu, Nepal)
- Name-based search optimization
Technical SEO Implementation
Next.js 14 App Router with optimized metadata and structured data
- Dynamic metadata generation
- JSON-LD structured data (Person, WebSite)
- Canonical URLs and Open Graph tags
- XML sitemap with all blog posts
Performance Optimization
Lightning-fast load times with modern web technologies
- Next.js Image optimization
- Font optimization with next/font
- Code splitting and lazy loading
- Preconnect and DNS prefetch for critical resources
Content Strategy
High-quality, SEO-optimized blog content targeting developer searches
- 10+ technical blog posts
- Keyword-rich titles and descriptions
- Internal linking structure
- Regular content updates
How Do I Implement SEO in Next.js? (Code Examples)
1. Next.js Metadata Configuration
Using Next.js 14 App Router's metadata API for optimal SEO:
export const metadata = {
title: "Aaditya Gupta - UI/UX Designer, Full Stack Developer & Graphic Designer in Kathmandu",
description: "Professional UI/UX Designer, Full Stack Developer, and Graphic Designer in Kathmandu, Nepal...",
keywords: [
"Aaditya Gupta Full Stack Developer",
"UI/UX Designer Kathmandu",
"Full Stack Developer Kathmandu",
// ... 20+ targeted keywords
],
openGraph: {
title: "...",
description: "...",
images: [{ url: "/Aadi.png" }]
}
}2. JSON-LD Structured Data
Helping search engines understand my profile with Schema.org markup:
{
"@context": "https://schema.org",
"@type": "Person",
"name": "Aaditya Gupta",
"jobTitle": "Full Stack Developer & UI/UX Designer",
"address": {
"@type": "PostalAddress",
"addressLocality": "Kathmandu",
"addressCountry": "Nepal"
},
"knowsAbout": [
"Web Development",
"UI/UX Design",
"React",
"Next.js"
]
}What Results and Impact Did These SEO Strategies Achieve?
What Are the Key SEO Takeaways for Portfolio Websites?
- Use Next.js 14 App Router for built-in SEO optimizations
- Implement structured data (JSON-LD) to help search engines understand your content
- Focus on high-intent, location-based keywords for better targeting
- Optimize performance-fast sites rank better
- Create quality content that naturally includes your target keywords
- Use proper HTML semantics and accessibility features
- Submit your sitemap to Google Search Console
- Monitor and iterate based on Search Console insights
What Can You Learn From This SEO Case Study?
SEO isn't just about keywords, it's about creating a fast, accessible, and well-structured website that provides value to users. By combining technical SEO, performance optimization, and quality content, I achieved perfect scores across all Google Lighthouse metrics.
The strategies outlined in this post can be applied to any portfolio or business website. Remember: SEO is a marathon, not a sprint. Consistent optimization and quality content will compound over time to improve your search rankings.