SEO Optimization Guide
Learn how to optimize your SuperFast application for search engines and improve your online visibility.
About SEO
SuperFast implements industry-standard SEO practices to help your application rank higher in search results. This guide covers metadata, sitemaps, and other SEO features.
Site Configuration
SuperFast uses a centralized site configuration file to manage SEO settings:
- Site Name: Your application's name
- URL: Your application's base URL
- Description: A concise description of your application
- Images: Default images for social sharing
- Base Links: Important URLs for your application
1. Site Configuration File
Update your site configuration in src/app/siteConfig.ts
:
TypeScript
export const siteConfig = { name: "SuperFast | Go From Idea to Revenue in Just Days", url: "https://www.superfa.st/", description: "SuperFast is a platform that helps you go from idea to revenue in just days. We provide a range of services to help you get your business off the ground and running.", images: "https://res.cloudinary.com/dwb211sw5/image/upload/v1748173380/linko/swiyemueq0zel7tjeiag.jpg", baseLinks: { home: "/", about: "/about", pricing: "/pricing", privacy: "/privacy", terms: "/terms", affiliates: "/affiliates", dashboard: "/dashboard", documentation: "https://docs.superfa.st/", instagram: "https://www.instagram.com/superfasttttttt", x: "https://x.com/superfasttttt", youtube: "https://www.youtube.com/@amikalash", contact: "mailto:kalash@superfa.st", }, }
2. Metadata Configuration
Configure metadata in your layout file for optimal SEO:
TypeScript
export const metadata: Metadata = { title: siteConfig.name, description: siteConfig.description, metadataBase: new URL("https://www.superfa.st/"), keywords: [ // Core Technologies "Next.js", "React", "TypeScript", // ... more keywords ... ], authors: [ { name: "Kalash Vasaniya", url: "https://bento.me/kalashvasaniya", }, ], creator: "Kalash Vasaniya", publisher: "SuperFast", openGraph: { type: "website", locale: "en_US", url: siteConfig.url, title: siteConfig.name, description: siteConfig.description, siteName: siteConfig.name, images: siteConfig.images, }, twitter: { card: "summary_large_image", title: siteConfig.name, description: siteConfig.description, images: siteConfig.images, creator: "@amikalash", }, robots: { index: true, follow: true, googleBot: { index: true, follow: true, "max-image-preview": "large", "max-video-preview": -1, "max-snippet": -1, }, }, icons: { icon: '/favicon.ico', apple: '/apple-icon.png', } }
3. Sitemap Generation
Create a sitemap for better search engine indexing:
TypeScript
// src/app/sitemap.xml/route.ts import { NextResponse } from 'next/server'; // Define the routes of your website const routes = [ '', '/about', '/pricing', '/terms', '/privacy', '/affiliates', ]; // Function to generate the XML sitemap function generateSiteMap() { const baseUrl = process.env.NEXT_PUBLIC_APP_URL || 'https://www.superfa.st'; const currentDate = new Date().toISOString(); return `<?xml version="1.0" encoding="UTF-8"?> <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd"> ${routes .map((route) => { return ` <url> <loc>${`${baseUrl}${route}`}</loc> <lastmod>${currentDate}</lastmod> <changefreq>daily</changefreq> <priority>${route === '' ? '1.0' : '0.8'}</priority> </url>`; }) .join('')} </urlset>`; } export async function GET() { const sitemap = generateSiteMap(); return new NextResponse(sitemap, { headers: { 'Content-Type': 'application/xml', 'Cache-Control': 'public, max-age=3600, s-maxage=3600, stale-while-revalidate=86400', }, }); }
4. Favicon and Icons
Add favicon and Apple icon to your public folder:
Important
Make sure to add these files to your public folder:
src/app/favicon.ico
- Your site faviconsrc/app/apple-icon.png
- Apple touch icon
SEO Best Practices
Follow these SEO best practices to improve your application's visibility:
- Use descriptive, keyword-rich titles and meta descriptions
- Create high-quality, relevant content
- Optimize images with alt text and proper sizing
- Ensure your site is mobile-friendly
- Improve page load speed
- Use semantic HTML elements
- Create a logical site structure with clear navigation
- Register your site with Google Search Console
- Build quality backlinks to your site
- Regularly update your content