UX Nedir? Kullanıcı Deneyimi SEO'yu Nasıl Etkiler

UX (user experience, kullanıcı deneyimi), bir ziyaretçinin sitenizi kullanırken yaşadığı her şeyin toplamıdır: aradığını bulabiliyor mu, sayfa ne kadar çabuk açılıyor ve dokunuşlara tepki veriyor, metni yorulmadan okuyabiliyor mu, telefonda düğmelere rahatça basabiliyor mu. SEO ile ilişkisi iki katmanlı. Google sayfa deneyiminin ölçülebilir bazı parçalarını, örneğin Core Web Vitals değerlerini ve rahatsız edici açılır pencereleri sıralama sistemlerinde dikkate alıyor. Daha büyük etki ise dolaylı: kötü deneyim, iyi sıralanmış bir sayfanın bile ziyaretçiyi müşteriye çevirmesini engelliyor.

UX'in sıralamadaki yerini abartmamak da gerekiyor. Google, harika bir sayfa deneyiminin alakasız ya da zayıf içeriği öne geçirmeyeceğini açıkça söylüyor. Önce doğru ve yararlı içerik, sonra o içeriğe rahat ulaşılabilen bir site.

Kullanıcı deneyimi ile arayüz tasarımı aynı şey değil

UX ile sık karıştırılan kavram UI, yani kullanıcı arayüzüdür. Arayüz, ekranda gördüğünüz şeydir: renkler, yazı tipleri, düğmelerin şekli, boşlukların dengesi. Deneyim ise o ekranla bir işi yapmaya çalışırken yaşanan süreçtir.

Çok şık görünen bir site kötü bir deneyim sunabilir. Masaüstünde etkileyici bir açılış animasyonu, telefonda ana içeriği birkaç saniye geciktiriyorsa; menü güzel ama hizmet sayfasına ulaşmak için dört katman açmak gerekiyorsa; iletişim formu zarif ama telefon klavyesinde numara alanına harf klavyesi açılıyorsa, sorun tasarımın görünüşünde değil deneyimdedir. SEO açısından ilgilendiğimiz de bu ikinci katman.

Google sayfa deneyimini nasıl ele alıyor

Google'ın sayfa deneyimi belgesi, deneyimi tek bir sıralama sinyali olarak değil, birkaç unsurun toplamı olarak tarif ediyor. Belgede öne çıkan başlıklar şunlar:

Core Web Vitals değerlerinin iyi olması
Sayfanın HTTPS ile güvenli sunulması
Mobil cihazlarda düzgün görüntülenmesi
Ana içeriği kapatan, müdahaleci geçiş reklamları ve açılır pencereler olmaması
Ziyaretçinin ana içeriği reklam ve diğer öğelerden kolayca ayırt edebilmesi

Bunlardan yalnızca Core Web Vitals sayısal olarak ölçülüyor ve Google bu ölçülerin sıralama sistemlerinde kullanıldığını doğruluyor. Diğerleri daha çok bir kontrol listesi gibi çalışıyor.

Core Web Vitals'ın üç ölçüsü

Ölçü	Ziyaretçi açısından karşılığı	"İyi" eşiği	Sık görülen neden
LCP	Sayfanın ana içeriği ne zaman göründü?	2,5 saniye ve altı	Sıkıştırılmamış büyük görsel, yavaş sunucu
INP	Bir şeye dokununca sayfa ne kadar çabuk tepki verdi?	200 milisaniye ve altı	Ağır JavaScript, çok sayıda üçüncü taraf betiği
CLS	Okurken içerik yerinden kaydı mı?	0,1 ve altı	Boyutu belirtilmemiş görsel ve reklam alanları

Mart 2024'ten beri tepki süresini INP ölçüyor; daha önce bu görevi FID görüyordu. Değerlendirmede laboratuvar testleri değil, gerçek Chrome kullanıcılarından toplanan alan verisi esas alınıyor.

Mobilde deneyimi bozan küçük ayrıntılar

