WordPress için Görseller Nasıl Optimize Edilir? – Görüntü Optimizasyon Kılavuzu


Http Archive raporuna göre, görseller toplam bir web sayfasının ağırlığının ortalama %21'ini oluşturuyor . Metinlerin yanı sıra görseller de bir web sitesindeki en önemli unsurlardır. Google gibi arama motorları da resimli metin içeriğini resimsiz içeriğe göre daha iyi derecelendirir. Ancak, web sitenizin bir bütün olarak optimizasyonunun bir parçası olarak web sitenizdeki görsellerin optimizasyonu ile kesinlikle ilgilenmelisiniz.

Ancak web sitenizde bir görseli doğru şekilde mi kullanıyorsunuz? yoksa sitenize rastgele mi yüklediniz? Önemli bir görüntü optimizasyon görevini kaçırıyor olabilirsiniz. Bu yazımızda sizlere “WordPress Web Sitesi için Görüntü Optimizasyonu”nu detaylı olarak anlatacağız.

İçindekiler

Uygulamanız Gereken 6 Görüntü Optimizasyon Tekniği


1. Yüklemeden Önce Resminizi Yeniden Adlandırın

Resminizi web sitesine yüklemeden önce yeniden adlandırmak her zaman çok önemlidir. Görsel dosyanızı yeniden adlandırmak, arama motorlarının görseli tanımasını ve ilgili kategoriye yerleştirmesini sağlar. Resminizi uygun bir ad olmadan yüklerseniz, Google gibi arama motorları bunu fark edemez. Sonunda, resminiz Google tarafından yok sayılır. Bu senin için iyi değil.

Dikkat edilmesi gereken önemli bir nokta, bir resmi yeniden adlandırmadan yüklediğinizde, eski adıyla aynı adla veritabanında saklanacağıdır. Yani “Ek Detayları” kısmından başlıkta değişiklik yapsanız bile değişmeyecektir. Bu nedenle, SEO açısından, resim dosyanızı uygun anahtar kelime ile yeniden adlandırmak önemlidir.

Örneğin –

Resim adınız bazen şöyle olabilir

  • IMG_8sd743.jpg
  • Ekran görüntüsü-873403.jpeg

Bu yukarıdaki resim adı web sitesinde hiçbir anlam ifade etmemektedir.

Ayrıca, hem kullanıcıların hem de arama motorlarının resmi anlayabilmesi için resmin nasıl doğru bir şekilde yeniden adlandırılacağına dikkat etmelisiniz.

Aşağıdaki senaryoyu anlayalım:

Canon 400D Kamera

Diyelim ki farklı marka ve modellerde çok sayıda kameranız var. Ve resimlerinizin her birini “ camera.jpg “ olarak yeniden adlandırırsanız, kamera fotoğrafları “ camera-1.jpg “, “ camera-2.jpg ” vb. olarak yeniden adlandırılacaktır.

Bu nedenle, onu “ Canon 400D kamera ” olarak yeniden adlandırmak daha iyidir, bu şekilde kullanıcılar ve arama motorları bir görüntünün neyle ilgili olduğunu kolayca anlayabilir.

resim url yapısı


2. Uygun Alternatif Metni Tutun

Alternatif metin ( "alt açıklama", "alt etiket" olarak da adlandırılır), bir web sayfasındaki bir resmin ekrana yüklenmemesi durumunda onun yerine görünen yazılı kopyadır. Bu nedenle, uygun alternatif metin koymak, erişilebilirlik ve Görsel SEO için önemlidir. Resmi daha iyi tanımlayan uygun resim alt etiketini koymaya çalışın.

Düz HTML metninde, Alt Metin şöyle görünecektir

<img src=”/bear.jpeg” alt=”Donmuş kışın üzerinde yürüyen bir kutup ayısı” />

Alternatif metin, görsellerin görme engelli kişiler tarafından da kullanılabilmesini sağlar. Aşağıdaki resim, bir resim için alt metnin nasıl düzgün şekilde yerleştirileceğini gösterir.

alternatif resim kılavuzu

resim alt kılavuzu

Başlık ve Açıklama hakkında ne?

