İmaj Optimizasyonu Nedir ve SEO İçin Neden Önemlidir?

Son güncelleme - 8 Temmuz 2021

Pazarlamacıların %80'inden fazlasının dijital kampanyalar için zengin medya kullandığı günümüzde görsel içerik her web sitesinin ayrılmaz bir parçasıdır . Google'ın görsel arama arayüzündeki son güncelleme, sayfa sıralamasında görsel içeriğin önemini daha da artırdı. Görüntüleri optimize etmek, sayfa yükleme hızını azaltır ve sayfa sıralamasını önemli ölçüde iyileştirir. Görüntü optimizasyonunun ne olduğu ve SEO için neden önemli olduğu hakkında daha fazla bilgi edinmek için okumaya devam edin.

Görüntü Optimizasyonu Nedir?

Görüntü optimizasyonu, mümkün olan en küçük boyutu korurken yüksek kaliteli görüntüler sunma sürecini ifade eder.

Görüntü optimizasyonu için üç ana yöntem vardır: yeniden boyutlandırma, önbelleğe alma veya sıkıştırma. Yeniden boyutlandırma, en yüksek kalitede en küçük boyuta ulaşmak için görüntünün boyutunu küçültmek anlamına gelir. Önbelleğe alma yöntemi, görüntü dosyalarını tarayıcı önbelleğinde saklayarak sayfa yükleme süresini azaltır.

Görüntüleri Optimize Etmek Neden Önemlidir?

Google'a göre her gün yüz milyonlarca insan web içeriğini görsel olarak aramak için Google Görseller'i kullanıyor. Görsel arama , ABD'deki en iyi 10 web arama mülkünde oluşturulan tüm sorguların %27'sini temsil ediyor.

Google'ın "Resmi Görüntüle" düğmesinin Görsel Aramadan "[Sayfayı] Ziyaret Et"e güncellenmesi. analitik platformların görsel aramadan oluşturulan oturumlarda bir artış kaydetmesiyle sonuçlandı. Bu, ana bilgisayar sayfaları için içerik görünürlüğünü artırdı. Görüntüler önemli bir trafik kaynağıdır ve bundan faydalanmalıyız.

Resimlerinizi optimize etmek, sayfa yükleme sürelerini azaltır. Bu nedenle, bir kullanıcının bir sayfanın yüklenmesini 2 saniye içinde beklediği ortalama süre nedeniyle, ziyaretçilerin web sitenizde kalma olasılığı daha yüksektir. Sayfanız ne kadar hızlı yüklenirse, ziyaretçilerinizin sitedeki kalıcılığı o kadar yüksek olur. Üstelik Google, daha hızlı sitelere öncelik verdiği ve yavaş siteleri cezalandırdığı için. Özetle, resimlerinizi optimize etmek size iki önemli konuda yardımcı olabilir:

Sayfa yükleme hızı

Görseller, web sayfalarının ağırlığının yarısından fazlasını içerir. Bu nedenle, yükleme hızınızı en aza indirmenin en basit yolu görüntü boyutlarını optimize etmektir.

SEO Sıralaması

Altın sol köşeye ulaşmak, her pazarlamacının ve web yöneticisinin hedefidir. Bu nedenle, SEO için görüntüleri optimize etmek bir zorunluluktur. Aşağıdaki bölümde bazı ipuçlarını ve teknikleri ele alacağız.

E-Ticaret Örneği

Görüntüleri optimize etmek, e-ticaret mağazalarında net ve ilgi çekici bir katalog sağlamak için özellikle önemlidir. Bununla birlikte, arama motoru sonuçlarında daha üst sıralarda yer almak için yerleşik SEO özelliklerine sahip sağlam bir e-ticaret platformuna ihtiyacınız var.

En iyi üç e-ticaret platformu Shopify, Magento ve Woocomerce, SEO için görselleri optimize etmenin önemini vurguluyor. Örneğin Shopify, kullanıcılarına görüntülerini SEO ve dönüşüm için optimize etmelerini, kalite ve boyut oranı nedeniyle JPG dosyalarını diğer formatlara tercih etmelerini önerdiği bir çevrimiçi öğreticiye sahiptir.

Bu nedenle, en iyi SEO işlevselliğini sağlayan platformu seçmek, optimize edilmiş görsellerinizin etkisini en üst düzeye çıkarmanın anahtarıdır. Bu üç en iyi e-ticaret platformunu hızlıca gözden geçirelim:

WooCommerce

Mağazanızın kaynak koduna erişim sağlar ve bir dizi özelleştirmeye sahiptir, bu nedenle SEO Dostu olarak kabul edilir. WordPress içerik yönetim sisteminin bir uzantısı bu nedenle WordPress SEO eklentileriyle uyumludur. Bu istatistiğe göre en popüler e-ticaret platformlarından biridir .

