Update routing in next.config.ts to redirect "/tercih-robotu" to the hero form, add simple-icons dependency in package.json, and enhance database indexing for improved query performance. Remove unused SVG files and update metadata across various pages for better SEO and clarity.

src/app/rehber/[slug]/opengraph-image.tsx

@@ -0,0 +1,220 @@
+import { ImageResponse } from "next/og";
+import { getRehber } from "@/lib/rehber";
+import {
+  rehberBasliginiBol,
+  rehberMetniniParcala,
+} from "@/components/rehber-kapak";
+
+export const alt = "KolayTercih Tercih Rehberi yazı kapağı";
+export const size = { width: 1200, height: 630 };
+export const contentType = "image/png";
+
+export default async function RehberOpenGraphImage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const yazi = getRehber(slug);
+  const baslik = yazi?.baslik ?? "Tercih Rehberi";
+  const { vurgu, kalan } = rehberBasliginiBol(baslik);
+
+  return new ImageResponse(
+    (
+      <div
+        style={{
+          position: "relative",
+          display: "flex",
+          width: "100%",
+          height: "100%",
+          overflow: "hidden",
+          background: "white",
+          color: "#2563eb",
+          fontFamily: "sans-serif",
+        }}
+      >
+        {[
+          [960, 50, 0.16], [980, 50, 0.28], [1020, 50, 0.12],
+          [940, 70, 0.24], [980, 70, 0.12], [1000, 70, 0.3],
+          [1060, 70, 0.18], [960, 90, 0.12], [1000, 90, 0.2],
+          [1040, 90, 0.1], [1080, 90, 0.26], [1080, 110, 0.14],
+          [1120, 110, 0.22], [1140, 110, 0.12], [60, 490, 0.12],
+          [100, 490, 0.25], [120, 490, 0.14], [40, 510, 0.24],
+          [80, 510, 0.12], [120, 510, 0.3], [160, 510, 0.16],
+          [60, 530, 0.14], [100, 530, 0.22], [140, 530, 0.1],
+          [180, 530, 0.27],
+        ].map(([left, top, opacity], i) => (
+          <span
+            key={i}
+            style={{
+              position: "absolute",
+              display: "flex",
+              left,
+              top,
+              width: 14,
+              height: 14,
+              borderRadius: 4,
+              background: "#2563eb",
+              opacity,
+            }}
+          />
+        ))}
+        <span
+          style={{
+            position: "absolute",
+            display: "flex",
+            left: 1040,
+            top: 50,
+            width: 14,
+            height: 14,
+            borderRadius: 4,
+            background: "#ff5a00",
+            opacity: 0.8,
+          }}
+        />
+        <span
+          style={{
+            position: "absolute",
+            display: "flex",
+            left: 80,
+            top: 530,
+            width: 14,
+            height: 14,
+            borderRadius: 4,
+            background: "#ff5a00",
+            opacity: 0.8,
+          }}
+        />
+        <div
+          style={{
+            position: "absolute",
+            width: "100%",
+            height: "100%",
+            border: "2px solid rgba(37,99,235,0.15)",
+          }}
+        />
+
+        <div
+          style={{
+            position: "relative",
+            display: "flex",
+            flexDirection: "column",
+            justifyContent: "space-between",
+            width: "100%",
+            padding: "58px 68px 52px",
+          }}
+        >
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              fontSize: 20,
+              fontWeight: 700,
+              letterSpacing: "0.18em",
+              textTransform: "uppercase",
+              color: "#2563eb",
+            }}
+          >
+            <span>Tercih Rehberi</span>
+          </div>
+
+          <div
+            style={{
+              display: "flex",
+              flexWrap: "wrap",
+              maxWidth: 980,
+              fontSize: baslik.length > 70 ? 48 : baslik.length > 52 ? 54 : 62,
+              fontWeight: 300,
+              lineHeight: 1.02,
+              letterSpacing: "-0.025em",
+              color: "#2563eb",
+            }}
+          >
+            <span
+              style={{
+                display: "flex",
+                color: "#ff5a00",
+                fontWeight: 700,
+                letterSpacing: "-0.04em",
+              }}
+            >
+              {rehberMetniniParcala(vurgu).map((parca, i) =>
+                /^\d/.test(parca) ? (
+                  <span
+                    key={i}
+                    style={{
+                      display: "flex",
+                      fontStyle: "italic",
+                      fontWeight: 800,
+                    }}
+                  >
+                    {parca}
+                  </span>
+                ) : (
+                  parca
+                ),
+              )}
+            </span>
+            {kalan ? (
+              <span
+                style={{
+                  display: "flex",
+                  marginLeft: /^\s/.test(kalan) ? 12 : 0,
+                }}
+              >
+                {rehberMetniniParcala(kalan.trimStart()).map((parca, i) =>
+                  /^\d/.test(parca) ? (
+                    <span
+                      key={i}
+                      style={{
+                        display: "flex",
+                        fontStyle: "italic",
+                        fontWeight: 800,
+                      }}
+                    >
+                      {parca}
+                    </span>
+                  ) : (
+                    parca
+                  ),
+                )}
+              </span>
+            ) : null}
+          </div>
+
+          <div
+            style={{
+              display: "flex",
+              alignItems: "center",
+              justifyContent: "flex-end",
+            }}
+          >
+            <svg
+              width="38"
+              height="38"
+              viewBox="0 0 180 180"
+              style={{ display: "flex" }}
+            >
+              <rect x="27" y="56" width="57" height="57" rx="13" fill="#3b82f6" />
+              <rect x="91" y="29" width="56" height="56" rx="13" fill="#fdc7a7" />
+              <rect x="91" y="95" width="56" height="56" rx="13" fill="#ff5a00" />
+            </svg>
+            <span
+              style={{
+                display: "flex",
+                marginLeft: 2,
+                fontSize: 24,
+                letterSpacing: "-0.05em",
+                color: "#2563eb",
+              }}
+            >
+              <span style={{ fontWeight: 300 }}>Kolay</span>
+              <span style={{ fontWeight: 700 }}>Tercih</span>
+            </span>
+          </div>
+        </div>
+      </div>
+    ),
+    size,
+  );
+}

