Google Görseller SEO en iyi uygulamaları
Google Görseller, web’deki bilgileri görsel olarak keşfetmenin bir yoludur. Görsel altyazıları ve belirgin rozetler gibi yeni özellikler sayesinde kullanıcılar, görseller hakkında daha fazla bağlama sahip olarak 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. Bunun için örneğin, görseller veya yapılandırılmış veri işaretlemesi için alt
özelliklerini kullanabilirsiniz. İçeriğinizin Google Görseller arama sonuçlarında görünme olasılığını artırmak için kurallarımızı uygulayın.
Ü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'ni kullanın.
- Görselleriniz için iyi bir URL yapısı oluşturun: Google, görsellerinizi anlamak 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 bağlantısı ve snippet oluşturur. Bu, kullanıcıların bir sonucu tıklayıp tıklamayacağına karar vermesine yardımcı olur. Başlık bağlantıları ile snippet'in bir Google arama sonucu sayfasında nasıl görünebileceğine dair iki örnek aşağıda verilmiştir:
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 yönergelerini uygulayarak sayfalarınız için görüntülenen başlık bağlantısı ve snippet'in kalitesini iyileştirmemize yardımcı olabilirsiniz.
Yapılandırılmış veriler ekleme
Yapılandırılmış veriler eklerseniz Google Görseller, belirgin bir rozet ile birlikte görsellerinizi 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. Zengin sonuçların Google Görseller'de nasıl görünebileceğine dair iki örnek aşağıda verilmiştir:
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. Hem yüksek kaliteli hem de 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.
Site hızınızı PageSpeed Insights ile analiz edin. Ayrıca web sitesi performansını iyileştirmenizi sağlayacak en iyi uygulamaları ve teknikleri öğrenmek için Hız neden önemlidir 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. Mümkün olduğunda, kısa ancak açıklayıcı dosya adları kullanın. Örneğin,
dosya adı olarak IMG00023.JPG
yerine my-new-black-kitten.jpg
kullanmanız daha iyidir. Mümkün olduğunda image1.jpg
, pic.gif
, 1.jpg
gibi genel dosya adları kullanmaktan
kaçının. Sitenizde binlerce resim varsa resim adlandırmayı otomatikleştirme seçeneğini
değerlendirebilirsiniz.
Görsellerinizi yerelleştiriyorsanız Latin alfabesinde olmayan veya özel karakterler kullanmanız durumunda dosya adlarını çevirirken de URL kodlama yönergelerine uyduğunuzdan emin olun.
alt
özelliğinde 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 yazarken, 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
özelliklerini anahtar kelimelerle
doldurmaktan (anahtar kelime doldurma olarak
da bilinir) 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="puppy.jpg"/>
Kötü (anahtar kelime doldurma):
<img src="puppy.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="puppy.jpg" alt="köpek yavrusu"/>
En iyi:
<img src="puppy.jpg" alt="Dalmaçyalı yavru köpek atılanları getirme oyunu oyuyor"/>
Ayrıca, alternatif metninizin W3 yönergeleri uyarınca erişilebilirliğini de göz önünde bulundurun. <img>
için öğenin alt
özelliğini ekleyebilirsiniz. Satır içi <svg>
öğeleri için ise <title>
öğesini kullanabilirsiniz. Örneğin:
<svg aria-labelledby="svgtitle1"> <title id="svgtitle1">Googlebot wearing an apron and chef hat, struggling to make pancakes on the stovetop</title> </svg>
Erişilebilirliği denetleyerek ve yavaş ağ bağlantısı emülatörü kullanarak içeriğinizi test etmenizi öneririz.
Tüm görsellerinizi keşfetmemize yardımcı olun
Resim yerleştirmek için semantik HTML resim öğelerini kullanın
Semantik HTML işaretlemesi kullanmak tarayıcıların resimleri bulmasına ve işlemesine yardımcı olur. Google, görselleri dizine eklemek
için HTML <img>
öğelerini (<picture>
öğeleri gibi diğer öğelerin içine
yerleştirilmiş olsa bile) ayrıştırır ancak CSS görselleri dizine eklemez.
İyi:
<img src="puppy.jpg" alt="Yavru golden retriever" />
Kötü:
<div style="background-image:url(puppy.jpg)">Yavru golden retriever</div>
Görsel site haritası kullanma
Başka türlü keşfedemeyebileceğimiz görsel URL'lerini bir görsel site haritası göndererek 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, görselleri barındırmak için CDN'leri (içerik yayınlama ağları) kullanmanızı sağlar. CDN kullanıyorsanız Search Console'da CDN'nin alan adının sahipliğini doğrulamanızı öneririz. Böylece, bulabileceğimiz tarama hatalarını size bildirebiliriz.
Desteklenen resim biçimlerini kullanın
Google Görseller, şu biçimlerdeki resimleri destekler: BMP, GIF, JPEG, PNG, WebP, ve SVG . Dosya türüyle eşleşen bir dosya adı uzantınızın olması da iyi bir fikirdir.
Ayrıca, görselleri Veri URI'leri olarak satır içine de alabilirsiniz. Veri URI'leri aşağıdaki biçimi kullanarak, görsel 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]">
Görselleri satır içine almak HTTP isteklerini azaltabilir. Ancak bunların ne zaman kullanılacağını dikkatlice değerlendirin. Zira bu kullanım sayfa boyutunu önemli ölçüde büyütebilir. Bu konuyla ilgili daha fazla bilgi için web.dev sayfamızda resimleri satır içine almanın avantajları ve dezavantajları bölümüne bakabilirsiniz.
Uyumlu görseller
Duyarlı web sayfaları tasarlamak, bu sayfalar kullanıcılar tarafından çok çeşitli cihazlarda kullanıldığından daha iyi kullanıcı deneyimi sunar. Web sitenizde görsel kullanımıyla ilgili en iyi uygulamaları öğrenmek için duyarlı görsel rehberimizi inceleyin.
Web sayfaları, uyumlu görselleri belirtmek için bir <picture>
öğesini veya img
öğesinin srcset
özelliğini kullanır. Ancak bazı tarayıcılar bu özellikleri anlamaz.
Dolayısıyla, src
özelliğini kullanarak her zaman yedek bir URL belirtmenizi öneririz.
srcset
özelliği, özellikle farklı ekran boyutları için aynı görselin farklı sürümlerini belirtmeyi sağlar.
Örnek: <img srcset>
<img srcset="maine-coon-nap-320w.jpg 320w, maine-coon-nap-480w.jpg 480w, maine-coon-nap-800w.jpg 800w" sizes="(max-width: 320px) 280px, (max-width: 480px) 440px, 800px" src="maine-coon-nap-800w.jpg" alt="A watercolor illustration of a maine coon napping leisurely in front of a fireplace">
<picture>
öğesi, aynı görselin farklı <source>
sürümlerini gruplandırmak için kullanılan bir kapsayıcıdır. Yedek olarak kullanılabilecek bir yaklaşım sunar. Böylece tarayıcı, cihaz olanaklarına göre (ör. piksel yoğunluğu ve ekran boyutu) doğru görseli seçebilir. picture
öğesi ayrıca ileride yeni biçimleri destekleme ihtimali olan istemcilerin, yerleşik olarak bulunan kontrollü azalma stratejisiyle oluşturulmuş yeni görselin biçimlerini kullanmaları açısından da pratiktir.
HTML Standardı'nın 4.8.1 bölümü uyarınca,
picture
öğesini aşağıdaki biçimde kullanırken img
öğesini bir src
özelliğiyle yedek olarak sağladığınızdan emin olun:
Örnek: <picture>
<picture> <source type="image/svg+xml" srcset="pyramid.svg"> <source type="image/webp" srcset="pyramid.webp"> <img src="pyramid.png" alt="An 1800s oil painting of The Great Pyramid"> </picture>
Güvenli Arama için optimize etme
Google kullanıcı hesabındaki bir ayar olan Güvenli Arama, uygunsuz görsellerin, videoların ve web sitelerinin Google Arama sonuçlarında gösterileceğini mi yoksa engelleneceğini mi belirler. Gerektiğinde Güvenli Arama filtrelerinin sitenize uygulanabilmesi için Google'ın sitenizin yapısını anladığından emin olun. Güvenli Arama sayfalarını etiketleme hakkında daha fazla bilgi edinin.
Google Görseller satır içi bağlantısını devre dışı bırakma
İsterseniz Google Görseller arama sonuçlarında satır içi bağlantıyı devre dışı bırakarak tam boyutlu görüntünün Google Görseller arama sonuçları sayfasında görünmesini engelleyebilirsiniz.
Satır içi bağlantı oluşturmayı devre dışı bırakmak için:
- Resminiz istendiğinde, istekteki HTTP yönlendiren üstbilgisini inceleyin.
- İstek bir Google alanından geliyorsa
200
HTTP durum kodu veya204
HTTP durum koduyla ve içerik olmadan yanıt verin.
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. Web sitesinin resimlerinin yeniden işlenmesini gerektirmeyen bu devre dışı bırakma işlemini istediğiniz zaman gerçekleştirebilirsiniz. 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.
Son olarak da...
Daha iyi bir sıralamaya ulaşmak için lütfen yararlı bilgiler içeren SEO Başlangıç Kılavuzumuzu okuyun. Başka sorularınız olursa bunları Google Arama Merkezi Yardım Topluluğu'nda yayınlayın.