Faz 5: SEO — Meta Tags, JSON-LD, Sitemap ve Core Web Vitals

Neden Önemli?

Organik arama, web sitelerinin ortalama %53'lük trafiğini oluşturur. SEO temelleri doğru atılmadan yapılan içerik ve reklam yatırımları, delik kovaya su taşımak gibidir. Google, günde 8.5 milyar arama işlemi gerçekleştirir — bu pastadan pay almak ancak teknik SEO altyapısı sağlam sitelerle mümkündür.

Core Web Vitals (CWV), Google'ın sıralama algoritmasında doğrudan etki eden bir faktördür. LCP, FID (artık INP) ve CLS metrikleri "iyi" eşiğini karşılamayan siteler, sıralama kaybına uğrar. E-ticaret sitelerinde CWV iyileştirmesi dönüşüm oranını %15-20 artırabilir.

Yapısal veri (JSON-LD) kullanan sayfalar, arama sonuçlarında zengin snippet'ler (yıldız, fiyat, SSS, nasıl yapılır) ile görünür — bu da tıklama oranını (CTR) %25-35 artırır.

Kontrol Listesi

• Title tag optimizasyonu: Her sayfa için benzersiz, 50-60 karakter arası, birincil anahtar kelimeyi içeren, tıklanmaya teşvik eden başlık. Marka adı "|" ile sona eklenebilir.
• Meta description: Her sayfa için benzersiz, 150-160 karakter, CTA içeren, hedef anahtar kelimeyi doğal şekilde barındıran açıklama.
• Open Graph meta etiketleri: og:title, og:description, og:image (1200x630px), og:url, og:type, og:locale etiketlerinin her sayfa için doğru tanımlanması.
• Twitter Card meta etiketleri: twitter:card (summary_large_image), twitter:title, twitter:description, twitter:image etiketleri.
• Canonical URL: Her sayfada <link rel="canonical"> etiketi. Yinelenen içerik sorunlarını önlemek için parametre varyasyonlarında doğru canonical belirtimi.
• Hreflang etiketleri: Çok dilli siteler için her dil/ülke kombinasyonunda karşılıklı hreflang referansları ve x-default tanımı.
• JSON-LD yapısal veri: Organization, WebSite, BreadcrumbList, Article, Product, FAQ, HowTo, LocalBusiness — sayfa türüne göre uygun şema tiplerinin uygulanması.
• XML Sitemap: Tüm indekslenebilir sayfaları içeren, 50.000 URL veya 50MB sınırını aşmayan, lastmod değerleri güncel, hreflang referansları dahil sitemap dosyası.
• Robots.txt: Taranmasını istemediğiniz sayfa ve dizinlerin engellenmesi, sitemap URL referansı ve crawl-delay ayarı (gerekirse).
• Core Web Vitals hedefleri: LCP < 2.5s, INP < 200ms, CLS < 0.1 — her metrik için ölçüm, analiz ve optimizasyon planı.
• Görsel optimizasyonu: WebP/AVIF formatı, responsive images (srcset), lazy loading, width/height belirtimi (CLS önleme), CDN üzerinden serve.
• Internal linking stratejisi: İçerik hub'ları (topic clusters), anchor text optimizasyonu ve orphan page tespiti.

Teknik Gereksinimler

Next.js metadata API ile SEO:

// app/layout.tsx — Global metadata export const metadata: Metadata = { metadataBase: new URL('https://example.com'), title: { default: 'Site Adı', template: '%s | Site Adı' }, description: 'Varsayılan açıklama.', openGraph: { type: 'website', locale: 'tr_TR', siteName: 'Site Adı', }, robots: { index: true, follow: true }, alternates: { canonical: '/' }, }

JSON-LD yapısal veri (Organization + WebSite):

<script type="application/ld+json"> { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://example.com/#organization", "name": "Şirket Adı", "url": "https://example.com", "logo": { "@type": "ImageObject", "url": "https://example.com/logo.png" }, "sameAs": ["https://twitter.com/...", "https://linkedin.com/..."] }, { "@type": "WebSite", "@id": "https://example.com/#website", "url": "https://example.com", "name": "Site Adı", "publisher": { "@id": "https://example.com/#organization" }, "potentialAction": { "@type": "SearchAction", "target": "https://example.com/ara?q={search_term}", "query-input": "required name=search_term" } } ] } </script>

BreadcrumbList JSON-LD:

{ "@type": "BreadcrumbList", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Ana Sayfa", "item": "https://example.com" }, { "@type": "ListItem", "position": 2, "name": "Blog", "item": "https://example.com/blog" }, { "@type": "ListItem", "position": 3, "name": "Yazı Başlığı" } ] }

Sık Yapılan Hatalar

1. Tüm sayfalarda aynı title ve description kullanmak: Her sayfa benzersiz meta etiketlere sahip olmalıdır — aksi halde Google hangisini indeksleyeceğini bilemez ve "duplicate content" uyarısı verir.
2. JSON-LD'yi yanlış uygulamak: Schema Markup Validator'da hata veren yapısal veri, Google tarafından görmezden gelinir. Her değişiklikte test edin.
3. Sitemap'i güncellememek: Yeni sayfalar eklendiğinde sitemap otomatik güncellenmezse, Google bu sayfaları geç keşfeder.
4. CLS'i göz ardı etmek: Reklam alanları, geç yüklenen görseller ve dinamik eklenen içerikler layout shift yaratır. Her elemana sabit boyut verin.
5. Robots.txt ile önemli sayfaları engellemek: CSS/JS dosyalarını veya önemli sayfa türlerini engellemek, Google'ın sitenizi doğru render etmesini engeller.

Profesyonel İpuçları

• SEO meta etiketlerini otomatik oluşturan bir şablon sistemi kurun — her yeni sayfa için manuel yazım hem yavaş hem hata eğilimlidir.
• JSON-LD'yi merkezi bir utility fonksiyonla üretin — böylece şema güncellemelerinde tek noktadan değişiklik yapabilirsiniz.
• Core Web Vitals'ı gerçek kullanıcı verileriyle (CrUX) izleyin, sadece lab verilerine güvenmeyin — Lighthouse puanı ile saha verisi farklı olabilir.
• Internal link audit'i aylık yapın — link equity'nin doğru dağılmasını sağlayın ve orphan page'leri ortadan kaldırın.
• Image CDN (Cloudinary, imgix) kullanarak görselleri otomatik olarak en uygun format ve boyutta sunun — manuel dönüşüm gereksinimini ortadan kaldırır.