Google Görseller ile ilgili en iyi uygulamalar

Google Görseller, web’deki bilgileri görsel olarak keşfetmenin bir yoludur. Görsel altyazıları, belirgin rozetler ve AMP sonuçları gibi yeni özellikler sayesinde kullanıcılar, görseller hakkında daha fazla bağlamdan yararlanarak bilgileri daha hızlı bir şekilde keşfedebilirler. 

Görsellere daha fazla bağlam eklenmesiyle sonuçlar çok daha yararlı hale getirilebilir ve bu şekilde sitenize daha yüksek kalitede trafik sağlanabilir. Görsellerinizin ve sitenizin Google Görseller için optimize edildiğinden emin olarak kullanıcıların içerikleri keşfetme sürecine yardımcı olabilirsiniz. İçeriğinizin Google Görseller arama sonuçlarında görünme olasılığını artırmak için kurallarımızı uygulayın.

Görsel arama satır içi bağlantısını devre dışı bırakma

İsterseniz, Google görsel arama sonuçlarında satır içi bağlantıyı devre dışı bırakarak tam boyutlu görüntünün Google'ın görsel arama sonuçları sayfasında görünmesini engelleyebilirsiniz.

Satır içi bağlantı oluşturmayı devre dışı bırakmak için:

  1. Resminiz istendiğinde, istekteki HTTP yönlendiren üst bilgisini inceleyin.
  2. İstek bir Google alanından geliyorsa, HTTP 200 veya 204 ile yanıtlayın ve içerik sağlamayın.

Google sayfanızı taramaya devam eder ve resmi görür, ancak arama sonuçlarında tarama sırasında oluşturulan bir küçük resmi görüntüler. Bu devre dışı bırakma işlemini istediğiniz zaman gerçekleştirebilirsiniz ve bir web sitesinin resimlerinin yeniden işlenmesini gerektirmez. Bu davranış, resim gizleme olarak kabul edilmez ve manuel işlemlerle sonuçlanmaz.

Görselin arama sonuçlarında tamamen görünmesini de engelleyebilirsiniz.

Üstün kullanıcı deneyimi oluşturma

İçeriğinizin Google Görseller'deki görünürlüğünü artırmak için kullanıcılara odaklanın ve sitenizin mükemmel kullanıcı deneyimi sunmasını sağlayın: Sayfalarınızı kullanıcılar için hazırlayın, arama motorları için değil. Aşağıda bazı ipuçları verilmiştir:

  • İçeriğinizin bağlamı iyi olsun: Görsel içeriğinizin sayfanın konusuyla alakalı olduğundan emin olun. Görselleri yalnızca sayfaya orijinal değer ekledikleri yerlerde görüntülemenizi öneririz. Özellikle görsellerin veya metnin orijinal içerik olmadığı sayfaların kullanılmamasını isteriz.
  • Yerleşimi optimize edin: Mümkün olduğunda, görselleri alakalı metnin yakınına yerleştirin. Anlamlı olduğunda, en önemli görseli sayfanın üst kısmına yakın bir yere yerleştirme seçeneğini değerlendirin.
  • Önemli metinleri görsellerin içine yerleştirmeyin: Tüm kullanıcılar görsellere erişemeyebileceği (ve sayfa çevirisi araçları görsellerde çalışmayacağı) için özellikle sayfa başlıkları ve menü öğeleri gibi önemli metin öğelerini görsellere yerleştirmekten kaçının. İçeriğinize erişimin maksimum düzeyde olmasını sağlamak için metni HTML içinde tutun, görseller için alternatif metin sağlayın. 
  • Bilgilendirici ve yüksek kaliteli siteler oluşturun: Web sayfanızdaki içeriğin iyi olması, Google Görseller için görsel içerik kadar önemlidir. Sayfadaki içerik, görseller için bağlam sağlar ve sonucu daha işlem yapılabilir hale getirir. Sayfa içeriği görsele ait bir metin snippet'i oluşturmak için kullanılabilir ve Google, görselleri sıralarken sayfa içeriği kalitesini dikkate alır.
  • Farklı cihazlarda kolayca görüntülenecek siteler oluşturun: Kullanıcılar, Google Görseller'de masaüstünden çok cep telefonundan arama yapmaktadır. Bu nedenle, sitenizi tüm cihaz türlerine ve boyutlarına uygun şekilde tasarlamanız önemlidir. Sayfalarınızın mobil cihazlarda ne kadar iyi çalıştığını test etmek ve nelerin düzeltilmesi gerektiği konusunda geri bildirim almak için mobil uyumluluk testi aracını kullanın.
  • Görselleriniz için iyi bir URL yapısı oluşturun: Google, görsellerinizi anlamasına yardımcı olması için dosya adının yanı sıra URL yolunu da kullanır. Görsel içeriğinizi, URL’lerin mantıksal olarak yapılandırılacağı şekilde düzenleme seçeneğini değerlendirin.

