Web Sitenizi Yavaşlatmadan Görselleri SEO İçin Nasıl Optimize Edersiniz?

Görsel optimizasyonu, modern SEO’nun çoğu zaman birbirinden ayrı ele alınan birçok unsurunu bir araya getirir: performans, arama görünürlüğü, erişilebilirlik ve kullanıcı deneyimi. Görsel açıdan zengin bir sayfa yükleme tamamlandığında etkileyici görünebilir; ancak gereğinden büyük veya verimsiz biçimde sunulan görseller kullanıcıların gereksiz yere beklemesine ve önemli miktarda mobil veri tüketmesine neden olabilir. Aynı zamanda, açıklayıcı görsel bilgileri arama motorlarının bir görselin neyi temsil ettiğini ve çevresindeki sayfa içeriğiyle nasıl ilişkili olduğunu anlamasına yardımcı olabilir. Bu nedenle iyi bir görsel SEO stratejisi, hem görsel içeriğin kullanıcılara nasıl sunulduğunu hem de arama motorları tarafından ne kadar açık biçimde yorumlanabildiğini iyileştirir.

Görsel Boyutunun Sayfa Hızına ve Core Web Vitals’a Etkisi

Büyük görsel dosyalarının aktarılması, özellikle mobil bağlantılarda daha uzun sürer ve ilk sayfa yüklemesi sırasında daha önemli kaynaklarla bant genişliği için rekabet edebilir. Görseller aynı zamanda Largest Contentful Paint öğesi hâline gelebilir. Bu nedenle indirme ve ekranda oluşturulma hızları özellikle önemlidir; çünkü iyi bir LCP deneyimi genel olarak sayfa yüklemelerinin 75. yüzdelik diliminde 2,5 saniye veya daha kısa olarak kabul edilir.

Gereksiz görsel verisini azaltmak yalnızca tek bir performans skorunu iyileştirmekten daha fazlasını sağlar. Görsellerin daha hızlı sunulması ana içeriğin daha erken görünmesini sağlayabilir, sayfadaki diğer kaynaklar üzerindeki bant genişliği baskısını azaltabilir ve daha yavaş bağlantılar ya da daha düşük performanslı cihazlar kullanan ziyaretçiler için daha akıcı bir deneyim oluşturabilir.

Google Görseller Görünürlüğü

Optimize edilmiş görseller, Google Görseller ve Google Arama’nın diğer alanlarında gösterilen görsel öğeler üzerinden ek bir keşif kanalı yaratabilir. Görselin çevresindeki ilgili metinler, açıklayıcı dosya adları, anlamlı alt textler, taranabilir görsel URL’leri ve uygun yapılandırılmış veriler, bir görselin neyi temsil ettiğine ilişkin bağlam sağlamaya yardımcı olur.

Bu nedenle görsel optimizasyonu, bağımsız bir teknik görevden ziyade içerik optimizasyonunun bir parçası olarak ele alınmalıdır. İlgili bir sayfada kullanılan faydalı bir görsel, yalnızca dosya düzeyinde optimize edilmiş ancak sayfanın konusuyla bağlantısı zayıf bir görsele kıyasla SEO açısından çok daha fazla değer sunar.

Kullanıcı Deneyimi

Ziyaretçiler görsellerin içeriği desteklemesini, içeriğin yüklenmesini geciktirmemesini bekler. Doğru boyutlandırılmış ve sıkıştırılmış görseller daha hızlı görüntülenebilir, yükleme sırasında yaşanan ani beklemeleri azaltabilir ve yoğun görsel içeren sayfaların mobil cihazlarda daha kolay gezilmesini sağlayabilir.

Bununla birlikte görsel kalitesi önemini korur; dolayısıyla optimizasyon, görseller bulanık veya aşırı sıkıştırılmış görünecek kadar kalite düşürmek anlamına gelmemelidir. Amaç, görselin asıl kullanım amacı için yeterli detay seviyesini korurken kullanıcıların ihtiyaç duymadığı veriyi ortadan kaldırmaktır.

Erişilebilirlik

