SSL sonrası karışık içerik uyarıları

1. Karışık içerik (Mixed Content) nedir?

Bir web sitesi HTTPS üzerinden açıldığı hâlde sayfanın içindeki bazı kaynaklar HTTP üzerinden yükleniyorsa karışık içerik oluşur. Bu kaynaklar görseller, CSS dosyaları, JavaScript dosyaları, yazı tipleri, iframe içerikleri veya harici hizmetlere ait bağlantılar olabilir.

Örneğin siteniz şu adres üzerinden açılıyor olsun:

Sayfa HTTPS üzerinden açılsa bile içindeki kaynaklardan biri HTTP ile çağrılıyorsa tarayıcı bu kaynağı engelleyebilir veya güvenlik uyarısı gösterebilir. Sorunun etkisi, yüklenmeye çalışılan kaynağın türüne ve tarayıcının güvenlik politikalarına göre değişir.

2. SSL sertifikası kurulu olduğu hâlde neden uyarı alıyorum?

SSL sertifikasının kurulmuş olması, web sitenizdeki tüm bağlantıların otomatik olarak HTTPS biçimine dönüştürüldüğü anlamına gelmez. Karışık içerik hatasının yaygın nedenleri şunlardır:

• HTML, tema veya şablon dosyalarında eski HTTP adreslerinin kalması.
• Veritabanında kayıtlı görsel, ürün, sayfa veya dosya adreslerinin HTTP kullanması.
• CSS dosyalarında arka plan görsellerinin HTTP üzerinden çağrılması.
• JavaScript dosyaları veya iframe kodlarında eski bağlantıların bulunması.
• Harici bir hizmetin HTTP bağlantısı kullanması veya HTTPS desteğinin olmaması.
• Önbellekte eski sayfa veya dosya sürümlerinin tutulması.
• Site adresi ile kullanılan www veya www olmayan alan adı arasında yanlış yapılandırma bulunması.

3. Karışık içerik hatasını tarayıcıdan tespit etme

Öncelikle hangi dosyanın HTTP üzerinden çağrıldığını belirlemek gerekir. Bunun için Chrome, Edge veya benzeri bir tarayıcı kullanabilirsiniz.

1. Web sitenizi https:// ile başlayan adresinden açın.
2. Sayfada sağ tıklayın ve İncele seçeneğini açın. Alternatif olarak klavyeden F12 tuşuna basın.
3. Açılan geliştirici araçlarında Console (Konsol) sekmesine geçin.
4. Sayfayı yenileyin ve Mixed Content, blocked veya HTTP adresleri içeren uyarıları inceleyin.
5. Uyarıda belirtilen dosya adresini not alın. Adresin görsele, CSS dosyasına, JavaScript dosyasına veya harici bir hizmete ait olup olmadığını belirleyin.
6. Gerekirse Network (Ağ) sekmesinde sayfayı yeniden yükleyerek ilgili isteğin adresini ve durumunu kontrol edin.

Not: Konsolda görünen her 404 veya JavaScript hatası karışık içerik hatası değildir. Öncelikle HTTP üzerinden yüklenmeye çalışılan kaynakları belirleyin; diğer hataları ayrıca değerlendirin.

4. HTTP bağlantılarını HTTPS olarak düzeltme

Karışık içeriğin kaynağını belirledikten sonra eski bağlantıyı güvenli adresle değiştirin.

Eski kullanım:

Düzeltilmiş kullanım:

Değişiklik yapmadan önce ilgili dosyanın veya veritabanının yedeğini alın. Ayrıca kaynağın HTTPS üzerinden gerçekten erişilebilir olduğunu doğrulayın. HTTPS desteği bulunmayan harici bir kaynağın adresine yalnızca https:// eklemek sorunu çözmeyebilir.

5. WordPress sitelerinde karışık içerik sorunu

WordPress kullanıyorsanız aşağıdaki adımları izleyin:

1. WordPress yönetim paneline giriş yapın.
2. Ayarlar > Genel bölümünü açın.
3. WordPress adresi (URL) ve Site adresi (URL) alanlarını kontrol edin.
4. SSL sertifikanızın doğru alan adı için çalıştığından emin olduktan sonra bu adreslerin uygun HTTPS adreslerini kullandığını doğrulayın.
5. Görsellerde veya sayfa içeriklerinde eski HTTP bağlantıları bulunuyorsa ilgili içerikleri düzenleyin.
6. Eski adreslerin çok sayıda kayıt içinde bulunması durumunda, önce yedek alarak WordPress ile uyumlu bir arama-değiştirme yöntemi kullanın.
7. Tema ve eklenti ayarlarında kayıtlı sabit HTTP adreslerini de kontrol edin.