src/app/rehber/[slug]/page.tsx

@@ -0,0 +1,137 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import { ChevronRight } from "lucide-react";
+import { getAllRehberSlugs, getAllRehberler, getRehber } from "@/lib/rehber";
+import { JsonLd, articleJsonLd, breadcrumbJsonLd } from "@/lib/seo";
+import { CtaSiraForm } from "@/components/cta-sira-form";
+import { RehberKapak } from "@/components/rehber-kapak";
+import { SiteFooter } from "@/components/site-footer";
+
+export function generateStaticParams() {
+  const slugs = getAllRehberSlugs();
+  if (slugs.length === 0) {
+    throw new Error("rehber: content/rehber altında hiç makale yok");
+  }
+  return slugs.map((slug) => ({ slug }));
+}
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}): Promise<Metadata> {
+  const { slug } = await params;
+  const yazi = getRehber(slug);
+  if (!yazi) return {};
+  return {
+    title: yazi.baslik,
+    description: yazi.aciklama,
+    alternates: { canonical: `/rehber/${slug}` },
+    openGraph: {
+      type: "article",
+      title: yazi.baslik,
+      description: yazi.aciklama,
+      publishedTime: yazi.tarih,
+    },
+  };
+}
+
+export default async function RehberYaziPage({
+  params,
+}: {
+  params: Promise<{ slug: string }>;
+}) {
+  const { slug } = await params;
+  const yazi = getRehber(slug);
+  if (!yazi) notFound();
+
+  const digerYazilar = getAllRehberler()
+    .filter((y) => y.slug !== slug)
+    .slice(0, 4);
+
+  return (
+    <>
+    <main className="mx-auto w-full max-w-3xl px-4 py-12 sm:py-16">
+      <JsonLd
+        data={articleJsonLd({
+          title: yazi.baslik,
+          description: yazi.aciklama,
+          path: `/rehber/${slug}`,
+          datePublished: yazi.tarih,
+        })}
+      />
+      <JsonLd
+        data={breadcrumbJsonLd([
+          { name: "Ana Sayfa", path: "/" },
+          { name: "Rehber", path: "/rehber" },
+          { name: yazi.baslik, path: `/rehber/${slug}` },
+        ])}
+      />
+
+      <nav
+        aria-label="breadcrumb"
+        className="flex items-center gap-1 text-xs text-slate-500"
+      >
+        <Link href="/" className="hover:text-primary hover:underline">
+          Ana Sayfa
+        </Link>
+        <ChevronRight className="size-3" aria-hidden />
+        <Link href="/rehber" className="hover:text-primary hover:underline">
+          Rehber
+        </Link>
+      </nav>
+
+      <article>
+        <RehberKapak baslik={yazi.baslik} className="mt-6 shadow-sm" />
+        <h1 className="mt-8 font-heading text-3xl font-bold text-slate-900 sm:text-4xl">
+          {yazi.baslik}
+        </h1>
+        <p className="mt-3 text-base leading-7 text-slate-600">
+          {yazi.aciklama}
+        </p>
+        <div
+          className="mt-8 text-[15px] leading-7 text-slate-700
+            [&_h2]:mt-10 [&_h2]:font-heading [&_h2]:text-xl [&_h2]:font-bold [&_h2]:text-slate-900
+            [&_h3]:mt-6 [&_h3]:font-heading [&_h3]:text-base [&_h3]:font-bold [&_h3]:text-slate-900
+            [&_p]:mt-3
+            [&_a]:font-medium [&_a]:text-primary hover:[&_a]:underline
+            [&_strong]:font-semibold [&_strong]:text-slate-900
+            [&_ul]:mt-3 [&_ul]:list-disc [&_ul]:space-y-1.5 [&_ul]:pl-6
+            [&_ol]:mt-3 [&_ol]:list-decimal [&_ol]:space-y-1.5 [&_ol]:pl-6
+            [&_table]:mt-4 [&_table]:w-full [&_table]:border-collapse [&_table]:text-sm
+            [&_th]:border [&_th]:border-slate-200 [&_th]:bg-slate-50 [&_th]:px-3 [&_th]:py-2 [&_th]:text-left [&_th]:font-semibold
+            [&_td]:border [&_td]:border-slate-200 [&_td]:px-3 [&_td]:py-2
+            [&_blockquote]:mt-4 [&_blockquote]:border-l-4 [&_blockquote]:border-primary/30 [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:text-slate-600"
+          dangerouslySetInnerHTML={{ __html: yazi.html }}
+        />
+      </article>
+
+      <div className="mt-12">
+        <CtaSiraForm />
+      </div>
+
+      {digerYazilar.length > 0 ? (
+        <section className="mt-12">
+          <h2 className="font-heading text-xl font-bold text-slate-900">
+            Diğer rehber yazıları
+          </h2>
+          <ul className="mt-3 space-y-2">
+            {digerYazilar.map((y) => (
+              <li key={y.slug}>
+                <Link
+                  href={`/rehber/${y.slug}`}
+                  className="text-sm font-medium text-primary hover:underline"
+                >
+                  {y.baslik}
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </section>
+      ) : null}
+    </main>
+    <SiteFooter />
+    </>
+  );
+}

src/app/rehber/page.tsx

@@ -0,0 +1,77 @@
+import type { Metadata } from "next";
+import Link from "next/link";
+import { ArrowRight } from "lucide-react";
+import { getAllRehberler } from "@/lib/rehber";
+import { JsonLd, breadcrumbJsonLd } from "@/lib/seo";
+import { CtaSiraForm } from "@/components/cta-sira-form";
+import { RehberKapak } from "@/components/rehber-kapak";
+import { SiteFooter } from "@/components/site-footer";
+import { PagePixelDivider } from "@/components/pixel-decor";
+
+export const metadata: Metadata = {
+  title: "Tercih Rehberi 2026 — YKS Tercih Dönemi Yazıları",
+  description:
+    "YKS tercih dönemi rehberi: tercih listesi nasıl yapılır, ölü tercih nedir, ek yerleştirme nasıl işler, sıralama mı puan mı — hepsi öğrenci diliyle.",
+  alternates: { canonical: "/rehber" },
+};
+
+export default function RehberIndexPage() {
+  const yazilar = getAllRehberler();
+
+  return (
+    <>
+    <main className="mx-auto w-full max-w-6xl px-4 py-12 sm:py-16">
+      <JsonLd
+        data={breadcrumbJsonLd([
+          { name: "Ana Sayfa", path: "/" },
+          { name: "Rehber", path: "/rehber" },
+        ])}
+      />
+
+      <h1 className="font-heading text-3xl font-bold text-slate-900 sm:text-4xl">
+        Tercih Rehberi
+      </h1>
+      <p className="mt-4 max-w-2xl text-sm leading-7 text-slate-600">
+        Tercih döneminin en çok sorulan soruları, veriye dayalı ve öğrenci
+        diliyle. Panik yok, pazarlama yok — sadece işine yarayacak bilgi.
+      </p>
+
+      <PagePixelDivider seed={11} className="mt-8" />
+
+      <ul className="mt-8 columns-1 gap-5 sm:columns-2 lg:columns-3">
+        {yazilar.map((y) => (
+          <li key={y.slug} className="mb-5 break-inside-avoid">
+            <Link
+              href={`/rehber/${y.slug}`}
+              className="block overflow-hidden rounded-3xl border border-slate-200 bg-white p-2 shadow-sm focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-primary"
+            >
+              <RehberKapak
+                baslik={y.baslik}
+                compact
+                className="rounded-[1.15rem]"
+              />
+              <div className="px-3 pb-3 pt-4">
+                <p className="text-sm leading-6 text-slate-600">
+                  {y.aciklama}
+                </p>
+                <span className="mt-4 inline-flex items-center gap-1.5 font-bricolage text-sm font-semibold text-primary">
+                  Yazıyı oku
+                  <ArrowRight
+                    className="size-4"
+                    aria-hidden
+                  />
+                </span>
+              </div>
+            </Link>
+          </li>
+        ))}
+      </ul>
+
+      <div className="mx-auto mt-16 max-w-3xl">
+        <CtaSiraForm />
+      </div>
+    </main>
+    <SiteFooter />
+    </>
+  );
+}