Bilgi aktaran görsellerin anlamlı metin alternatiflerine sahip olması gerekir; böylece ekran okuyucu kullanan kişiler de aynı temel içeriği anlayabilir. Dekoratif görsellerde ise gereksiz bir açıklama eklemek yerine genellikle boş bir alt attribute kullanılmalıdır. Bu sayede yardımcı teknolojiler, anlamlı bilgi taşımayan görsel öğeleri yok sayabilir.

Erişilebilirlik ile görsel SEO çoğu zaman birbirini destekler; çünkü her ikisi de doğru açıklamalardan ve net bağlamdan faydalanır. Alt text öncelikle kullanıcının görselin amacını anlamasına yardımcı olmalı; ilgili arama terimleri ise yalnızca açıklamanın doğal bir parçası olduğunda eklenmelidir.

Doğru formatı seçmek, ziyaretçilerin gördüğü içeriği değiştirmeden görsel dosya boyutunu azaltmanın en kolay yollarından biridir. WebP ve AVIF gibi modern formatlar, fotoğraflar ve diğer detaylı raster görseller için çoğu zaman verimli sıkıştırma sunarken yerleşik formatlar da şeffaflık, uyumluluk ve görsel gereksinimlere bağlı olarak hâlâ önemli kullanım alanlarına sahiptir. Google Arama JPEG, PNG, WebP, SVG ve AVIF gibi yaygın formatları destekler; dolayısıyla modern bir format kullanmak görsel keşfedilebilirliğinden ödün vermek anlamına gelmez. En doğru seçim, tüm görseller için tek bir format kullanmak yerine görselin neyi aktarması gerektiğine göre yapılmalıdır.

Pratik bir format stratejisi şu şekilde olabilir:

• Fotoğraflar ve detaylı görsel içerikler için, dosya boyutunda anlamlı bir düşüş sağladıkları durumlarda AVIF veya WebP kullanın.
• Mevcut iş akışında gerekli olduğunda veya kalite ile dosya boyutu arasında uygun denge sağladığında JPEG kullanın.
• Kayıpsız detay veya şeffaflığın önemli olduğu ve modern bir alternatifin uygun olmadığı durumlarda PNG kullanın.
• Logo, ikon, diyagram ve vektör olarak etkili biçimde temsil edilebilecek diğer grafiklerde SVG kullanın.
• Normal metinleri görsele dönüştürmekten kaçının; gerçek metin genellikle daha kolay aranabilir, seçilebilir, ölçeklenebilir ve erişilebilir.
• En yeni formatın otomatik olarak en iyi sonucu vereceğini varsaymak yerine nihai görünümü test edin.

Format seçimi, görsellerin sunulduğu sistemin geri kalanını da dikkate almalıdır. Örneğin image CDN kullanan bir web sitesi, yüksek kaliteli bir kaynak dosyayı saklayabilir ve isteği yapan tarayıcıya göre daha verimli bir formatı otomatik olarak sunabilir.

Görsel sıkıştırma, ziyaretçinin indirmesi gereken veri miktarını azaltır; ancak aşırı sıkıştırma belirgin bozulmalara, detay kaybına veya bulanık metinlere yol açabilir. Mümkün olan en küçük dosyayı hedeflemek yerine, kullanıcıların görseli gerçekten göreceği boyutta hâlâ uygun görünen en küçük sürümü hedefleyin. Farklı görseller farklı ayarlara ihtiyaç duyabilir; bu nedenle ürün fotoğrafı, ekran görüntüsü, arka plan görseli ve logo otomatik olarak aynı şekilde işlenmemelidir. Modern görsel formatları da birçok durumda eski formatlara kıyasla daha düşük aktarım boyutlarında güçlü bir görsel kalite sunabilir.

Güvenilir bir iş akışı şu adımları içerir:

• Gereğinden büyük kaynak görselleri sunumdan önce veya sunum sırasında yeniden boyutlandırın.
• Küçük detay kayıplarının fark edilmeyeceği fotoğraflarda kayıplı sıkıştırma kullanın.
• Piksellerin bire bir korunması veya keskin grafik detaylarının önemli olduğu durumlarda kayıpsız sıkıştırma kullanın.
• Optimize edilmiş sürümleri gerçekçi masaüstü ve mobil görüntüleme boyutlarında karşılaştırın.
• Orijinal kamera veya tasarım çıktısı büyük diye gereksiz ölçüleri korumayın.
• Bu bilgilerin görselin yayımlanma biçimi açısından önemli olduğu durumlarda ilgili lisans veya atıf metadatasını koruyun.