Sayfa başlığınızı ve açıklamanızı kontrol etme

Google Görseller, her sonucu ve sonucun kullanıcı sorgusuyla nasıl ilişkilendirileceğini en iyi şekilde açıklamak için otomatik olarak bir başlık ve snippet oluşturur. Bu, kullanıcıların bir sonucu tıklayıp tıklamayacağına karar vermesine yardımcı olur.

Bu bilgi için, her sayfanın başlık ve meta etiketindeki açıklayıcı bilgiler dahil olmak üzere çeşitli kaynakları kullanırız. 

Google'ın başlık ve snippet kurallarını uygulayarak sayfalarınız için görüntülenen başlığın ve snippet'in kalitesini iyileştirmemize yardımcı olabilirsiniz.

Yapısal veriler ekleme

Yapılandırılmış veriler eklerseniz Google Görseller, görsellerinizi öne çıkan bir rozet de dahil olmak üzere zengin sonuçlar olarak görüntüleyebilir. Böylece, kullanıcılarınıza sayfanızla ilgili alakalı bilgiler sağlamış olur ve sitenize daha iyi hedeflenmiş trafik çekilebilir. Google Görseller, aşağıdaki türler için yapılandırılmış verileri destekler:

Yapılandırılmış veri türünüze özel kuralların yanı sıra genel yapılandırılmış veri kurallarını uygulayın. Aksi takdirde, yapılandırılmış verileriniz Google Görseller'de zengin sonuç görüntüsü için uygun bulunmayabilir. Bu yapılandırılmış veri türlerinin her birinde image (görsel) özelliği, Google Görseller'deki rozet ve zengin sonuca uygun olmak için zorunlu bir alandır.

Hız için optimize etme

Görseller genellikle toplam sayfa boyutuna en çok katkıda bulunan öğelerdir ve sayfaları yavaşlatıp yüklenmelerini zorlaştırabilir. Yüksek kaliteli ve hızlı bir kullanıcı deneyimi sağlamak için en yeni görsel optimizasyonu ve duyarlı görsel tekniklerini uyguladığınızdan emin olun.

