← Sözlüğe Dön SEO

Above the Fold Nedir?

İlk Ekran Alanı

Above the fold, bir sayfa açıldığında kaydırma yapmadan görünen ilk ekran alanıdır; ilk izlenim ve LCP açısından kritiktir.

Yazan: Adem Demir Son güncelleme:

İlk Ekran Alanı (Above the Fold) = Sayfa açıldığında kullanıcı kaydırmadan görünen bölüm · kökeni: gazetelerin katlanan ön sayfasının üst yarısı · boyutu cihaza göre değişir (mobilde çok daha küçük) · içermesi gerekenler: sayfanın ne olduğunu anlatan başlık, ana değer önerisi ya da ürün bilgisi, birincil eylem · teknik bağ: LCP öğesi genellikle burada; bu alandaki görseller tembel yüklenmez · risk: ilk ekranı reklam ya da tam ekran açılır pencereyle doldurmak

Sayılarla ne demek?

İlk ekran alanı, bir ziyaretçinin sayfaya geldiğinde hiç kaydırmadan gördüğü bölümdür. Terim, gazetelerin katlanmış ön sayfasının üst yarısından gelir: tezgahta görünen kısım okurun gazeteyi alıp almayacağını belirlerdi. Web'de de bu alan, ziyaretçinin kalıp kalmayacağına birkaç saniye içinde karar verdiği yerdir.

İlk ekranın boyutu sabit değildir. 1920×1080 bir masaüstü ekranda 900 piksel yüksekliğinde geniş bir alan görünürken, bir telefonda adres çubuğu ve alt menülerden sonra 600–700 piksellik dar bir alan kalır. Masaüstünde başlık, görsel ve fiyatı bir arada gösteren tasarım mobilde yalnızca büyük bir görselden ibaret kalabilir.

Bu alan hem kullanıcı hem arama motoru için özel önem taşır. Ziyaretçi aradığı şeyi ilk ekranda göremezse geri döner. Google da uzun süredir ilk ekranı reklamlarla dolu ya da içeriği tam ekran pencerelerle kapatan sayfaları olumsuz değerlendirdiğini belirtir. Teknik tarafta ise sayfanın LCP öğesi çoğunlukla bu bölümde bulunur.

İlk ekranda ne olmalı?

Sayfa türüİlk ekranda olması gerekenKaçınılacak
Ürün sayfasıÜrün adı, görsel, fiyat, sepete ekleDev kampanya bandı
Kategori sayfasıKategori adı, ilk ürün sırası, filtreUzun açıklama metni
Blog yazısıBaşlık, kısa giriş, yanıtın özüBüyük dekoratif görsel
Hizmet sayfasıNe yapıldığı, kime, iletişim eylemiGenel slogan
Bütün sayfalarHızlı yüklenen, kararlı içerikİçeriği kapatan açılır pencere

İlk ekranın görevi, ziyaretçiye doğru yerde olduğunu tek bakışta göstermektir.

İlk ekranı tasarlarken

  1. Mobilden başla. En dar ekranda ne görünüyor?
  2. Arama niyetini karşıla. Ziyaretçi ne bulmayı bekliyor?
  3. Birincil eylemi göster. Satın al, iletişime geç, oku.
  4. LCP öğesini hızlandır. Öncelikli yükleme, tembel yükleme yok.
  5. Isı haritası ve kaydırma verisiyle doğrula. Kullanıcılar ne görüyor?

Uygulamada ne oluyor?

En sık durum, mobil ilk ekranın tek bir büyük görselden oluşması. Masaüstünde dengeli görünen tasarım mobilde başlığı ve fiyatı ekranın altına itiyor.

İkinci gözlem, kaydırmalı büyük slider kullanılması. İlk ekranı dönen kampanya görselleri kaplıyor; ziyaretçi ne satıldığını anlamadan ayrılıyor.

Üçüncüsü, sayfa açılır açılmaz tam ekran pencere gösterilmesi. E-posta toplama ya da uygulama indirme penceresi içeriği kapatıyor; kullanıcı da Google da bunu olumsuz değerlendiriyor.

