Haber Sitesinde Reklam Alanı Yerleşimi: CLS'i Bozmadan Gelir Artırma

Reklam geliriyle sayfa hızı arasında bir gerilim var ve haber siteleri bu gerilimin tam ortasında. Daha fazla reklam alanı kısa vadede daha fazla gelir demek; ama yanlış yerleştirilmiş her reklam birimi sayfayı yavaşlatıyor, metni aşağı itiyor ve okuyucuyu kaçırıyor.

İyi haber şu: bu bir tercih meselesi değil. Doğru kurulmuş bir reklam yapısı hem yüksek görüntülenebilirlik hem temiz Core Web Vitals puanı verebiliyor. Mesele reklam sayısı değil, reklam alanlarının nasıl tanımlandığı.

Reklam yerleşimi geliri nasıl etkiler?

Reklam geliri üç şeyin çarpımı: gösterim sayısı, görüntülenebilirlik oranı (viewability) ve bin gösterim başına fiyat. Yerleşim bu üçünün hepsini birden etkiliyor.

Bir reklam ancak ekranda belirli bir süre görünür kalırsa "görüntülenmiş" sayılıyor ve reklam vereni asıl ilgilendiren metrik bu. Sayfanın en dibine konmuş bir reklam gösterim üretir ama görüntülenebilirliği düşük olduğu için düşük fiyatla satılır. İlk ekrana yığılmış reklamlar ise tam tersi sorunu yaratıyor: görüntülenebilirlik yüksek ama okuyucu içeriğe ulaşamadan siteden çıkıyor.

Kazandıran nokta ortası: okuyucunun doğal okuma akışında karşılaştığı, metni itmeyen, sayfa yüklenirken yeri zaten ayrılmış reklam alanları.

CLS nedir ve reklamlar neden sorumlu?

Cumulative Layout Shift (CLS), sayfa yüklenirken içeriğin ne kadar yerinden kaydığını ölçen Core Web Vitals metriği. İyi kabul edilen CLS değeri 0,1 veya altı; 0,25 üzeri değerler kötü sayılıyor ve bu eşiğin sayfa yüklemelerinin %75'inde tutulması gerekiyor.

Boyutu belirtilmemiş şekilde sayfaya sonradan eklenen reklamlar, gömülü içerikler ve iframe'ler bu kaymanın en yaygın nedenleri arasında. Okuyucu haberi okumaya başlamışken elemanların yer değiştirmesi, kişinin okuduğu yeri kaybetmesine yol açıyor.

Haber sitelerinde bu sorun iki katına çıkıyor, çünkü tipik bir haber sayfasında aynı anda yükleniyor: reklam birimleri, öne çıkan görsel, sosyal medya gömüleri, video oynatıcı, web font. Hepsi yer kaplayan ama yüklenmesi gecikebilen elemanlar.

Sonuç sadece bir teknik puan düşüşü değil. Okuduğu paragraf aşağı kayan okuyucu siteden çıkıyor; yanlışlıkla reklama tıklayan okuyucu ise geçersiz tıklama riski yaratıyor.

Reklam alanlarına yer ayırma

Çözümün özü tek cümle: reklam yüklenmeden önce o alanın yüksekliği rezerve edilmiş olmalı.

Google'ın kendi yayıncı dokümantasyonu da bunu öneriyor: reklam alanları için CSS ile, özellikle min-height ve min-width kullanarak yer ayırmak. Boyutu sabit olmayan (fluid) reklam alanları doğası gereği kayma üretiyor ve bunların ilk ekranın altında konumlandırılması ya da erken yüklenmesi gerekiyor.

Pratik uygulama şöyle:

css

/* Yazı içi reklam alanı - mobil */
#reklam-yazi-ici {
  min-height: 280px;
  margin: 24px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Masaüstünde farklı boyut */
@media (min-width: 768px) {
  #reklam-yazi-ici {
    min-height: 250px;
  }
}

Üç kritik ayrıntı:

1. Sınıf değil, ID kullan. AdSense kodu üst elemanların CSS sınıflarını kaldırabiliyor. Reklam sarmalayıcısına ID vermek daha güvenli.

2. min-height değeri, gelebilecek en büyük reklam boyutuna göre ayarlanmalı. Küçük reklam geldiğinde boşluk kalır ama kayma hiç olmaz. Boşluk, kaymadan iyidir.

