feat: establish public SEO foundation

2026-09-07 13:29:13 +07:00
parent 9275799ce7
commit 494a37ce8f
14 changed files with 160 additions and 12 deletions
@@ -1,12 +1,47 @@
 ---
 import "../styles/global.css";
 import FishingIcon from "../components/FishingIcon.astro";
-const { title = "RF4 Spotter" } = Astro.props;
+const {
+  title = "RF4 Spotter — свежие точки клёва Russian Fishing 4",
+  description = "Свежие точки, уловы и честная оценка активности в Russian Fishing 4 с обязательным указанием источников.",
+  noindex = false,
+  image = "/lake-dawn.png",
+  structuredData = null,
+} = Astro.props;
 const path = Astro.url.pathname;
+const siteUrl = import.meta.env.PUBLIC_SITE_URL || "https://rf4spotter.ru";
+const canonical = new URL(path, siteUrl).toString();
+const socialImage = new URL(image, siteUrl).toString();
+const preventIndexing = noindex || path.startsWith("/admin/");
+const websiteJsonLd = { "@type": "WebSite", name: "RF4 Spotter", url: siteUrl, inLanguage: "ru" };
+const jsonLd = JSON.stringify({
+  "@context": "https://schema.org",
+  "@graph": structuredData ? [websiteJsonLd, structuredData] : [websiteJsonLd],
+}).replaceAll("<", "\\u003c");
 ---
 <!doctype html>
 <html lang="ru">
-  <head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width" /><meta name="description" content="Свежие точки и статистика клёва Russian Fishing 4" /><link rel="icon" href="/favicon.svg" /><title>{title}</title></head>
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width" />
+    <meta name="description" content={description} />
+    <meta name="robots" content={preventIndexing ? "noindex, nofollow" : "index, follow, max-image-preview:large"} />
+    <link rel="canonical" href={canonical} />
+    <link rel="icon" href="/favicon.svg" />
+    <meta property="og:locale" content="ru_RU" />
+    <meta property="og:type" content="website" />
+    <meta property="og:site_name" content="RF4 Spotter" />
+    <meta property="og:title" content={title} />
+    <meta property="og:description" content={description} />
+    <meta property="og:url" content={canonical} />
+    <meta property="og:image" content={socialImage} />
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta name="twitter:title" content={title} />
+    <meta name="twitter:description" content={description} />
+    <meta name="twitter:image" content={socialImage} />
+    <script type="application/ld+json" set:html={jsonLd} is:inline />
+    <title>{title}</title>
+  </head>
  <body>
    <a class="skip-link" href="#main-content">Перейти к содержимому</a>
    <header class="topbar">