Görsel bir dünyada yaşıyoruz. Ve bu dünyada resim optimizasyonunun değeri yadsınamayacak kadar büyük.
Resimler websitelerinizi daha gösterişli hale getiriyor.
Neredeyse her sayfanızda bir resim olduğunu siz de farkındasınızdır.
Düzgün bir optimizasyon yapılmadan bu SEO değerinizi boşa harcıyorsunuz.
Aynı zamanda dosyanın boyutu arttıkça sayfanızın yüklenme süresi de artar. Bu da dolaylı yoldan sizin sitenizden çıkış oranını arttırır.
Resim optimizasyonu sizin resimleriniz için daha iyi kullanıcı deneyiminden daha hızlı açılmaya ve hem geleneksel hem de resim arama sonuçlarındaki sıralamada yükselmeye kadar bir sürü avantaj yaratır.
Her ne kadar görsel arama teknolojisi son dönemde bir atak yapmış olsa da arama motoru robotları görselin içeriğini hala tam olarak anlamıyorlar. Hala resime bağlantılı yazdığımız yazıya bakarak resmin içeriğinin ne olduğunu ve konuyla alakasını aynı zamanda sayfanızla uyumunu anlayabiliyorlar.
Peki resimlerinizin kolay bulunabilir olmasını ve sitenizi yavaşlatmasını engellemeyi sağlayan en önemli faktörler nelerdir?
Size şimdi konu Resim SEO’su olduğunda bilmeniz gereken 13 ipucundan bahsedeceğim.
İçindekiler
- 1. Stok Fotoğraflar SEO’nuza Katkı Sağlamıyor
- 2. Yüksek Kalite ve Orijinal Resimler Kullanın
- 3. Resim Koymak İçin Bir Sebebiniz Olsun
- 4. Copyright’a Dikkat Edin
- 5. Resimlerinizi Araçlarla Geliştirin
- 6. JPEG Kullanımı
- 7. PNG Kullanımı
- 8. GIF Kullanımı
- 9. Kaliteden Ödün Verilmemiş Düşük Boyutlu Resimler Kullanın
- 10. Resminize Açıklayıcı Altyazılar Ekleyin
- 11. SEO İçin Resimleri Nasıl İsimlendirmeli
- 12. SEO Dostu Alt Text Nasıl Yazılmalı
- 13. Bir Resim Sitemap’i Oluşturun
- Aklınızda Kalması Gerekenler
1. Stok Fotoğraflar SEO’nuza Katkı Sağlamıyor
Resimlerinizin sitenizi yansıtmasını istersiniz değil mi? Eğer sitenizi stok fotoğraflarla doldurursanız hiç de orijinal gözükmezsiniz. Gözükmeye çalışan binlerce siteden farkınız olmaz.
Birçok websitesi aynı tarzda stok fotoğrafları kullanıyor.
Tavsiye veren bir şirket sitesini düşünün. Müşteri hizmetleriyle gurur duyan bir adam resmi olduğunu düşünün bu sitenin başında. Bütün bu tarz sitelerde gördüğümüz gülen adam aklınıza gelecektir eminim.
Şu tarz bir fotoğraf kaç kere görmüşsünüzdür kim bilir:
Stok fotoğraflarınızı istediğiniz kadar optimize edin sizin orijinal yüksek kalite resimleriniz kadar SEO’da etki yaratmayacaktır.
2. Yüksek Kalite ve Orijinal Resimler Kullanın
Ne kadar çok orijinal resim kullanırsanız o kadar iyi kullanıcı deneyimi elde eder ve o kadar çok yüksek sıralarda çıkma şansınız artar.
Orijinal resimler firmanızdaki bir dizayncı tarafından yapılabilir ya da kaliteli bir kamerayla evde çekim yapabilirsiniz.
Müşterilere sitenize dair bir duruş gösterin. Onların tepki verebileceği yüksek kalite resimler oluşturun.
Bir sürü kullanıcı stok fotoğrafları görmezden geliyor. Yüksek kalite orijinal resimler arama sonuçlarında sizi ön plana çıkaracaktır.
Bu resimler sayesinde kendi markanızın bir duruşu olur ve insanlar resimlerden sizin markanızı tanıyabilir.
3. Resim Koymak İçin Bir Sebebiniz Olsun
Resimler bir hikayeyi anlatmakta yardım etmeli ya da bir fikri basitleştirmeli.
Çoğu insan görsel bir şekilde öğrenir. Resimler aynı zamanda uzun yazılardan daha büyük bir duygusal etkiye sahip olabilir.
Her ne kadar yazınıza her vakit resim eklemeyi istiyor olsanız da bu durumu zorlamayın.
Ekran görüntüleri kullanmak hikayenizi anlatmakta ya da makalenize değer katmakta önemli bir husus.
Ekran görüntüleri özellikle karmaşık bir mesele hakkında yazıyorsanız fikrinizi anlatmakta önemli bir araç.
Günün sonunda bir resmi konunuza koyarken bu resim konuyu daha basitleştirecek mi fikrimi belirginleştirecek mi tarzı soruların süzgecinden geçirin.
4. Copyright’a Dikkat Edin
Kullandığınız resim ne olursa olsun copyright sıkıntısı olup olmadığına iyi bakın. Eğer Getty, Shutterstock, DepositFiles ya da başka bir stok fotoğraf sağlayanı kullandığınız resmin hakkına sahipse ve onu kullanacak lisansa sahip değilseniz bir davaya hazır olun.
DMCA ile birlikte eğer sitenizde başka birisinin ürününü kullanıyorsanız ve o kişi bunu gördüyse sizin içeriğinizi kaldırtma hakkına sahip.
İnternette kullanılması sorun yaratmayacak resimler bulmanın bir sürü yolu var. Mesela Google resim aramalarında filtreleme seçenekleriyle telifsiz resimler bulabilirsiniz. Bu resimler her zaman en uygunu olmayabilir ama sonuçta kullanımı ücretsiz.
5. Resimlerinizi Araçlarla Geliştirin
Shutterstock ya da DepositPhotos’dan bir resim indirdikten sonra iş bitti diye bir şey yok. Onların üzerine gidebilirsiniz.
Canva gibi bir araç resimlerinize görünüşünü güzelleştirecek kişisellik, yazı ve eşsizlik verebilir.
Satın aldığınız stok fotoğrafları direk kullanmak yerine bu tarz araçlarla onları eşsiz yapmak insanların dikkatini çekebilir.
Easel.ly, Visual.ly, and Pablo by Buffer gibi araçlar dikkat çekici resimler yapmanıza imkan sunar.
6. JPEG Kullanımı
Kullandığınız resmin türünü bilin. Optimize işleri için genelde JPEG dosya türünü kullanacaksınız.
JPEG resimleri yüksek kalite isteyen ama aynı zamanda boyutunu düşük tutmak isteyen insanlar için birebir.
Yüksek kalite resim göstermek için birçok renk, gölge ve şablonla çalışıyor.
JPEG aynı zamanda dijital platformda en yaygın resim türü.
Sıkıştırılma özelliği sayesinde JPEG kaliteli resimleri düşük boyutlarda saklayabiliyor.
JPEG’in kötü bir tarafı ise: kayıplı data sıkıştırması kullanıyor. Bunun anlamıysa: Kullandığınız ayarlara göre resmin kalitesi bozulabilir.
JPEG aynı zamanda GIF ve PNG’nin aksine transparan arka planlar için bir destek de sunmuyor.
JPEG düşük boyutlarda yüksek kalite resim sıkıştırabildiği için ve evrensel olduğu için iyi bir dosya türü.
7. PNG Kullanımı
PNG resmi genelde Adobe Photoshop’dan dosya indirirken ya da edit yaparken kullanılan dosya türü.
PNG transparan resim içeriyor. PNG genelde logo gibi küçük resimlerde kullanılıyor. Çünkü logoların büyüklüğü düşük olmasına rağmen kalitesi yüksek olmalı.
PNG’ler PNG-8 ya da PNG-24 olarak kayıt edilebilir. PNG-8 dosya tipinde palet sadece 256 renkle sınırlı.
PNG-24 çok daha geniş bir renk yelpazesiyle resimleri gösterdiği için resmin boyutu daha da yüksek olacaktır. Bu yüzden sitenizin açılış performansını düşürebilir.
Resimlerinizi tekrar tekrar kaydederken fark edeceksiniz ki PNG’lerde bir kalite düşüşü olmuyor.
8. GIF Kullanımı
PNG gibi GIF’ler de düşük boyutlu resimler için bir seçenek. PNG-8’e benzer olarak GIF’lerde sadece 256 renge sahip olabilir.
En iyi kullanım için ürün fotoğraflarınızda GIF’lerden uzak durmalısınız.
GIF genelde animasyonlar için kullanılan bir bitmap resim formatı.
Şirket logoları ve öteki website elementleri için düşük boyutu ve transparan arka planı desteklediği için ideal bir format.
Ancak bu formatı fotoğraflarda kullanmayın.
9. Kaliteden Ödün Verilmemiş Düşük Boyutlu Resimler Kullanın
Resimler genellikle yavaş açılan sitelerin sebepleridir. Eğer sitenizin daha hızlı açılmasını istiyorsanız resimlerinizi sıkıştırarak ve boyutlarını düzenleyerek boyutlarını düşürmeyi deneyin.
Resminizin boyutu kullanmak istediğiniz boyuttan daha yüksek olmamalı.
Resminizin kalitesini bozmadan boyutunu düşürmenin bir yolu ise Adobe Photoshop’daki “Save for Web” özelliği.
Resimler devasa dosyalar olabilir ama konu kullanıcı deneyimine geldiğinde bu pek de istenilen bir şey değil. Resimlerinizin çok büyük boyutlara sahip olması hem arama motorlarındaki sonuçlarınızı hem de resim aramalarınızı kötü etkileyebilir.
Photoshop’da resmi kaydetmeden önce kullanıcı deneyimine uygun bir boyuta ayarlayabiliyorsunuz. Photoshop’un 1.36MB’den 86K’ya kadar hazır setleri var. Genelde bu aralığın ortası resminizin kalitesini çok bozmaz ve sayfa açılış hızını arttırır.
Eğer Photoshop’a sahip değilseniz boyutunu kaliteye zarar vermeksizin azaltan online araçlarda mevcut.
Resimlerinizi sıkıştırabilecek ve boyutunu düzenleyebilecek bir sürü araç internet aleminde yer alıyor. Photoshop dışında kullanabileceğiniz örnek araçlarsa şunlar: PicMonkey ve Pixlr.
Bu iki araç hem başlangıç seviyesi hemde uzman kişiler için gayet iyidir.
Günün sonunda olay tamamen dosya boyutu, resim kalitesi ve yüklenme süresiyle alakalı. Sakın resimlerinizi sıkıştırırken piksel kaybına uğramasın yoksa kötü gözükebilir.
10. Resminize Açıklayıcı Altyazılar Ekleyin
Resimlerinize altyazılar eklemek resim seo’su için yapabileceğiniz en iyi şeylerden biri.
Altyazı genelde resmin altında – çoğunlukla gri bir kutu içerisinde- çıkan yazılardır.
Makalenizdeki kelimelerin okunmama olasılığı olsa da resmin altına koyduğunuz yazıların okunma oranı oldukça yüksektir.
Altyazılar kullanmanız önemli çünkü bütün resimler bakıldığı an anlaşılan basitlikte değil. Aynı zamanda eklediğiniz altyazılar sayesinde arama motorları alt textlerin de yardımıyla resminizin ne ile alakalı olduğunu daha iyi anlayabilir.
Poynter Research’e göre altyazılar yazılara kıyasla %16 daha okuyucu dostu.
İhtiyaç duyulmadığında altyazıyı zorlamayın.
11. SEO İçin Resimleri Nasıl İsimlendirmeli
Konu SEO olduğunda yaratıcı kelime zengini dosya isimleri kesinlikle çok kritik. Dosya isimleri Google ve diğer arama motorlarına resmin ne anlama geldiği konusunda yardımcı oluyor.
Eğer kendi çektiğiniz bir fotoyu ya da kameradakini kullanırken fark etmişsinizdir dosya isimleri genelde “IMG_628049” tarzı bir şey olacaktır.
Bu default ismi değiştirmeniz arama motorlarını resmine ne ile ilgili olduğunu göstermenizi sağlayacaktır.
Diyelim ki bir çikolata resminiz var:
Kısaca bu resmi “çikolata” diye isimlendirebilirim. Ama eğer sitenizde çikolata satıyorsanız her bir resminiz “çikolata-1” “çikolata-2” diye isimlendirilebilir.
Bu resmi “bitter-çikolatası” diye isimlendirdim ki hem Google hem de kullanıcılar için daha açıklayıcı olsun.
Her resim yüklediğinizde resimlerinizin isimlerini tek tek düzenlemelisiniz.
Dosya ismi kısa, kelime odaklı ve resmi açıklayan bir şey olmalı.
12. SEO Dostu Alt Text Nasıl Yazılmalı
Tarayıcı resimleri düzgün bir şekilde renderlayamadığı zaman alt textler resimlere alternatif. Başlığa benzer olarak alt da resmin içeriğini tarif etmek için kullanılır.
Resim yüklenmediğinde yukarı sol köşede alt textin durduğu bir resim kutusu göreceksiniz. Girdiğiniz alt textin resme uygun olması gerektiğini unutmayın.
Alt etiketlere önem vermek on-page SEO genelinde önemli bir strateji. Diğer bütün optimizasyon bölgelerinin iyi konumda olmasını istersiniz tabii ancak resimler bir sebepten dolayı yüklenemezse kullanıcılar resmine ne olduğuyla ilgili bilgi alabilecek.
Ek olarak, sitenizdeki resimlere uygun alt textler eklemek website arşivinizin kelimeyle alakalı resim arama sonuçlarında daha iyi sıralarda yer almanızı sağlar. Google bile alt text’in önemini belirtiyor.
Alt text’ler Google’a resimle ilgili bilgi sağlıyor. Bu bilgileri kullanarak Google kullanıcı aramalarında uygun resimler çıkartıyor.
Alt textlerinizi dikkatli seçin.
Şu örneğin aksine:
<img src=”chocolate-1.jpg” alt=”chocolate”/>
Bunu tercih edin:
<img src=”chocolate-1.jpg” alt=”dark chocolate coffee flavored bar”/>
İkinci örnek bir resmi daha iyi açıklıyor ve arama sonuçlarına hedefli.
13. Bir Resim Sitemap’i Oluşturun
Bütün resimlerinizi tek bir yerde tutan bir resim sitemap’i kurun.
Resim Sitemap’i kurmak Google ve diğer arama motorlarına sitenizdeki resimleri daha kolay keşfetme fırsatı veriyor. Bu sayede arama sonuçlarında daha fazla resminiz çıkar.
Bir “image-sitemap.xml” sayesinde Google’ı botların tarayamadığı ya da özellikle taramasını istediğiniz JavaScript yoluyla yüklenmiş resimler hakkında uyarabilirsiniz.
Bir WordPress sitesi için “Google XML Sitemap for Images” eklentisi sayesinde bir resim sitemap’i oluşturmak oldukça basit.
Aklınızda Kalması Gerekenler
- Daha hızlı açılan sayfalar için resim boyutunu küçültün.
- JPEG formatı sitede kullanılacak resimler için en ideal format.
- Büyük ürün resimleri için hiçbir zaman GIF resim formatını kullanmayın.
- Canva gibi araçlarla stok fotoğraflarınızı kişiselleştirin.
- Alt text’i aşırı optimize etmeyin. Resmi tarif etmesine özen gösterin.
- Resimleriniz sayfayla alakalı olsun.
- Botlar için bir resim sitemap’i kurun.
Oğuz hocam çok güzel açıklayıcı bir makale olmuş elinize sağlık.
Çok temiz ve detaylı bir yazı olmuş. Resim boyutlarını küçültme işleminin hemen her site üzerinde ciddi rolü olduğunu geçmişte epey deneyimledim. Alt etiketi sayesinde de sitenin görsel aramalarda da nasıl ön plana çıktığını gördüm. Ayrıca Google’ın artık görseli siteye yönlendirmesi de alt etiketinin değerini biraz daha öne çıkardığını düşünüyorum. Blog görsellerinde ve yazı içi görsellerde de çoğunlukla JPEG formatını tercih etmeye çalışıyorum. Sayfa yüklenmesinde önemli bir rol oynuyor.
Yorumun için çok teşekkürler Mert. Seni tekrar buralarda görmek çok güzel Bedava sitem dönemlerinden sonra :). Az konuşmadık seninle css üzerine :).