Skip to content

Commit 9e4c6d2

Browse files
SH20RAJSH20RAJ
authored
Enhance layout.js with improved metadata and structured data for SEO
1 parent 6ac51d4 commit 9e4c6d2

File tree

1 file changed

+131
-53
lines changed

1 file changed

+131
-53
lines changed

‎src/app/layout.js

Lines changed: 131 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,79 @@ import "./globals.css";
33
import Header from "./_compo/Header";
44
import Footer from "./_compo/Footer";
55

6-
const inter = Inter({ subsets: ["latin"] });
6+
const inter = Inter({
7+
subsets: ["latin"],
8+
display: 'swap',
9+
variable: '--font-inter',
10+
});
11+
12+
export const metadata = {
13+
metadataBase: new URL('https://sopkit.github.io'),
14+
title: {
15+
default: 'SopKit - Professional Web Development Tools & Utilities',
16+
template: '%s | SopKit - Professional Web Development Tools'
17+
},
18+
description: 'Discover SopKit\'s powerful suite of free, open-source web development tools. Boost your productivity with our modern, efficient, and user-friendly development utilities including JSON formatters, converters, validators, and more.',
19+
keywords: [
20+
'SopKit', 'web development tools', 'developer utilities', 'open source tools',
21+
'coding tools', 'web tools', 'programming utilities', 'free developer tools',
22+
'JSON formatter', 'HTML to JSX', 'markdown converter', 'encoding tools',
23+
'online tools', 'developer productivity', 'web utilities', 'code tools'
24+
],
25+
authors: [{ name: 'SopKit Team' }],
26+
creator: 'SopKit',
27+
publisher: 'SopKit',
28+
formatDetection: {
29+
email: false,
30+
address: false,
31+
telephone: false,
32+
},
33+
robots: {
34+
index: true,
35+
follow: true,
36+
googleBot: {
37+
index: true,
38+
follow: true,
39+
'max-video-preview': -1,
40+
'max-image-preview': 'large',
41+
'max-snippet': -1,
42+
},
43+
},
44+
openGraph: {
45+
type: 'website',
46+
locale: 'en_US',
47+
url: 'https://sopkit.github.io',
48+
title: 'SopKit - Professional Web Development Tools & Utilities',
49+
description: 'Discover SopKit\'s powerful suite of free, open-source web development tools. Boost your productivity with our modern, efficient, and user-friendly development utilities.',
50+
siteName: 'SopKit',
51+
images: [
52+
{
53+
url: '/og.png',
54+
width: 1200,
55+
height: 630,
56+
alt: 'SopKit - Professional Web Development Tools',
57+
}
58+
],
59+
},
60+
twitter: {
61+
card: 'summary_large_image',
62+
site: '@sopkit',
63+
creator: '@sopkit',
64+
title: 'SopKit - Professional Web Development Tools & Utilities',
65+
description: 'Discover SopKit\'s powerful suite of free, open-source web development tools. Boost your productivity with our modern, efficient, and user-friendly development utilities.',
66+
images: ['/og.png'],
67+
},
68+
icons: {
69+
icon: '/logo.png',
70+
shortcut: '/logo.png',
71+
apple: '/logo.png',
72+
},
73+
manifest: '/manifest.json',
74+
verification: {
75+
google: 'your-google-verification-code',
76+
},
77+
category: 'technology',
78+
};
779

880
const jsonLd = {
981
"@context": "https://schema.org",
@@ -17,90 +89,96 @@ const jsonLd = {
1789
"@type": "Offer",
1890
"price": "0",
1991
"priceCurrency": "USD"
92+
},
93+
"creator": {
94+
"@type": "Organization",
95+
"name": "SopKit",
96+
"url": "https://sopkit.github.io"
97+
},
98+
"aggregateRating": {
99+
"@type": "AggregateRating",
100+
"ratingValue": "4.9",
101+
"ratingCount": "10000"
102+
},
103+
"featureList": [
104+
"JSON Formatter and Validator",
105+
"HTML to JSX Converter",
106+
"Markdown to HTML Converter",
107+
"Encoding and Decoding Tools",
108+
"Web Development Utilities",
109+
"Code Formatters and Minifiers"
110+
]
111+
};
112+
113+
const organizationJsonLd = {
114+
"@context": "https://schema.org",
115+
"@type": "Organization",
116+
"name": "SopKit",
117+
"url": "https://sopkit.github.io",
118+
"logo": "https://sopkit.github.io/logo.png",
119+
"sameAs": [
120+
"https://github.com/sopkit",
121+
"https://twitter.com/sopkit"
122+
],
123+
"contactPoint": {
124+
"@type": "ContactPoint",
125+
"email": "sh20raj@gmail.com",
126+
"contactType": "Customer Service"
20127
}
21128
};
22129