3. Reklam gelmezse alanı daraltma. Envanter bulunamadığında alanı kapatan kodlar, tam da önlemeye çalıştığın kaymayı üretiyor.

Sabit yükseklik mi, responsive reklam mı?

Responsive reklam birimleri daha yüksek dolgu oranı ve genellikle daha iyi fiyat veriyor, ama yükseklikleri değişken olduğu için kayma riski taşıyor.

İşleyen yaklaşım: responsive birim kullan, ama birimi sabit yükseklikli bir sarmalayıcı içine koy ve o yüksekliği kırılım noktalarına göre medya sorgularıyla tanımla. Böylece hem dolgu oranını hem görsel kararlılığı korursun.

İlk ekranda görünen reklamlarda ise sabit boyut tercih etmek daha güvenli. Ekranın altındaki alanlarda responsive kullanmak sorun yaratmıyor, çünkü ekran dışında yüklenen reklamlar yerleşim kaymasını tetiklemiyor.

Otomatik reklamları (Auto Ads) kapat

AdSense'in otomatik reklam özelliği reklamları algoritmik olarak yerleştiriyor. Standart bir bloga uygun olabilir; haber temalarında genellikle uygun değil.

Sorunlar:

• Reklamları sayfaya sonradan, yer ayrılmadan enjekte ediyor — doğrudan CLS üretiyor
• Manşet slider'ı, son dakika şeridi, ilgili haber blokları gibi tema bileşenlerinin arasına giriyor ve tasarımı bozuyor
• Reklam yoğunluğunu senin belirlediğin sınırın üstüne çıkarabiliyor
• Hangi reklamın nerede olduğunu bilmediğin için performans analizi yapılamıyor

Doğru yol: Auto Ads kapalı, birimler manuel tanımlı, her birim tema içinde rezerve edilmiş bir alanda. Bu iş tema tarafında çözülmeli — reklam alanlarını eklenti ile sayfaya sonradan iliştirmek, kontrolü yeniden kaybetmek demek.

Haber sayfası için yerleşim haritası

Aşağıdaki yapı, gelir ile okunabilirlik arasında dengeli bir başlangıç noktası.

Haber detay sayfası (masaüstü)

Konum	Not
Başlık üstü / header altı	Yüksek görüntülenebilirlik, ama yüksekliği mutlaka sabit olmalı
Spot metin sonrası	En değerli konum; okuyucu buraya kadar geliyor
3-4. paragraf arası	Doğal okuma akışında, kayma riski düşük
Yan kolon, sticky	Uzun haberlerde görüntülenme süresi yüksek
Yazı sonu	İlgili haberlerin hemen üstünde

Mobilde farklı davranmak gerekiyor. Mobilde yan kolon yok, dikey alan kıymetli ve okuyucu hızlı kaydırıyor. Mobil için makul yapı: spot sonrası bir birim, her 3-4 paragrafta bir birim, yazı sonunda bir birim, altta yapışkan (anchor) bir birim. Header altı reklamı mobilde ilk ekranın tamamını kaplama riski taşıdığı için kaldırmak veya küçültmek daha iyi.

Kategori ve ana sayfada liste öğeleri arasına yerleştirilen reklamlar iyi çalışıyor, ancak kart yükseklikleriyle aynı ölçüde olması gerekiyor; yoksa tüm liste kayıyor.

Kaç reklam çok fazla?

Kesin bir sayı yok ama pratik ölçüt şu: ekranda her an içerik, reklamdan fazla yer kaplamalı. Kaydırdığında art arda iki reklam görüyorsan sınırı geçtin.

Bunun ötesinde AdSense Program Politikaları kapsamında dikkat edilmesi gerekenler var: içerikle karışacak şekilde yerleştirilmiş reklamlar, yanıltıcı konumlandırma, tıklamaya teşvik eden yerleşimler ve içerikten çok reklam barındıran sayfalar politika ihlali sayılıyor.

Yapışkan ve tam ekran (interstitial) reklamlar da ayrı bir dikkat noktası. Okuyucunun içeriğe erişmesini engelleyen araya girmeli reklamlar hem okuyucu kaybı hem arama performansı açısından pahalıya geliyor.

Reklamları geciktirmeli (lazy) yükleme