Son madde kolayca gözden kaçabilir. Gereksiz metadata’yı kaldırmak dosya yükünü azaltabilir; ancak görsel metadata’sı içerik üreticisi, telif hakkı, kredi ve lisans bilgilerini de taşıyabilir ve bunların yayınlama veya Google Görseller açısından geçerli bir kullanım amacı olabilir. Bu nedenle metadata, içeriğin bağlamı değerlendirilmeden otomatik olarak kaldırılmamalıdır.

Geniş bir monitörde uygun görünen masaüstü hero görseli, akıllı telefon için gereksiz derecede büyük olabilir. Responsive görseller, her ziyaretçiyi aynı dosyayı indirmeye zorlamak yerine tarayıcının mevcut birkaç sürüm arasından seçim yapmasına olanak tanır. Bu yaklaşım özellikle birden fazla fotoğraf veya büyük editoryal görsel içeren sayfalarda değerlidir; çünkü küçük ekranlar genellikle masaüstü tasarımının ihtiyaç duyduğu tüm piksellere ihtiyaç duymaz. Uygun boyutlarda dosyalar sunmak aktarılan veri miktarını azaltabilir ve görselle ilişkili LCP performansını da iyileştirebilir.

Srcset ve Sizes Nasıl Çalışır?

Srcset attribute’u tarayıcıya farklı genişlik veya çözünürlüklerdeki görsel dosyalarından oluşan bir seçenek seti sunarken sizes, görselin yerleşim içinde ne kadar alan kaplamasının beklendiğine ilişkin bilgi sağlar. Tarayıcı daha sonra viewport boyutu ve piksel yoğunluğu gibi faktörleri kullanarak gereksiz derecede büyük bir görsel indirmek yerine uygun adayı seçebilir.

Bu seçim süreci responsive görsel mantığını, kullanıcının ekran koşullarını zaten bilen tarayıcıya daha yakın tutar. Bu yöntem, gereğinden büyük tek bir görseli indirip istek başladıktan sonra yeniden boyutlandırmaya veya değiştirmeye çalışmaktan genellikle daha verimlidir.

Farklı Cihazlar İçin Farklı Görseller Sunmak

Responsive sunum, aynı fotoğrafın yalnızca farklı çözünürlüklerdeki sürümlerini sağlamakla sınırlı değildir. <picture> yaklaşımı aynı zamanda art direction kullanımını da destekleyebilir; örneğin ana konunun net kalması için masaüstünde geniş bir kırpma, mobilde ise daha dar ve dikey bir kırpma kullanılabilir.

Bu yaklaşımı yalnızca ekran küçüldüğü için değil, kompozisyonun gerçekten değişmesi gerektiğinde kullanın. Aynı kompozisyon tüm ekranlarda işe yarıyorsa responsive görsel seçimi üzerinden birden fazla çözünürlük sunmak genellikle yeterlidir.

Dosya adları ve alt text, arama motorlarına faydalı açıklayıcı sinyaller sağlar; ancak hiçbiri anahtar kelimeleri zorla yerleştirmek için kullanılmamalıdır. Güçlü görsel SEO, görseli doğru biçimde yansıtan ve görselin yer aldığı sayfanın bağlamıyla uyumlu bir dil kullanır. Google bir görseli anlamak için çevresindeki içeriği, açıklamaları ve sayfadaki diğer bilgileri de kullanabilir. Bu nedenle optimizasyon, tek bir attribute’a odaklanmak yerine bölümün tamamında tutarlı olmalıdır. Açıklayıcı bilgiler, öncelikle ziyaretçiler için faydalı olduğunda ve arama konusuyla doğal biçimde ilişkili olduğunda en etkili sonucu verir.

SEO Uyumlu Dosya Adları Nasıl Yazılır?

