WordPress Karışık İçerik Uyarıları Nasıl Hızlı İyileştirilir (HTTPS/SSL)
WordPress sitenizi HTTPS üzerinden çalıştırmak artık isteğe bağlı değil. Sadece daha güvenli değil (her şey, sıradan metinde devam eden hiçbir şey olmadan şifrelenir), aynı zamanda güven oluşturan, arama motorları için bir sıralama faktörüdür ve daha doğru yönlendirme verileri sağlar. Ne yazık ki, HTTP’den HTTPS’ye geçerken, web sitesi sahipleri çeşitli sorunlar yaşayabilir. Bunlardan biri ‘karışık içerik uyarı’.
Ücretsiz demoyu deneyin
Şifreleme ile ilgili performans sorunları HTTP/2 sayesinde çoğunlukla geliştirildi ve Let’s Enstrypt, ücretsiz bir SSL sertifikası almanın kolay bir yolunu vererek tüm endüstriyi değiştirdi.
Çevrimiçi işletmeler için en önemli şey, Google Chrome ve Mozilla Firefox gibi web tarayıcıları HTTPS çalıştırmayan ve potansiyel ziyaretçilere daha sıkı bir uyarı gösteren sitelerde çöküyor. Örneğin, Lawas TLS sürümünü kullanıyorsanız, Chrome’da bir ERR_SSL_OBSOLETE_VERSION bildirimi bulabilirsiniz. Uyarı, ziyaretçilerinizin görmesini istediğiniz son şeydir. Bu problemden kaçınmanıza yardımcı olmak için, HTTP’den HTTPS’ye nasıl geçeceğimiz konusunda derinlemesine bir kılavuzumuz var. Ancak, süreci takip ettikten sonra, hala karışık içerik uyarısı görebilirsiniz.
Bugün size bu sorunu WordPress sitenizde düzeltmenin birkaç farklı yolunu göstereceğiz.
Video sürümünü izlemeyi mi tercih ediyorsunuz? Karışık içerik anısı nedir? Ziyaret etmeye çalıştıkları WordPress sitesi komut dosyasını veya HTTPS ve HTTP içeriğini aynı anda içerdiğinde kullanıcının tarayıcısında karışık içerik uyarıları görünür. HTTP ve HTTPS tamamen ayrı protokoller olduğu için bu sorunlara neden olabilir. HTTPS’ye geçtiğinizde, resminiz, JavaScript dosyanız vb. Dahil olmak üzere her şey protokolde çalıştırılmalıdır. İçeriğinizin bir kısmı hala HTTP aracılığıyla yüklenirse ortaya çıkabilecek bazı örnekler. Krom karışık içeriğin anısına örnekleri şu anda Web’in% 77’sinden fazlası tarafından kullanılan en iyi tarayıcıdır. Yani, aşağıdaki uyarılar ziyaretçilerinizin çoğu tarafından görülecektir:
Google Chrome’da karışık içerik uyarısı
Firefox’ta Karışık İçerik Uyarıları
Microsoft Edge’de Karışık İçerik Uyarısı
Uyarı İnternet Explorer karışık içerik
Sitenize yeni bir hizmet veya eklenti eklediniz. Özellikle, geliştiriciler bazen göreceli yolları (/style.css) kullanmak yerine eklentilerinde veya css ve javascript’i bağlamak için eklentilerinde veya temalarda mutlak yollar (http://domainanda.com/style.css) kullanırlar.
Görüntünüzde HTTP aracılığıyla çalıştırılan bir sabit kod URL’si (http://domainanda.com/image.png gibi) bulunur. Bu yayınlarda, sayfalarda ve hatta widget’larda olabilir.
Harici komut dosyasının HTTP sürümüne bağlanırsınız (barındırılan jQuery, Font Awesome, vb.).
HTTPS değil, HTTP kullanan bir video komut dosyasını sabitlediniz.
Ne yazık ki, sorunu çözmeye başlayana kadar gerçek sorun kaynağını bulamayabilirsiniz.
Bunu hatırlayarak, karışık içeriğin uyarısını geliştirmek için kullanabileceğiniz bazı yöntemlere bakalım. Karma İçeriğin Uyarı Uyarısı Nasıl Geliştirilir (4 Adım) WordPress karışık içeriğinizin uyarısını geliştirmek için aşağıdaki dört basit adımı izleyebilirsiniz. Bu işlem aşağıdakileri yaptığınızı varsayar: SSL sertifikalarının yüklenmesi
HTTP’yi HTTPS’ye aktardı (tüm siteler)
Aşağıdaki örnekte geliştirme siteleri örneğini kullanacağız. Adım 1: HTTP aracılığıyla yüklenen kaynakları öğrenin İlk yapmanız gereken şey, hangi kaynakların HTTP aracılığıyla hala yüklendiğini bulmaktır.
Bu uyarının, sitenizdeki belirli alanlarda, küresel olarak değil, yalnızca belirli alanlarda meydana gelebileceğini unutmayın. Bir uyarıyı tetikleyen ve Chrome Devtools’u basarak başlatan bir sayfayı keşfedin:
Windows: F12 veya Ctrl + Shift + I
MacOS: CMD + OPT + I
Tarayıcınızdaki araç menüsünden Chrome Devtools’u da açabilirsiniz:
Tarayıcı Araç Menüsünde Chrome Geliştirici
HTTPS aracılığıyla hangi kaynakların yüklenmediğini öğrenmek için kontrol edebileceğiniz birkaç yer vardır. Birincisi konsol sekmesidir. Her şeyi doğru yükleyebilmesi için Chrome Devtools açtıktan sonra sayfayı yenilemeniz gerekebileceğini unutmayın.
Bir karışım içeriği hatası varsa, hata kırmızı veya sarı ile vurgulanacaktır. Genellikle, “bu talebin engellendiğini açıklayan bilgiler eşlik eder; İçerik HTTPS üzerinden sunulmalıdır. ” Bu, tarayıcı ayarlarının HTTP içeriğini otomatik olarak engelleyecek şekilde yapılandırıldığı anlamına gelir. Sayfaların yalnızca HTTPS aracılığıyla yüklenmesini sağlamak amacıyla Chrome, Chrome 79 ile varsayılan olarak karışım içeriğini engellemeye başladı. Son zamanlarda, otomatik görüntüleri ve karışık ortamları başlatmak için özellikler açtılar. Bu nedenle, Chrome Devtools’u kullanırken, istenen öğelerin bazılarının otomatik olarak artırıldığını gösteren karışık içerik mesajı görebilirsiniz: Chrome Devtools Konsolda karışık içeriği görebilirsiniz.
Güvenlik Chrome Devtools
Ağ sekmesinin altında, engellenen isteklerin bir listesini de bulabilirsiniz:
Chrome kullanmıyorsanız veya yalnızca kısa bir hataların özetini istiyorsanız, neden asma kilit yok gibi ücretsiz araçlar da kullanabilirsiniz. Bu tarayan bireysel sayfalar ve size güvensiz kaynakları gösterir:
Bültenlere Kaydolun
Şimdi abone olun
AHREFS Site Denetim cihazı, karışım içeriği HTTPS/HTTP’yi algılama yeteneğine sahiptir. Bu çözüme zaten erişiminiz varsa veya pazarlama ekibinizdeki birisinin varsa, bu kapsamlı bir yol olabilir.
HTTPS Checker, sitenizi taramak için yükleyebileceğiniz bir masaüstü yazılımıdır. Bu, büyük değişikliklerden sonra uyarıları ve içeriği “güvensiz” kontrol etmenize yardımcı olabilir. Bu Windows, Mac ve Ubuntu’da mevcuttur. Ücretsiz paket, tarama başına 500 sayfaya kadar kontrol etmenizi sağlar.
SSL Insecure İçerik Fixer, bir karışım uyarısına yol açan hataları ortaya çıkarmak için sitenize yükleyebileceğiniz bir WordPress eklentisidir. Bu, kullanımı ücretsizdir ve hataların üstesinden gelmek için otomatik olarak iyileştirmeler yapacaktır. Yukarıdaki araçlardan birini kullanmak zamanınızdan tasarruf etmeye yardımcı olabilir, çünkü karışık içeriklerin uyarıları ve hataları bulmak için sitenizdeki her sayfayı manuel olarak kontrol etmeniz gerekir. Sitenizdeki potansiyel hataların kapsamlı bir değerlendirmesi için bu çözüm kombinasyonunu kullanmayı düşünebilirsiniz.
Adım 2: HTTP kaynaklarına HTTPS aracılığıyla erişilip erişilemeyeceği doğrulaması Bir sonraki adım, HTTP aracılığıyla yer alan kaynaklara HTTPS aracılığıyla erişilebileceğini doğrulamaktır. Büyük olasılıkla, sadece bağlantıyı güncellemeniz gerekir. Örneğin, karışım içeriği hatamızın güvenli olmayan jQuery komut dosyasını ve aşağıdakileri ifade ettiğini söyleyin. JPG:
http://ajax.googleapis.com/ajax/libs/jquery/3.31/jquery.min.js
http://example-site.com/wp-content/50d00acf6e4%2fpuppy-thumb.jpg?v=1600261043278
İki URL’yi alırsak, tarayıcı adres çubuğumuza koyarsak ve başlangıçta “HTTP” ile “HTTP” ile değiştirirsek, iyi yüklendiklerini görebiliriz. Bu nedenle, yalnızca sitemizde bir arama ve değiştirme yapmamız gerekir. Adım 3: Arama yapın ve WordPress’i değiştirin WordPress’i aramanın ve değiştirmenin birçok yolu vardır. Bu bölümde, önerilen iki farklı seçenekten size rehberlik edeceğiz. Merak ediyorsanız, SSL gibi araçları kullanmanızı gerçekten basittir. Bu iyi bir eklenti olmasına rağmen, uzun vadede böyle çözümlere güvenmemelisiniz. Daha sonra HTTP’ye geri dönmeyeceksiniz, bu nedenle doğru şekilde yapmalı ve veritabanınızdaki HTTP URL’sini güncellemelisiniz (aşağıda göstereceğimiz gibi). Bir Kinsta müşterisiyseniz, doğrudan Mykinsta kontrol panelinde bulunan arama ve değiştirme araçlarımızı kullanabilirsiniz. Site Aracı Sayfanızı Açın ve Arayın ve Değiştir: Mykinsta’daki Arama ve Değiştir Araçları
Ardından, arama alanına, veritabanına bulmak istediğiniz değeri girin. Bu durumda, http alanımızı kullanacağız: http://kinstalife.com. Ardından arama düğmesini tıklayın. Arama ve değiştirme aracı, verilen dize için görünüm sayısını gösterir. Değiştirme işlemine devam etmek için Değiştir kutusunu kontrol edin. Değiştirme alanında, aradığınız değerin yerini alması gereken her şeyi girin. Bu durumda, https alanımızı kullanacağız: https://kinstalife.com. Ayrıca, kutunun kontrol edilmeye hazır olduğunda önbelleğin silmesini, arama ve değiştirme işlemi tamamlandıktan sonra Kinsta önbelleğini otomatik olarak temizlemesini öneririz. Son olarak, değiştir düğmesini tıklayın: HTTP – HTTPS Arama ve Değiştir Mykinsta’da
Önemli: Bu alanlardan birine ön/arkaya beyaz boşluk eklemediğinizden emin olun, çünkü bu istenmeyen sonuçlar üretebilir. Ara ve Alternatifleri Değiştir Kinsta kullanmıyorsanız, aynı görevi ücretsiz daha iyi arama değiştir eklentisiyle tamamlayabilir ve bittikten sonra silin:
Cevaplar olmadan Standard’ın altında WordPress Seviye 1 barındırma desteği ile sıkıldı mı? Birinci sınıf destek ekibimizi deneyin! Planımıza bakın
WordPress eklentisini değiştirmek için daha iyi bir arama
Bu aracı WordPress eklentisi dizininden veya WordPress kontrol panelinizde arayarak indirebilirsiniz. Etkinleştirdikten sonra, HTTP etki alanınızı (http://yourdomain.com) arayın ve http alanınızla (https://yourdomain.com) değiştirin:
Daha iyi bir arama, WordPress eklentisi seçeneğini değiştir
Bu durumda, komut dosyasının WordPress başlığımıza (header.php) manuel olarak eklenmesi gerekir. Göreceli bir URL kullanmalıyız, bu yüzden //ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js adresini yeniledik:
Arama ve değiştirme büyük olasılıkla tüm sorunlarınızı artıracaktır. Genel olarak, yalnızca WordPress sitenizde bir şey varsa ek sorunlar yaşayacaksınız. Eklentilerinizden veya temalarınızdan birinde haardcode olan harici bir komut dosyası olduğunu düşünüyorsanız ve onu izlemekte zorluk çekiyorsanız, yardım almak için ilgili geliştiricilerle iletişime geçmekten çekinmeyin. İçerik uyarısının bir karışımı örneği yoktur, bu yüzden artık bu karışım içeriği hatasını düzeltmek için ne arayacağınızı biliyorsunuz. Aşağıda, karışık içerik uyarısı olmadan her şey HTTPS aracılığıyla düzgün bir şekilde yüklendiğinde Chrome’da neler olduğuna bir örnek: Chrome karışık içerik uyarısı yok
Firefox benzer mesajlar sunacak:
Ve Microsoft Edge’de göreceğiniz şey bu:
Mesajlaşma kelimeleri kullandığınız tarayıcıya bağlı olarak biraz farklı olsa da, güvenli bir bağlantı gösteren bir bildirim göreceksiniz. Eğer öyleyse, WordPress sitenizdeki karışık içerik hatalarıyla artık uğraşmadığınızı bileceksiniz. HSTS’ye ne dersin? Bazılarınız bu sorunu çözmek için neden sadece HST’leri (HTTP katı taşıma güvenliği) kullanamayacağınızı merak ediyor olabilirsiniz. HSTS, site HTTPS çalıştırdığında bir tarayıcıyı güvenli bir bağlantı kullanmaya zorlamanın bir yolu olarak yapılır. Bu, web sunucunuza ekleyebileceğiniz ve ‘katı-iletim-güvenlik’ olarak yansıtabileceğiniz bir güvenlik başlığıdır.