Ekranın altındaki reklamları sayfa açılışında değil, okuyucu yaklaştığında yüklemek iki fayda veriyor: ilk yüklenme hızlanıyor ve gerçekten görülmeyecek reklamlar hiç yüklenmiyor.

Ama denge önemli. Çok geç yükleme, reklam görüntülenmeden okuyucunun kaydırıp geçmesine yol açıyor. Makul eşik: reklam alanı ekrana yaklaşık bir ekran boyu kalınca yüklemeyi başlat.

Reklam scriptlerinin async yüklenmesi ve reklam ağı alan adları için preconnect tanımlanması da ilk yüklenme süresini belirgin biçimde iyileştiriyor. Bu ayarların diğer hız optimizasyonlarıyla birlikte nasıl kurulacağını haber sitesi hızlandırma rehberimizde ve cache eklentisi karşılaştırmamızda bulabilirsin.

Nasıl ölçülür?

Yerleşim değişikliğinden sonra körlemesine gitmemek için üç araç:

• PageSpeed Insights: Hem laboratuvar hem gerçek kullanıcı verisi. Gerçek kullanıcı bölümündeki CLS değeri asıl bakılması gereken yer.
• Chrome DevTools > Performance: Kaydırma sırasında hangi elemanın kaydığını tam olarak gösteriyor. Reklam kaynaklı kaymaları burada gözle yakalayabiliyorsun.
• Search Console > Core Web Vitals: Sitenin tamamı için gruplanmış rapor. Tek bir sayfa değil, şablon bazında sorun görmek için en iyisi.
• AdSense panelinde birim bazlı RPM ve görüntülenebilirlik: Hangi konumun gerçekten kazandırdığını burada görürsün. Kazandırmayan alanı kaldırmak, gelirle birlikte hızı da iyileştiriyor.

Ayrıntılı teknik referans için Google'ın CLS ve CLS optimizasyonu dokümanları ile reklam kaynaklı kaymayı azaltma rehberi iyi kaynaklar.

Bu iş tema tarafında çözülür

Reklam alanlarını eklentiyle veya elle kod yapıştırarak yönetmek, her tema güncellemesinde bozulan bir yapı demek. Doğru kurulum, reklam alanlarının temanın kendi şablonlarında tanımlı olması:

• Her alan için önceden rezerve edilmiş, kırılıma duyarlı yükseklik
• Yönetim panelinden reklam kodu girip alanı açıp kapatabilme
• Envanter gelmediğinde alanın daralmaması
• Mobil ve masaüstü için ayrı yerleşim tanımı

Temamız bu yapıyla geliyor; alanlar şablon içinde sabit yüksekliklerle tanımlı ve panelden yönetiliyor. Tema sürümlerini inceleyebilir, ücretsiz sürümle deneyebilirsin.

Sıkça sorulan sorular

Reklam sayısını azaltırsam gelirim düşer mi? Genellikle düşmüyor, hatta artıyor. Kazanmayan alanlar kaldırıldığında sayfa hızlanıyor, kalan reklamların görüntülenebilirliği yükseliyor ve okuyucu daha fazla sayfa geziyor. Birim bazlı RPM verisine bakıp karar vermek en doğrusu.

CLS kaç olmalı? 0,1 veya altı iyi kabul ediliyor. 0,25 üzeri kötü aralıkta.

Auto Ads kullanmak zorunda mıyım? Hayır. AdSense onayı Auto Ads kullanımına bağlı değil; manuel birimlerle çalışabilirsin.

Yapışkan (sticky) reklam kullanmak sakıncalı mı? Ekranın altına sabitlenmiş ince bir birim genellikle sorun değil ve mobilde iyi performans veriyor. İçeriği kapatan, kapatılamayan veya tam ekran araya giren birimler sorunlu.

Reklam alanı boş kalırsa ne yapmalı? Alanı daraltmak yerine boş bırak ya da kendi tanıtım banner'ını göster. Alanın yüksekliğinin sabit kalması önemli.

---

Yerleşimi düzelttikten sonra sıradaki adım geliri tek kanala bağlamamak. Haber sitelerinin kullanabildiği sekiz farklı gelir kanalını haber sitesinden para kazanma yazısında ele aldık. Henüz AdSense onayı almadıysan onay rehberimiz başlangıç noktası.