WooCommerce için kullanılabilen SEO eklentilerinden bazıları şunlardır:

• MonsterInsights
• Hepsi bir SEO paketinde
• Google XML Site Haritaları
• W3 Toplam Önbellek
• BZ Tembel Yük
• SEO Optimize Edilmiş Görüntüler

Fiyatlandırma — ücretsiz güncellemeleri olan ücretsiz bir e-ticaret eklentisidir ve SEO için 49$'dan başlayan fiyatlı uzantılar sunar

Güvenlik — ana bilgisayar veya üçüncü taraf satıcı tarafından satılan, güçlü parolalar ve sınırlı oturum açma gerektiren bir SSL sertifikası yüklemelisiniz.

Performans —WooCommerce, çok sayıda sürümü olan resimler yüklenirken yavaşlama eğilimindedir.

magento

En yaygın kullanılan platformlardan biri olan uçtan uca yönetilen bir e-ticaret platformu.

SEO —Orta ve büyük çevrimiçi mağazalar için genişletilebilecek güçlü SEO yerleşik özellikleri sağlar. Magento için kullanılabilen SEO uzantılarından bazıları şunlardır:

• Magento SEO Suite Pro uzantısı v9.5.2
• Mirasvit'ten Gelişmiş SEO Paketi
• Creare'den Ücretsiz Magento SEO Uzantısı
• AheadWorks v1.3.8'den Ultimate SEO Paketi

Fiyatlandırma — ücretsiz bir topluluk sürümü ile açık kaynaklıdır. Magento Enterprise Edition, fiyat teklifi isteyerek fiyatlandırma ile ücretli sürümdür. WooComerce gibi, ücretli SEO uzantıları sunar.

Performans — bir İçerik Yönetim Sistemi işlevi görür ve Adobe tarafından desteklendiğinden onları çevik ve kullanıcı dostu yapar.

Shopify

Bulut tabanlı bir e-ticaret platformu olan sınırsız satış özelliği, onu oldukça popüler hale getiriyor.

SEO —Shopify Uygulamaları, kendi uygulama pazarıyla işlevlerini genişletmek için eklentiler gibidir.

Shopify için en iyi SEO Uygulamalarından bazıları şunlardır:

• SEO Görüntü Optimize Edici
• SEO Meta Yöneticisi
• Ultra SEO

Fiyatlandırma —14 günlük deneme ile başlayan farklı fiyatlandırma planları ile birlikte gelir. Temel plan 29 dolardan başlıyor ve 279 dolara kadar çıkıyor.

Performans —Shopify'ın en iyi özelliklerinden biri, sayfalar için yüksek yükleme hızıdır. Bu, Shopify'ın görüntü optimizasyonuna verdiği yüksek önceliğin sonucudur.

Web ve Performans için Görseller Nasıl Optimize Edilir?

Resimlerinizi en iyi performans için optimize etmenize yardımcı olacak bazı ipuçları.

#1. Doğal olarak görüntü dosyalarını adlandırma

SEO'nuza görsel eklemenin en basit yolu, onları adlandırmaktır. Görselin sıralanabileceği anahtar kelimeleri kullanarak görsellerin mantıksal adını bulmaya çalışın.

Örneğin, el yapımı takılar satan bir e-ticaret mağazanız olduğunu ve “Gümüş Battaniye” adını verdiğiniz aşağıdaki resimdeki küpeleri sattığınızı varsayalım:

Resme “image17797.jpg” veya “earrings-tohum-beads-woven.jpg” adını verebilirsiniz, daha çok potansiyel müşterilerinizin ürünlerinizi aramak için kullanabileceği arama anahtar kelimelerine göre.

Benzer şekilde, görsellerin alt ve başlık özellikleri, görsellerin aramalarda daha üst sıralarda yer almasına yardımcı olarak kullanıcı deneyimini geliştirir. Bu da zamanla sayfa alaka düzeyini oluşturur ve arama motorunun sayfayı daha üst sıralarda yer almaya değer bir sayfa olarak tanımlamasına neden olur.

Erişilebilirlik okuyucularına yardımcı olmak için bu öznitelikleri özlü ve dilbilgisi açısından mantıklı bir şekilde yazın, böylece tüm kullanıcıların deneyimini iyileştirin. Aynısı, arama motorlarının görseller için daha fazla bağlam elde etmesine yardımcı olan, görseli çevreleyen sayfa içi görsel alt yazıları ve anahtar kelimeler için de geçerlidir.

Ana sayfanın HTML başlık etiketleri artık görsel arama sonuçlarında görüntüleniyor, dolayısıyla bunlar görselle de alakalı olmalıdır.

#2. Doğru boyut ve formatı kullanma

Farklı biçimlerle çalışmak, web sitenizin ağırlığını yolda tutmanıza yardımcı olabilir. Örneğin, hafif olduğu ve basit görüntüler ve sınırlı renklerle iyi çalıştığı için logolar veya simgeler için SVG kullanabilirsiniz.

