WordPress'te Bozuk Bir Görüntü Nasıl Bulunur ve Onarılır

Muhtemelen web sitenizde yırtık bir resme benzeyen bir resim simgesi görmüşsünüzdür. Bu bozuk bir resimdir ve değiştirmezseniz web sitenizi olumsuz etkileyebilir .

Görseller çoğu web sitesi için önemlidir. Diğer şeylerin yanı sıra, sayfanızı daha ilgi çekici hale getirir, önemli bilgileri iletir ve arama motoru sıralamanızı iyileştirir.

Bu nedenle web sitenizdeki bozuk görselleri fark ettiğiniz anda bulup düzeltmeniz önemlidir. Bu kılavuzda, bozuk bir görüntünün ne olduğunu açıklayacağız ve bunları WordPress sitenizde nasıl düzelteceğinizi göstereceğiz.

İçindekiler:

• Kırık Görüntü Nedir?
• Web Sitenizdeki Bozuk Resimleri Tespit Etme
• Bozuk Görüntü Sorunu Nasıl Onarılır
  • Yanlış Dosya Yolu
  • Dosya Adlarını çapraz kontrol edin
  • Yanlış Dosya Uzantıları
  • Göreli Yol Kullan
  • Görüntünün Var Olduğundan Emin Olun
  • Aktarım Sorunları
• Çözüm

Kırık Görüntü Nedir?

Basitçe söylemek gerekirse, bozuk görüntü, kaynak bağlantısı kullanılamayan veya bozuk olan bir görüntüdür . Bir kullanıcı sitenizde bozuk resim bulunan bir bölüme geçtiğinde kırık resim simgesini görecektir. Yanlış yazılmış bir URL, uygun olmayan dosya yolu olabilir veya artık var olmayan bir siteye bağlantı veriyor olabilirsiniz.

Bu, kullanıcı deneyimini olumsuz etkilediği için kritik bir konudur. Kullanıcılar sitenizde eksik görsellerle karşılaştıklarında, sitenizi bir rakip için terk etme eğilimindedirler.

Sonuç olarak, web sitenizde hemen çıkma oranları artacaktır. Bunun olmasını önlemek için, sitenizi her zaman bozuk görüntüler için tarayın ve düzeltin. Bunu nasıl yapacağımızı bir sonraki bölümde görelim.

Web Sitenizdeki Bozuk Resimleri Tespit Etme

WordPress web sitenizdeki bozuk görüntüleri tespit etmenin en kolay yolu bir eklenti kullanmaktır. Bu tür eklentilerden biri Kırık Bağlantı Denetleyicisidir. Bu eklenti ile sitenizin iç ve dış bağlantılarını herhangi bir bozuk bağlantı ve resim için tarayabilirsiniz.

Eklentiyi kurup etkinleştirdikten sonra Ayarlar >> Link Checker üzerinden eklentinin ayarlar sayfasına ulaşabilirsiniz.

Kırık Bağlantı Denetleyicisi eklentisi, web sitenizi bozuk bağlantılar için tarar. Herhangi bir sorun varsa, bunları buradan göreceksiniz veya e-posta ile bilgilendirileceksiniz.

Eklenti ayrıca, arama motorlarının bozuk bağlantıları izlemesini önleme seçeneği de sunar . Bozuk görüntünün SEO sıralamalarınızı etkilememesi için bu seçeneği etkinleştirebilirsiniz.

Bozuk Görüntüleri Düzeltme

WordPress web sitenizde eksik resimlere yol açabilecek birkaç senaryo vardır. Bu bölümde, nedenleri ve bunların nasıl düzeltileceğini tartışacağız.

Yanlış Dosya Yolu

Web sitenize resim eklerken, WordPress resimlerin konumunu belirten bir dosya yolu oluşturur. Web tarayıcıları, görüntüyü bulmak için görüntü kaynağı özniteliğindeki yolu kullanır. Resmin yolu yanlışsa resim yüklenmeyecek ve görüntülenmeyecektir.

Bunu düzeltmek için, bozuk resim simgesi olan gönderiyi veya sayfayı bulun ve yeni bir resimle değiştirin. Bunun için kontrol panelinize giriş yapın ve WordPress gönderi sayfanıza gidin. Ardından fareyle bozuk resmi olan gönderinin üzerine gelin ve Düzenle'yi seçin.

Gönderi düzenleyicide, bozuk görüntünün olduğu bölüme gidin, ardından üzerine tıklayın ve Değiştir'i seçin. Medya kitaplığınızdan bir resim seçebilir veya yeni bir resim yükleyebilirsiniz.

