Generate alternate links for languages

openstreetmap-polska · Feb 8, 2024 · a245b22 · a245b22
1 parent 92d0cde
commit a245b22
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/scripts/build_every_lang.sh b/scripts/build_every_lang.sh
@@ -7,6 +7,7 @@ for lang in public/locales/*; do
         continue
     fi
     export VITE_DEFAULT_LANG=$lang
+    export VITE_BASE_URL="/$lang/"
     echo "Generating $lang"
     npm run build -- --outDir "build/$lang" --base "/$lang"
 done
diff --git a/vite.config.js b/vite.config.js
@@ -20,6 +20,16 @@ const htmlPlugin = async (env) => {
 		...translationsEn,
 		...translationsTarget,
 	};
+	const baseUrl = env.VITE_BASE_URL ?? "";
+	const canonicalLinks = `<link href="${env.VITE_BACKEND_API_URL}${baseUrl}" rel="canonical" />`;
+	const alternateLinks = Object.keys(languages)
+		.map(
+			(lang) =>
+				`\t<link href="${env.VITE_BACKEND_API_URL}/${lang}/" rel="alternate" hreflang="${lang}" />`,
+		)
+		.join("\n");
+	const defaultAlternateLink = `\t<link href="${env.VITE_BACKEND_API_URL}/" rel="alternate" hreflang="x-default" />`;
+	const seoLinks = `${canonicalLinks}\n${alternateLinks}\n${defaultAlternateLink}`;
 	return {
 		name: "html-transform",
 		transformIndexHtml(html) {
@@ -32,6 +42,10 @@ const htmlPlugin = async (env) => {
 				.replace(
 					/<meta content="(.*?)" name="description">/,
 					`<meta content="${meta_description}" name="description">`,
+				)
+				.replace(
+					/<link href="https:\/\/openaedmap.org" rel="canonical" \/>/,
+					seoLinks,
 				);
 		},
 	};