Önemli: Veritabanında doğrudan toplu değişiklik yaparken dikkatli olun. WordPress bazı ayarları serileştirilmiş veri biçiminde saklar. Bu nedenle serileştirilmiş verileri doğru şekilde işleyemeyen basit SQL değiştirme işlemleri site ayarlarını veya eklentileri bozabilir.

6. Özel PHP, HTML veya başka bir yazılım kullanıyorsanız

WordPress dışında özel yazılım veya hazır e-ticaret sistemi kullanıyorsanız aşağıdaki alanları kontrol edin:

• Ortak şablonlar: Header, footer ve sayfa şablonlarındaki sabit HTTP bağlantılarını inceleyin.
• Görseller: Ürün görselleri, logo ve arka plan görsellerinin adreslerini kontrol edin.
• CSS dosyaları: url(http://...) biçimindeki kaynakları arayın.
• JavaScript: Dinamik olarak oluşturulan görsel, API veya dosya adreslerini kontrol edin.
• Veritabanı: Eski alan adı veya HTTP adreslerinin içerik kayıtlarında kalıp kalmadığını inceleyin.
• Harici hizmetler: Harita, video, canlı destek, ödeme veya diğer üçüncü taraf hizmetlerinin HTTPS uyumluluğunu doğrulayın.

Dosyaları değiştirirken mevcut kod yapısını koruyun ve mümkünse önce test ortamında deneyin. Canlı sitede işlem yapmadan önce yedek alın.

7. HTTPS yönlendirmesi ve alan adı ayarlarını kontrol etme

Karışık içerik sorununu düzeltmek için yalnızca HTTP'den HTTPS'ye yönlendirme yapmak yeterli olmayabilir. Yönlendirme ziyaretçiyi güvenli sayfaya taşır; ancak sayfanın içindeki sabit HTTP kaynaklarını her zaman düzeltmez.

Şu kontrolleri yapın:

• SSL sertifikasının kullandığınız alan adını kapsadığını doğrulayın.
• www ve www olmayan alan adlarından hangisini kullandığınızı belirleyin.
• Site URL'sinin doğru HTTPS adresini kullandığından emin olun.
• HTTP isteklerinin uygun HTTPS adresine yönlendirildiğini kontrol edin.
• Harici kaynakların güvenli bağlantıyla erişilebilir olduğunu doğrulayın.

Yönlendirme kurallarını değiştirirken mevcut .htaccess veya sunucu yapılandırmasını yedekleyin. Birbiriyle çakışan kurallar yönlendirme döngülerine veya erişim hatalarına neden olabilir.

8. Önbelleği temizleyin ve yeniden test edin

Bağlantıları düzelttikten sonra tarayıcı veya site önbelleği eski içerikleri göstermeye devam edebilir.

1. Web sitenizin uygulama veya önbellek eklentisi varsa ilgili önbelleği temizleyin.
2. CDN veya proxy kullanıyorsanız eski içeriğin önbellekte kalıp kalmadığını kontrol edin.
3. Tarayıcıda sayfayı zorla yenileyin veya gizli pencerede açın.
4. Geliştirici araçlarının Console ve Network sekmelerinde yeniden kontrol yapın.
5. Sayfaların, görsellerin, formların ve önemli işlevlerin doğru çalıştığını doğrulayın.

9. Sorun devam ediyorsa

Yukarıdaki adımlara rağmen uyarı devam ediyorsa sorunun kaynağı sunucu yapılandırması, üçüncü taraf içerik veya uygulamanın dinamik olarak oluşturduğu bir bağlantı olabilir.

Teknik inceleme için aşağıdaki bilgileri hazırlayın:

• Web sitenizin HTTPS adresi.
• Tarayıcı konsolunda görünen karışık içerik uyarısının tam metni.
• HTTP üzerinden yüklenmeye çalışılan kaynak adresi.
• Kullandığınız yazılım veya içerik yönetim sistemi.
• SSL kurulumundan sonra sorunun ne zaman başladığı.
• Yaptığınız değişiklikler ve varsa diğer hata mesajları.

10. Sık sorulan sorular