IMG00472.jpg veya image1.webp gibi genel dosya adlarını, responsive-image-seo-dashboard.webp gibi görseli tanımlayan kısa ifadelerle değiştirin. Açık ve anlaşılır kelimeler kullanın, adı kısa tutun ve yalnızca arama görünürlüğünü etkilemek amacıyla uzun anahtar kelime dizileri eklemekten kaçının.

Dosya adı, görselin konusu hakkında yalnızca görece sınırlı bir ipucu sağlar; bu nedenle önemli bir sıralama kestirmesi olarak görülmemelidir. Asıl değeri, dosyayı daha açıklayıcı hâle getirmesi ve düzenli, anlaşılır bir görsel kütüphanesinin korunmasına yardımcı olmasıdır.

Etkili Alt Text Nasıl Yazılır?

Etkili alt text, bir görselin anlamlı bilgisini veya işlevini, görselin kullanıldığı bağlam içinde açıklar. Kolay anlaşılabilecek kadar kısa tutun; ancak görseli göremeyen bir kişinin amacını anlayabilmesi için gerekli olduğunda önemli detayları da ekleyin.

Örneğin bir performans grafiğinin alt açıklaması yalnızca "SEO grafiği" demek yerine grafiğin neyi gösterdiğini aktarmalıdır. Bir görsel tamamen dekoratifse ve ek bilgi taşımıyorsa, açıklama uydurmak yerine boş bir alt değeri kullanmak genellikle daha uygundur.

Anahtar Kelime Doldurmaktan Kaçının

Aynı anahtar kelimeyi alt text içinde birkaç kez tekrarlamak görseli daha iyi optimize etmez. Bu yaklaşım doğal olmayan açıklamalara yol açar, ekran okuyucu kullananlar için kötü bir deneyim yaratır ve optimizasyonu faydalı olmaktan çok manipülatif gösterebilir.

Hedef anahtar kelimeyi yalnızca görseli doğru biçimde tanımladığında ve cümleye doğal biçimde uyduğunda kullanın. İlgili terimler, önceden belirlenmiş bir anahtar kelime kotasından değil, görselin gerçek bağlamından ortaya çıkmalıdır.

Lazy loading, ekran dışında kalan görselleri tarayıcı onların gerekli olacağını öngören zamana kadar erteleyerek ilk sayfa yüklemesindeki gereksiz iş yükünü azaltabilir. Bu yöntem özellikle uzun makaleler, kategori sayfaları, galeriler ve ilk ekranın altında çok sayıda görsel içeren diğer yerleşimler için faydalıdır. Ancak lazy loading’i her görsele otomatik olarak uygulamak performansı iyileştirmek yerine önemli içeriğin gecikmesine neden olabilir. Teknik, ilk viewport dışında bulunan gerçekten kritik olmayan görseller için kullanıldığında en iyi sonucu verir.

Hangi Görseller Lazy Loading ile Yüklenmeli?

İlk viewport’un oldukça altında bulunan görseller genellikle lazy loading için en güçlü adaylardır. Makalenin ilerleyen bölümlerinde yer alan görseller, daha aşağıdaki ürün listeleri, başlangıçta görünmeyen galeri küçük resimleri ve kullanıcının ancak aşağı kaydırdıktan sonra ulaştığı destekleyici illüstrasyonlar buna örnek verilebilir.

İlk görselden sonraki her görselin otomatik olarak lazy loading ile yüklenmesi gerektiğini varsaymayın. Sayfa şablonları farklı ekran boyutlarında farklı davranır; masaüstünde fold’un altında bulunan bir görsel, mobil yerleşimde çok daha erken görünebilir.

Above-the-Fold Görseller Neden Farklı Ele Alınmalı?

Sayfa açılır açılmaz görünen görseller, bilinçli biçimde geciktirilmek yerine genellikle tarayıcı tarafından hemen erişilebilir olmalıdır. Önemli bir above-the-fold görsele lazy loading uygulamak, tarayıcı ek işlemleri tamamlayana kadar görsel isteğini geciktirebilir. Bu durum özellikle söz konusu görsel sayfanın LCP öğesine dönüştüğünde sorun yaratır.