Bozuk görüntüyü değiştirdikten sonra, değişikliklerinizi kaydetmek için Güncelle'ye tıklayın.

Klasik düzenleyiciyi kullanıyorsanız, resme tıklayın ve ardından bozuk resmi düzenlemek için Kalem simgesini seçin.

Burada Değiştir düğmesine tıklayın ve ardından medya kitaplığınızdan bir resim seçin. Son olarak, resmi değiştirmek için Güncelle'ye tıklayın.

Özel HTML Görüntülerini Değiştirme

Resmi özel HTML veya CSS kullanarak eklediyseniz, yolun doğru olduğunu doğrulamanız gerekir. Bunu doğrulamak için resmi eklediğiniz konumu kontrol etmeniz gerekir. Ek CSS bloğunda olabilir. Bu durumda, aşağıdaki adımları izleyin.

Yan not: Şablonunuzdaki resimleri değiştirmek teknik olabilir. WordPress'te yeniyseniz, uzmanlarımızdan şablon sorunlarınızı çözmenize yardımcı olabilirsiniz.

Önce WordPress kontrol panelinize giriş yapın ve ardından Görünüm >> Özelleştir'e gidin.

Bundan sonra, Ek CSS bloğu veya Özel CSS menüsünü seçin.

Kod düzenleyicide, görüntünün eklendiği kod satırını bulun ve görüntünün yolunu vurgulayın. Ardından, sağ tıklayın ve ardından Dosya yoluna git … öğesini seçin.

Görüntü mevcut değilse, 404 bulunamadı hatası alırsınız. Resmi web sitenize yeniden yükleyebilir ve ardından bağlantıyı kopyalayıp buradaki dosyaya yapıştırabilirsiniz.

Resmi yüklemek için Medya >> Yeni Ekle'ye gidin. Bundan sonra, Dosyaları Seç'e tıklayın ve ardından görüntü dosyasını seçin. Yükleme tamamlandığında, URL'yi Panoya Kopyala düğmesini tıklayın.

Şimdi özelleştirici sayfasına geri dönün ve bozuk resim bağlantısını yeni yüklediğiniz bağlantıyla değiştirin. Son olarak, değişikliklerinizi kaydetmek için Yayınla'ya tıklayın.

Dosya Adlarını çapraz kontrol edin

Bu, görüntü yükleme sorunlarının yaygın bir nedenidir. Görüntünün yazımının medya kitaplığındakiyle aynı olduğundan emin olun. Hata, farklı bir özel karakter kadar küçük de olabilir. Kısa çizgi (-) yerine alt çizgi (_) yazmak, görüntünün bozulmasına neden olabilir.

Bu sorunu çözmek için gönderideki veya sayfadaki dosya adını medya kitaplığındaki orijinal görüntüyle karşılaştırmanız gerekir. Bunun için WordPress panonuza giriş yapın ve ardından Medya >> Kitaplık'a gidin.

Şimdi, karşılaştırmak istediğiniz görseli bulmak için arama kutusunu kullanın. Bundan sonra, resmin üzerine gelin ve ardından Görüntüle öğesini seçin.

Adres çubuğunda görüntünün yolunu göreceksiniz. Vurgulanan kısım, aşağıda görüldüğü gibi resmin adıdır.

Şimdi bozuk resmin olduğu gönderiye gidin ve dosya adını da doğrulayın. Bunun için tarayıcınızda sayfayı açın, ardından bozuk görüntüye sağ tıklayın ve Görüntüyü yeni sekmede aç öğesini seçin.

Her iki dosya adı arasında tutarsızlıklar varsa, görüntünün gösterilmemesinin nedeni bu olabilir. Sonunda bir 404 bulunamadı hatası göreceksiniz.

Bu sorunu çözmek için, bozuk görüntüyle gönderiyi düzenlemeniz ve yanlış dosya adını medya kitaplığındakiyle değiştirmeniz gerekir.

Dosya adlarını düzelttikten sonra, yazı düzenleyicide görüntülenen resmi görmelisiniz. Değilse, resmi yeniden yükleyebilir ve gönderinize ekleyebilirsiniz. Değişikliklerinizi kaydetmek için gönderiyi güncellediğinizden emin olun.

Yanlış Dosya Uzantıları

Dosya uzantılarını da kontrol etmelisiniz. Bazen dosya adı doğru yazılabilir, ancak dosya uzantısı yanlış olabilir. Örneğin, bir .jpg dosyası olarak yüklenmiş bir görüntünüz olabilir, ancak kodda bu bir .png uzantısıdır. Bu sorunlara neden olabilir.

