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ı

Tabii ki, herkes Chrome kullanmıyor. Aşağıda, WordPress sitesinde karışık içerik uyarısı görüntülenen Firefox’ta neler olduğuna bir örnektir:
Firefox’ta Karışık İçerik Uyarıları

İşte Microsoft Edge’deki bu uyarı ekranının bir örneği:
Microsoft Edge’de Karışık İçerik Uyarısı

Ve İnternet Explorer’da göründüğü şey bu:
Uyarı İnternet Explorer karışık içerik

Gördüğünüz gibi, Internet Explorer muhtemelen bu uyarıyı ortaya çıkarmak için en kötü yerlerden biridir, çünkü açılır pencere tıklanana kadar sayfaları yıkıyor. Bu, herhangi bir tarayıcıda ziyaretçiler tarafından görülmek istediğiniz bir hata değildir. Düzeltilebilir, ancak önce neden olduğunu anlamalısınız. WordPress sitenizi HTTPS üzerinden çalıştırmak artık isteğe bağlı değil. Ancak HTTP iri HTTP’lerden hareket ettirme, karışık içerik uyarısı eşlik edebilir. Bu kılavuzla hızlı bir şekilde nasıl çözüleceğini öğrenin. En yaygın karışık içerik uyarılarının, birisinin WordPress sitesini HTTP’den HTTPS’ye göç ettikten hemen sonra ortaya çıktığını bulduk. Bazı HTTP bağlantıları yalnızca taşınır ve bu, karışık içeriğin uyarısının etkinleştirilmesine neden olur. İşte bu uyarının bazı ek nedenleri:
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.

Burada, stil sayfaları ve komut dosyaları da dahil olmak üzere karışık içeriğin uyarılarına neden olan çeşitli güvenli olmayan unsurların olduğunu açıkça görebiliriz. Ayrıca, otomatik olarak HTTPS’ye yükseltilen .jpg görüntüsü için isteğin yapıldığını da göreceksiniz. (Not: Bu, Chrome dışında başka bir tarayıcıda ise, bu sürüm otomatik olarak artırılmayacaktır). Ayrıca Chrome Devtools Güvenlik sekmesinde de görebilirsiniz. Bu size güvensiz kökenleri gösterecektir:
Güvenlik Chrome Devtools
Ağ sekmesinin altında, engellenen isteklerin bir listesini de bulabilirsiniz:

Chrome Devtools Ağı
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:

Karışım içeriğinin hatasından asma kilit neden bu aracı kullanımı kolaydır. Sadece URL’nizi girin ve test sayfasına tıklayın ve size herhangi bir hata gösterecektir. Bunun yanı sıra, ücretsiz! Sitenizin geri kalanı hakkında endişeleniyorsanız, kütleyi kontrol etmek isteyebilirsiniz. İşte bunu yapmak için önerilen seçeneklerden bazıları:
Bültenlere Kaydolun

Trafiğimizi%1000’den fazla nasıl artırdığımızı bilmek ister misiniz? Haftalık bültenimizi içerideki WordPress insanlar hakkında ipuçlarıyla alan 20.000’den fazla insana katılın!
Şimdi abone olun

HTTPS sitenizi taramak ve tarayıcıda uyarı mesajlarını tetikleyecek güvensiz görüntüler ve komut dosyaları aramak için kullanabileceğiniz JITBIT’den SSL kontrolü adlı ücretsiz bir küçük araç var. Taranan sayfa sayısı web sitesi başına 400 ile sınırlıdır.
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

Alternatif olarak, DB PHP komut dosyası veya WP-CLI için ara bağlantı/arama ile de arama yapabilir ve değiştirebilirsiniz. WordPress’te arama ve değiştirmeyi kullanma hakkında daha fazla bilgi edinmek için videomuza bakın: Adım 4: Arama ve değiştirmeyi bitirdikten sonra karışık içerik uyarılarının kaybolduğunu onaylayın, karışık içerik uyarısının olduğundan emin olmak için sitenizi yeniden kontrol edebilirsiniz. kayıp. Adres çubuğundaki tarayıcı durumu göstergesine bakarken sitenizi ön tarafta ziyaret etmenizi ve birkaç sayfayı tıklamanızı öneririz. Sitemizde, .jpg resminin şimdi geliştirildiğini, ancak güvenli olmayan senaryo uyarılarının kaldığını görebiliriz. Bunun nedeni, kendi alanımızda bulunan kaynakların arama ve değiştirilmesini çalıştırıyoruz. JQuery uyarıları, manuel olarak güncellenmesi gereken harici bir komut dosyası neden olur: Bir konsolda karışık içerik uyarın
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:

HTTP harici komut dosyası, tema düzenleyicisindeki WordPress üstbilgisine eklendi
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:

Firefox Karışık İçerik Uyarısı Yok
Ve Microsoft Edge’de göreceğiniz şey bu:

Microsoft Edge Uyarı Yok Karışık İçerik
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.

. Ancak, HSTS tüm karışık içerik uyarıları için hızlı bir gelişme değildir. HST’ler yalnızca aktarımı işlerken, karışık içeriğin uyarısı tarayıcının bir özelliğidir. Ayrıca, üçüncü taraf sitelerinin HST’leri etkinleştirip etkinleştirmediği konusunda hiçbir kontrolünüz yoktur. Bu nedenle, her zaman http: // siz URL’yi güncellemelisiniz. ESA Jokinen, bu hata sunucusu tartışmasında neden daha fazlasını araştırıyor. Ek öneriler (özel durumlar) Elementor sayfa yapımcısı kullanıyorsanız, Elementor ayarlarını girmeli ve sitenizin URL’sini güncellemeniz gerekir, böylece CSS dosyası yeni bir URL ile yeniden oluşturulur. Bunu yapmayı bitirdikten sonra, önbelleğin temizlenmesi, element nedeniyle tüm uyarıları güvensiz tamamlayacaktır. Buna ek olarak, CDN Kinsta kullanıyorsanız, CDN bölgesini de temizlemeniz önerilir. HTTPS’ye geçmeye hazır, ancak karışık içerik uyararak hayal kırıklığına uğradınız mı? Bu kılavuzun yardımıyla bu sorunun üstesinden nasıl geleceğinizi öğrenin!

admin

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir