Teknik ayarlar
SEO Ayarlarını Yap
Google arama sonuçlarında her sayfanın başlık ve açıklamasını kullanır. Kendi değerini vermeyen sayfalar src/config/seo.ts içindeki varsayılanlara düşer.
Bu dosya ne işe yarar
src/config/seo.ts site geneli varsayılanları tutar: Bir sayfa BaseLayout’a kendi başlık/açıklamasını vermezse bunlar kullanılır. Ana sayfa bu değerleri zaten doğrudan kullanır.
Dosyayı açın
Editörde src/config/seo.ts dosyasını açın. Bu adım için yalnızca metin alanlarını değiştirmeniz yeterli.
Alanların anlamı
- defaultTitle — Sekme metni ve Google’daki ana başlık (şirket adınızı ekleyin).
- defaultDescription — Arama sonucundaki gri metin. Yaklaşık 150–160 karakter hedefleyin.
- defaultImage — Sosyal paylaşım görseli yolu, örn. /og/default.svg (dosya public/ altında).
- locale / localeTr — Open Graph dil etiketleri (varsayılan en_GB ve tr_TR).
- twitterHandle — İsteğe bağlı Twitter @kullanıcıadı; kullanmıyorsanız boş bırakın.
Örnek
Yer tutucu şirket adı ve açıklamayı kendi metninizle değiştirin:
export const seo = {
defaultTitle: "Acme Diş Kliniği",
defaultDescription: "İstanbul'da aile diş hekimliği. İmplant, beyazlatma ve acil müdahale. Online randevu veya hemen arayın.",
defaultImage: "/og/default.svg",
twitterHandle: "",
locale: "en_GB",
localeTr: "tr_TR",
} as const;
Sayfa bazlı ayarlar
Önemli sayfalar (Hakkımızda, İletişim, her hizmet) BaseLayout üzerinde kendi title ve description değerine sahip olmalı — aksi halde Google’da hepsi aynı görünür. Ana sayfa bu dosyadaki seo.defaultTitle ve seo.defaultDescription değerlerini kullanır.
Kaydettikten sonra kontrol
npm run dev çalıştırın, ana sayfayı açın, sağ tık → Sayfa kaynağını görüntüle; <title> ve <meta name="description" content="..."> yeni metninizi göstermeli. Yayından sonra canlı URL’de tekrarlayın.