Google Görseller'de AMP logosu  kullanıcıların hızlı ve sorunsuz yüklenen sayfaları tanımlamasına yardımcı olur. Sayfa yükleme süresini kısaltmak için görsel barındırma sayfanızı AMP'ye dönüştürme seçeneğini değerlendirin (burada hedef sayfa, Google Görseller'deki bir sonuç tıklandıktan sonra kullanıcının ulaştığı sayfadır).

Site hızınızı PageSpeed Insights ile analiz edin ve web sitesi performansını iyileştirmek amacıyla en iyi uygulamaları ve teknikleri öğrenmek için Web'in Temelleri sayfamızı ziyaret edin.

Kaliteli fotoğraflar ekleme

Yüksek kaliteli fotoğraflar, kullanıcılara bulanık, belirsiz görsellere göre daha çekici görünür. Ayrıca, net görseller, sonuç küçük resminde kullanıcılara daha cazip görünür ve kullanıcılardan trafik alma olasılığınızı artırır.

Görseller için açıklayıcı başlıklar, altyazılar, dosya adları ve metin ekleme

Google, görselin konusuyla ilgili bilgileri altyazılar ve görsel başlıkları dahil olmak üzere sayfanın içeriğinden çıkarır. Mümkün olduğunda, görsellerin alakalı metnin yakınına ve görselin konusuyla alakalı sayfalara yerleştirildiğinden emin olun. 

Benzer şekilde, dosya adı da Google'a görselin konusuyla ilgili ipuçları verebilir. Örneğin, yeni-siyah-minik-kedim.jpg adı, IMG00023.JPG adından daha iyidir.

Açıklayıcı alternatif metin kullanma

Alternatif metin (bir resmi açıklayan metin), ekran okuyucular kullanan veya bağlantıları düşük bant genişliğine sahip olan kullanıcılar da dahil olmak üzere web sayfalarında resim göremeyen kullanıcıların erişebilirliğini artırır.

Google, görselin konusunu anlamak için alternatif metinle birlikte bilgisayar görüşü algoritmalarını ve sayfanın içeriğini kullanır. Ayrıca, bir görseli bağlantı olarak kullanmaya karar verirseniz, görsellerdeki alternatif metin bağlantı metni olarak da kullanılabilir. 

Alt metin seçerken, anahtar kelimeleri uygun şekilde kullanan ve sayfanın içeriği bağlamında yer alan, yararlı, bilgi bakımından zengin içerik oluşturmaya odaklanın. Alt özellikleri anahtar kelimelerle doldurmaktan (anahtar kelime doldurma) kaçının. Bu, negatif bir kullanıcı deneyimine yol açabilir ve sitenizin spam olarak görünmesine neden olabilir.

  • Kötü (eksik alternatif metin): <img src="yavruköpek.jpg"/>
  • Kötü (anahtar kelime doldurma): <img src="yavruköpek.jpg" alt="köpek yavrusu köpek bebek köpek yavru yavrular sevimli köpekler talaş yavrucuklar köpek retriever labrador av köpeği setter pointer yavru jack russell terrier yavrular köpek maması ucuz mama yavru köpek maması"/>
  • Daha iyi: <img src="yavruköpek.jpg" alt="yavru köpek"/>
  • En iyi: <img src="yavruköpek.jpg" alt="Dalmaçyalı yavru köpek atılan topu getiriyor"/> 

Erişilebilirliği denetleyerek ve yavaş ağ bağlantısı emülatörü kullanarak içeriğinizi test etmenizi öneririz.

Tüm resimlerinizi keşfetmemize yardımcı olun

Resimler için semantik işaretleme kullanma

Google, resimleri dizine eklemek için sayfalarınızın HTML'ini ayrıştırır ancak CSS resimlerini dizine eklemez.

  • İyi: <img src="yavruköpek.jpg" alt="Golden retriever yavrusu"
  • Kötü: <div style="background-image:url(yavruköpek.jpg)">Golden retriever yavrusu</div>

Bir görsel site haritası kullanma

Görseller, sitenizdeki içerikle ilgili önemli bir bilgi kaynağıdır. Google'a resimleriniz hakkında ek bilgi verebilir ve bir görsel site haritasına bilgi ekleyerek başka şekilde keşfedemeyebileceğimiz görsel URL'lerini sağlayabilirsiniz.

Görsel site haritaları, web alanları arası kısıtlamaların uygulandığı normal site haritalarının farklı olarak, diğer alanlardan URL’ler içerebilir. Bu, resimleri barındırmak için CDN'leri (içerik yayınlama ağları) kullanmanızı sağlar. Bulabileceğimiz tarama hatalarını size bildirebilmemiz için Search Console'da CDN'nin alan adını doğrulamanızı öneririz.

Desteklenen resim biçimleri

Google Görseller, şu biçimlerdeki resimleri destekler: BMP, GIF, JPEG, PNG, WebP ve SVG. 

Ayrıca, resimleri Veri URI'leri olarak satır içine de alabilirsiniz. Veri URI'leri aşağıdaki biçimi kullanarak, resim gibi bir dosyayı img öğesinin src özelliğini Base64 olarak kodlanmış dize şeklinde ayarlayarak satır içine almanın yolunu sağlar:

<img src="data:image/svg+xml;base64,[data]">

Resimleri satır içine almak HTTP isteklerini azaltabilir. Ancak bunların ne zaman kullanılacağını dikkatlice değerlendirmelisiniz. Zira bu kullanım sayfa boyutunu önemli ölçüde büyütebilir. Bu konuyla ilgili daha fazla bilgi için Web'in Temelleri sayfamızda resimleri satır içine almanın avantajları ve dezavantajları bölümüne bakabilirsiniz.

Duyarlı resimler

Duyarlı web sayfaları tasarlamak, bu sayfalar kullanıcılar tarafından çok çeşitli cihazlarda kullanıldığından daha iyi kullanıcı deneyimi sunar. Duyarlı web sitesinde resim kullanımıyla ilgili en iyi uygulamaları öğrenmek için Web'in Temelleri'nde Resimler hakkındaki bölüme bakabilirsiniz.

Web sayfaları, duyarlı resimleri belirtmek için <img srcset> özelliğini veya <picture> öğesini kullanır. Ancak bazı tarayıcılar bu özellikleri anlamaz. Dolayısıyla, img src özelliği aracılığıyla her zaman yedek bir URL belirtmenizi öneririz.

Srcset özelliği, özellikle farklı ekran boyutları için aynı resmin farklı sürümlerini belirtmeyi sağlar.

Örnek: <img srcset>

<img srcset="example-320w.jpg 320w,
             example-480w.jpg 480w,
             example-800w.jpg 800w"
     sizes="(max-width: 320px) 280px,
            (max-width: 480px) 440px,
            800px"
     src="example-800w.jpg" alt="duyarlı web!">

<picture> öğesi, aynı resmin farklı <source> sürümlerini gruplandırmak için kullanılan bir kapsayıcıdır. Yedek yaklaşımı sunar. Böylece tarayıcı, cihaz olanaklarına göre (ör. piksel yoğunluğu ve ekran boyutu) doğru resmi seçebilir. Resimöğesi ayrıca ileride yeni biçimleri destekleme ihtimali olan istemcilerin yerleşik kontrollü azalma stratejisiyle oluşturulan yeni resim biçimlerini kullanmaları açısından da pratiktir.

Aşağıda gösterildiği gibi, resim etiketini kullanırken yedek olarak her zaman src özelliğine sahip img öğesi sağlamanızı öneririz:

Örnek: <picture>

<picture>
  <source type="resim/svg+xml" srcset="piramit.svg">
  <source type="resim/webp" srcset="piramit.webp"> 
  <img src="piramit.png" alt="büyük PNG resmi...">
</picture>

Güvenli Arama için optimize etme

Hesabınızdaki bir ayar olan Güvenli Arama, müstehcen resimlerin, videoların ve web sitelerinin Google Arama sonuçlarında gösterilmesini veya engellenmesini belirler. Uygun olması halinde Güvenli Arama ayarlarını resimlerinize uygulayabilmek için Google'ın resimlerinizin yapısını anlamasına yardımcı olmanız gerekir.

Yalnızca yetişkinlere uygun görselleri ortak bir URL konumunda gruplama

Sitenizde yetişkinlere uygun görseller varsa, bu görselleri web sitenizdeki diğer görsellerden ayrı olarak gruplamanızı kesinlikle öneririz. Örneğin: http//www.example.com/adult/image.jpg. 

Yetişkinlere uygun sayfalara meta veri ekleme

Algoritmalarımız, kullanıcı Güvenli Arama filtresini açtığında, bir görselin veya sayfanın tamamının sonuçlardan filtrelenip filtrelenmemesi gerektiğine karar vermek için çeşitli sinyaller kullanır. Görseller söz konusu olduğunda, bu sinyallerden bazıları makine öğrenimi kullanılarak oluşturulur, ancak Güvenli Arama algoritmaları ayrıca görselin daha önce kullanıldığı yer ve görselin kullanıldığı bağlam gibi daha basit şeylere de bakar.

En güçlü sinyallerden biri, kendinden işaretli olan yetişkinlere uygun sayfalardır. Yetişkinlere uygun içerik yayınlıyorsanız, aşağıdaki meta etiketlerden birini sayfalarınıza eklemenizi öneririz:

<meta name="rating" content="adult" />
<meta name="rating" content="RTA-5042-1996-1400-1577-RTA" />

Pek çok kullanıcı, arama sonuçlarında yetişkinlere uygun içeriğin çıkmamasını tercih etmektedir (özellikle çocuklar da aynı cihazı kullanıyorsa). Bu meta etiketlerden birini sağladığınızda, kullanıcılar istemedikleri veya görmeyi beklemedikleri sonuçları görmeyeceğinden daha iyi bir kullanıcı deneyimi sunmaya yardımcı olur. 

Ve son olarak...

Daha iyi bir sıralamaya ulaşmak için lütfen yararlı bilgiler içeren SEO Başlangıç Kılavuzumuzu okuyun ve başka sorularınız Web Yöneticisi Yardım Forumu'nda bunları yayınlayın. 

Bu size yardımcı oldu mu?
Bunu nasıl iyileştirebiliriz?