How I Achieved 100/100 SEO Score: Complete Portfolio Optimization Guide

A detailed breakdown of the exact SEO strategies I used to achieve perfect Google Lighthouse scores. Learn about keyword research, technical SEO, structured data, and performance optimization.

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.

Google Lighthouse Scores

Performance

100

Accessibility

100

Best Practices

100

SEO

Tested on aditya-gupta.com.np • Last updated: February 2026

My SEO Implementation Strategy

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

Implementation 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"
  ]
}

Results & Impact

100/100

SEO Score

98/100

Performance

<1s

First Contentful Paint

20+

Targeted Keywords

Key Takeaways

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

Conclusion

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.