3D web sitesi teklifi sunduğumuz her görüşmede aynı itiraz gelir: bu site yavaş olmaz mı, Google'da bulunur mu? İtiraz haksız değil. Piyasadaki 3D sitelerin önemli bir kısmı gerçekten ağırdır, mobilde takılır ve arama sonuçlarında görünmez. Ancak bunun nedeni 3D'nin kendisi değil, kurulum biçimidir. Aşağıda hem sorunun kaynağını hem de bunu çözen yedi teknik kuralı anlatıyoruz.
Kısa cevap
3D sahne doğru kurulduğunda arama motoru sıralamasına zarar vermez, çünkü arama motorunun okuduğu şey sahne değil sayfanın HTML içeriğidir. Sorun, 3D sahnenin sayfanın açılışını bloke ettiği kurulumlarda çıkar.
Başka bir deyişle: 3D bir katmandır, içerik değildir. Katman içeriği beklettiği anda hem kullanıcı hem Google cezalandırır. Katman içeriğin üstünde bağımsız çalıştığında ikisi de sorun görmez.
Endişenin gerçek kaynağı
Kötü kurulmuş bir 3D sitede tipik olarak şunlar olur. Sayfa açılır, birkaç saniye boş beyaz veya siyah bir ekran görünür, sonra sahne yüklenir ve metinler yerine oturur. Bu süre boyunca ziyaretçi hiçbir şey okuyamaz.
Teknik karşılığı şudur: en büyük içerik boyaması geç gerçekleşir, düzen kayması yaşanır ve ana iş parçacığı 3D kurulumuyla meşgul olduğu için sayfa etkileşime geç hazır olur. Bunlar Google'ın doğrudan ölçtüğü sinyallerdir.
İkinci bir sorun daha var: içerik yalnızca 3D sahnenin içinde yazıyorsa, o metin HTML'de bulunmaz. Bir kanvas yüzeyine çizilmiş yazıyı arama motoru okuyamaz.
Kural 1: HTML önce gelir
Sayfadaki her anlamlı metin, başlık ve bağlantı gerçek HTML olarak var olmalı ve 3D motoru hiç çalışmasa bile sayfa okunabilir kalmalıdır. 3D sahne bu içeriğin arkasında veya yanında bir görsel katman olarak durur.
Bunu test etmek kolaydır: tarayıcıda JavaScript'i kapatın veya sayfanın kaynağını görüntüleyin. Başlıklarınızı, açıklamalarınızı ve menüyü görüyorsanız temel doğru kurulmuştur.
Kural 2: 3D paketi ertelenir
Three.js ve sahne dosyaları sayfanın ilk yüklenmesini bekletmemelidir. Doğru yaklaşımda 3D kodu ayrı bir paket olarak bölünür ve sayfanın metin içeriği ekrana geldikten sonra yüklenir.
Pratikte şu sırayı kuruyoruz: yazı tipleri ve kritik stiller, sonra HTML içerik, sonra görseller, en son 3D. Ziyaretçi ilk saniyede okumaya başlar, sahne birkaç yüz milisaniye sonra sessizce devreye girer.
Kural 3: Model bütçesi baştan belirlenir
Projeye başlarken sahne için bir dosya boyutu bütçesi koyun. Blender'dan çıkan bir model ham haliyle onlarca megabayt olabilir, aynı model web için doğru hazırlandığında birkaç megabayta iner.
Bütçeyi tutmanın yolları: poligon sayısını web için düşürmek, geometriyi Draco veya Meshopt ile sıkıştırmak, dokuları KTX2 formatında ve gerçekten ihtiyaç duyulan çözünürlükte hazırlamak, tekrar eden nesneleri kopyalamak yerine örneklemek. Bir ürün sahnesi için makul hedef, toplam 3 megabaytın altında kalmaktır.
Kural 4: En büyük içerik 3D olmasın
Google'ın ölçtüğü en büyük içerik boyaması, ekranda görünen en büyük öğenin ne zaman çizildiğidir. Bu öğe 3D kanvasınız olursa skorunuz sahne yükleme süresine bağlanır ve düşer.
Çözüm basittir: sahnenin arkasına veya üstüne, ilk anda çizilen hafif bir görsel veya renk katmanı koyun. Ziyaretçi ilk anda dolu bir ekran görür, sahne o katmanın üstünde açılır. Bu hem ölçümü kurtarır hem de algılanan hızı gerçekten iyileştirir.
Kural 5: Düzen kayması için yer ayrılır
3D kanvas sayfaya sonradan eklendiğinde altındaki içeriği aşağı iter. Bu kayma hem rahatsız edicidir hem de doğrudan ölçülen bir hatadır.
Kanvasın kaplayacağı alanı en baştan sabit yükseklik veya en boy oranıyla rezerve edin. Sahne geldiğinde o alana yerleşsin, hiçbir şey yerinden oynamasın.
Kural 6: Mobilde ayrı profil çalışır
Mobil cihaz, masaüstünün küçültülmüş hali değildir. Aynı sahneyi aynı ayarlarla mobile göndermek, pil tüketimi ve ısınma demektir.
Uygulamada şunları ayırıyoruz: piksel yoğunluğu sınırı, gölge ve yansıma kalitesi, parçacık sayısı, kare hızı hedefi. Zayıf cihaz tespit edildiğinde sahne otomatik olarak sadeleşir veya tamamen devre dışı kalıp yerine statik bir görsel gösterilir. Ziyaretçi bunu fark etmez, sadece sitenin akıcı çalıştığını görür.
Kural 7: Erişilebilirlik ihmal edilmez
İşletim sisteminde hareket azaltma tercihi açık olan kullanıcılar vardır. Bu tercih algılandığında otomatik dönen sahneler durmalı, geçişler sadeleşmelidir.
Ayrıca sahnedeki her etkileşimin klavye ile yapılabilen bir karşılığı olmalı ve sahnede anlatılan bilgi metin olarak da bulunmalıdır. Bu hem yasal ve etik bir gerekliliktir hem de arama motorunun içeriği anlamasına yardım eder.
Neyi, nasıl ölçmelisiniz?
Sayfa yayına girdikten sonra bakılacak ölçümler şunlardır:
En büyük içerik boyaması, hedef 2,5 saniyenin altı.
Kümülatif düzen kayması, hedef 0,1'in altı, iyi kurulmuş bir sitede sıfır olur.
Etkileşime kadar geçen süre ve ana iş parçacığının bloke olduğu toplam süre.
Gerçek kullanıcı verisi, yani laboratuvar testi değil sahadan gelen ölçüm. Google Search Console'daki Core Web Vitals raporu bunu gösterir.
Ayrıca indeksleme tarafını da kontrol edin: Search Console'un URL denetleme aracıyla sayfanın Google tarafından görülen halini açın ve metinlerinizin orada olduğunu doğrulayın.
Kendi sitemizdeki durum
Şu anda okuduğunuz site gerçek zamanlı bir 3D sahne çalıştırıyor. Eylül 2026 ölçümlerinde PageSpeed Insights performans skorumuz masaüstünde 100, mobilde 98 ile 100 arasında. Düzen kayması sıfır.
Bunu sağlayan şey özel bir hile değil, yukarıdaki yedi kuralın istisnasız uygulanması ve her yayın öncesi otomatik performans testinden geçilmesi. Ölçüm sürekli yapılmazsa skorlar birkaç güncelleme içinde erir.
Teklif alırken sorulacak sorular
Bir ajanstan 3D web sitesi teklifi alıyorsanız şunları sorun:
İçerik, 3D sahne yüklenmeden okunabilir olacak mı?
Model dosyaları için hedef boyut nedir ve hangi sıkıştırma kullanılacak?
Mobil için ayrı performans profili var mı?
Yayın sonrası hangi hız ölçümlerini garanti ediyorsunuz ve nasıl raporlayacaksınız?
Hareket azaltma tercihi olan kullanıcılar için ne olacak?
Bu sorulara net cevap veremeyen bir ekip, muhtemelen sahneyi güzel kurar ama performansı sonradan düşünür.
Sonuç
3D ile SEO arasında zorunlu bir çelişki yoktur. Çelişki, sahneyi içeriğin önüne koyan kurulumlarda ortaya çıkar. İçerik önce, sahne sonra kuralına uyulduğunda hem etkileyici hem de hızlı bir site mümkündür.
Rise of Digital olarak 3D sahneleri Blender ile hazırlıyor, Three.js ve Next.js ile geliştiriyor ve her yayın öncesinde otomatik performans denetiminden geçiriyoruz. Mevcut sitenizin hız raporunu bizimle paylaşın, 3D eklendiğinde nerede duracağınızı somut olarak gösterelim.