WordPress için görüntüler nasıl optimize edilir?- Resim Optimizasyon Kılavuzu
HTTP Arşiv Raporuna göre, görüntü web sayfasının toplam ağırlığının ortalama% 21’ini oluşturuyor. Metinle birlikte, görüntüler web sitesindeki en önemli öğelerdir. Google gibi arama motorları, resimsiz resimlerle metin içeriğini resimsiz içerikten daha iyi değerlendirir. Ancak, web sitenizin genel optimizasyonunun bir parçası olarak web sitenizdeki görüntü optimizasyonu ile kesinlikle uğraşmanız gerekir. Ancak web sitenizdeki resimleri doğru şekilde kullanıyor musunuz? Veya sadece sitenize rastgele yüklüyor musunuz? Önemli bir görüntü optimizasyonu görevini kaçırabilirsiniz. Bu makalede, “WordPress sitesi için görüntüleri optimize etmeyi” ayrıntılı olarak açıklayacağız.
İçerik Tablosu
İzlemeniz gereken 6 görüntü optimizasyon teknikleri
1. Yüklemeden önce resim adınızı değiştirin
2. Doğru alt metni koruyun
3. Görüntünüze telif hakkı içermez
Google Telif Hakkı Ücretsiz Resimler
4. Resmin boyutunu olabildiğince küçük deneyin
5. Doğru resim biçimini seçin
6. Görüntü sitesi haritasını ayarlayın
WordPress için resim optimizasyon eklentisi
Çözüm!
İzlemeniz gereken 6 görüntü optimizasyon teknikleri
1. Yüklemeden önce resim adınızı değiştirin, web sitesine yüklemeden önce resim adınızı değiştirmeniz her zaman önemlidir. Görüntü dosyası adınızı değiştirmek, arama motorlarının görüntüleri tanımasına ve bunları ilgili kategorilerine yerleştirmesine olanak tanır. Görüntünüzü doğru ad olmadan yüklerseniz, Google gibi arama motorları bunları göremez. Sonunda, resminiz Google tarafından yok sayılacak. Bu senin için iyi değil.
Dikkate alınması gereken önemli bir şey, adını değiştirmeden bir resim yüklediğinizde, daha önce olduğu gibi aynı ada sahip bir veritabanında saklanacaktır. Bu, “Ek Ayrıntılar” başlığında bir değişiklik yapsanız bile değişmeyeceği anlamına gelir. Bu nedenle, SEO perspektifinden bakıldığında, görüntü dosyası adınızı doğru anahtar kelimelerle değiştirmek önemlidir. Örneğin – Resim Adınız Bazen LikeImg_8sd743.jpg
Ekran yakalama-873403.jpeg
Yukarıdaki resmin adı web sitesinde mantıklı değildir. Buna ek olarak, kullanıcıların ve arama makinelerinin görüntüyü anlayabilmesi için görüntünün adını doğru bir şekilde nasıl değiştireceğiniz konusunda dikkatli olmalısınız.
Aşağıdaki senaryoyu anlayalım:
Çeşitli markalar ve modellerden birçok kameranız olduğunu varsayalım. Ve görüntülerinizin adını “kamera.jpg” olarak değiştirirseniz, kamera fotoğrafı adını “kamera-1.jpg”, “kamera-2.jpg” olarak değiştirilir. Bu nedenle, bunu “Canon 400D kamera” olarak adlandırmak daha iyidir, bu şekilde kullanıcılar ve arama motorları görüntülerin ne olduğunu kolayca anlayabilir. 2. Doğru Alt Metin Alternatif Metnini (“Alt Açıklama”, “Alt-Tag” olarak da adlandırılır), görüntü ekrana yüklenemezse web sayfasındaki resimlerin yerine görünen yazılı bir kopyadır. Bu nedenle, doğru alternatif metni yerleştirme, erişilebilirlik ve görüntü SEO için önemlidir. Resmi daha fazla tanımlayan doğru resim etiketlerini yerleştirmeye çalışın.
Her zamanki HTML metninde, alt metin şu Alt metin, görüntülerin görme problemleri olan kişiler tarafından da kullanılabilmesini sağlar.Aşağıdaki resim, görüntü için alt metnin nasıl doğru yerleştirileceğini gösteriyor. Altyazı ve açıklamaya ne dersiniz?SEO görüntüleri hakkında konuştuğumuzda, bilgi ve açıklamalar SEO’yu etkilemez.Altyazı, görüntünün altında görüntülenen görüntü hakkında ek bilgilerdir.Resminizi biraz daha tanımlamak istiyorsanız, başlıkta yazabilirsiniz.Altyazı ve açıklama “Alt Metin” den farklıdır, aşağıdaki tabloda yağma yapalım.
3. Görüntünüzü telif hakkı içermediğiniz gibi, doğru ilişkilendirme (kredi) ile görüntüler kullanabilseniz bile, içeriğinizde telif hakkı ücretsiz resimleri kullanmanız önerilir. Lisanssız bir resim alabileceğiniz birçok çevrimiçi kaynak vardır. Bazı web siteleri aşağıda listelenmiştir:
Google Google’ın Telif Hakkı Ücretsiz Resmi, milyarlarca görüntü ile bu gezegendeki en büyük web sitesidir. Google, tüm web sayfalarından milyarlarca resim depolar. Ama her şey kullanmak ücretsiz değil. Görüntüyü ilişkilendirmeden kullanabilmeniz için görüntüleri filtrelemeniz gerekir. Google.com’u açın ve resim arayın. Araçları Aç> Hakları Kullanın ve burada beş seçenek görürsünüz. Filtre “değiştirme ile yeniden kullanılmak üzere etiketlenir” veya “yeniden kullanım için etiketlenir” ve bu filtreden sonra görünen tüm görüntüler blogunuzda kullanılabilir. Referanslar için aşağıdaki resme bakın. Unssplash.com, freepik.com, pixabay.com, pexels.com gibi sitelerden diğer ücretsiz stok görüntülerini kullanabilirsiniz. Bu milyonlarca insan tarafından kullanılan milyonlarca ücretsiz fotoğraf stoku olan bir site. Bazı fotoğraflar premium – yani ödemeniz gerekiyor, ancak bu sitedeki resimlerin çoğu kullanılabilir. Bkz. Ücretsiz çevrimiçi resimler bulmak için 41 Site 4. Resmin boyutunu mümkün olduğunca küçük deneyin, aydınlatmak için görüntünüzün boyutunu optimize etmelisiniz. Görüntü boyutunuzun web sitenizi yükleme hızı üzerinde doğrudan bir etkisi vardır. Ancak dikkat etmeniz gereken bir şey, görüntünüzün boyutunu azaltırken, çözünürlüğü de korumalısınız. Bir inek Photoshop değilseniz, görüntünün boyutunu azaltmak için farklı bir araç tinypng.com, tinyjpg.com kullanabilirsiniz. Bu ücretsiz çevrimiçi araç, optimum kalitesini koruyarak görüntünün boyutunu azaltmanıza yardımcı olur.Not: Görüntünüzün boyutunu 200KB’nin altına tutmanız önerilir.
5. Doğru görüntü formatını seçin, kullanılan üç görüntü formatı vardır: JPEG, PNG ve GIF. Her görüntü formatına ayrıntılı olarak bakalım. Bu sıkıştırılmış bir kayıp dosya biçimidir. Fotoğrafları daha küçük boyutlarda saklamak için kullanışlıdır. JPG, sıkıştırıldığı için web’de kullanım için yaygın bir seçimdir. İkonik satırları, metinleri ve grafikleri daha küçük dosya boyutlarında saklamak için.
PNG – PNG taşınabilir ağ grafikleri anlamına gelir. Bu kayıpsız bir sıkıştırma dosya formatıdır, bu yüzden web’de kullanım için yaygın bir seçimdir. PNG daha iyi görüntü kalitesi üretir, ancak daha geniş bir alan kaplar. PNG, ikonik çizgileri, metin ve grafikleri küçük dosya boyutlarında depolamak için iyi bir seçimdir.GIF – GIF dosyası 256 renkle sınırlıdır ve kayıpsız bir sıkıştırma dosyası formatıdır. Bu, görüntüleri animasyon formunda sunmak için iyi bir seçimdir. Grafiğiniz nispeten az sayıda renk kullandığında GIF kullanın. GIF veya PNG, kayıpsız nedeniyle daha iyi bir seçimdir.
JPEG gerçekçi fotoğraflar ve görüntüler içindir. PNG, çizgiler, metin çizme ve biraz renkle görüntüler içindir. GIF başarısız oldu.
“Kullanılması gereken” bir durum olmadığı sürece şahsen GIF önermiyorum. PNG daha kaliteli görüntüler üretse de, JPEG formatından daha büyük bir boyutta gelir. Bu nedenle, boyutlardan ve kaliteyi tasarruf etmek için çoğu durumda JPEG görüntülerini kullanmanız gerekir. Bununla birlikte, PNG’nin JPEG’den daha iyi sonuçlar ürettiği bazı durumlar olabilir.
6. Tüm web siteleri için önemli olan site haritalarının site haritasını ayarlayın, ancak site haritası görüntüler için de önemlidir. Bu, arama motorlarında kolayca bulunacak görüntünüzü geliştirir. WordPress için eklenti görüntü optimizasyonu WordPress için, Smush ve Shortpixel görüntü optimizer dahil olmak üzere birçok eklenti optimal görüntü vardır, yaygın olarak kullanılan eklentilerdir. Bu eklenti resim yükledikten sonra iyi çalışır, ancak resim yüklemeden önce bile birçok şey yapmanız gerekir. Bu, daha iyi görüntü optimizasyonuna yardımcı olur. Çözüm! 7 Görüntü Optimizasyon İpuçları Yukarıdaki web sitesine yüklenmeden önce manuel bir tekniktir. WordPress eklentisini kullansanız da kullanmasanız da, bu tekniklerin 7’si yapmanız gereken eylemdir. Yani, bir dahaki sefere, web sitenize resim yüklemeden önce, bu adımları izlediğinizden emin olun.
Yüklemeden önce resim adınızı değiştirin
Doğru alt metni koruyun
Görüntünüze telif hakkı içermez Resmin boyutunu olabildiğince küçük deneyin
Doğru resim biçimini seçin Bir görüntü sitesi haritası hazırlayın
Diğer SEO makaleleri: WordPress 301’in aktarımı – Adım Kılavuzu Adım için Yinelenen İçerik Nedir? Nasıl kaçınılır? Bu makaleyi beğendiyseniz, bizi Twitter ve Facebook ve LinkedIn’de takip etmeyi düşünün.