Başka bir yaygın sorun, "jpg" ve "jpeg" resim uzantısıyla ortaya çıkar. Her iki biçim de aynı olsa da, birini diğeriyle değiştirirseniz bozuk bir görüntü hatasıyla karşılaşabilirsiniz.

Göreli Dosya Yolu Kullan

Göreli yol, ana sayfa URL'sine göre bir dosyaya bağlanır. WordPress'te göreli bir yol, alan adını alır ve yalnızca alan adından sonraki yolu kullanır.

Bu nedenle, "src" özniteliğinde, "https://example.com/wp-content/uploads/image.png" yerine kaynak "/wp-content/uploads/image.png" olur. Ve resimleriniz kısa bağlantı ile iyi çalışacaktır.

Göreli bir yol kullanmanın faydalarından biri, alan adınızı değiştirseniz bile resimlerinizin çalışmasıdır. Dosyalar hala aynı sunucuda barındırıldığı sürece durum böyle olacaktır.

WordPress'i medya dosyalarınız için göreceli yolları kullanmaya zorlamak için Make Paths Relative eklentisi gibi bir eklenti kullanabilirsiniz. Eklentinin kurulumu ve kurulumu kolaydır.

Eklentiyi kurup etkinleştirdikten sonra, eklenti ayarları sayfasını açmak için Yolları Göreli Yap >> Ayarlar'a gidin.

Burada, resimler için ilgili yolları etkinleştirme seçeneğini işaretleyin ve ardından değişikliklerinizi kaydetmek için Değişiklikleri Kaydet'e tıklayın . Artık göreli yolları kullanarak bir sayfada görüntüleri görüntüleyebileceksiniz.

Görüntünün Var Olduğundan Emin Olun

Farklı bir web sitesinde barındırılan bir resme bağlantı vermiş olabilirsiniz. Bu site çökerse veya başka bir sunucuya taşınırsa, görüntüler sona erecektir.

Ayrıca, doğrudan başka bir siteye bağlanmak, görüntüyü aldığınız sitedeki sunucu kullanımını artırır. Ana web sitesi hotlinking'i devre dışı bırakırsa, resminizin gösterilmesini engeller.

Bunun olmasını önlemek için, her resmi sayfaya eklemeden önce web sitenize yüklemeniz en iyisidir. Ayrıca, kullanma izniniz olmadığı sürece, üçüncü taraf web sitelerinden görüntüleri kullanmaktan kaçının.

Aktarım Sorunları

Bu yaygın bir sorun değil, ama oluyor. Bazen sunucunuz aşırı yüklenir ve istek zaman aşımına uğramadan önce tüm sayfa varlıklarını yeterince hızlı yükleyemez.

Çoğunlukla ucuz web sunucularında olur. Bunu çözmek için sunucunuzun kapasitesini yükseltmeniz veya güvenilir bir web barındırıcısına geçmeniz gerekir.

Ayrıca, resimleriniz için tembel yüklemeyi etkinleştirmek için bir eklenti kullanabilirsiniz. Etkinleştirdiğinizde, sunucunuz yalnızca kullanıcı bölüme kaydırdığında görüntüleri yükler. Bu, sunucu kaynaklarınızı serbest bırakacak ve ayrıca web sitenizi hızlandıracaktır. Hız optimizasyonu kılavuzumuzda bununla ilgili daha fazla bilgi edinebilirsiniz.

Özet – Bozuk Görüntüleri Düzeltme

Web sitelerinin bozuk veya eksik görsellerle ilgili sorunlar yaşaması nadir görülen bir durum değildir, ancak bu, derhal ele alınması gereken oldukça ciddi bir sorundur. Bir çevrimiçi mağazanız varsa, kullanıcılar mağazanızda ürün resimlerini göremezse potansiyel müşterilerinizi kaybedebilirsiniz.

Bu kılavuzda, bozuk görüntülerin nedenlerinden bazılarını ve bunların WordPress web sitelerinde nasıl düzeltileceğine ilişkin ipuçlarını açıkladık.

Bozuk resimleri düzeltmek, web sitenizdeki hemen çıkma oranını azaltmanın bir yoludur. Ayrıca sitenizin performansını iyileştirmek için resimlerinizi optimize etmeniz gerekir. Bununla ilgili ayrıntılı bir eğitim için görüntü optimizasyon kılavuzumuza bakın.