İlk viewport için ayrı bir yükleme stratejisi uygulanmalıdır. Önce bu alanı kullanılabilir hâle getirmek için gerekli görsellere öncelik verin, ardından sayfanın daha aşağısındaki daha az önemli görselleri erteleyin.

Largest Contentful Paint, ilk viewport içindeki en büyük görünür içerik öğesinin ne zaman ekranda oluşturulduğunu ölçer; bu öğe çoğu zaman bir hero görseli, banner veya büyük bir editoryal fotoğraftır. İyi bir LCP hedefi, sayfa ziyaretlerinin en az %75’inde 2,5 saniye veya daha kısa süredir. Bu nedenle kritik görsellerin sunumu sayfa performansının önemli bir parçasıdır. Sıkıştırmayı iyileştirmek yardımcı olur; ancak tarayıcı görseli çok geç keşfettiği veya önce başka kaynaklara öncelik verdiği için LCP yine gecikebilir. Etkili LCP optimizasyonu bu nedenle görselin keşfedilmesinden indirilmesine ve ekranda oluşturulmasına kadar tüm süreci ele alır.

LCP Görselinizi Belirleyin

Sorunun en büyük dosyadan kaynaklandığını varsaymak yerine öncelikle bir görselin gerçekten LCP öğesi olup olmadığını belirleyin. PageSpeed Insights, Lighthouse, Chrome DevTools ve saha performans verileri gibi araçlar öğeyi tespit etmeye ve gerçek kullanıcı sorunlarını yalnızca laboratuvar testlerinde ortaya çıkan problemlerden ayırmaya yardımcı olabilir.

Önemli sayfa şablonlarını ayrı ayrı kontrol edin; çünkü LCP adayı ana sayfa, makale, ürün sayfası veya kategori sayfası arasında değişebilir. Masaüstü ve mobil yerleşimlerde de farklılaşabilir.

Önemli Görselleri Preload Edin

Preload, kritik bir görselin normalde geç keşfedileceği durumlarda yardımcı olabilir; örneğin görsel bir script üzerinden veya CSS arka planı olarak ekleniyorsa. Dikkatle seçilmiş bir preload, tarayıcıyı kaynak hakkında daha erken bilgilendirir ve görsel isteği başlamadan önce geçen bekleme süresini azaltır.

Çok sayıda görseli preload etmeyin. Preload edilen kaynaklar ağ kaynakları için birbirleriyle rekabet eder. Bu nedenle preload’u gerçekten kritik öğeler için kullanmak, her görseli önce yükletmeye çalışmaktan genellikle daha etkilidir.

LCP Görselinde Lazy Loading Kullanmayın

LCP görselinde normalde lazy loading kullanılmamalıdır; çünkü sayfa ilk görüntüleme deneyimi sırasında bu görsele ihtiyaç duyar. Görsel iyi sıkıştırılmış ve hızlı bir sunucuda barındırılıyor olsa bile isteğin geciktirilmesi kaynak yükleme gecikmesini artırabilir.

Bu durum, bağlam dikkate alınmadan uygulandığında iki geçerli optimizasyon tekniğinin birbirine karşı çalışmasına yaygın bir örnektir. Lazy loading ekran dışındaki içerik için faydalıyken LCP görselinin erken keşfedilmesi gerekir.

Kritik Görsel Kaynaklarına Öncelik Verin

Markup içinde zaten keşfedilebilir olan önemli bir görsel için fetchpriority="high", tarayıcıya bu kaynağa daha yüksek öncelik verilmesi gerektiğine ilişkin ek bir ipucu sağlayabilir. Bu, hero görseli veya LCP olma ihtimali yüksek başka bir görsel için faydalı olabilir; ancak sayfadaki her büyük görsele uygulanmak yerine seçici biçimde kullanılmalıdır.

Öncelik ipuçları her performans problemini telafi edemez. Gereğinden büyük dosyalar, yavaş sunucular, geç render edilme, gereksiz yönlendirmeler ve birbiriyle rekabet eden kritik kaynaklar daha geniş yükleme sürecinin parçası olarak yine ele alınmalıdır.

