WordPress için Görüntü Optimizasyonu için Ana Kılavuz
Resim, sitenizdeki en önemli öğelerden biridir ve bunu düzeltmek, olağanüstü kullanıcı deneyimi sağlayan popüler siteler ile herhangi bir trafik veya dönüşüm almayan siteler arasında bir fark olabilir. Ama resim, evet, karmaşık. Maksimum faydalar elde etmek için mükemmel hale getirmek için yapmanız gereken birçok şey var. Bu ana WordPress görüntü optimizasyon kılavuzunda, resminizi optimize etmek için ihtiyacınız olan tüm bilgileri vereceğim. Her şeyi gözden geçireceğiz:
Yüklemeden önce resminizi nasıl hazırlarsınız
Görüntünüz için WordPress nasıl optimize edilir
SEO’nuzu artıracak şekilde görüntüleri nasıl tanımlayabilirsiniz?
Görüntüler nasıl verimli bir şekilde sunulur
Önceki resim optimizasyon yayınımızda paylaştığımız tüm alt konuları ve önemli bilgileri mümkün olduğunca kısa (görüntüler için SEO ile ilgili tam kılavuzumuz dahil) tartışacağız, böylece kısa sürede bir WordPress görüntüsü optimal olacaksınız. Bu konunun daha kapsamlı bir açıklamasını istiyorsanız, tüm bu yazıya derin öğreticimize bir bağlantı ekledim.
Resminizi Hazırlayın
Görüntüleri derleyin
Görüntüleri ölçme ve kesme
Bir deşarj görüntüsü nasıl sunulur
Görüntüyü kes
Çalışma için doğru resim biçimini kullanın
Görüntü dosyaları hakkında
Vektör görüntüsü
Raster görüntü
Kayıp sıkıştırma
Kayıpsız Sıkıştırma
Resim Dosyası Türü
JPEG
Png
WebP
SVG
Gif
Resim başlığı
Toplu görüntü editörü
WordPress’te resminizi optimize etme
WordPress varsayılan görüntü boyutu
Duyarlı görüntü
Retina görüntüsü
Yeni Nesil WebP dosyası
SEO görüntüsü
Resim başlığı
Alt metin
Altyazı
Sitenin yakınındaki sayfadaki başka bir öğe.
Sosyal Medya Etiketleri
Hizmet Görüntüleri
Yavaş yüklenme
Önbellek tarayıcısı
İçerik Dağıtım Ağı, CDN
En iyi WordPress Image Optimal’ın ne olduğunu merak ediyorsanız, artık kendi Smush Pro’nun yanı sıra görünmüyor. Hummingbird ve SmartCrawl SEO ile birleştirin, çünkü üçü de görüntü performansınızı önemli ölçüde artırabilir. Sitenizdeki üçünü de risksiz ücretsiz denemelerle deneyebilirsiniz.
Düşük trafik, bireyler veya hobilere sahip sitelerde görüntüleri optimize etmek ister misiniz? Ayrıca wordpress.org adresinde bulunan ücretsiz bir SMUSH sürümümüz var. Resimleri WordPress’e yüklemeden önce nasıl optimize edilir, yaptığınızda görüntünüzün en iyisi olduğundan emin olmanız gerekir. Doğru düzenlemeniz, mükemmel bir şekilde ölçmeniz, uygun görüntü biçimini kullanmanız ve tanımlayıcı bir dosya adı vermeniz gerekir. Görüntüleri Düzenleme Resminizi oluştururken en önemli soru şu şekildedir: Bu resim gerekli mi? Görüntüler, ziyaretçilerinize gönderilmesini gerektirir. “Pahalı” site varlıklarıdır, bu yüzden sadece alanı doldurmak için kullanamazsınız. İçeriğinizi mükemmelleştiren orijinal görüntüler oluşturun ve mümkün olduğunca stiller eklemek ve eklemek için resimler yerine başlıklar ve metin gibi ucuz varlıklar kullanın.
Görüntünüze asla metin eklemeyin. Bu uygulama en iyi erişilebilirlik uygulamasını takip etmez ve görüntünüz büzülürse hücresel duyarlı hale gelirse, metin daha küçük ve okunması daha zor olacaktır. Buna ek olarak, metinli görüntülerin ince harf ayrıntılarını korumak için çok daha yüksek bir kaliteye sahip olması gerekir. Daha iyi sonuçlar için kaynakları boşa harcamayın, bunun yerine CSS ile görüntünüzün üstünde metin yapın. Resmi göndermek zor, biliyorum. Sitenizin gerçekten harika görünmesini sağlayabilirler, ancak site performansı hakkındaki araştırmalara göre, kullanıcıları dönüştüren oturumlar, dönüştürmeyen oturumlardan% 38 daha az resme sahiptir, bu nedenle daha fazla resim kar eklemez. Görüntüler açısından görüntüleri ölçme ve kesme, Önemli boyut! Ve daha büyük değil. GTMetrix ve Google PagePeed Insights, görüntünüzün performansı artırmak için yaşayacakları kaplara uyacak şekilde ölçeklendirilmesini önerir.
Görüntüyü optimize etmek için hiçbir şey yapmazsanız, en azından görüntünüzün ölçeği. Bir hata yaparsanız bu büyük bir fark yaratacaktır.
Konteyner için çok büyük olan görüntülerin tarayıcı tarafından manuel olarak çıkarılması gerekir. Bu, performans ve kalitede herhangi bir fayda sağlamadan web sayfalarınızı yüklerken zaman ve veri kaybıdır.
Her dosya türü belirli kullanım durumları için tasarlanmıştır ve kendi güçlü ve zayıf yönleri vardır. Ek görüntü dosyalarının (şeffaflık gibi), gereksiz detayların ve çok fazla renk yeteneği görüntünüze şişkinlik katar. Bazen, bu gereklidir ve bir dahaki sefere değil. Anahtar, ihtiyaçlarınıza göre doğru yeteneklerle eşleşen bir görüntü dosyası kullanmaktır. İlerlemeniz için indirilebilecek PDF hile sayfaları topluyoruz! Bir kopya almak için buraya tıklayın ve görüntünüz için en iyi dosya türünü bulmak için dosyayı biçimlendirmek için Smush kılavuzunu kullanın.
Sıkıştırma Değişikliği WordPress Görüntü Boyutu İki tür grafik görüntü, vektör görüntüleri ve raster görüntüleri vardır.
Vektör görüntüsü, kaliteyi kaybetmeden boyut olarak değiştirilebilen matematiksel olarak üretilen geometrik bir şekildir. Raster görüntüleri, bir kutuda düzenlenmiş piksel adı verilen küçük bloklardan oluşur. Raster görüntüleri yalnızca görüntülenmesi veya daha küçük olması amaçlanan boyutta yüksek kalitede görünür. Değilse, görüntü pikselli görünecektir. WordPress Görüntü Sıkıştırma Görüntü dosyası türünüzü seçerken hatırlanması gereken başka bir şey, her biri kullanılan görüntü sıkıştırma türüdür, çünkü bu, çevrelendiğinde ve sitenizde görüntülendiğinde görüntü kalitesini etkileyecektir.
Kayıplı sıkıştırma, görüntü sıkıştırıldığında görüntü verilerini kalıcı olarak siler. Bazı detaylar insan gözü tarafından görülmez, bu nedenle bu her zaman görünür olan kalitede bir azalma yapmaz. Genel olarak,% 75-100 arasındaki kayıplı sıkıştırma yüksek bütünlük ve görüntü kalitesini koruyacaktır, ancak görüntünün% 75’i yarısıdır. Çoğu sosyal ağ, yüklediğinizde görüntülerini% 70-85 arasında sıkıştırır. Kayıpsız sıkıştırma tüm verileri korur, böylece hiçbir şey kaybolmaz ve görüntüler kaliteyi kaybetmeden doğru bir şekilde çoğaltılabilir. Dezavantaj, dosya boyutunun çok daha büyük olmasıdır. Karşılaştırma aşağıdadır. JPEG görüntü dosyalarının türleri JPEG görüntüsü büyük fotoğraflar için en iyisidir. JPEGS, tüketici kameraları ve mobil cihazlar tarafından üretilen standart bir dosya türüdür.
JPEG’ler milyonlarca renk içerebilir ve küçük dosya boyutları üretmek için kayıplı sıkıştırma kullanabilir.
Tüm ana tarayıcılarda desteklenirler.
JPEG şeffaflığı veya animasyonu desteklemez.
Ayrıntıları korurken en iyi PNG PNG (ekran görüntüsü metni gibi) çok önemlidir.
PNG kayıpsız görüntü sıkıştırması kullanır, bu nedenle karşılaştırılabilir bir JPEG’den daha büyüktür.
3 tip PNG vardır:
PNG-8, PNG’den indekslenmiş ve GIF gibi 256 rengi destekler.
PNG-24 milyonlarca renk yapmak için 24 bit renkleri destekler, böylece JPEG’ye benzer.
PNG-32, gelişmiş şeffaflık özellikleri için 24 bit renkleri ve ekstra alfa kanallarını destekler.
Üç tip PNG şeffaflığı destekler, ancak bunu farklı bir şekilde yaparlar. Çeşitli PNG türlerinin ve bu yazıdaki şeffaflığı nasıl ele aldıklarını tam bir açıklama alabilirsiniz.
WebP WebP, Google’ın JPEG ve PNG’den en iyisini birleştiren, ancak çok daha küçük bir dosya boyutuyla açık kaynaklı resim biçimidir. Neredeyse geniş destek alıyorlar. Önce yalnızca WebP olarak bilinen ve kayıplı sıkıştırma kullanın iki tür WebP görüntü dosyası vardır. Bu JPEG’nin WebP sürümü gibidir.
İkinci tip kayıpsız bir webp olarak bilinir ve kayıpsız sıkıştırma kullandığı için PNG’ye daha benzer.
WordPress için nasıl bir webp dosyası oluşturacağınızı merak ediyorsanız, bunu sizin için yapmak için bir eklenti kullanabilirsiniz. Aslında, Smush Pro CDN görüntüleri WebP’ye dönüştürür. Birisi sitenizi WebP’yi destekleyen bir tarayıcıda ziyaret ederse, Smush resimlerinizi dönüştürür ve WebP görüntüleri sunar. WebP’yi desteklemeyen bir tarayıcı kullanırlarsa, günlük JPEG veya PNG’nizi alırlar. SVG SVG, vektör grafikleri oluşturmak için iki boyutlu şekil yapmanızı sağlayan XML tabanlı bir işaretleme dilidir. Bu en çok logolar, grafikler, bayraklar, simgeler ve geometrik şekiller gibi basit şekiller için uygundur.
SVG fotoğraflar için iyi çalışmıyor.
Tüm tarayıcılarla uyumludurlar.
Teknik olarak bir işaretleme dili olduğundan, WordPress kötü amaçlı yazılım enjeksiyonunu önlemek için varsayılan olarak SVG’ye izin vermez. Yalnızca SVG’yi kullanma riskini anlayan güvenilir kullanıcıların sitenizde kullanma yeteneğini sağlayabilirsiniz.
GIF GIF, aptal memleri açmak için harika ve çok daha fazla değil.
GIF, özellikle görüntü animasyon içeriyorsa, çok büyük bir dosya boyutu üretir. Animasyon için MP4 veya WebM dosyalarının daha küçük dosya boyutları vardır.
GIF, 256 renkten oluşan sınırlı bir renk paletine sahiptir ve şeffaflığı destekler.
Tüm tarayıcılarla uyumludurlar. Nasıl söyleneceği konusunda kimin ihtiyacı var.
Aşağıda hızlı işlevselliğin bir özetidir.
Resim Başlığı Görüntünüzü kaydetmek için doğru biçimi seçtikten sonra, kameranız tarafından üretilen varsayılan resim başlığını değiştirmeniz gerekir. Resminize kısa ve açıklayıcı bir başlık verin. Resmi doğru şekilde tanımlarsa anahtar kelimelerinizi kullanın. Anahtar kelimeniz resminizi tanımlamazsa, resim başlığında kullanmayın. Bu yazının SEO bölümünde onlar için daha uygun bir yer göstereceğim. Kitle görüntü editörleri yeni siteler için bir görüntü koleksiyonu yapar veya şu anda sitenizdeki görüntülerle ilgili tüm sorunları düzeltmek için geri döner. Neyse ki, görüntü kütlesini işleme koymanıza yardımcı olabilecek bazı araçlar var. Lightroom Classic, görüntünüzdeki tahribatsız düzenlemeyi yönetmek için tasarlanmıştır. Kütle ölçeği için kullanın, kameranızdaki JPEG görüntüsünün adını kesin veya değiştirin. Photoshop, PNG veya JPEG Mass’ı düzenlemenize yardımcı olabilir. Bir görüntü işlemci kullanın veya karmaşık düzenleme dizilerini kaydetmek ve ardından başka bir görüntüye uygulamak için özel bir Photoshop eylemi yapın. Görüntünüzü WordPress’te optimize etmek Görüntünüzü doğru bir şekilde hazırlamak başlamadan önce birçok sorunu önleyebilir. Bir görüntü hazırladıktan sonra, WordPress görüntüyü yönetmenize ve en iyi görünmesini sağlayacak birkaç olağanüstü özelliğe sahiptir. WordPress Varsayılan Görüntü Boyutu, WordPress Media Kütüphanesi’ne her yüklediğinizde WordPress, varsayılan olarak aşağıdaki ek resim boyutlarını yapar:
Mini görüntü
Şu anda
Büyüktür
Büyük
Varsayılan olarak gizlenen büyük ortam hariç, varsayılan WordPress görüntüsünün boyutu. Temanız arşiv sayfanız, ana sayfanız vb. İçin ek resimler belirliyorsa. WordPress de yaptı. WordPress ayrıca yüklediğiniz orijinal boyutu korur ve tam boyutta olduğu gibi tam olarak arar.
Daha az çalışma yapmak için, sitenizdeki farklı kaplar için görüntü boyutunuzu manuel olarak değiştirin, Medya bölümünde> ayarlardaki varsayılanı ayarlayabilir veya aralarından daha fazla seçeneğiniz olacak şekilde özel boyutlar ekleyebilirsiniz. Aşırıdan kaçının ve mümkün olan her amaç için görüntüler yapın veya disk alanını barındırma sunucunuza harcayacaksınız. Ek resimler yapmak için WordPress yolunda bir değişiklik yaptığınızda, medya kitaplığınızdaki mevcut görüntüleri güncellemez. Yüklediğiniz görüntüleri değiştirmek için popüler Regenerate küçük resim eklentisini kullanmanız gerekir. Aşağıdakilerden birini yaparsanız mini bir görüntüyü yeniden oluşturmanız gerekir:
Varsayılan WordPress görüntüsünün boyutunu değiştirin
Özel bir görüntü boyutu ekleyin veya
Farklı bir özel boyuta sahip yeni bir temaya dönüşmek.
Duyarlı Görüntü Tüm değişen görüntü boyutlarının kullanımlarından biri, WordPress’in duyarlı görüntüler sunabilmesidir. Duyarlı görüntü işlevselliği WordPress sürüm 4.4’te tanıtılır ve varsayılan olarak etkinleştirilir. Aralarından seçim yapabileceğiniz çeşitli boyutlarda çeşitli görüntülerin tarayıcı listesini sağlamak için SRCSET özniteliklerini kullanarak çalışır. Tarayıcı herhangi bir zamanda en büyük resim dosyasını indirmek ve sunmak yerine, cihaz için uygun bir boyut dosyası içerir. Ziyaretçiler mobil cihazlar kullanırlarsa, SRCSET’te daha küçük resimler alacaktır. Sitenizi bir masaüstü retina cihazında ziyaret ederlerse, büyük boyutlu tam boyutlu bir dosya alırlar. WordPress, SRCSET kodu yazar ve otomatik olarak bir koleksiyona görüntüler ekler, ancak yine de görüntüsünüzün denetim optimizasyonunun bir parçası olarak bu işleme müdahale eden tema veya eklentinizin olmadığı iyi bir fikirdir. Retina retina görüntüleri ve diğer yüksek çözünürlüklü ekranlar 4 kat daha fazla piksele sahiptir. Görüntünüzün ayrıntılarını ve keskinliğini yüksek tanımlı bir ekranda korumak için, tüm yeni pikselleri doldurmak için yeterli veri ile bir retina görüntüsü yapmanız ve ardından yalnızca Retina cihazına göstermeniz gerekir. WordPress’te bir retina görüntüsü nasıl sunulur Adım 1: Her piksel için yeterli veri içeren WordPress’te retina görüntüleri üretmek için piksel boyutunun iki katına sahip görüntüler üretin, yüklediğiniz her görüntü için piksel boyutunu iki katına çıkarmanız gerekir. Büyük bir kahramanınız varsa Görüntü 1600 piksel genişliğe sahip ve 400px yüksekliğinde, 3200 piksel ve 800 piksel genişliğe sahip görüntüler üretmeniz gerekir. Blogunuzun genişliği 800 piksel ise, blog yayınınızın resminin 1600 piksel genişliğe sahip olması gerekir. Olası her duyarlı boyut için çift boyuta sahip bir görüntü yapmanıza gerek yoktur. Adım 2: Retina görüntüsünü retina cihazı seçeneğine servis edin Seçenek 1: Retina görüntüsünü sunmanın daha iyi yollarından biri SRCSET özniteliğini kullanmaktır. Duyarlı görüntüler üretmek için WordPress tarafından kullanılan bir kaynak koleksiyonuna bir retina görüntüsü eklersiniz. Seçenek 2: Retina 2x WordPress eklentisini ücretsiz yükleyin ve yapılandırın. Adım 3: Retina görüntüsünüzü WordPress’e yükleyin ve sitenizde bir retina görüntüsü kullandığınızda sitenizde kullanın, tam boyutlu çeşitli yarım ve yükseklik görüntüleri kullanın.
Görüntünün 1200 piksel genişliği var, ancak retinanın kalitesini elde etmek için 600 piksel sürümü kullanmam gerekiyor.
Yeni nesil WebP dosyaları WebP gibi yeni nesil görüntüler yaygın olarak desteklenmediğinden, uyumlu tarayıcılar için WebP görüntüleri sunmak için SRCSET’i de kullanabiliriz. İlk olarak, medya kitaplığınızdaki görüntüleri dönüştürmek ve gelecekte yüklemek için bir WebP dönüştürücü kullanmalısınız. Ardından, ziyaretçinin tarayıcısının WebP görüntülerini destekleyip desteklemediğini belirlemeniz gerekir. Son olarak, desteklenirse WebP görüntüleri veya PNG veya JPEG gibi eski dosya formatları sunmak için SRCSET veya diğer yöntemleri kullanabilirsiniz. Smush Pro, görüntüleri kullanarak dönüştürebilir
Sitenizdeki etiketleri WebP’ye verin ve CDN ile uyumlu bir tarayıcıya yayınlayın.CSS arka plan görüntüleri için farklı bir yöntem kullanmalısınız.Ücretsiz bir deneme alın ve sitenizin farkını görün.Yeni nesil görüntüyü sunmak için WordPress Image Optimal’ın nasıl kullanılacağına dair bir örnek için aşağıdaki videoya bakın.SEO resimleri SEO resimleri son zamanlarda önemli hale geldi ve trafiği görüntülerle yönlendirmek için birçok fırsat var.Yinelenen içeriğin cezalandırıldığı yazılı içeriğin aksine, resimlerle, en iyi optimizasyona sahip resimler “kazanacak”
Arama sonuçlarında ve en iyisini sıralar. Görüntülerinizi doğru HTML özniteliklerini kullanarak doğru bir şekilde tanımlamak, artan web erişilebilirliğinden bahsetmiyorum bile, görüntülerde bulunan görüntünüze yardımcı olabilir, bu çok önemlidir. İşte her görüntü için doldurmanız gereken önemli bir görüntü özelliği. Resim Başlığı WordPress’teki resim başlığı dosya adının başlığından farklıdır. Photoshop veya diğer görüntü editörlerinde resim oluştururken eklediğiniz dosyanın başlığı, WordPress Media kütüphanesindeki alan başlığından daha önemlidir. Birincisi SEO’ya katkıda bulunur, ikincisi tamamen terk edilebilir. Alt Alt metni sadece SEO için değil, aynı zamanda erişilebilirlik için de önemlidir. Görüntünüz için etkili bir alt etiket yazmak için, görüntünün içeriğini veya görüntüyü göremeyen birine aktarmaya çalışan veya ekran okuyucuları kullandıkları veya resim indiremeyecekleri neyi iletmeye çalışan kısa bir açıklama yazmanız gerekir. Ayrıca, Alt metin özniteliğinde kullanılan alternatif metin, içeriğinizde kullanılan görüntü türüne bağlıdır. Doğru dengeyi ve doğru erişilebilirliği elde etmek için WordPress’e alt resim etiketleri yazmak için kapsamlı kılavuzumuzu okuyun. Alternatif metninizi buraya ekleyin.
Görüntünüzün etrafındaki metin ve diğer metinlerin altyazı, görüntünüzün bağlamını verin. Ayrıca Google’ın resmin ne olduğunu anlamasına yardımcı olurlar. Tüm görüntüler bilgi gerektirmez, ancak bilgiler içeriğe çağırmak için aynı işlev görür. Diğer metninizden ayrıldıkları ve vurgulandıkları için, okuma olasılıkları dört kat daha fazladır. Google’ın resminin yakınındaki bir sayfadaki başka bir öğe de, resminizi anlamaya çalışırken tüm sayfaları da dikkate alır. Sayfanın başlığı nedir? URL nedir? Bu doğrudan görüntünüzle ilgili olmasa da, Google bunu bir sıralama faktörü olarak kullanır. Mümkünse sayfa başlığı, sayfa url ve görüntü URL’sine anahtar kelimeler ve ilgili ifadeler ekleyin. Görüntü Site Haritası Google’ın tüm resimlerinizi dizine eklediğinden emin olmak için bir resim sitesi haritası oluşturmanız gerekir. Site haritası, içeriği sık sık güncelliyorsanız, bir e -ticaret sitesine sahipseniz veya yeni bir siteniz varsa ve Google’ın resimlerinizi mümkün olduğunca çabuk dizine eklemesini istiyorsanız çok önemlidir. Kolay bir çözüm istiyorsanız, bir site haritası oluşturmak için SmartCrawl kullanabilirsiniz. SmartCrawl tarafından üretilen site haritasına görüntüleri ekleyecek şekilde anahtarı tersine çevirin.
Sosyal Medya Etiketleri Sosyal medya etiketleri, içeriğinizi etiketlemenin yoludur, bu nedenle birisi sosyal ağlarda paylaştığında, paylaşmak istediklerini paylaşırlar. Facebook, Twitter, LinkedIn ve Pinterest, sosyal medya etiketi Facebook’un dili olan açık grafiği destekler. Twitter’ın kendi meta etiketi vardır, ancak Twitter sosyal medya etiketleri mevcut değilse açık grafik verilerini tanır. Görüntünüz için önemli açık grafik etiketi OG:
Görüntü ve birisi gönderinizi paylaştığında Facebook ve diğer sosyal ağları hangi görüntüleri görüntülemek istediğinizi belirlemenize olanak tanır. Görüntüleri optimize ederken dikkat etmeniz gereken son resme hizmet etmek, görüntünüzün nasıl görüntülendiğidir. Görüntü optimizasyonunu ve sayfaları artırmak için WordPress’te kullanabileceğiniz birkaç araç vardır. Smush Pro’nun yavaş bir yükü ve kendi CDN’si vardır. Hummingbird, önbellek tarayıcısına yardımcı olabilir. Risk olmadan ücretsiz bir üyelik testi alın ve her ikisinin de sitenizde profesyonel sürümünü deneyin. Tembel yükleme yükleme, şu anda ViewPort tarayıcısında olmayan kritik olmayan varlıkların yüklenmesini geciktirerek ilk sayfanın hızını ve yükü artırmak için bir tekniktir. WordPress’te ekran dışındaki görüntüleri geciktirmek temel olarak göremediğimiz görüntüleri yüklemeyi beklemek anlamına gelir. Önbellek tarayıcısı önbellek, daha hızlı alım için önbellekte varlıkları saklayarak ziyaretçileriniz için sitenin hızını artırmanın güvenilir bir yoludur. HTTP önbelleği ile tarayıcı, kullanıcı tarafından önbellekte HTTP aracılığıyla indirilen varlığın (resim gibi) bir kopyasını saklar, böylece tarayıcı sunucuya ek geziler yapmadan geri alabilir. Bu, doğru yapılırsa tekrarlanan ziyaretçiler için performansı önemli ölçüde artırır. Ağ dağıtım içeriği, CDN Görüntünüzü yalnızca web sunucunuzdan tek bir konumda sunmak yerine, -cdn dünya çapında bir konuma sahiptir, böylece görüntünüzü yüklemek için gereken veri aktarımı çok daha hızlı gerçekleşir.
Görüntünüzü sunmak için CDN kullanıyorsanız hatırlanması gereken bir şey, CDN’yi değiştirmekten veya CDN’yi etkinleştirmekten ve devre dışı bırakmaktan kaçınmak istediğinizdir.Bu, görüntü URL’sini değiştirir ve görüntü SEO’unuz üzerinde olumsuz bir etkisi olabilir.Görüntü optimizasyonu hakkında daha ayrıntılı öğreticiler için ek kaynaklar, bu konuyla ilgili diğer yayınlarımıza bakın: Boyutu doğru değiştirir ve WordPress ile azaltılan görüntüleri nasıl sunulur
Web siteleri için en iyi resim biçimi!PNG, JPG, GIF ve WebP
WordPress’i yavaşlatmayan bir retina hazır görüntü nasıl yapılır
Varsayılan WordPress görüntü boyutu ve nasıl özel bir boyut eklenir
Görüntüler için SEO Tam Kılavuz Tembel yükleme ile WordPress’te ekran dışı görüntüler nasıl geciktirilir
WordPress sitenizi daha hızlı oluşturmak için 6 tembel yük eklentisi WordPress için toplu fotoğrafları düzenleme
Sadece WordPress Görüntü Optimizasyonu için görüntü optimizasyonu için birçok şey vardır, bu nedenle başlamanın en akıllı yolu sitenizi denetlemek ve görüntü konumunuzun nerede olduğunu görmektir. Önce en önemli şeye odaklanın, görüntüler çığlık atan ve alternatif metinler eklemek, çok zaman harcayan ancak dramatik bir gelişme yapmanıza yardımcı olabilecek iki şeydir. Yavaş yüklemeyi etkinleştirme, önbellek tarayıcısı kullanma, CDN ekleme, görüntü sitesi haritaları yapma, yeni nesil görüntüyü kullanma gibi diğer görüntü optimizasyon taktikleri, Smush Pro gibi WordPress görüntüleri ile bir harekette yapılabilir. Bu nedenle, çok fazla zamanınız yoksa veya birçok siteniz yönetmiyorsa, otomatik WordPress görüntü sıkıştırma eklentisini kullanmak başlamak için iyi bir yerdir. Son olarak, Lightroom ve Photoshop gibi güçlü bir toplu görüntü düzenleyicisi kullanmak, bireysel görüntüleri daha hızlı geliştirmenize yardımcı olabilir. Görüntü optimizasyon oyununuzu artırma konusunda ciddiyseniz, çok popüler olan WPMU Dev: Hummingbird, SmartCrawl ve Smush Pro’nun Triftecta Optimizasyonuna bakın. Smush Pro, her şeyi yapmak için en iyi WordPress görüntüsüdür. Sitenizdeki üçünü de ücretsiz deneme ile deneyebilirsiniz. Görüntüyü asla ciddiye almazsanız, sitenizin performansında ne kadar iyileştirme olduğunu görünce şaşıracaksınız. Sizin için, görüntü optimizasyonu hakkında eklemek istediğiniz başka bir şey var mı?
Etiket:
Görüntü formatı
Resim Optimizasyonu
Görüntüler
Görüntüleri optimize et
retina
WebP
WP Smush Pro
