Yapay Zekâyla Yapılan Web Siteleri İçin SEO: Gerçekten Önemli Olanlar
Yapay zekâyla yapılan bir web sitesi, diğer her site kadar iyi sıralanabilir: arama motorları, kodu hangi aracın yazdığına değil, sayfanın ne içerdiğine ve ziyaretçiye ne kadar iyi hizmet ettiğine bakar. Asıl zorluk teknik. Birçok yapay zekâ oluşturucu, tarayıcıya neredeyse boş bir HTML dosyası gönderen ve içeriği JavaScript ile çizen tek sayfalık uygulamalar üretir; bu da her sayfayı tarayıcıların okumasını ve paylaşmasını zorlaştırır. Bunu önceden oluşturma ya da sunucu tarafı oluşturmayla düzeltin, her sayfaya kendi başlığını, açıklamasını ve URL'sini verin, bir site haritası ekleyin, siteyi hızlı tutun ve sonra hiçbir aracın sizin yerinize yapamayacağı kısmı yapın: insanların aradığı içeriği yazın.
Tek sayfalık uygulamalar neden aramada zorlanır
Geleneksel bir web sitesi, her sayfanın tam metnini HTML'inde gönderir. Tek sayfalık bir uygulama (SPA) — birçok yapay zekâ oluşturucunun varsayılan çıktısı, genellikle Vite ile React — boş bir <div id="root"> gibi küçük bir HTML kabuğu ile bir JavaScript paketi gönderir. Tarayıcı JavaScript'i çalıştırır ve sayfayı o oluşturur.
Bu, aramada üç açıdan önemlidir:
- Oluşturma ek bir adımdır. Google, JavaScript sayfaları için üç aşamayı tarif eder: HTML'i tara, başsız bir Chromium tarayıcısında oluştur, sonra oluşturulan sonucu dizinle. Google'ın kendi rehberi, hem kullanıcılar hem tarayıcılar için daha hızlı olduğu ve tüm botların JavaScript çalıştıramadığı için sunucu tarafı oluşturma ya da önceden oluşturmanın hâlâ iyi bir fikir olduğunu söyler.
- Sayfanızı okuyan diğer okuyucular hiç oluşturmaz. Sohbet uygulamalarındaki ve sosyal ağlardaki bağlantı önizlemeleri ile birçok başka tarayıcı genellikle yalnızca ilk HTML'i okur. Başlığınız ve önizleme görseliniz yükleme sonrası JavaScript ile ayarlanıyorsa, bu önizlemeler boş kabuğun varsayılanlarını gösterir — çoğu zaman her sayfada aynı başlık.
- Her şey tek bir HTML dosyasını paylaşır. Uygulama bunu güncellemedikçe, her URL aynı
<title>ve açıklamaya sahip olur; bu da arama motorlarına her sayfa hakkında pek bir şey söylemez.
Bunların hiçbiri SPA'nın dizinlenemeyeceği anlamına gelmez. Tarayıcıya daha fazla iş yüklediğiniz ve oluşturmayan okuyucuların ne göreceği üzerindeki kontrolü kaybettiğiniz anlamına gelir.
Bir oluşturma yaklaşımı seçin
Arama tarayıcılarına gerçek HTML ulaştırmanın dört yaygın yolu vardır. Uygulamanızı ne kadar değiştirdiklerine göre kabaca sıralı:
| Yaklaşım | Nasıl çalışır | Uygun olduğu | Ödünleşim |
|---|---|---|---|
| Statik site | Sayfalar önceden oluşturulmuş düz HTML dosyalarıdır | Pazarlama siteleri, portfolyolar, dokümanlar, bloglar | Giriş yapılmış, kişiselleştirilmiş sayfalara daha az uygun |
| Önceden oluşturma (statik site üretimi) | Derleme sırasında her herkese açık rota bir HTML dosyasına oluşturulur; tarayıcıda JavaScript devralır | Bilinen bir herkese açık sayfa kümesi olan SPA'lar | Sayfalar yalnızca yeniden derlendiğinde güncellenir |
| Sunucu tarafı oluşturma (SSR) | Sunucu her istek için HTML oluşturur (Next.js, Remix, Nuxt ve benzerleri) | İlanlar gibi büyük ya da sık değişen herkese açık içerik | Çalışan bir sunucu gerekir; daha fazla hareketli parça |
| Dinamik oluşturma | Botlara önceden oluşturulmuş HTML, insanlara SPA sunulur | Eski bir geçici çözüm | Google artık buna uzun vadeli bir çözüm değil geçici bir çözüm diyor ve bunun yerine SSR, statik oluşturma ya da hidrasyon öneriyor |
Pratik bir kural: sitenizin herkese açık, aranabilir kısmı statik ya da önceden oluşturulmuş olmalı; arkasındaki giriş yapılmış uygulama normal bir SPA olarak kalabilir. Arama motorları zaten kontrol panellerini dizinlememeli.
Sıfırdan başlıyorsanız ve SEO önemliyse, bunu ilk istemde söyleyin ki yapay zekâ uygun bir kurulum seçsin:
Bir fizyoterapi kliniği için pazarlama sitesi oluştur; Ana Sayfa, Hizmetler (her hizmet için bir sayfa), Hakkımızda, Fiyatlandırma ve İletişim sayfaları olsun. SEO önemli: her sayfa tam içeriğini ve kendi başlığını ve meta açıklamasını ilk HTML'de göndermeli — statik ya da önceden oluşturulmuş bir kurulum kullan, yalnızca istemci tarafında çalışan bir tek sayfalık uygulama değil.
Zaten bir Vite SPA'nız varsa, herkese açık rotaların önceden oluşturulmasını isteyin:
Bu React uygulamasını olduğu gibi tut, ama herkese açık rotaları (/, /pricing, /about, /blog ve her /blog/:slug) derleme sırasında statik HTML'e önceden oluştur; her birinin kendi başlığı, meta açıklaması, kanonik URL'si ve Open Graph etiketleri olsun. Giriş yapılmış /app rotaları istemci tarafında oluşturulmaya devam edebilir.
Sonra sonucu kendiniz kontrol edin: bir sayfayı açın, Sayfa kaynağını görüntüle seçeneğini seçin (geliştirici araçlarının Elements panelini değil, bu, oluşturulmuş sayfayı gösterir) ve metnin ve başlığın ham HTML'de olduğunu doğrulayın.
Sayfa üzerindeki temelleri doğru yapın
Bunlar oluşturma yaklaşımı ne olursa olsun geçerlidir.
Başlıklar ve meta açıklamalar
- Her sayfada tek ve benzersiz bir
<title>, sayfanın ana konusu önce gelecek şekilde. Yaklaşık 50–60 karakter yaygın bir kılavuzdur, çünkü daha uzun başlıklar sonuçlarda kesilme eğilimindedir. - Her sayfada tek ve benzersiz bir meta açıklama — anahtar kelime listesi değil, bir kişinin tıklamak isteyeceği bir cümle. Google onu yeniden yazabilir, ama iyi bir açıklama çoğu zaman kullanılır.
- Meta anahtar kelimeleri atlayın. Google, bu etiketin dizinleme ya da sıralama üzerinde etkisi olmadığını söyler.
URL'ler, başlıklar ve bağlantılar
- Gerçek sayfalar için gerçek URL'ler. Her içerik parçasının kendi yolu olmalı (
/services/sports-massage), yalnızca bir tıklamadan sonra var olan bir sekme ya da modal değil. Dizinlenmesini istediğiniz içerik için#parça yönlendirmesinden kaçının. - Sayfa başına bir
h1, ardından mantıklı birh2/h3ana hatlandırması. Yapay zekâ tasarımları bazen başlıkları stil için kullanır; anlamsal başlıklar isteyin. - Taranabilir bağlantılar. Gezinme için gerçek
<a href>bağlantıları kullanın. JavaScript ile sayfayı değiştiren düğmeler, bağlantıları takip eden tarayıcılardan görünmezdir. - Kanonik etiketler, her sayfayı tercih ettiği URL'ye yönlendirsin; böylece
?utm=varyantları ve sondaki eğik çizgi kopyaları birbiriyle yarışmasın. - Anlamlı görsellerde açıklayıcı alt metin.
Sosyal önizlemeler
Her herkese açık sayfaya, ilk HTML'de, Open Graph etiketleri (og:title, og:description, og:image, og:url) ekleyin. SPA'ların en sık yanlış yaptığı kısım budur, çünkü bağlantı önizleme botları JavaScript çalıştırmaz.
Site haritaları ve robots.txt
Site haritası, dizinlenmesini istediğiniz URL'leri listeleyen bir XML dosyasıdır. Arama motorlarının sayfaları bulmasına yardımcı olur, özellikle az gelen bağlantısı olan yeni sitelerde. Google'ın dokümantasyonuna göre, Eylül 2026 itibarıyla:
- Tek bir site haritası en fazla 50.000 URL ya da sıkıştırılmamış 50 MB tutabilir; daha büyük siteleri bir site haritası dizini ile bölün.
- Google
<priority>ve<changefreq>değerlerini yok sayar. - Google
<lastmod>değerini yalnızca tutarlı biçimde doğruysa kullanır, bu yüzden her derlemede değil, gerçek içerik değişikliklerinde güncelleyin.
robots.txt dosyası, tarayıcılara hangi yolları taramamaları gerektiğini söyler. /app, /admin ve API rotalarını tarayıcılardan uzak tutmak ve oradan site haritasına işaret etmek için kullanın. robots.txt'nin taramayı durdurduğunu, dizinlemeyi durdurmadığını unutmayın: bir sayfayı sonuçlardan çıkarmak için noindex robots meta etiketi kullanın ve sayfanın taranmasına izin verin.
Site son alan adına taşındığında site haritasını Google Search Console'da gönderin. Search Console ayrıca hangi sayfaların dizinlendiğini ve diğerlerinin neden dizinlenmediğini gösterir — bu, var olan en yararlı ücretsiz SEO aracıdır.
Yapılandırılmış veri
Yapılandırılmış veri, bir sayfanın ne olduğunu tanımlayan makine tarafından okunabilir işaretlemedir: bir kuruluş, yerel bir işletme, bir ürün, bir makale, bir etkinlik. Google JSON-LD biçimini önerir ve iki noktada nettir:
- Zengin sonuçlara uygun hale getirebilir ama garanti etmez.
- Ziyaretçilerin sayfada görebildiği bilgiyi tanımlamalıdır. Görünmeyen incelemeleri, fiyatları ya da SSS'leri işaretlemeyin.
Makul başlangıç noktaları: ana sayfada Organization ya da LocalBusiness, ürün sayfalarında Product, blog yazılarında Article, derin sayfalarda BreadcrumbList. Google'ın Rich Results Test aracıyla test edin.
JSON-LD yapılandırılmış verisi ekleyin: ana sayfada, sayfada zaten gösterilen adres, telefon ve çalışma saatlerini kullanan LocalBusiness, her blog yazısında Article. Puan ya da inceleme eklemeyin.
Hız ve mobil
Google sayfa deneyimi sinyallerini, Core Web Vitals dahil, kullanır ve hız ziyaretçiler için her koşulda önemlidir. Google'ın “iyi” eşikleri, sayfa yüklemelerinin 75. yüzdeliğinde ölçülür:
| Metrik | Ölçtüğü | İyi |
|---|---|---|
| En Büyük İçerikli Boyama (LCP) | Ana içeriğin ne kadar çabuk göründüğü | 2,5 sn veya daha az |
| Etkileşimden Sonraki Boyama (INP) | Sayfanın girdiye ne kadar hızlı yanıt verdiği | 200 ms veya daha az |
| Kümülatif Düzen Kayması (CLS) | Yüklenirken düzenin ne kadar zıpladığı | 0,1 veya daha az |
AI ile yapılan siteler için olağan düzeltmeler:
- Görseller — boyutlandırın, sıkıştırın, modern biçimler kullanın, genişlik ve yükseklik belirleyin (düzen kaymasını önler) ve katlamanın altındakileri geç yükleyin.
- JavaScript — büyük bir paket SPA'da her şeyi geciktirir. Önceden oluşturma yardımcı olur; rota başına kodu bölmek de öyle.
- Yazı tipleri — aile ve kalınlık sayısını sınırlayın ve katlamanın üstünde kullanılan olanı önceden yükleyin.
- Üçüncü taraf betikleri — her sohbet widget'ı ve izleme pikseli hızdan götürür. Kullandıklarınızı tutun.
Canlı URL'nizi mobil modda PageSpeed Insights ya da Lighthouse ile test edin.
İçerik yine de çoğu şeydir
Teknik SEO engelleri kaldırır; talep yaratmaz. Sayfalar, bir aramaya diğer alternatiflerden daha iyi yanıt verdikleri için sıralanır. Küçük siteler için bu çoğunlukla şunlar demektir:
- Aranan her konu için bir sayfa. Bir tesisatçıya, tüm hizmetleri listeleyen tek bir “Hizmetler” sayfası yerine hizmet ve hizmet verilen bölge başına bir sayfa gerekir.
- Spesifik, özgün ayrıntılar — fiyatlar, süreç, gerçek işlerin fotoğrafları, müşterilerin telefonda sorduğu soruların yanıtları.
- Değiştiğinde güncellenir. Eski saatler ve eski fiyatlar güveni çabucak yok eder.
Yapay zekâ sayfaları hızla taslaklayabilir, bu da çok sayıda ince ve benzer sayfa yayımlama cazibesini artırır. Google'ın rehberi, nasıl üretildiğine bakılmaksızın, esas olarak insanlara yardım etmek yerine sıralanmak için yapılmış içeriği hedefler. Yapay zekâyı taslak için kullanın, sonra yalnızca sizin bildiğiniz şeyi ekleyin. Dizin tarzı siteler bununla en çok karşılaşır; dizin sayfalarını dizinlenmeye değer kılmanın yolu için bkz. dizin sitesi nasıl oluşturulur.
Lansman kontrol listesi
- Herkese açık sayfalar tam içeriği ilk HTML'de gönderir (Sayfa kaynağını görüntüle ile kontrol edin)
- Her sayfada benzersiz başlık, meta açıklama ve kanonik URL
- Her herkese açık sayfada Open Graph etiketleri ve bir paylaşım görseli
- Sayfa başına bir
h1, gerçek<a href>bağlantıları, görsellerde alt metin - Gerçek URL'lerle bir
sitemap.xml; uygulama ve API yollarını engelleyen birrobots.txt - Yapılandırılmış veri yalnızca görünür içerik için, test edilmiş
- Mobilde LCP, INP ve CLS “iyi” aralığında
- Site son alan adında, HTTPS ile ve Search Console'a gönderilmiş
Arama trafiği oluşturmaya başlamadan önce son alan adınıza geçmek yönlendirmelerden kaçınmanızı sağlar — bkz. özel alan adı nasıl bağlanır. Genel yapım süreci için yapay zekâyla web sitesi nasıl oluşturulur yazısını, ziyaretçileri dönüştürmesi gereken sayfalar için ise dönüşüm sağlayan açılış sayfası nasıl oluşturulur yazısını okuyun.
Mythex'te SEO
Mythex ayrı bir SEO paneline sahip değildir; SEO'yu sohbet ya da kod üzerinden uygulamayı değiştirerek iyileştirirsiniz. Yeni web uygulamaları varsayılan olarak Vite ve React tek sayfalık bir uygulamadır, bu yüzden arama önemliyse baştan statik ya da önceden oluşturulmuş bir site ya da Next.js isteyin. Dokümanlarda başlıklar, Open Graph etiketleri, site haritası ve robots.txt için bir başlangıç istemi uygulamanız için SEO sayfasında yer alır; içeriğe odaklı siteler için statik siteler sayfası bulunur. Değişikliklerden sonra canlı sitenin bunları alması için yeniden yayınlayın. Özel alan adları Pro'da kullanılabilir.
Sorular
Yapay zekâyla yapılan web siteleri SEO için kötü mü?
Doğası gereği değil. Arama motorları sayfayı değerlendirir, onu yazan aracı değil. Yaygın sorun teknik: birçok yapay zekâ oluşturucu, içeriği yalnızca JavaScript çalıştıktan sonra görünen neredeyse boş HTML'ler üretir ve bazı tarayıcılar bunu zayıf işler. Önceden oluşturma ya da sunucu tarafı oluşturma bunu düzeltir.
Google bir React tek sayfalık uygulamayı dizinleyebilir mi?
Google JavaScript çalıştırabilir, bu yüzden istemci tarafında oluşturulan bir React uygulamasını çoğu zaman dizinleyebilir. Ancak oluşturma ek bir adımdır ve Google'ın kendisi tüm botların JavaScript çalıştıramadığını belirtir; bu yüzden mümkün olduğunda sunucu tarafı oluşturma ya da önceden oluşturma önerir.
Meta anahtar kelimeler hâlâ önemli mi?
Hayır. Google, meta anahtar kelimeler etiketini dizinleme ya da sıralama için kullanmadığını açıkça belirtir. Bunun yerine her sayfa için benzersiz bir başlık ve meta açıklama yazmaya çaba harcayın.
Yapılandırılmış veri sıralamayı iyileştirir mi?
Yapılandırılmış veri, arama motorlarının bir sayfayı anlamasına yardım eder ve zengin sonuçlar için uygun hale getirebilir, ama bunları garanti etmez. Sayfada gerçekten görünen içeriği tanımlamalıdır.