Tarayıcı botlar bir görseli güvenilir biçimde keşfedemiyor veya ona erişemiyorsa bu görsel anlamlı bir arama görünürlüğü elde edemez. Önemli içerikler için standart HTML image öğelerini kullanın, kararlı ve taranabilir URL’leri koruyun ve robots kurallarının indekslenmesini istediğiniz varlıkları engellemediğinden emin olun. Google, <picture> içindeki görseller de dahil olmak üzere standart <img> öğelerinin src attribute’u üzerinden referans verilen görselleri tespit edebilir; buna karşılık CSS background görselleri aynı şekilde indekslenmez. Bu nedenle SEO açısından önemli görsellerin nasıl uygulanacağına karar verirken keşfedilebilirlik de dikkate alınmalıdır.

Görsel Sitemap’leri

Bir image sitemap, JavaScript tabanlı uygulamalar üzerinden erişilen görseller de dahil olmak üzere Google’ın aksi hâlde kolayca keşfedemeyebileceği görsel URL’lerini görünür hâle getirmeye yardımcı olabilir. Görsel bilgileri mevcut bir sitemap’e eklenebilir veya ayrı bir image sitemap içinde sunulabilir.

Bu yaklaşım özellikle görsel ağırlıklı web siteleri, yayıncılar, marketplace’ler, portföyler ve görsel varlıkların değerli arama giriş noktaları olduğu diğer siteler için faydalıdır. Gönderilen URL’lerin erişilebilir olduğundan ve görsellerin gerçekten yer aldığı sayfalarla uyumlu olduğundan emin olun.

Taranabilir Görsel URL’leri

Organik görünürlük açısından önemli görsel URL’leri arama motoru botları tarafından erişilebilir olmalı ve robots kuralları ya da kimlik doğrulama gereksinimleri nedeniyle yanlışlıkla engellenmemelidir. Görseller ayrı bir host veya CDN üzerinden sunuluyorsa dağıtım yapısının Google’ın bu görselleri getirmesini engellemediğini kontrol edin.

Kararlı URL’ler indeksleme ve bakım süreçlerini de kolaylaştırır. Görsel yollarını açık bir ihtiyaç olmadan sık sık değiştirmek gereksiz keşif yükü yaratabilir ve görseller arama sonuçlarından kaybolduğunda sorun gidermeyi zorlaştırabilir.

Yapılandırılmış Veri ve Görseller

Bir sayfa Google’ın desteklediği bir yapılandırılmış veri türü kullanıyorsa gerekli veya önerilen görsel bilgilerini doğru biçimde sağlayın ve görselin işaretlenen içeriği gerçekten temsil ettiğinden emin olun. Uygun yapılandırılmış veri, Google’ın görsel ile ürün, tarif, makale veya desteklenen diğer içerik türleri gibi varlıklar arasındaki ilişkiyi anlamasına yardımcı olabilir ve gelişmiş arama görünümlerine uygunluğa katkı sağlayabilir.

Yapılandırılmış veri normal görsel SEO’nun yerine geçmez. Sayfanın yine faydalı içeriğe, erişilebilir görsellere, taranabilir kaynaklara ve geçerli markup’a ihtiyacı vardır. Ayrıca yalnızca schema eklenmiş olması gelişmiş arama özelliklerinin gösterileceğini garanti etmez.

Bir image CDN, ziyaretçiler ile görsel kaynakları arasındaki mesafeyi azaltırken yeniden boyutlandırma, sıkıştırma, caching ve format seçimi gibi işlemleri de otomatikleştirebilir. Bu özellikle birden fazla ülkedeki kitlelere hizmet veren veya binlerce görsel varlığı yöneten web siteleri için faydalıdır; çünkü her format ve boyut kombinasyonunu manuel olarak dışa aktarmak kısa sürede zorlaşır. Image CDN aynı zamanda cihaza uygun varyasyonları talep üzerine üretebilir ve responsive sunumu ölçekli biçimde yönetmeyi kolaylaştırabilir. Bununla birlikte fayda yapılandırmaya bağlıdır; dolayısıyla CDN kullanımı doğru sıkıştırmanın, responsive markup’ın ve LCP önceliklendirmesinin yerini almak yerine onları tamamlamalıdır.

