Bugün, Google'nin yakın zamanda Görseller için yaptığı güncellemeyi ele alacağım. Öncelikle böyle bir güncellemenin ne olduğu, neyi kapsadığı ve görsellerimizi nasıl optimize ederek uyumluluk sağlayacağınızı anlatacağım.
(Umuyorum ki, bu kategoride artık daha sık görüşeceğiz)
Google yeni görsel güncellemesinde bazı lisans geliştirmeleri yaparken bir yanda da bulunan resmin hangi kategoriye ait olduğunu, ürün mü, tarif mi yoksa video küçük resmi olduğunu anladığını gösterdi.
Yeni geliştirdiği teknolojisi, Google Cloud Vision API ile bir resmin üstündeki yazıları, konumu, şekli ve ona bağlantılı ürünleri sıralayabiliyor.
Yukarıdaki Google I / O konferansında yayınlanmış olan görselde bilerek San Franscisco’daki Golden Gate köprüsüne benzeyen Lizbon’daki 25 de Abrik Köprüsü test olarak denenmiş.
Burada dikkat etmemiz gereken şey, Vision Api hiç zorlanmadan bu iki köprüyü birbirinden ayırt edebilmektedir.
Vision Api size bir resimde bulunan canlıları, yer işaretlerini, yüzleri, metinleri ve logoları, üstünde yazan metinleri, markaları bildiren ek bir liste sunmaktadır.
Vision Api, Google images ile aynı alt yapıyı kullanıyor ve birçok ön tanımlı resimlerin taranması sonucu size uygun sonuçları veriyor.
Siz de Google Vision Api’yi herhangi bir resim yükleyip test edebilirsiniz.
İçeriklerinizde kullandığınız resimler bu yüzden konunuz ile alakalı olması gerekiyor.Google resim alt etiketi girilmeyen veya içeriğinizle uyumlu olmayan görselleri kendi apisi yardımıyla tarayıp görsel içeriğini anlayabiliyor.
Buna göre de yazı içeriğini BERT ile anlayıp Vision Api ile birlikte de resimlerin alakasına baktıktan sonra konu içeriğinin kalitesinde belirli bir puan vermektedir.
Google’ın resimlerin içeriklerini anlamlandırdığı patenti buradan inceleyebilirsiniz.
Google Trends, Keşfet veya Google Now kısımlarında Google’ın webmasterlardan istediği resimlerin yüksek kaliteli ve optimize edilmiş olmasıdır. Resimler nasıl optimize edilir, hangi formatı kullanmak gerekiyor? diye merak ediyorsanız Google’ın rehberine bakabilirsiniz.
Optimizasyon İpuçları
Sitenize eklediğiniz görselleri arama sonuçları için optimize ettiğinizde, kullanıcıların içeriklerinizi keşfetme sürecine yardımcı olabilirsiniz. Google görsellerde daha fazla resim sonucu arttırmak için uymanız gereken bazı temel kurallar bulunmakta. Google’ın bizden istediği kurallar;
- İçeriğinizin konusu ile resimleriniz uyumlu olsun.
Konunuza eklediğiniz görselin, sayfanızda değindiğiniz içerikle alakalı olması gerekmektedir. Fakat içeriğe bir değer katmıyorsa görsel eklemenize gerek yoktur. - Görsellerin yerini iyi seçin.
Kullanacağınız görseli, içeriğiniz ile alakalı metinlerin yakınlarına koymaya özen gösterin. Bu görsel içeriğinizi destekleyecek türde olacak ve kullanıcıya bilgi verecektir. Bu yüzden en önemli görsel içeriğinizi en üst konuma yakın yerlere yerleştirmek yararınıza olacaktır. - Bilgilendirici ve kaliteli site içerikleri oluşturun.
Sitenizde bulunan içerik ile görseller arasındaki alaka düzeyi Google görsellere çıkma oranınızı arttıracaktır. - Görselleri eklerken Alt etiketi girmeyi atlamayın.
- URL yapısını dikkate alın.
Kullandığınız görselin, dosya isminin düzgün olmasına ve URL yapısınında uygun bir hiyerarşi düzeyinde olmasına dikkat edin. - Görsel başlık ve açıklamasını doğru yazdığınızdan emin olun.
Google Görsel güncellemesinden sonra görsellerde artık sayfanızın başlık ve açıklamaları görselleri tanımlamak ve kullanıcıların sorgularına cevap vermek için kullanılmaktadır. Bu yüzden içeriğinizi oluştururken görsellerin içeriğiniz ile tam alakalı olması, size görsel aramalarından da trafik getirecektir.
Google bu bilgileri sayfa başlığınız ve açıklamalarda bulunan bilgilerden de alabilirken sizin tanımlayacağınız yapısal veriler ile daha doğru sonuçlara da ulaşabilir. Yapısal verileri eklemek, resimlerinizi öne çıkarılmış rozet olarak yani zengin sonuç olarak görüntülenmesini sağlayacaktır. Böylece kullanıcılar görünen resmin içeriğinin ne ile alakalı olduğunu daha rahat anlayabilirler.
Kullanabileceğiniz yapılandırılmış veriler;Normal arama sonuçlarında kazanabileceğiniz zengin sonuç yapısının aynısını doğru bir yapılandırma ile Google Görsel aramalarında da sahip olabilirsiniz.
Data-vocabulary.org yapısı artık kullanılmayacağı için Schema.org yapısını kullanmanız ve eski data yapılandırmalarını güncellemeniz gerekmektedir.
Yüksek Kaliteli Resimler
Bulanık, belirsiz görsellerden ziyade daha net, anlaşılabilir ve kullanıcılara hitap eden görselleri tercih etmeniz trafik alma olasılığınızı arttıracaktır.
Değindiğiniz konu, ürün veya içerikle alakalı olarak yüksek kalitede sunacağınız resimler kullanıcının ilgisini daha fazla çekecektir.
Araba sektörü ile ilgili bir siteniz varsa, iç ve dış görüntülerindeki kullandığınız resim kalitesinin yüksek olmasını isterseniz. Bulanık, tam olarak anlaşılmayan resimleri kullanıcılara daha iyi bir içerik sunmak için kullanmamanız gerekmektedir.
İcon, logo, metinlerde kullanacağınız görselleri 2x, 3x ekran çözünürlüğüne uygun eklemeniz yüksek DPI sahip ekranlarda daha güzel sonuçlar elde etmenize neden olur.
Tabi ki vektörel (SVG) tarzındaki resimler her çözünürlükte sıkıntısız olarak gözüktüğü için logo, ikon gibi resimleri vektör biçiminde tercih etmeye özen gösterin.
Alternatif Metin (Alt Text) nedir?
Alt text veya alt etiketleri olarak da bilinen alternatif metin, bir sayfadaki görüntünün görünümünü ve işlevini HTML kodları ile tanımlanmasına verilen isimdir. Alternatif metinler neden önemlidir?
- Resimlerinize alt etiketleri eklemek, Googlebotlarının sitenizi daha rahat okuyabilmesi anlamına gelir.
- Ekran okuyucu kullanan görme engelli kullanıcılar, sayfadaki bir resmi daha iyi anlamak için alternatif bir özellikler olarak kullanmaktadır.
- Görüntünüz yüklenmezse, görüntü yerine alt etiketleri kullanılır.
- Alt etiketleri, arama motorları tarafından arama sorgularına eklenmesine yardımcı olur.
Sağ taraftaki kod alanındaki sarı ile marklanmış kısım Google logosunun alt etiketini göstermektedir. Google Alt etiketinin en iyi kullanımı olarak bizlere şu örneği vermektedir.
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ı"/>
Ortalama: <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"/>
Google sadece resimlerinizde ne olduğu değil, tam olarak içeriğinde ne olduğunu düzgün ve açık şekilde anlatılmasını istiyor. Bu yüzden alternatif metin oluştururken anahtar kelimeler ile doldurmak yerine resmin içerisinde ne geçiyorsa onu ekleyin.
İyi Alt Etiketi nasıl yazılır?
- Görüntüyü olabildiğince açıklayın. Alternatif metinler, görme engelli kullanıcılar için görüntülerin metin açıklamalarını sağlamak üzere tasarlanmıştır. Eklediğiniz resmin site içeriğine herhangi bir katkısı yoksa, yani tasarım amaçlı ise HTML yapısında değil, CSS kodlamasında bulunması gerekmektedir.
- Açıklamaları kısa tutun. Alt etiketleri yaklaşık olarak 125 karakterde son bulur. Bu karakterden daha fazlası ekran okuyucularında okunmaz ve Googlebotları da görmez. Bu yüzden bu karakter sayısında veya daha azında tutmanız gerekmektedir.
- Anahtar kelimelerinizi ekleyin. Alt etiketleri hedeflediğiniz anahtar kelimeleri sayfanıza bir daha eklemek için iyi bir alternatif yöntemdir. İçeriğinizin hedeflediğiniz anahtar kelime ile alakalı olduğunu söylerken bir yanda da resimlerinizin de anahtar kelimenizle alakalı olduğun söylemektesiniz. En az bir görsele hedeflediğiniz anahtar kelimeyi yerleştirmeyi unuymayın.
- Gereksiz anahtar kelime doldurması yapmayın. Anahtar kelimelerini kullanabilirsiniz dedikten sonra açıklamalarınızı alakalı anahtar kelime doldurma fırsatı olarak görmeyin. Görüntüyle alakalı olan, görüntü içeriğini destekleyen yazılar ve tek bir anahtar kelime kullanımını yapın.
Resim Optimizasyonu
Görselleri sitenizde kullanırken en iyi sonucu verecek biçimi tercih etmeniz gerekmektedir. Vektör biçimleri, logolar, metin, simgeler, ikonlar için uygundur ve değişen çözünürlükte sıkıntısız olarak net görüntü sağlar. Fakat durum bir fotoğraf veya daha detaylı bir içerik olunca vektörel biçimler yetersiz kalır. O zamanda GIF, PNG ve JPEG veya yeni kullanıma geçen JPEG-XR ve WebP gibi piksel tabanlı görüntü biçimleri kullanmanız gerekmektedir.
GIF, PNG, JPEG biçimleri tüm tarayıcılarda çalışırken WebP ve Jpeg-xr her tarayıcıda çalışmaz. Bu yüzden resimlerinizde kullanacağınız biçimlere dikkat etmeniz gerekmektedir. Peki hangi biçimi kullanacağınızı nasıl seçeceksiniz?
GIF kullanımı içeriğinizde bir animasyon gösterecekseniz iyi bir seçim olacaktır. Animasyon yoksa kullanmanız gerekmemektedir.
PNG uzantıları, en yüksek kaliteli resimleri oluşturur fakat, daha yüksek dosya boyutuna sahip bir görsele sahip olursunuz. Bu yüzden yüksek kaliteli resimler kullanırken iyi düşünün veya iyi bir optimizasyon sağlayın.
Fotoğraf, ekran görüntüsü, yardımcı araç kullanacaksanız JPEG formatında olmasına özen gösterin. En iyi kalitede ve dosya boyutu düşük JPEG resimler için kalite ayarını değiştirip, sizin için en uygun olan görüntüyü bulmaya çalışın.
Resim boyutlarını düşürme
Sitenize yüklediğiniz resimleri olduğu gibi alıp yüklemek size hem seo da hem de site hızını olumsuz yönde etkileyecek unsurlardan biridir. Herhangi bir resmin boyutunu küçültürken görselin içeriğinin bozulmamasına kayıpsız (Loseless) sıkıştırma denilmektedir. Kayıpsız sıkıştırma yapmak istiyorsanız tüm resimlere uyacak bir yapılandırma ayarı bulunmamakta. Bu yüzden her resminiz için ayrı bir ayar yapıp sitenize eklemeniz gerekmektedir.
Adobe Photshop’ta kullanarak resimlerinize az kayıplar sağlayarak resimlerinizi optimize edebilirsiniz. JPEG için Quality ayarını 1-100 arasında değiştirerek istediğiniz kalitede ve görüntüde resim oluşturabilirsiniz.
Eğer bir wordpress sitesi kullanıyorsanız EWWW Image Optimizer, CW Image Optimizer, Kraken ve Imsanity eklentilerini kullanarak otomatik olarak resim boyutlarınızı düşürebilirsiniz.