3 WordPress hakkında görüntü yönetimi ipucu eksikliği
WordPress’teki görüntü yönetimi ana kılavuzuna ikinci gönderiye hoş geldiniz. İlk yazı sağ ayağa başlamakla ilgilidir. JPG veya PNG görüntü formatını ne zaman kullanacağımızı öğreniyoruz (sıkı bir örnekle olsa da) ve stok görüntülerini doğru şekilde yükleme ile ilgili bazı ipuçları. Bugünün gönderisinde, WordPress sitenizde bakım ve görüntü yönetiminin bazı teknik yönlerini göreceğiz.
Sitenin URL’sini değiştirdiğinizde veya sunucuyu hareket ettirdiğinizde resminize ne olur?
Sitenizde birçok yazarınız varsa ve bazıları harici görüntülerle bağlantılısa ne olur? Resimlerin sunucunuza barındırılmasını nasıl sağlıyorsunuz?
Birisi resminizi bağladığında ne olur? Btw hotlink nedir?
Bunlar, bugünün gönderisinde cevaplayacağımız bazı sorular. Gönderi dizimizle her zamanki gibi, neden ile başladık ve sonra nasıl döndük. Başlayalım!.
İpucu #1: Bu sitedeki URL güncellemeleri ile görüntü yönetimi, WordPress kullanıcılarıyla gördüğümüz en yaygın hatalardan biridir. WordPress sitesi URL’si ne zaman değişecek? Ancak önce, site URL’sinin ne zaman değişeceğini anlamalıyız. İşte en yaygın üç senaryo. 1. Etki alanı adını değiştirdiğinizde güncellenen yeni etki alanı adı URL sitesine geçin. Örneğin, Moz daha önce Seomoz olarak biliniyordu. Yeni markalarıyla, tüm resim URL’lerini, PDF’leri, bağlı kuruluş bağlantılarını vb. Güncellemelidirler. Seomoz.com’dan moz.com’a var. WordPress URL kurulum dizini sitesini değiştirmek, WordPress kurulumunuzun konumunu değiştirdiğinizde de değişir. Aslında, bu en yaygın durumlardan biridir.
WordPress, Blog adlı yeni bir varsayılan dizine kendiniz yükledi. Birçok WordPress kullanıcısı önce bilinçsizce WordPress’i örnekler.com/blog üzerine yükledi. Sadece daha sonra WordPress’i kök etki alanına, yani örnek.com’a taşımak istediklerini fark etmek için. (Bir sonraki aşamada içeriğin pazarlanmasını içeren bir ürün veya hizmet şirketi iseniz, ilişkilendireceksiniz.) WordPress kök dizinine aktarıldıktan sonra, Site URL’si örneğin örneğin örneğin örnek olarak değişir. com. Herhangi bir resim, PDF (veya herhangi bir medya dosyası) şöyle görünecektir: uzun: örnek.com/blog/ebook.pdf
Yeni: example.com/ebook.pdf
3. Evreleme ve üretim (doğrudan) sunucusu arasındaki değişim, yüksek trafik veya e-Niaga web sitelerine sahip bloglarda yaygındır ve burada herhangi bir hatanın dönüşümde bir azalma ile sonuçlanır. WPengine veya Volan gibi yönetilen ana bilgisayarları kullanıyorsanız, bir evreleme sunucusuna ve evreleme sunucusundan geçiş yapılabilir. (BTW, WPExplorer olarak üç yıl üst üste WPengine kullandık ve hiç kesinti yaşamadık!) Birisi URL sunucusu evrelemesini kullanarak birkaç gönderiye resim veya bağlantı yüklediğinde sorunlar meydana gelir. Sitenizi doğrudan sunucuya aktardığınızda, performans sitesinden bağlantı sunucu ortamına yüklenen görüntüler için kullanılır. Bu nedenle ideal olarak bundan kaçınılmalıdır. Ekibinizden birinin performans ortamına içerik yükleyebileceğini düşünüyorsanız, aşağıda paylaşacağımız iyileştirmeleri uygulayabilirsiniz.
Aynı notta, bazılarınız sorabilirsiniz – peki, evreleme sunucusunun bağlantısını kullanmanın nesi yanlış? Bu bant genişliğini mevcut/doğrudan siteden tasarrufu değil mi? Bunu düşünmek yanlış değilsin. Ama gerçekte bu nadirdir. Bunun nedeni budur: Performans sunucusu genellikle daha düşük kaynaklarda çalışır. Kullanıcı deneyimi üzerinde olumsuz bir etkisi olacak sitenin hızından ödün vereceksiniz.
Birçok durumda, evreleme/test sunucusundan kök bağlantısı değişmeye devam eder – bu da birçok bağlantının hasar görmesine neden olabilir. Her yerde hasarlı bir ekran görüntüsü olan 3000 kelimelik bir öğretici düşünün. Nasıl hissediyorsun?
Bunun da görüntü SEO’unuz üzerinde olumsuz bir etkisi olacaktır. Unutmayın, Google’daki resim araması hala organik bir trafik kaynağıdır. Resim alan adınıza ait değilse – özgür organik trafik ve SEO puanlarını kaybedeceksiniz!
Ne bitirmeye çalışıyoruz? Şimdi WordPress sitesi URL’sinin ne zaman değiştiğini biliyoruz, hatalar için potansiyel alanın olduğu bir örneğe bakalım. Otomatik olarak yapılan bağlantıların (bağlı kuruluş bağlantıları gibi) sorunları olmayacaktır. Ancak, gönderi ve sayfalara manuel olarak eklenen bağlantılar (dahili bağlantılar, görüntü bağlantıları vb.) Manuel olarak güncellenmelidir.
Hepimiz yayınlarımızda ve sayfalarımızda görüntüler kullanıyoruz. Görüntü bağlantılarının tipik örnekleri şunlardır: http: //mywpsite.tld/wp-content/uploads/year/month/image-name.png WordPress sitenizin URL’si değiştiğinde, tüm görüntülerin kaynak bağlantısı da değişmelidir : http: /////// /newwordpressdomain.tld/wp-content/year/month/image-name.png Sadece resimler değil, tüm bağlantılar (postalar arası bağlantılar, medya dosyaları, PDF, vb.) güncellenecek. Tamam, bu sorunu derinlemesine tartıştık. Şimdi bu sorunu sonsuza dek nasıl çözeceğimize bakalım. Her zamanki gibi, kaydedilecek bir WordPress eklentimiz var! URL Yenileme Velvet Blues
İlk olarak, Velvet Blues Yenileme URL’sini indirin ve yükleyin
Etkinleştirmeden sonra, WordPress Gösterge Tablosu sayfasını açın> Eklenti ayarlarını yapılandırmak için URL’yi güncelleyin.
WordPress’te URL Değiştirme – Velvet Blues Güncelleme URLS eklentisinin izniyle
İşte sitenizdeki eski URL’ler için bazı örnekler: Performans sunucusundan hareket ederseniz, eski URL şöyle olacaktır: hostname.com
Alan adınızı değiştirirseniz/güncellerseniz, yeni site adınızı kullanın.
‘HTTP’leri’ bir protokol olarak kullandıysanız, ‘HTTP’yi’ HTTPS ‘ile değiştirin.
Örneğimizde, eski URL’yi http://seomoz.com’dan https://moz.com olarak değiştirdik. Eski ve yeni URL’lere girdikten sonra, URL’yi şimdi güncelle tıklamanız yeterlidir. Eklenti tüm yayınlarınızı ve sayfalarınızı tarar ve Magic Bul ve Değişiklik uygular. Tüm URL’leriniz yeni URL değerine güncellenecektir. Dikkat: Bazı yayınları ve sayfaları tarayın ve değiştirin, özellikle WordPress blogunuzda yüzlerce yayın varsa yoğun kaynaklar olabilir. Tüm tarama seçeneklerini (site bağlantıları, alıntılar vb.) Seçerseniz, kaynakların kullanımı önemli ölçüde artacaktır. Site genelinde birçok URL güncellemesi için, kaynakların aşırı kullanımı nedeniyle barındırma hesabınızın geçici olarak askıya alınmasına neden olabilir. Bu sorun, ortak bir barındırma sağlayıcısında en yaygın olanı olacaktır. Bu nedenle eklentiyi çalıştırırken biraz dikkatli olacağım. İpucu #2: WordPress’te harici görüntüleri içe aktarma Harici görüntüler, sunucunuzda işe alınmayan görüntülerdir. Bu öğreticide, tüm harici görüntülerin kendi WordPress sitenize hızlı ve verimli bir şekilde nasıl aktarılacağını öğreneceğiz.
Netlik için, doğru lisanslı görüntüleri kullandığımızı varsayalım (değilse, farklı bir tartışmaya sıkışıp kalabiliriz!). Hızlı özet için, WordPress sitemizde harici görüntüleri kullanmamamızın iki nedeni:
Aslında haksız olan diğer insanların bant genişliklerini tüketiyorlar.
SEO resim puanımızı yaraladı.
Aşağıdaki gönderiyi görelim. Gönderin görsel bir düzenleyici kullanarak harici bir görüntü kullanıp kullanmadığını anlamak oldukça zordur.
Görsel WordPress Editor
Tabii ki, WordPress Metin Düzenleyicisine taşındık. WordPress Düzenleyici Metin Beceri, gönderme içeriğinden HTML kaynak kodunu ortaya çıkardı.
Resmin aslında imgur.com-popüler resim barındırma web sitesinde barındırıldığını görüyoruz. Bunu düzeltmek için:
Resimleri indir WordPress’e Yükle
Gönderideki bağlantıyı güncelleyin Tüm yayınlar için her resim için tüm bu adımları tekrarladığını hayal edebiliyor musunuz? Yalnızca tüm harici görüntüleri bulmak günler sürecektir! Yani bir çözüm olmalı, değil mi? Yoksa bunu sadece hayal kırıklığına uğratmak için mi getirir miyim?
Tabii ki değil! Bir çözüm var. Ve her zamanki gibi, bu inanılmaz bir ücretsiz WordPress eklentisi. WordPress’te harici görüntüler nasıl içe aktarılır Bu eklenti hakkında ilk sevdiğim şeylerden biri isimdir. Bu açık, keskin ve nokta. Başlamak için harici görüntü içe aktarma eklentisini indirin ve yükleyin. Eklentiyi etkinleştirin ve WordPress Dashboard> Medya> İçe Aktarma Görüntüyü Açın Şöyle bir seçenek paneli göreceksiniz:
Harici WordPress WordPress eklenti seçeneklerini içe aktarın
Sağ alt köşeye dikkat ederseniz, eklentinin harici görüntüler içeren yayınları tanımladığını göreceksiniz. Örneğimizde, bu eklentiyi performans ortamında çalıştırıyoruz, bu yüzden bir harici resimli sadece bir gönderimiz var. Şimdi yapmanız gereken tek şey, işlemi başlatmak için şimdi görüntülerin içe aktarılmasına tıklayın. Bittiğinde, toplam içe aktarılan görüntüden benzer bir onay mesajı göreceksiniz. İsteğe bağlı olarak, alan adlarına göre görüntüleri hariç tutmayı da seçebilirsiniz. Bu, değiştirmek istemediğiniz özel bir resim indirme bağlantınız (Photobucket gibi ücretli bir harici görüntü barındırma sitesinden) varsa kullanışlıdır. Görüntüyü içe aktardıktan sonra, medya galerisini kontrol edersek, tüm görüntüleri içe aktardığını göreceğiz. Görüntüler otomatik olarak içe aktarılır ve WordPress Media Kütüphanesinde saklanır.
Tamam, resim WordPress Medya Galerisi’ne aktarıldı. İçerik göndermeye ne dersiniz? Hala eski görüntü URL’sini mi gösteriyorlar? Kesinlikle hayır! Bu eklenti ayrıca görüntü dosyası bağlantısını yeni bir URL, etki alanı bağlantınızla değiştirir!
İthalattan sonra görüntü bağlantısı da güncellendi.
Performans Etkisi: URL güncelleme eklentisinde tartıştığımız kaynakların tüketimi sorununa benzer şekilde, WordPress’te harici görüntüleri içe aktarmak da sunucu kaynaklarının adil bir bölümünü tüketir. Neyse ki, geliştirici sunucunun kullanımını kontrol etmek için harekete geçti. Eklenti, arama başına en fazla 50 yayın tarar (yani eklenti ayarları sayfasını ziyaret ettiğinizde veya yenilediğinizde). Ayrıca maksimum görüntü sayısını içe aktarma başına 20 ile sınırlar. İpucu #3: WordPress’te Hotling görüntüleri nasıl önlenir Basitçe, HotLaking şehri diğer insanların uber emirleriyle keşfetmek anlamına gelir. Bunu bir düşün. Uber’e seyahatiniz için sipariş verdiniz ve yabancılara bir şekilde siparişinizi başarıyla çalın ve istedikleri gibi kullanın. Onların gezisi için ödeme yaparsınız. Şimdi, herhangi birinin Uber siparişinizi kabul edip edemeyeceğini düşünün, uzun süredir istedikleri gibi ve hiçbir şey yapamazsınız. Hotling görüntüleri biraz benzer. İnsanlar fotoğraflarınızı çekiyor ve sitelerinde kullanıyor. Şöhret alıyorlar ve sonunda faturalarını ödüyorsunuz. Ve bu konuda yapabileceğiniz hiçbir şey yok. Beklemek! Son satır yanlış. Bununla ilgili bir şey yapabilirsin. Ancak, bu WordPress! “Ah Sourav başka bir eklenti sunacak” diye düşünebilirsiniz. Bazzing!
Yapmıyorum. 1. HotLink’i (Apache veya Nginx) Önlemek için Web Sunucunuzun Yapılandırılması Web sunucunuz başkalarının resimlerinizi yapıştırmasını önlemek için yeterlidir. En yaygın iki web sunucusu Apache ve Nignx’tir. Apache’yi web sunucunuz olarak kullanıyorsanız, .htaccess dosyanıza birkaç satır kod ekleyerek WordPress’te resim hotLighting’i önleyebilirsiniz. 2013 yılında, bunun hakkında kısa bir eğitim yazdım – bugün hala geçerli. Ancak, Nginx’i WES sunucunuz olarak kullanıyorsanız, Nginx yapılandırma dosyanıza aşağıdaki kod görüntülerini ekleyin. Konum ~. (GIF | PNG | JPE? G) $ {Valid_Refeers Hiçbiri bloke edilmedi .yurwebsite.com; if ($ invalid_referer) {dönüş 403; }} Gerçek alan adınızla website.com’u değiştirin. Kısacası, bu kod görüntüleri GIF, PNG ve JPG/JPEG dosyalarının hotLined olmasını önler. Dosyalara yalnızca alan adınız tarafından erişilecek ve başka kimse olmayacak. Birisi HotLink’i bu 3 dosya biçimine denerse, bir hata alacaktır MP4 gibi video formatları da buraya ekleyebilirsiniz.Satır 2, Nginx’e etki alanınızdan gelen talebin izin verilmesi gerektiğini söyler. İsteyen başka bir etki alanı varsa, isteği engelleyin. Talep, izin verilmeyen bir alandan gelirse Nginx’in ne yapılması gerektiğini söyler.
Satır 4, Nginx’e HTTP 403’ün bir hata yapmasını söyler. 5. ve 6. satır, yürütülecek şekilde kodu doğru şekilde kapatın!
Aynı şekilde, tüm dizinin sıcak bağlantılı olmasını önlemek istiyorsanız, bunun için bir kod görüntüsü de vardır. Konum / uploads / {corrue_refeers hiçbiri engellenmedi .yurwebsite.com; if ($ invalid_referer) {dönüş 403; }} Değiştir / Yükleme / Hot bağlantılı olmamak için önlemek istediğiniz dizinle. Örneğimizde, varsayılan WordPress yükleme dizini seçtik. Çoğumuz gibiyseniz, varsayılan WordPress Uploader’ı kullanarak tüm resimleri, PDF’leri ve diğer medya dosyalarını yükleyeceksiniz, bu da dosyaları klasör /yükleme /içine yerleştirecektir. Böylece, ana klasörü koruyarak, tüm yüklemelerin sıcak bağlantılı olmasını önleriz. 2. WordPress’teki Hotling görüntülerini sürpriz olarak önlemek için CDN kullanın mı? Aynı şekilde ilk okuduğumda. Hepimiz Cloudflare’yi en iyi ücretsiz CDN’lerden biri olarak duyuyoruz. Ayrıca ücretsiz hotlink koruması sunduklarını biliyor muydunuz? HotLink korumasını etkinleştirmek için Cloudflare Hesap Gösterge Tablosunu ve ardından kazıma kalkanını açmanız yeterlidir. Düğmeyi etkinliğe yönlendirin ve hazırsınız. CloudFlare kullanıyorsanız, hesabınızdaki kazıma kalkanının altında HotLink korumasını kolayca etkinleştirebilirsiniz. CloudFlare tam bir proxy hizmeti olduğundan, ev sunucunuzdaki HotLink korumasını etkinleştirme konusunda endişelenmenize gerek yoktur. CDN veya Keycdn StackPath gibi birinci sınıf bir CDN hizmeti kullanıyorsanız, yalnızca bölgeye atıfta bulunmak ve bunları uygulamak için uygun kuralları yapmanız gerekir. Keycdn bu konuda iyi bir öğretici var, okumak güzel. 3. Eklentileri kullanın: Hepsi Bir WP Güvenlik ve Güvenlik Duvarı Eklentisi
.Htaccess koduyla karışmamayı tercih ediyorsanız ve iş yapabilecek bir eklenti olduğunu umuyorsanız – iyi, şanslısınız. Tüm WP Güvenlik ve Güvenlik Duvarı’ndaki eklentiye bakın. Yarım milyondan fazla aktif kurulumla, bu eklenti birçok önemli WordPress güvenlik özelliğine sahiptir. HotLaking görüntü önleme özelliğini etkinleştirmek için yapmanız gereken budur.
Eklentiyi indirin ve yükleyin.
WordPress Dashboard> WP Güvenlik> Güvenlik Duvarı’nı etkinleştirin ve açın ve HotLinks’i Önce’yi tıklayın
Alttaki küçük bir onay kutusuna işaretleyin ve ayarları kaydet’i tıklayın.
Ve hepsi bu. Bundan sonra sıcak bağlantı görüntüleri önlenir. Sonuç Bu yazıyı tamamlamak için, şimdiye kadar öğrendiklerimizi hızla inceleyelim.
Eski URL’yi yeni bir URL ile değiştirmek yerine nasıl güncellenir. Çözüm, Velvet Blues güncelleme URL’leri adlı iyi bir eklentidir.
Ardından, harici görüntülerin WordPress’e nasıl içe aktarılacağını öğreniyoruz. Birçok blog yazarı meslektaşı bunu en az bir kez yaşamlarında yaptı! Bir kez daha, çözüm harici görüntü ithalatı adı verilen eklentide. Yukarıdaki iki senaryoda belirtilen iki eklenti, onunla ilgili performans etkisine sahiptir. Bu eklentiyi dikkatlice çalıştırmamız gerekiyor. Sonunda, sıcaklık resimlerinin ne olduğunu gördük ve bunu önlemenin iki yolunu gördük. Bunlardan biri .htaccess eklentisine birkaç kod satır eklemek ve ikincisi bir güvenlik eklentisi kullanarak.