PNG, en ağır tür olmasına rağmen şeffaf arka plana sahip görüntülerle kullanmak için harikadır, bu nedenle onu dikkatli kullanın. JPG, çok fazla ayrıntı ve renge izin verdiği için en yaygın kullanılan görüntü türüdür. Ancak, sayfaya çok fazla ağırlık eklememek için JPG resimlerini 100 KB ve 1920 pikselden daha hafif tutmalısınız.

Büyük bir görüntüyü kaydetmeniz gerekiyorsa, bunu, görüntülerin yüklendikçe aşamalı olarak görüntülenmeye başladığı aşamalı JPG olarak ayarlayabilirsiniz.

GIF'ler, 256 renkle sınırlı olduklarından, basit renk şemaları ile basit animasyonlar için kaydedilmelidir.

#3. Resimlerinizi A/B testi yapın

Resimlerinizi nasıl iyileştirebileceğinize dair harika bir örnek, Unilever vakasıdır. Unilever, mobil kullanıcı deneyimini geliştirmek için geleneksel paket çekimler yerine kahraman görüntüleri ile piyasada devrim yarattı. Bu kahraman görüntüler , paketin yakından görünümü ve tüketiciyi en çok ilgilendiren öğeleri gösteren bir şerit ile daha fazla bilgi aktarır.

#4. Görüntüleri barındırma ve önbelleğe alma

Görüntüler, tarayıcı sayfayı yüklemeyi tamamlamadan önce sunucuya yapılan istek sayısını artırarak sayfayı yavaşlatabilir.

Görüntü hareketli grafikleri ve barındırılan görüntüler, bir zamanlar görüntülerin alınmasını ve yüklenmesini hızlandırmak için kullanışlıydı. Bugün, kurulumunuza bağlı olarak, görüntüleri HTML dosyalarınızla aynı ana bilgisayarda barındırmak daha hızlı olabilir.

Etki alanınızda görsel barındırmak, görsellerinizi içeriğine yerleştirmenin olası bağlantı eşitliğini yakalamanıza yardımcı olur. Diğer faydalar arasında önbelleğin kontrol edilmesi, marka bilinci oluşturma ve yönlendirmelerin kontrolü yer alır.

Bir İçerik Dağıtım Ağı (CDN) kullanmak , sunucunun kullanıcı konumuna yakın olmasını sağlayarak yükleme sürelerini kısaltabilir .

Önbelleğe alma ile ilgili. görüntüler, tüm görüntü türleri için sunucu sona erme sürelerini ayarlayarak en uzun önbelleğe alma sürelerine sahip varlıklar olmalıdır.

Önbelleğe alma söz konusu olduğunda, tüm görüntü türleri için sunucu sürelerinin ayarlandığından da emin olun. Görüntüler, en uzun önbelleğe alma sürelerine (genellikle birkaç hafta) sahip kaynaklardan bazıları olmalıdır.

#5. Dijital varlık yönetimi çözümü kullanma

Dijital varlık yönetimi çözümü, yalnızca görüntü kitaplığınızı düzenlemenize değil, aynı zamanda görüntü optimizasyonuna da yardımcı olabilir. İyi bir DAM çözümü , otomatik etiketlemeye sahiptir ve resimlerinizi doğru, aranabilir anahtar kelimeyle doğru şekilde adlandırmayı yönetmenize yardımcı olur.

#6. Geç yükleme kullan

Resimlerinizi nasıl yüklediğinize göre aslında sayfalarınızı yavaşlatabilirsiniz. Geç yükleme tekniğini kullanmak, bir ziyaretçi sayfayı aşağı kaydırdığında ekran dışı görüntülerin yüklenmesine rağmen sayfanın yüklenmesini bitirmesine olanak tanır.

Bu, sayfa hızını artırabilir, ancak görüntüleri düzgün bir şekilde dizine eklemeye dikkat etmelisiniz. Bu konuda, resim site haritalarının kullanılması dizine eklemeye yardımcı olur, böylece keşif ve taramayı hızlandırır.

Bu YouTube eğitiminde , Shopify veya WooComerce gibi e-ticaret siteleri için resimlerinizi nasıl optimize edeceğiniz hakkında daha fazla bilgi edinebilirsiniz .

Özetle: SEO'nuzu Artırmak için Görselleri Kullanın

Görseller, içeriğiniz için yalnızca güzel görsel yardımcılar değildir. Günümüzde görseller, içeriğinize trafik çekiyor, kalıcılık oluşturma ve sayfa sıralamanızı artırma potansiyeline sahip. Bu nedenle, aramaları çekmek için resimlerinizi optimize etmek, SEO'sunu geliştirmek isteyen her web sitesi için bir zorunluluktur.