Görsel SEO hakkında konuştuğumuzda, başlık ve Açıklama SEO'yu etkilemez. Resim yazısı, resmin altında gösterilen bir resim hakkında ek bilgidir. Görselinizi biraz daha tarif etmek isterseniz, o zaman başlık bölümüne yazabilirsiniz. Bir başlık ve açıklama, bir "Alt metin"den farklıdır, aşağıdaki tabloda yağmalanmasına izin verin.

Ek ayrıntıları

Alternatif Metin Altyazı Tanım
SEO için önemli SEO için Önemli Değil SEO için Önemli Değil
Resmi açıklamak için Resme ekstra bilgi ekler (ör. Resmin kaynakları, Resmin kısa açıklaması) Resmi ayrıntılı olarak açıklayın
Kullanıcılar tarafından görülmez Kullanıcılar tarafından görülebilir Birisi ek gönderi sayfasına ulaştığında kullanıcılar tarafından görülebilir
koda eklenecek koda eklenmemiş Açıklama, ek gönderi için gönderi içeriği olarak depolanacak
SEO için Zorunlu İsteğe bağlı İsteğe bağlı

3. Resimlerinizi Telif Hakkına Sahip Tutun

Uygun atıf (kredi) ile görselleri kullanabilseniz de, içeriğinizde telif hakkı içermeyen görseller kullanmanız önerilir. Lisanssız görseller alabileceğiniz birçok çevrimiçi kaynak var. Web sitelerinden bazıları aşağıda listelenmiştir:


Google Telif Hakkı Ücretsiz Resim

Google, milyarlarca görselle gezegendeki en büyük web sitesidir. Google, tüm web sayfalarından milyarlarca resim tutar. Ama hepsini kullanmak ücretsiz değil. Bu görüntüleri kaynak göstermeden kullanabilmeniz için görüntüleri filtrelemeniz gerekir.

Google.com'a gidin ve bir resim arayın. Araçlar>Kullanım Hakları'na gidin ve burada beş seçeneği görüyorsunuz. “Değişiklik ile yeniden kullanım için etiketlendi” veya “Yeniden kullanıcı için etiketlendi” filtresi ve bu filtreden sonra ortaya çıkan tüm görseller blogunuzda kullanılabilir.

Referans için aşağıdaki resme bir göz atın.

Google Görsel Filtresi

Unsplash.com , Freepik.com , Pixabay.com, Pexels.com gibi sitedeki diğer ücretsiz stok görselleri kullanabilirsiniz. Milyonlarca kişinin kullandığı milyonlarca ücretsiz stok fotoğrafın bulunduğu sitelerdir. Bazı fotoğraflar birinci sınıftır – yani ödemeniz gerekir, ancak bu sitelerdeki resimlerin çoğu ücretsizdir.

Check out – Çevrimiçi Ücretsiz Resim Bulmak için 41 Site


4. Resmin Boyutunu Olabildiğince Küçük Tutun

Hafif hale getirmek için görüntü boyutunuzu optimize etmeniz gerekir. Resminizin boyutunun web sitenizin yükleme hızı üzerinde doğrudan etkisi vardır. Ancak dikkat etmeniz gereken bir şey de resminizin boyutunu küçültürken çözünürlüğüne de dikkat etmenizdir. Photoshop meraklısı değilseniz, resim boyutunu küçültmek için tinypng.com, tinyjpg.com gibi farklı araçları kullanabilirsiniz. Bu çevrimiçi ÜCRETSİZ ARAÇLAR, optimum kalitesini koruyarak görüntünüzün boyutunu küçültmenize yardımcı olur.

Not: Resim boyutunuzu 200 KB'ın altında tutmanız önerilir.


5. Uygun Görüntü Formatını Seçin

