Merge pull request #13 from Utkarsh-Sorathia/upcoming-design

Improved SEO and strctured data for better performance

Author: Utkarsh-Sorathia

src/Components/UI/Footer.tsx

@@ -126,6 +126,31 @@ const Footer = () => {
         <div className="text-center text-xs text-gray-500 mt-8 pt-6 border-t border-gray-800">
           © {new Date().getFullYear()} Utkarsh Sorathia. All Rights Reserved.
         </div>
+
+        {/* Hidden SEO Keywords & Tags */}
+        <div className="sr-only" aria-hidden="true">
+          <h2>SEO Keywords for Utkarsh Sorathia</h2>
+          <p>
+            Utkarsh, Utkarsh Sorathia, Utkarsh Portfolio, Utkarsh CV, Full Stack Developer, 
+            Software Engineer India, MERN Stack Developer, React.js Expert, Next.js Developer, 
+            Utkarsh Developer, Web Developer Surat, Gujarat Software Engineer, Utkarsh Programming, 
+            Javascript Developer, Node.js Backend Developer, MongoDB Expert, Frontend Engineer, 
+            Utkarsh Sorathia Projects, Utkarsh Sorathia Blogs, Portfolio Website, Web Application Developer,
+            TypeScript, Express.js Expert, Computer Engineer, Coding, Programming Insights,
+            Tech Blog by Utkarsh, Software Solutions, Modern Web Development, Clean Code.
+          </p>
+          <h3>Technologies and Skills</h3>
+          <ul>
+            <li>React.js</li>
+            <li>Next.js 15</li>
+            <li>Node.js</li>
+            <li>MongoDB</li>
+            <li>Tailwind CSS</li>
+            <li>Prisma</li>
+            <li>Sanity CMS</li>
+            <li>API Development</li>
+          </ul>
+        </div>
       </div>
     </footer>
   );

src/app/blogs/page.tsx

@@ -6,7 +6,7 @@ import ResponsiveBox from "@/Components/core/ResponsiveBox";
 import ConstrainedBox from "@/Components/core/constrained-box";
 import SectionTitle from "@/Components/common/SectionTitle";
 
-import { getBlogListingSchema, getBreadcrumbSchema } from "@/utils/structuredData";
+import { getBlogListingSchema, getBreadcrumbSchema, getCompleteBlogSchema } from "@/utils/structuredData";
 import { baseURL } from "@/utils/api";
 import BlogsPageClient from "@/app/blogs/BlogsPageClient";
 
@@ -24,6 +24,7 @@ export default async function BlogsPage() {
   const posts = await getAllBlogPosts();
 
   const blogListingSchema = getBlogListingSchema();
+  const completeBlogSchema = getCompleteBlogSchema(posts);
   const breadcrumbSchema = getBreadcrumbSchema([
     { name: "Home", url: baseURL },
     { name: "Blogs", url: `${baseURL}/blogs` },
@@ -40,6 +41,10 @@ export default async function BlogsPage() {
         type="application/ld+json"
         dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbSchema) }}
       />
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(completeBlogSchema) }}
+      />
 
       <ResponsiveBox
         classNames="min-h-screen dark:bg-[var(--bgColor)] bg-[var(--bgColor)] dark:bg-grid-white/[0.1] bg-grid-white/[0.1] items-center justify-center lg:px-40"

src/app/layout.tsx

@@ -10,7 +10,7 @@ import BlogButton from "@/Components/UI/BlogButton";
 import ErrorBoundary from "@/Components/common/ErrorBoundary";
 import { Suspense } from "react";
 import WhatsAppButton from "@/Components/UI/WhatsAppButton";
-import { getPersonSchema, getWebSiteSchema } from "@/utils/structuredData";
+import { getPersonSchema, getWebSiteSchema, getProfilePageSchema, getFAQSchema, getSiteNavigationSchema, getProfessionalServiceSchema, getServiceSchema, getProjectSchema } from "@/utils/structuredData";
 import { baseURL } from "@/utils/api";
 import { Analytics } from '@vercel/analytics/next';
 import { SpeedInsights } from "@vercel/speed-insights/next"
@@ -258,7 +258,12 @@ export default function RootLayout({
         <meta name="twitter:image" content={`${baseUrl}/UtkarshSorathia.webp`} />
         <meta name="twitter:image:src" content={`${baseUrl}/UtkarshSorathia.webp`} />
         <meta name="twitter:image:alt" content="Utkarsh Sorathia - Full Stack Developer Portfolio" />
+        <meta name="thumbnail" content={`${baseUrl}/UtkarshSorathia.webp`} />
         <link rel="me" href="https://www.wikidata.org/wiki/Q137171536" />
+        <link rel="me" href="https://www.github.com/Utkarsh-Sorathia" />
+        <link rel="me" href="https://www.linkedin.com/in/utkarsh-sorathia-a9292b22a" />
+        <link rel="me" href="https://x.com/utkarshsor03" />
+        <link rel="me" href="https://www.instagram.com/utkarsh__sorathia" />
         <script
           type="application/ld+json"
           dangerouslySetInnerHTML={{
@@ -271,6 +276,42 @@ export default function RootLayout({
             __html: JSON.stringify(getWebSiteSchema()),
           }}
         />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(getProfilePageSchema()),
+          }}
+        />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(getFAQSchema()),
+          }}
+        />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(getSiteNavigationSchema()),
+          }}
+        />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(getProfessionalServiceSchema()),
+          }}
+        />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(getServiceSchema()),
+          }}
+        />
+        <script
+          type="application/ld+json"
+          dangerouslySetInnerHTML={{
+            __html: JSON.stringify(getProjectSchema()),
+          }}
+        />
       </head>
       <body className="flex flex-col min-h-screen antialiased">
         <ErrorBoundary>