CDN uygularken:

• İndekslenmesini istediğiniz görsel URL’lerinin arama motorları tarafından taranabilmesine izin verin.
• Otomatik yeniden boyutlandırmayı yerleşimlerinizde kullanılan gerçek ölçülere göre yapılandırın.
• Uygun olduğunda modern formatların sunulmasını etkinleştirin.
• Görünür kaliteyi düşüren aşırı dönüşümlerden kaçının.
• Sık talep edilen varyasyonları etkili biçimde cache’leyin.
• CDN üzerinden sunulan kritik görsellerin sayfa yüklenirken yeterince erken keşfedilip keşfedilmediğini kontrol edin.
• Başka bir domain içeren image sitemap kurulumlarında gerektiğinde ilgili hostları Search Console’da doğrulayın.

Görsel SEO sorunlarının çoğu tek bir büyük teknik hatadan değil, tekrarlanan iş akışı hatalarından kaynaklanır. Örneğin bir site modern görsel formatlarını kullanıyor olabilir ancak yine de mobil ziyaretçilere masaüstü ölçülerindeki görselleri sunabilir veya hero görselini lazy loading ile geciktirebilir. Bir diğer yaygın sorun ise dosya boyutu, taranabilirlik, çevredeki içerik ve responsive sunumu göz ardı ederek yalnızca alt text’e odaklanmaktır. Yayınlama sürecinin tamamını incelemek, her görseli bağımsız bir SEO alanı olarak ele almaktan daha faydalıdır.

Şu yaygın hatalardan kaçının:

• Orijinal kamera veya tasarım dosyalarını yeniden boyutlandırmadan yüklemek.
• Her cihaza gereğinden büyük tek bir görsel sunmak.
• Hero görselleri ve LCP adayları dahil tüm görsellere otomatik olarak loading="lazy" uygulamak.
• Önemli editoryal görseller için IMG1234.jpg gibi genel adlar kullanmak.
• Alt attribute’ları tekrar eden hedef anahtar kelimelerle doldurmak.
• Boş alt değeri kullanması gereken dekoratif görseller için alt text yazmak.
• Anlamlı görselleri uygun bir metin alternatifi olmadan bırakmak.
• Google Görseller tarafından keşfedilmesini istediğiniz önemli içerikler için CSS background görselleri kullanmak.
• Taranabilir olması gereken görsel dizinlerini veya CDN URL’lerini engellemek.
• Çok fazla görseli preload ederek kritik kaynakları birbirleriyle rekabet etmeye zorlamak.
• İşaretlenen içerikle ilgisi olmayan bir görsele referans veren yapılandırılmış veri kullanmak.
• Önemli detayların görülmesini zorlaştıracak kadar agresif görsel sıkıştırması uygulamak.
• Modern bir format kullanmanın tek başına görsel performansı sorunlarını çözmek için yeterli olduğunu varsaymak.

Görsel optimizasyonu yayına alındıktan sonra da kontrol edilmelidir. Şablonlar değişir, içerik ekipleri yeni varlıklar yükler, üçüncü taraf araçlar markup’ı değiştirebilir ve bugün iyi performans gösteren bir görsel, yeniden tasarım veya yeni bir mobil breakpoint sonrasında gereğinden büyük hâle gelebilir.

Tekrarlanabilir bir kontrol listesi, görsel optimizasyonunun hafızaya veya tek seferlik denetimlere bağlı kalmasını önler. İdeal olarak görsel SEO, yayınlama iş akışının bir parçası hâline gelmelidir; böylece yazarlar, tasarımcılar, geliştiriciler ve SEO ekipleri sorunları varlıklar production ortamına ulaşmadan çözebilir. Kontrol listesi hem kullanıcıya yansıyan kaliteyi hem de teknik sunumu kapsamalıdır; çünkü bunların hiçbiri tek başına yeterli değildir. Gerçek kullanıcı performans verileriyle yapılan periyodik testler de hangi şablonların ek çalışmaya ihtiyaç duyduğunu ortaya çıkarabilir.