Kullanımda olan başlıca üç görüntü formatı vardır: JPEG, PNG ve GIF . Görüntü biçimlerinin her birine ayrıntılı olarak bakalım.

  • JPEG (JPG) – JPEG, Joint Photographic Experts Group anlamına gelir. Kayıplı sıkıştırılmış bir dosya biçimidir. Fotoğrafları daha küçük boyutta saklamak için kullanışlıdır. JPG, sıkıştırılmış olduğundan Web'de kullanım için yaygın bir seçimdir. Çizgi çizimlerini, metinleri ve ikonik grafikleri daha küçük dosya boyutlarında saklamak için.
  • PNG – PNG, Taşınabilir Ağ Grafikleri anlamına gelir. Kayıpsız bir sıkıştırma dosyası formatıdır, bu nedenle Web'de kullanım için yaygın bir seçimdir. PNG daha iyi görüntü kalitesi üretir ancak daha büyük bir yer kaplar. PNG, çizimleri, metinleri ve ikonik 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ı biçimidir. Bir görüntüyü hareketli bir biçimde 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 oldukları için daha iyi seçimlerdir.

JPEG'ler fotoğraflar ve gerçekçi görüntüler içindir. PNG'ler çizgi resimler, metin ağırlıklı görüntüler ve az renkli görüntüler içindir. GIF'ler başarısız oldu.

görüntü formatı tablosu

“Must Use” durumu olmadıkça kişisel olarak GIF önermiyorum. PNG daha kaliteli görüntüler üretse de, JPEG formatından daha büyük boyutta gelir. Bu nedenle, boyut ve kaliteden tasarruf etmek için çoğu durumda JPEG görüntüsünü kullanmanız gerekir. Ancak, PNG'nin JPEG'den daha iyi sonuçlar verdiği bazı durumlar olabilir.


6. Görüntü Site Haritası Kurulumu

Bir site haritası tüm web sitesi için önemlidir, ancak site haritası da görüntü için eşit derecede önemlidir. Görsellerinizin arama motorlarında kolayca bulunmasını sağlar.

görüntü seosu

WordPress için Görüntü Optimizasyon Eklentileri

WordPress için, birçok görüntü optimize edici eklenti mevcuttur, bunların arasında Smush ve ShortPixel Image Optimizer yaygın olarak kullanılan eklentilerdir. Bu eklentiler, görüntüleri yükledikten sonra harika bir iş çıkarır, ancak görüntüleri yüklemeden önce birçok şey yapmanız gerekir. Bu, daha da iyi görüntü optimizasyonuna yardımcı olur.

Çözüm!

Görüntüleri optimize etmek için yukarıdaki 7 ipucu, web sitesine yüklemeden önce manuel tekniklerdir. WordPress eklentileri kullansanız da kullanmasanız da bu 7 teknik sizin için mutlaka yapılması gereken işlemlerdir.

Bu nedenle, bir dahaki sefere, resmi web sitenize yüklemeden önce aşağıdaki adımları uyguladığınızdan emin olun –

  1. Yüklemeden Önce Resminizi Yeniden Adlandırın
  2. Uygun Alternatif Metni Tutun
  3. Resimlerinizi Telif Hakkı Ücretsiz Tutun
  4. Resmin Boyutunu Olabildiğince Küçük Tutun
  5. Uygun Görüntü Formatını Seçin
  6. Kurulum Resmi Site Haritası

Diğer SEO Makaleleri:

WordPress 301 Yönlendirme – Adım Adım Kılavuz
Yinelenen İçerik nedir? Nasıl Önlenir?

Bu makaleyi beğendiyseniz, bizi Twitter , Facebook ve LinkedIn'de takip etmeyi düşünün.

Copyright statement: Unless otherwise noted, this article is Collected from the Internet, please keep the source of the article when reprinting.

Check Also

Divi's Theme Builder ile Özel Global Başlık Nasıl Oluşturulur

Artık Tema Oluşturucu burada olduğuna göre, web sitenizi A'dan Z'ye kurmanıza yardımcı olacak yeni eğitimlere dalmak için sabırsızlanıyoruz. Buna Divi'nin yerleşik seçeneğini kullanarak özel başlıklar oluşturma da dahildir. Bu eğitimde Divi's Theme Builder'ı kullanarak global bir başlık oluşturmaya odaklanacağız. Bu sayfaya veya gönderiye farklı bir başlık atamadıysanız, web sitenizin her yerinde genel bir başlık görünecektir.

Bir Cevap Yazın

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