Reklamlar

Son gözden geçirme: Kasım 2026

Reklamlar habercilikten ödeme yapar ve aynı zamanda okurların haber sitelerinde sevmediği şeylerin büyük kısmına neden olur. Coalition for Better Ads, standardının altında kalan biçimlerin bir listesini yayımlar. Bu bölüm o listeyi, her alan için nasıl yer ayrılacağını ve reklamların her ekranda nereye konacağını ele alır.

Kaçınılacak biçimler

Better Ads Standards 6 masaüstü biçimi ve 10 mobil biçim sayar. Kısa video ve mobil uygulamalar için ayrı listeler vardır.

Yoğunluk nasıl ölçülür

Yoğunluk, ana içerikteki tüm reklamların yüksekliklerinin toplamının ana içeriğin toplam yüksekliğine bölünmesidir. Görünüm alanına göre değil, ana içeriğe göre ölçülür.

• Üst bilgiler, alt bilgiler ve site gezinmesi hariç tutulur; ilgili makaleler de buna dahildir.
• Ana içeriğin altındaki reklamlar sayılmaz.
• Sabit ve satır içi reklamlar dahil tüm biçimler sayılır.
• Her sabit reklamın yüksekliği bir kez sayılır.
• Masaüstünde kenar çubuklarındaki reklamlar sayılır.
• Sayfayla ilgili videodaki pre-roll ve mid-roll reklamlar ölçülmez.

Örnek olarak ana içeriği 5.000 piksel yüksekliğinde olan bir mobil makaleyi alın. %30 veya altında kalmak için üzerindeki reklamların toplamı en fazla 1.500 piksel olabilir.

Gerçek bir sayfayı kontrol etmek için bunu tarayıcı konsoluna yapıştırın. Seçicileri şablonlarınıza uyacak şekilde değiştirin ve article dışında duran her sabit veya kenar çubuğu reklamının yüksekliğini ekleyin.

const main = document.querySelector('article');
const slots = [...main.querySelectorAll('.ad-slot')];
const adHeight = slots.reduce((sum, ad) => sum + ad.getBoundingClientRect().height, 0);
console.log((adHeight / main.getBoundingClientRect().height * 100).toFixed(1) + '%');

Her alan için yer ayırın

Web.dev, reklamları düzen kaymasına en çok katkıda bulunanlardan biri olarak sayar. Yeri CSS'te ayırın. Google bunu JavaScript'te yapmaya karşı uyarır, çünkü kayma betik yüklendiğinde olabilir.

<div id="ad-slot" style="min-width: 300px; min-height: 250px;"></div>

@media screen and (max-width: 960px) {
  #ad-slot {
    min-height: 100px;
  }
}

Daha büyük bir kreatif yine sığabilsin diye min-height kullanın. Birden fazla boyutlu alanlar için Google'ın Publisher Tag rehberi üç yaklaşım sunar:

Aynı rehberden ve web.dev'den iki kural daha:

• fluid alanları ekranın altında tutun. Kreatife göre yeniden boyutlanırlar, bu yüzden her zaman kaymaya neden olurlar.
• Reklam almayan bir alanı daraltmayın. Ayrılmış yeri kaldırmak, içerik eklemek kadar sayfayı kaydırabilir. Bunun yerine bir yer tutucu gösterin ve bir alanı yalnızca dolması olası değilse daraltılmış başlatın.

Her ekranda yerleşim

Mobilde

• Yoğunluğu telefon düzeninde sayın, çünkü mobil sınır daha düşük olandır.
• Sabit bir reklamı ekranın %30'unun altında tutun. Altta kısa bir sabit bant olağan biçimdir.
• Makalenin üzerinde yüzen reklamlardan ve geçmek için kaydırma veya dokunma gerektiren her tam ekran birimden kaçının.
• İlk reklamı başlığın ve açılış paragrafının altında tutun; böylece LCP ögenizi aşağı itmez.

Masaüstünde

• Kenar çubuğu reklamlarını yoğunluk toplamınıza katın.
• Sabit birimleri ekranın %30'unun altında tutun.
• Videoyu sessiz başlatın ve sesi okurun seçmesine izin verin.
• Önce makale sütununu boyutlandırın; böylece kenar çubuğu alanları onu oynatmadan yüklenebilir.

Hız ve erişilebilirlik

• İlk görünüm alanının dışındaki reklamları, reklam etiketinizin kendi ayarıyla veya kontrol ettiğiniz iframe'lerde loading="lazy" ile tembel yükleyin.
• Her iframe'in kendi ana iş parçacığı vardır; bu yüzden INP'yi gözden geçirirken yavaş bir etkileşimin hangi çerçeveden geldiğini kontrol edin.
• Onayın gerekli olduğu yerde reklam etiketlerini yalnızca okur kabul ettikten sonra yükleyin. Açılır pencereler bölümünde ayrıntısı var.
• Reklam bölgelerini etiketleyin; böylece bir ekran okuyucu kullanıcısı onları tanıyıp atlayabilir.
• WCAG başarı ölçütü 2.2.2 uyarınca, kendiliğinden başlayan, beş saniyeden uzun süren ve diğer içerikle birlikte çalışan hareketli içeriğin duraklatılması, durdurulması veya gizlenmesi için bir yol gerekir. Bu, animasyonlu reklamlar için de geçerlidir.

<aside aria-label="Advertisement">
  <div id="ad-slot" style="min-height: 250px;"></div>
</aside>

Durumunuzu kontrol edin

Search Console'daki Reklam Deneyimi Raporu, Better Ads Standards'ı ihlal eden reklam deneyimlerini listeler. Bir inceleme sitenize “Failing” durumunu verirse rapor Google'ın bulduklarını listeler ve her sorunu kapsamayabilir. İşaretlediklerini düzeltin, ardından tüm alan adınızı kapsayan yeni bir inceleme isteyin.

Kontrol listesi

• Biçim tablosunu reklam operasyon ekibinizle masaüstü ve mobil için gözden geçirin.
• Açılır pencereleri, mobildeki prestitial'ları ve geri sayımlı reklamları kaldırın.
• Yoğunluğu en uzun ve en kısa makale şablonlarınızda, bir telefonda ölçün.
• Her sabit birimin ekranın %30'unun altında kaldığını kontrol edin.
• Her alan için min-height ile CSS'te yer ayırın.
• fluid alanları ekranın altına taşıyın.
• Sayfayı kaydırdığı yerlerde boş alan daraltmayı bir yer tutucuyla değiştirin.
• İlk görünüm alanının dışındaki reklamları tembel yükleyin.
• Her reklam bölgesine bir etiket ekleyin.
• Reklam Deneyimi Raporu'nu masaüstü ve mobil için kontrol edin.

Kaynaklar

• The Initial Better Ads Standards, Coalition for Better Ads
• Mobile ad density higher than 30%, Coalition for Better Ads
• Desktop ad density higher than 50%, Coalition for Better Ads
• Desktop ad density higher than 30% with a sticky video ad, Coalition for Better Ads
• Desktop large sticky ads, Coalition for Better Ads
• Mobile large sticky ads, Coalition for Better Ads
• Mobile full-screen scrollover ads, Coalition for Better Ads
• Mobile sticky video with large inline ad, Coalition for Better Ads
• Minimize layout shift, Google Publisher Tag
• Introduction to the Ad Experience Report, Web Tools Help
• Optimize Cumulative Layout Shift, web.dev
• Optimize Interaction to Next Paint, web.dev
• Web Content Accessibility Guidelines (WCAG) 2.2, W3C