Google siteleri akıllı telefon tarayıcısıyla tarayıp değerlendiriyor ve ziyaretçilerin önemli bir kısmı da telefondan geliyor. Masaüstünde fark edilmeyen sorunlar telefonda ziyaretçiyi doğrudan kaçırıyor. En sık karşılaştıklarım:

Küçük dokunma hedefleri: Birbirine çok yakın bağlantılar ve küçük ikonlar yanlış tıklamaya yol açar.
Küçük yazı: Okumak için yakınlaştırma gerektiren metin, okunmadan geçilir.
Yatay kaydırma: Ekrana sığmayan bir tablo ya da görsel bütün sayfayı yana kaydırır.
Ekranın yarısını kaplayan sabit üst bant: Logo, menü, kampanya şeridi ve çerez bildirimi aynı anda göründüğünde içeriğe çok az yer kalır.
Yanlış klavye: Telefon numarası alanında harf klavyesinin açılması, formu yarıda bıraktırır.

Son madde bir satırlık düzeltmeyle çözülür. Alan türünü ve otomatik doldurma bilgisini doğru vermek, telefonun sayısal klavyeyi açmasını ve kayıtlı numarayı önermesini sağlar:

<label for="tel">Telefon</label>
<input id="tel" name="tel" type="tel" autocomplete="tel" inputmode="tel">

Okunabilirlik: başlık düzeni, paragraf ve kontrast

Ziyaretçilerin çoğu bir sayfayı baştan sona okumaz, tarar. Aradığı bölümü ara başlıklardan bulur, sonra o bölümü okur. Bu yüzden okunabilirlik, deneyimin içerik tarafındaki karşılığıdır.

Ara başlıklar, altındaki bölümün ne anlattığını tek başına söylemeli. "Detaylar" ya da "Diğer" gibi başlıklar taramaya yardım etmez.
Başlık hiyerarşisi mantıklı olmalı: bir H3, ait olduğu H2'nin altında yer almalı. Bu düzen hem ekran okuyucu kullananlara hem arama motorlarına sayfanın yapısını anlatır.
Paragraflar kısa tutulmalı; telefonda tek paragrafın ekranı doldurması okuru yorar.
Metin ile arka plan arasında yeterli kontrast olmalı. Erişilebilirlik standardı WCAG, normal boyutlu metin için en az 4,5:1 kontrast oranı önerir. Açık gri zemin üzerinde açık gri yazı şık görünebilir ama birçok kişi için okunmaz.

Erişilebilirlik ile UX'in büyük bölümü örtüşür. Görme, işitme ya da hareket kısıtlılığı olan bir kullanıcı için düzeltilen sorunların çoğu, herkes için deneyimi iyileştirir.

Gezinme ve site mimarisi

Ziyaretçi bir sayfaya aramadan gelir ama orada kalmak zorunda değildir. İlgili başka bir sayfaya kolayca geçebiliyorsa site içinde ilerler; geçemiyorsa geri tuşuna basar. İyi bir gezinme düzeni şunları içerir:

Ana menüde, sitenin sunduğu temel hizmet ya da kategorilerin açık adlarla yer alması.
Kullanıcının nerede olduğunu gösteren içerik haritası (breadcrumb).
Önemli sayfaların ana sayfadan birkaç tıklamayla ulaşılabilir olması; derinde kalan, hiçbir yerden bağlantı almayan sayfalar hem ziyaretçi hem Google için kaybolur.
Metin içinde, okurun bir sonraki sorusunu karşılayan iç bağlantılar.
Silinmiş ya da taşınmış bir sayfaya gelen ziyaretçiyi boşlukta bırakmayan bir hata sayfası. Bunun ayrıntısını 404 hatası yazısında anlattım.

Güven veren ayrıntılar

Deneyimin bir kısmı hız ve düzenle ilgili değildir; ziyaretçinin "bu firmaya güvenebilir miyim" sorusuyla ilgilidir. Bu soruya cevap veren ayrıntılar aynı zamanda Google'ın kalite yönergelerinde aranan güven sinyalleriyle de örtüşür:

