chore: update SEO

Multiform-Validator · May 27, 2024 · 83852b2 · 83852b2
1 parent 213ea2d
commit 83852b2
Show file tree

Hide file tree

Showing 11 changed files with 127 additions and 2 deletions.
diff --git a/.github/workflows/nextjs.yml b/.github/workflows/nextjs.yml
@@ -87,6 +87,8 @@ jobs:
           NODE_ENV: production
           GOOGLE_SEARCH_CONSOLE_API_KEY: ${{ secrets.GOOGLE_SEARCH_CONSOLE_API_KEY }}
           GOOGLE_ADSENSE_CLIENT_ID: ${{ secrets.GOOGLE_ADSENSE_CLIENT_ID }}
+          WEBSITE_DNS_NAME: ${{ secrets.WEBSITE_DNS_NAME }}
+          WEBSITE_URL: ${{ secrets.WEBSITE_URL }}
         working-directory: ./docs
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3

diff --git a/docs/public/android-chrome-192x192.png b/docs/public/android-chrome-192x192.png
diff --git a/docs/public/android-chrome-512x512.png b/docs/public/android-chrome-512x512.png
diff --git a/docs/public/apple-touch-icon.png b/docs/public/apple-touch-icon.png
diff --git a/docs/public/favicon-16x16.png b/docs/public/favicon-16x16.png
diff --git a/docs/public/favicon-32x32.png b/docs/public/favicon-32x32.png
diff --git a/docs/public/mstile-150x150.png b/docs/public/mstile-150x150.png
diff --git a/docs/public/safari-pinned-tab.svg b/docs/public/safari-pinned-tab.svg
diff --git a/docs/src/app/favicon.ico b/docs/src/app/favicon.ico
diff --git a/docs/src/app/layout.tsx b/docs/src/app/layout.tsx
@@ -44,6 +44,43 @@ export const metadata: Metadata = {
 		"validate",
 	],
 	verification: { google: process.env.GOOGLE_SEARCH_CONSOLE_API_KEY },
+	appleWebApp: {
+		title: "Multiform Validator",
+		capable: true,
+		statusBarStyle: "black-translucent",
+	},
+	applicationName: "Multiform Validator",
+	manifest: "/manifest.webmanifest",
+	icons: [
+		{
+			rel: "android-chrome-192x192",
+			url: `${process.env.WEBSITE_URL}/android-chrome-192x192.png`,
+		},
+		{
+			rel: "android-chrome-512x512",
+			url: `${process.env.WEBSITE_URL}/android-chrome-512x512.png`,
+		},
+		{
+			rel: "apple-touch-icon",
+			url: `${process.env.WEBSITE_URL}/apple-touch-icon.png`,
+		},
+		{
+			rel: "favicon-16x16",
+			url: `${process.env.WEBSITE_URL}/favicon-16x16.png`,
+		},
+		{
+			rel: "favicon-32x32",
+			url: `${process.env.WEBSITE_URL}/favicon-32x32.png`,
+		},
+		{
+			rel: "mstile-150x150",
+			url: `${process.env.WEBSITE_URL}/mstile-150x150.png`,
+		},
+		{
+			rel: "safari-pinned-tab",
+			url: `${process.env.WEBSITE_URL}/safari-pinned-tab.svg`,
+		},
+	],
 };
 
 export default function RootLayout({
@@ -52,7 +89,7 @@ export default function RootLayout({
 	children: React.ReactNode;
 }>) {
 	return (
-		<html lang="en">
+		<html lang="en" dir="ltr">
 			<head>
 				<meta
 					name="google-adsense-account"

diff --git a/docs/src/app/manifest.ts b/docs/src/app/manifest.ts
@@ -43,9 +43,43 @@ export default function manifest(): MetadataRoute.Manifest {
 		icons: [
 			{
 				src: "/favicon.ico",
-				sizes: "256x256",
+				sizes: "48x48",
 				type: "image/x-icon",
 			},
+			{
+				src: "/android-chrome-192x192.png",
+				sizes: "192x192",
+				type: "image/png",
+			},
+			{
+				src: "/android-chrome-512x512.png",
+				sizes: "512x512",
+				type: "image/png",
+			},
+			{
+				src: "/apple-touch-icon.png",
+				sizes: "180x180",
+				type: "image/png",
+			},
+			{
+				src: "/favicon-16x16.png",
+				sizes: "16x16",
+				type: "image/png",
+			},
+			{
+				src: "/favicon-32x32.png",
+				sizes: "32x32",
+				type: "image/png",
+			},
+			{
+				src: "/mstile-150x150.png",
+				sizes: "150x150",
+				type: "image/png",
+			},
+			{
+				src: "/safari-pinned-tab.svg",
+				type: "image/svg+xml",
+			},
 		],
 	};
 }