Önemli bir sayfayı yayımlamadan önce aşağıdakileri kontrol edin:

• Her görselin net bir amacı olduğundan emin olun.
• AVIF, WebP, JPEG, PNG veya SVG gibi uygun bir format seçin.
• Kaynak görselleri makul ölçülere yeniden boyutlandırın.
• Kabul edilebilir görsel kaliteyi korurken dosyaları sıkıştırın.
• Belirgin ölçüde farklı boyutlarda gösterilen görseller için responsive alternatifler sunun.
• Anlamlı görseller için açıklayıcı ve kısa dosya adları kullanın.
• Bilgi veren ve işlevsel görseller için faydalı alt text yazın.
• Uygun olduğunda tamamen dekoratif görseller için boş alt text kullanın.
• Önemli görselleri sayfadaki ilgili içeriğe yakın tutun.
• Gerçekten ilk viewport’un dışında kalan görsellere lazy loading uygulayın.
• LCP olma ihtimali yüksek görsele lazy loading uygulamayın.
• Uygun olduğunda kritik bir LCP görseli için fetchpriority="high" kullanmayı değerlendirin.
• Önemli bir görsel normalde geç keşfedilecekse preload kullanmayı değerlendirin.
• Yerleşim alanının önceden ayrılmasına yardımcı olmak için mümkün olduğunda width ve height bilgilerini ekleyin.
• Önemli görsel URL’lerinin taranabildiğinden emin olun.
• Ek keşif desteği değer sağlıyorsa görsel URL’lerini sitemap’lere dahil edin.
• Uygun içerik türlerinde yapılandırılmış veri görsel özelliklerini kontrol edin.
• CDN sunumunun indekslemeyi engellemediğini doğrulayın.
• Görsel performansını masaüstünün yanı sıra mobilde de test edin.
• Yeterli veri olduğunda Core Web Vitals’ı saha verileri üzerinden inceleyin.

Görsel optimizasyonu bir kez tamamlanıp unutulacak bir çalışma değildir. Yeni şablonlar, görsel kütüphaneleri, CMS ayarları ve tasarım değişiklikleri yeni performans veya keşfedilebilirlik sorunları yaratabilir. Bu nedenle düzenli kontroller, özellikle ölçekli biçimde içerik yayımlayan web siteleri için önemlidir.

SEO İçin En İyi Görsel Formatı Hangisidir?

Yalnızca dosya türü nedeniyle daha iyi sıralama sağlayan tek bir görsel formatı yoktur. AVIF ve WebP birçok raster görsel için verimli seçenekler olabilirken JPEG, PNG ve SVG de özellikleri görsel içeriğin ihtiyaçlarına daha iyi uyduğunda faydalı olmaya devam eder.

Görsel Dosya Boyutu SEO’yu Etkiler mi?

Bir görsel kritik bir görsel öğe olduğunda dosya boyutu sayfa yükleme performansını, bant genişliği kullanımını ve LCP gibi metrikleri etkileyebilir. Performans SEO’nun yalnızca bir parçasıdır; ancak verimli görseller, Google’ın site sahiplerine sunmalarını önerdiği güçlü sayfa deneyimine katkı sağlar.

Her Görselin Alt Text’i Olmalı mı?

Anlamlı görseller uygun bir metin alternatifine sahip olmalıdır; ancak tamamen dekoratif görsellerin, yardımcı teknolojilerin bunları yok sayabilmesi için genellikle boş bir alt attribute’a ihtiyacı vardır. Doğru karar, her görsele anahtar kelime yerleştirmeye yönelik bir SEO gereksiniminden değil, görselin sayfaya ne kattığından hareketle verilmelidir.

Lazy Loading SEO’yu İyileştirir mi?

Lazy loading, kritik olmayan ve ekran dışında bulunan görselleri geciktirerek ve daha önemli kaynaklarla olan rekabeti azaltarak ilk sayfa yükleme performansını iyileştirebilir. Ancak ilk viewport’ta görünen görsellerde veya ana LCP görselinde normalde kullanılmamalıdır; çünkü bu varlıkların geciktirilmesi yükleme performansını daha da kötüleştirebilir.