Açık bir adres, telefon ve e-posta; yalnızca form sunan sitelere ziyaretçi daha temkinli yaklaşır.
Stok görsel yerine gerçek ekip, ürün ve iş fotoğrafları.
Doğrulanabilir müşteri yorumları ve gerçek referanslar.
Tutarlı bir görsel dil: sayfadan sayfaya değişen renkler, yazı tipleri ve düğme biçimleri dağınıklık hissi verir. Küçük bir stil rehberi bu tutarlılığı korumanın en kolay yoludur.

Deneyimi ölçmek: hangi araç neyi gösterir

UX hakkında konuşurken tahmin yerine veriye dayanmak gerekiyor. Elinizdeki ücretsiz araçlar bunun için yeterli:

Araç	Ne gösterir
Search Console, Core Web Vitals raporu	Gerçek kullanıcı verisine göre hangi sayfa gruplarının yavaş ya da kaygan olduğu
PageSpeed Insights	Tek bir adres için hem alan verisi hem laboratuvar testi, sorunun kaynağına dair öneriler
Chrome geliştirici araçları (Lighthouse ve Performans sekmesi)	Hangi betiğin, hangi görselin yavaşlattığının ayrıntısı
Google Analytics 4	Etkileşim oranı, sayfa bazında etkileşim süresi, hangi sayfadan çıkıldığı
Microsoft Clarity	Isı haritaları ve anonim oturum kayıtları; ziyaretçinin nerede takıldığı

Bu araçların hiçbiri gerçek bir kullanıcıyı izlemenin yerini tutmaz. Sitenizi hiç görmemiş birkaç kişiye "şu hizmetin fiyatını bulun" ya da "bize mesaj gönderin" gibi bir görev verip, hiçbir yardımda bulunmadan nasıl yaptıklarını izlemek, en çok şey öğreten testtir. Hız sorunlarının teknik tarafını optimizasyon yazısında, yeni bir site kurarken UX ve SEO'nun birlikte nasıl planlandığını da SEO uyumlu web tasarım yazısında ele aldım.

UX ile sıralama arasındaki bağa dair sorular

Hemen çıkma oranı Google sıralamasını etkiler mi?

Google, Analytics verilerini sıralamada kullanmadığını söylüyor; bu yüzden GA4'teki bir oranın doğrudan sıralamaya girdiği iddiası doğru değil. Bununla birlikte Google, sonuçların aramayla ne kadar ilgili olduğunu anlamak için toplu ve anonim etkileşim verilerinden yararlandığını da belirtiyor. Yani oranın kendisi değil, ziyaretçinin aradığını bulup bulmadığı önemli.

Mobil ve masaüstü için ayrı site yapmak gerekir mi?

Gerekmez. Google, aynı HTML'in ekran genişliğine göre düzenlendiği duyarlı (responsive) tasarımı öneriyor. Ayrı bir mobil site iki kat bakım yükü getirir ve iki sürüm arasında içerik farkı oluşmasına yol açar. Google siteyi mobil sürümüne göre değerlendirdiği için, telefonda gizlenen ya da kısaltılan içerik değerlendirmede de eksik kalır.

Çerez bildirimi ve açılır pencereler sorun yaratır mı?

Yasal zorunluluk nedeniyle gösterilen çerez bildirimleri ve yaş doğrulama ekranları sorun sayılmaz. Sorun, sayfaya girer girmez ana içeriği kapatan bülten ya da kampanya pencereleridir. Bunları sayfanın altında küçük bir şerit olarak ya da ziyaretçi bir süre okuduktan sonra göstermek, deneyimi bozmadan aynı işi görür.

Tasarımı yenilemek sıralamayı düşürür mü?

Adresler, içerik ve iç bağlantılar korunduğu sürece yalnızca görünüş değişikliği genellikle sorun çıkarmaz. Düşüşler çoğunlukla yenileme sırasında adreslerin değişip eski adreslerin yönlendirilmemesinden, metinlerin kısaltılmasından ya da menüden önemli sayfaların çıkarılmasından kaynaklanır.

Mevcut sitenizin deneyimini baştan ele almak ya da yeni bir siteyi bu ilkelerle kurmak istiyorsanız web tasarım hizmeti sayfasından nasıl çalıştığımı inceleyebilirsiniz.