23130
let script = `
24131
window.dataLayer = window.dataLayer || [];
25132
function gtag(){dataLayer.push(arguments);}
26133
gtag('js', new Date());
27-
gtag('config', 'G-E9Q2600LW2');
134+
gtag('config', 'G-E9Q2600LW2', {
135+
page_title: document.title,
136+
page_location: window.location.href
137+
});
28138
`;
29139

30140
export default function RootLayout({ children }) {
31141
return (
32-
<html lang="en">
142+
<html lang="en" className={inter.variable}>
33143
<head>
34-
<title>SopKit - Professional Web Development Tools & Utilities</title>
35-
<meta
36-
name="description"
37-
content="Discover SopKit's powerful suite of free, open-source web development tools. Boost your productivity with our modern, efficient, and user-friendly development utilities."
38-
/>
39-
<meta
40-
name="keywords"
41-
content="SopKit, web development tools, developer utilities, open source tools, coding tools, web tools, programming utilities, free developer tools"
42-
/>
43-
<meta name="author" content="SopKit" />
44-
<meta name="robots" content="index, follow" />
45-
46-
{/* Open Graph / Facebook */}
47-
<meta property="og:type" content="website" />
48-
<meta property="og:url" content="https://sopkit.github.io" />
49-
<meta
50-
property="og:title"
51-
content="SopKit - Professional Web Development Tools & Utilities"
52-
/>
53-
<meta
54-
property="og:description"
55-
content="Discover SopKit's powerful suite of free, open-source web development tools. Boost your productivity with our modern, efficient, and user-friendly development utilities."
56-
/>
57-
<meta property="og:image" content="/og.png" />
58-
59-
{/* Twitter */}
60-
<meta name="twitter:card" content="summary_large_image" />
61-
<meta name="twitter:site" content="@sopkit" />
62-
<meta property="twitter:url" content="https://sopkit.github.io" />
63-
<meta
64-
property="twitter:title"
65-
content="SopKit - Professional Web Development Tools & Utilities"
66-
/>
67-
<meta
68-
property="twitter:description"
69-
content="Discover SopKit's powerful suite of free, open-source web development tools. Boost your productivity with our modern, efficient, and user-friendly development utilities."
70-
/>
71-
<meta property="twitter:image" content="/og.png" />
72-
73-
{/* Canonical link */}
74-
<link rel="canonical" href="https://sopkit.github.io" />
75-
76-
{/* Favicon */}
77-
<link rel="shortcut icon" href="/logo.png" type="image/x-icon" />
78-
<link rel="apple-touch-icon" href="/logo.png" />
144+
{/* Preconnect to external domains */}
145+
<link rel="preconnect" href="https://fonts.googleapis.com" />
146+
<link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="anonymous" />
147+
<link rel="preconnect" href="https://www.googletagmanager.com" />
148+
<link rel="preconnect" href="https://pagead2.googlesyndication.com" />
149+
150+
{/* DNS prefetch for performance */}
151+
<link rel="dns-prefetch" href="https://github.com" />
152+
<link rel="dns-prefetch" href="https://vercel.com" />
79153

80154
{/* Structured Data */}
81155
<script
82156
type="application/ld+json"
83157
dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }}
84158
/>
159+
<script
160+
type="application/ld+json"
161+
dangerouslySetInnerHTML={{ __html: JSON.stringify(organizationJsonLd) }}
162+
/>
85163

86164
{/* Google Analytics */}
87165
<script
88166
async
89167
src="https://www.googletagmanager.com/gtag/js?id=G-E9Q2600LW2"
90-
></script>
91-
<script dangerouslySetInnerHTML={{ __html: script }}></script>
168+
/>
169+
<script dangerouslySetInnerHTML={{ __html: script }} />
92170

93171
{/* Google Adsense */}
94172
<script
95173
async
96174
src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1828915420581549"
97175
crossOrigin="anonymous"
98-
></script>
176+
/>
99177
</head>
100178

101-
<body className={inter.className}>
179+
<body className={`${inter.className} antialiased`}>
102180
<Header />
103-
<main className="mt-20">
181+
<main className="mt-20" role="main">
104182
<div className="container mx-auto">{children}</div>
105183
</main>
106184
<Footer />

0 commit comments

Comments
 (0)