JavaScript veya CSS yanlış Content-Type ile sunuluyorsa: sayfa neden bozuk görünür?

Konsolda “Refused to apply style from ... because its MIME type ('text/html') is not a supported stylesheet MIME type” hatası görüyorsanız, tarayıcı bir stil dosyasını yanlış türde geldiği için reddetmiş demektir.

Bu hata çoğu zaman eksik bir dosyanın 404 sayfasıyla (HTML olarak) yanıtlanmasından veya sunucunun dosya türlerini tanımamasından kaynaklanır.

KTYAPTECH SEO Analyzer bu sorunu TECH-DELIVERY-MIME-MISMATCH-001 koduyla, “Script veya stylesheet yanlış Content-Type ile sunuluyor” başlığı altında ve yüksek önem derecesiyle raporlar (Teknik SEO). Bu rehber, bulgunun ne anlama geldiğini, neden önemli olduğunu ve adım adım nasıl düzeltileceğini anlatıyor.

Yanlış Content-Type ile sunulan kaynak nedir?

Her HTTP yanıtı, içeriğin ne olduğunu belirten bir Content-Type başlığı taşır. JavaScript için text/javascript, CSS için text/css beklenir. X-Content-Type-Options: nosniff başlığı açıksa tarayıcı bu türü kesinlikle doğrular ve uyuşmayan betik ve stilleri çalıştırmaz.

SEO Analyzer, betik veya stil dosyası olarak yüklenen kaynakların beklenmeyen bir türle sunulduğunu tespit ettiğinde bu bulguyu verir.

Neden önemli? SEO ve kullanıcı deneyimine etkisi

Reddedilen stil dosyaları sayfayı biçimsiz, reddedilen betikler işlevsiz bırakır. Google sayfayı render ederken de aynı kaynakları kullanır; bozuk render edilen bir sayfa hem içerik hem de mobil uyumluluk açısından yanlış değerlendirilebilir.

Sorun nasıl tespit edilir?

• SEO Analyzer raporundaki “Script veya stylesheet yanlış Content-Type ile sunuluyor” bulgusunda dosyaları ve türlerini görün.
• Tarayıcı konsolunda MIME type hatalarını arayın.
• curl -I ile dosyanın Content-Type başlığını ve durum kodunu kontrol edin.

Adım adım çözüm

1. Hatalı dosyanın durum kodunu kontrol edin; 404 veya yönlendirme ise gerçek sorun eksik dosya veya yanlış yoldur.
2. Derleme sonrası dosya adlarının (hash'li adlar) HTML'deki referanslarla eşleştiğinden emin olun; eski önbellekli HTML yeni dosya adlarını bilmiyor olabilir.
3. Sunucu yapılandırmasında dosya uzantılarının doğru MIME türlerine eşlendiğini kontrol edin.
4. CDN veya nesne depolama kullanıyorsanız yüklenen dosyaların Content-Type meta verisini doğru ayarlayın.
5. Tek sayfa uygulamalarında tüm bilinmeyen yolları index.html'e yönlendiren kuralların statik dosya klasörlerini kapsamadığından emin olun.

SPA yeniden yazma kuralı tuzağı

“Bilinmeyen her adresi index.html'e gönder” kuralı, eksik bir .js dosyasını da index.html ile yanıtlar. Tarayıcı HTML içeriğini betik olarak alır ve reddeder. Bu kuralı yalnızca uzantısız sayfa yollarına uygulayın.

Sık yapılan hatalar

• nosniff başlığını kaldırarak sorunu gizlemek.
• SPA yönlendirme kuralını statik dosyalara da uygulamak.
• Yeni dağıtımdan sonra eski HTML'i önbellekte tutmak.

Düzeltmeyi nasıl doğrularsınız?

• curl -I ile dosyaların 200 ve doğru türle döndüğünü kontrol edin.
• Konsolda MIME hatası kalmadığını görün.
• SEO Analyzer'ı yeniden çalıştırın.

Sık sorulan sorular

nosniff başlığını kaldırmalı mıyım?

Hayır. nosniff önemli bir güvenlik korumasıdır; doğru çözüm dosyaları doğru türle sunmaktır.

Hata sadece bazı kullanıcılarda oluyor, neden?

Genellikle önbellekteki eski HTML yeni dağıtımda artık olmayan dosya adlarını istiyordur.

Google bu sorunu görür mü?

Evet. Google sayfayı render ederken aynı kaynakları yükler; reddedilen dosyalar render sonucunu bozar.

Özet

Betik ve stil dosyaları doğru Content-Type ile ve 200 durum koduyla sunulmalıdır. Eksik dosyaları ve yanlış yeniden yazma kurallarını düzeltin, sunucu ve CDN tür eşlemelerini kontrol edin; nosniff'i kaldırmayın.

Sitenizde bu ve benzeri sorunların olup olmadığını görmek için KTYAPTECH Ücretsiz SEO Analizi aracını kullanabilirsiniz: rapordaki her bulgunun yanında, sorunu anlatan çözüm rehberine giden bir bağlantı bulunur.