set correct lang attribute, and prevent google translate

This commit is contained in:
vcoppe
2024-09-12 09:59:23 +02:00
parent 84b1a42e30
commit 1190a471fb
2 changed files with 6 additions and 4 deletions

View File

@@ -1,5 +1,5 @@
<!doctype html> <!doctype html>
<html lang="en"> <html>
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />

View File

@@ -12,7 +12,9 @@ export async function handle({ event, resolve }) {
let title = strings.metadata[`${page}_title`]; let title = strings.metadata[`${page}_title`];
let description = strings.metadata[`description`]; let description = strings.metadata[`description`];
let head = `<head> let htmlTag = `<html lang="${language}" translate="no">`;
let headTag = `<head>
<title>gpx.studio — ${title}</title> <title>gpx.studio — ${title}</title>
<meta name="description" content="${description}" /> <meta name="description" content="${description}" />
<meta property="og:title" content="gpx.studio — ${title}" /> <meta property="og:title" content="gpx.studio — ${title}" />
@@ -31,14 +33,14 @@ export async function handle({ event, resolve }) {
<link rel="alternate" hreflang="x-default" href="https://gpx.studio${getURLForLanguage('en', path)}" />`; <link rel="alternate" hreflang="x-default" href="https://gpx.studio${getURLForLanguage('en', path)}" />`;
for (let lang of Object.keys(languages)) { for (let lang of Object.keys(languages)) {
head += ` <link rel="alternate" hreflang="${lang}" href="https://gpx.studio${getURLForLanguage(lang, path)}" /> headTag += ` <link rel="alternate" hreflang="${lang}" href="https://gpx.studio${getURLForLanguage(lang, path)}" />
`; `;
} }
let stringsHTML = stringsToHTML(strings); let stringsHTML = stringsToHTML(strings);
const response = await resolve(event, { const response = await resolve(event, {
transformPageChunk: ({ html }) => html.replace('<head>', head).replace('<body data-sveltekit-preload-data="hover">', `<body data-sveltekit-preload-data="hover"><div class="hidden">${stringsHTML}</div>`) transformPageChunk: ({ html }) => html.replace('<html>', htmlTag).replace('<head>', headTag).replace('<body data-sveltekit-preload-data="hover">', `<body data-sveltekit-preload-data="hover"><div class="hidden">${stringsHTML}</div>`)
}); });
return response; return response;