Dördüncüsü, "her şey ilk ekranda olmalı" yanılgısı. Bütün bilgiler üst bölüme sıkıştırılıyor; ekran kalabalıklaşıyor ve hiçbir mesaj öne çıkmıyor.

Beşincisi, kategori açıklamasının ilk ekranı işgal etmesi. SEO için yazılan uzun metin ürünlerin üstüne konuyor; kullanıcı ürünleri görmek için uzun süre kaydırıyor.

Altıncısı, ilk ekrandaki görsele tembel yükleme uygulanması. Ana görsel geç geliyor ve LCP kötüleşiyor.

Yedincisi, çerez izni bandının ilk ekranın yarısını kaplaması. İçerik izin kararından önce görünmüyor; ilk izlenim bir yasal metin oluyor.

Sekizincisi, blog yazılarında yanıtın geç verilmesi. Uzun bir girişten sonra asıl bilgi sayfanın ortasında; soruya hızlı yanıt arayan kullanıcı vazgeçiyor.

Dokuzuncusu, kaydırmanın gereksiz korkulması. Kullanıcılar ilgi duydukları sayfada kaydırıyor; asıl sorun ilk ekranın kaydırmaya değer bir neden sunmaması.

Onuncusu, reklamların ilk ekranı doldurması. İçerik yayıncısı gelir için üst bölüme üç reklam yerleştiriyor; asıl içerik aşağıda kalıyor ve kullanıcı deneyimi zayıflıyor.

On birincisi, ilk ekranın yalnızca tasarım dosyasında değerlendirilmesi. Gerçek cihazlarda tarayıcı çubukları ve bildirimler alanı daraltıyor; tasarımda görünen öğeler gerçekte görünmüyor.

On ikincisi, yapay zeka özetlerine uygun bir ilk paragraf yazılmaması. Sayfanın ilk bölümü konuyu net tanımlamıyor; hem kullanıcı hem yapay zeka sistemleri sayfanın neyi yanıtladığını geç anlıyor.

Neyi garanti etmez?

İyi tasarlanmış bir ilk ekran, dönüşümü tek başına garanti etmez. Ziyaretçiyi tutar; ama karar genellikle sayfanın geri kalanındaki kanıt ve ayrıntılarla verilir.

Sıkça sorulan sorular

İlk ekran kaç pikseldir?

Sabit bir değeri yoktur; cihaz, tarayıcı ve ekran boyutuna göre değişir.

Önemli her şey ilk ekranda mı olmalı?

Hayır; ilk ekran ziyaretçiye doğru yerde olduğunu göstermeli ve kaydırmaya değer bir neden sunmalı.

İlk ekrandaki reklamlar SEO'yu etkiler mi?

İçeriği geri iten yoğun reklamlar ve içeriği kapatan açılır pencereler kullanıcı deneyimini ve Google'ın değerlendirmesini olumsuz etkileyebilir.

Bu kavramın bütün resim içindeki yerini SEO Danışmanlığı Rehberi içinde ayrıntılı anlattım.

İlk ekranın görevi, ziyaretçiye doğru yerde olduğunu tek bakışta göstermektir.
SEO Danışmanlığı

Teknik SEO, içerik stratejisi, kategori mimarisi, otorite ve organik trafiği dönüşüme çeviren bütünsel SEO danışmanlığı.

Hizmeti İncele
Adem Demir
Yazar

Adem Demir

10+ yıldır e-ticaret markalarının performans pazarlamasını yönetiyorum. Sözlükteki her maddeyi bu sahadaki deneyimimle yazıyor ve düzenli olarak güncelliyorum.

Ücretsiz Ön Görüşme

Reklam bütçeniz harcanıyor, kar nerede?

E-ticaret kurulumundan karlı ölçeklemeye — hesabınızı denetleyip nerede bütçe kaybettiğinizi netçe gösteriyorum. 30 dakikalık ön görüşme ücretsiz.

Ücretsiz Ön Görüşme Planla 10+ yıl deneyim · Satış baskısı yok, net teşhis var