Günümüzün dijital dünyasında, çevrimiçi reklamcılık, hepimizin keyif aldığı ücretsiz web'in önemli bir parçasıdır. Ancak kötü tasarlanmış reklamlar internette gezinme deneyiminin yavaşlamasına, kullanıcıların hayal kırıklığına uğramasına ve etkileşimin azalmasına neden olabilir. Sayfa hızınızı etkilemeden reklamları etkili bir şekilde yüklemeyi, sorunsuz bir kullanıcı deneyimi sağlamayı ve web sitesi sahipleri için gelir fırsatlarını en üst düzeye çıkarmayı öğrenin.
Web siteleri, ana gelir kaynağı olarak dijital reklamcılığı büyük ölçüde kullanır. Ancak, reklamların web sitelerinde gösterilmesi bazen kullanıcı deneyimi ve genel sayfa performansından olumsuz yönde etkilenebilir. Bu nedenle, web sitesi sahipleri ve reklamverenler için para kazanma ile performans ve kullanıcı deneyimi arasında bir denge kurmak hayati önem taşır.
Yüksek gelir elde etme amacıyla, içeriğine yoğun bir şekilde reklam yerleştiren bir web sitesi düşünün. Ancak reklamların çok fazla olması kullanıcıları rahatsız ederek kötü bir kullanıcı deneyimine ve yüksek hemen çıkma oranlarına yol açmaktadır. Reklamlardan önemli miktarda gelir elde etme potansiyeline rağmen, vazgeçmek web sitesinin başarısını ciddi şekilde olumsuz etkiliyor.
Yelpazenin diğer ucunda, reklam içermeyen bir web sitesi düşünün. Bu reklamsız ortam, hızlı yüklenme süresi ve sorunsuz gezinme deneyimi nedeniyle çok sayıda kullanıcının ilgisini çeker. Ancak bir para kazanma stratejisi uygulamadan web sitesi gelir elde etmekte zorlanıyor. Bu da uzun vadede sürdürülebilirliğini ve büyümesini engelleyebilir.
Her iki senaryo da para kazanma, kullanıcılar ve performans arasında denge kurmanın önemini gösterir.
Core Web Vitals'ı Kullanma
Sayfa hızını olumsuz etkilemeden reklam yüklemek söz konusu olduğunda Core Web Vitals'ı iletmek çok önemlidir. Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) ve Sonraki Boyamayla Etkileşim (INP) gibi metriklerden oluşan Önemli Web Verileri, web sitenizin kullanıcı deneyiminin kalitesini ölçen kullanıcı deneyimi metrikleridir.
Largest Contentful Paint (LCP)
LCP'yi optimize etmeye odaklanmak hayati önem taşır. Çünkü bu metrik, en büyük zengin içerikli öğenin görüntü alanında görünmesi için gereken süreyi ölçer. Web sitesi sahipleri, reklam içeriğinin yükleme süresini en aza indirerek ve eşzamansız yükleme tekniklerine öncelik vererek LCP'yi ve bir sayfadaki en belirgin zengin öğelerin oluşturulma süresini azaltabilir.
Sonraki boyamayla etkileşim (INP)
İkinci olarak, INP'nin iyileştirilmesi duyarlı kullanıcı deneyimleri için hayati önem taşır. INP, sayfanın ömrü boyunca gerçekleşen her tıklama, dokunma ve klavye etkileşimi için gecikmeyi ölçer. Ortaya çıkan değer, genellikle tamamlanması en uzun süren etkileşimdir ve bir sayfanın kullanıcı etkileşimlerine genel olarak hızlı yanıt verme becerisini temsil eder.
Kullanıcı etkileşimlerini geciktiren reklamlar INP'yi olumsuz etkiler. Bu durum, yavaş hissettiren, hatta ekstrem durumlarda tamamen bozulan deneyimler oluşturarak kullanıcıları hayal kırıklığına uğratabilir. Reklamlar için geç yükleme uygulamak ve kritik olmayan JavaScript yürütmesini ertelemek, bir sayfanın INP'sini azaltarak genel sayfa duyarlılığını iyileştirmeye yardımcı olabilir.
Cumulative Layout Shift (CLS)
Son olarak, CLS sayfa yükleme sırasında gerçekleşen beklenmedik düzen kaymalarının miktarını ölçerek bir sayfanın görsel kararlılığını ölçer. Dinamik olarak yüklenen veya yeniden boyutlandırılan reklamlar düzenin kararsız olmasına yol açarak kullanıcıların sayfada nerede olduklarını takip edememelerine, hatta beklenmedik düzen kaymaları nedeniyle istemeden yanlış öğelere dokunmalarına neden olan kötü kullanıcı deneyimlerine yol açabilir. Web sitesi sahipleri, bu durumu azaltmak amacıyla CLS'yi optimize ederek düzen kaymalarını önlemek amacıyla reklamlarda ayrılmış alana sahip olmalıdır ve reklam boyutlarının ani içerik yeniden düzenlemelerini önlemek için optimize edilmesi gerekir.
Web sayfanızı ayrı içerik blokları halinde yapılandırma
Web sayfanızı CSS content-visibility:
özelliğini kullanırken metin, resim ve reklam içeriği için içerik bloklarıyla yapılandırmak modern tarayıcılarda toplam oluşturma süresini önemli ölçüde kısaltabilir.
content-visibility:
özelliğini bu içerik blokları içinde stratejik olarak uygulayarak metin, resim ve reklam içeriği oluşturma sürecini optimize edersiniz. Bu, yalnızca şu anda görüntü alanında bulunan içeriğin tam olarak oluşturulmasını sağlar. Böylece, ilk sayfa yüklemesi daha hızlı ve daha sorunsuz kullanıcı etkileşimleri sağlanır. Bu performans artışı, özellikle uzun sayfalarla veya çok sayıda reklam içeren sayfalarla çalışırken işinize yarar.
Önemli reklam alanlarına öncelik verin
Tüm reklam alanları eşit değildir. Örneğin, ekranın üst kısmındaki reklam alanları görüntülenebilirlik ve para kazanma açısından genellikle ekranın alt kısmındaki reklam alanlarına göre daha değerlidir. Bunun nedeni, ilk görüntü alanında kaydırmaya gerek kalmadan görünür oldukları için, ekranın üst kısmındaki reklamların kullanıcılar tarafından görülme ihtimalinin daha yüksek olmasıdır. Ekranın alt kısmındaki reklamlar, kullanıcı sayfayı onları görmeye yetecek kadar aşağı kaydırdığında görünür hale gelir.
Ekranın üst kısmındaki reklamlar
!["Ekranın üst kısmındaki" reklam konseptinin görsel bir temsili.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-3.png?authuser=5&hl=tr)
Ekranın üst kısmındaki reklam alanları, bir web sayfasının kaydırmadan görülebilen bölümünü ifade eder ve dijital reklamcılıkta önemli bir değer sunar. Bu ana yerleşimler çeşitli nedenlerle değerli kabul edilir:
- Ekranın üst kısmına yerleştirilen reklamlar, web sayfası yüklendiğinde kullanıcılar tarafından hemen görülebilir. Kullanıcıların bu reklamları fark edip bunlarla etkileşime geçme olasılığı daha yüksektir. Bu da tıklama oranlarının artmasına neden olur.
- Reklamverenler genellikle bir web sayfasının üst kısmındaki bölümü en değerli mülk olarak düşünürler. Bu sayfa, kullanıcıların bir siteyi ziyaret ettiklerinde aldıkları ilk izlenimdir. Bu nedenle, site yüksek etkili ve premium reklamların gösterilmesi için çok önemli bir alandır.
- Ekranın üst kısmındaki reklamlar, kullanıcının doğrudan görüş hattında oldukları için en yüksek görüntülenebilirlik oranlarına sahiptir. Böylece, sayfayı ziyaret eden kullanıcıların çoğunluğunun sayfayı aşağı kaydırmadan bu reklamları görmesini sağlayabilirsiniz.
Ancak ilk görünümde ekranın üst kısmındaki reklam alanlarını kullanırken para kazanma ve kullanıcı deneyimi arasında bir denge kurmak önemlidir. Dikkat edilmesi gereken bazı önemli noktalar aşağıda belirtilmiştir.
- İlk ekran reklam alanları, kullanıcının ilk görüntü alanında mümkün olduğunca hızlı yüklenmelidir. Yavaş yüklenen reklamlar, kullanıcı deneyimini olumsuz etkileyebilir ve hemen çıkma oranlarını artırabilir. Reklam yükleme sürelerini optimize etmek, sorunsuz bir kullanıcı ve göz atma deneyimi için çok önemlidir.
- Ekranın üst kısmındaki reklam yerleşimleri değerli olsa da, bu ana alanı çok fazla reklamla doldurmamak önemlidir. Aşırı reklamlar sayfayı karmaşık hale getirir, içeriğin okunabilirliğini bozar ve kullanıcı deneyimini olumsuz etkiler. Para kazanma ile sayfa düzeni arasında denge kurmaya çalışın. Site düzeninin temiz ve kullanıcı dostu olması gerekir.
- Ekranın üst kısmındaki reklam alanlarının farklı ekran boyutları ve cihazlarla uyumlu olduğundan emin olun. Duyarlı tasarım uygulamaları, kullanıcının ekran boyutundan bağımsız olarak tutarlı ve görsel olarak çekici bir düzen oluşturulmasına yardımcı olabilir.
Ekranın alt kısmındaki reklamlar
!["Ekranın alt kısmındaki" reklam konseptinin görsel bir temsili.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-4.png?authuser=5&hl=tr)
Ekranın alt kısmındaki reklam alanları (yani, web sayfasının yalnızca aşağı kaydırıldıktan sonra görünür olan bölümüne yerleştirilen reklamlar) dijital reklamcılık dünyasında da önemli bir değer taşır. Bu yerleşimler, ekranın üst kısmındaki yerleşimleri tamamlayan benzersiz avantajlar sunar.
Ekranın alt kısmındaki reklamlar, daha fazla içerik keşfetmek için sayfayı aşağı kaydıran kullanıcılar tarafından sağlanır. Bu yerleşimler, aktif bir şekilde ek bilgi arayan ilgili kullanıcıların ilgisini çeker. Bu da, daha karmaşık mesajlar veya hikaye anlatımı aktarmak isteyen markalar için bu yerleşimleri değerli kılar.
- Başlangıçta görünür olmayan reklam alanları, yanlarındaki içerikle uyumlu olabilir. Bu da bağlamsal alaka düzeyi için bir fırsat sunar. Bu eşleşme, kullanıcılar keşfettikleri içerikle alakalı reklamları keşfettikçe daha fazla kullanıcı etkileşimi sağlayabilir.
- Dikkatli şekilde tasarlandığında, ekranın alt kısmındaki reklamlar, etrafındaki içerikle sorunsuz bir şekilde entegre olarak kullanıcıların çalışmasını daha az rahatsız edebilir. Yerel reklamcılık olarak da bilinen bu entegrasyon, daha uyumlu bir kullanıcı deneyimi sağlayabilir.
- Kaydırma gerektiren reklam yerleşimleri, daha fazla reklam tasarımı ve biçim esnekliğinin yanı sıra, bol miktarda alan ve deneme yapma özgürlüğü sunar. Video reklamlar, etkileşimli öğeler ve daha büyük resimler, kullanıcı deneyimini kesintiye uğratmadan kullanıcının dikkatini çekmek için geç yüklenebilir.
Ancak, ekranın alt kısmındaki reklam yerleşimleri için aşağıdaki noktaları göz önünde bulundurmalısınız:
- Ekranın alt kısmındaki reklam yerleşimleri etkili olabilir, ancak kullanıcıların sayfayı aşağı kaydırmasının teşvik edildiğinden emin olmak önemlidir. Görsel işaretler veya içerik tanıtımları kullanmak, kullanıcıları daha fazla keşfetmeye teşvik ederek reklamın görünürlüğünü artırabilir.
- Reklamların ekranın alt kısmına yerleştirilmesi, içerik kalitesinden veya okunabilirlikten ödün vermemelidir. Kullanıcıları bunaltmaktan kaçınmak ve olumlu bir kullanıcı deneyimi sağlamak için reklamlar ile içerik arasında dengeyi koruma.
- Ekranın üst kısmındaki reklam yerleşimlerinin aksine, ekranın alt kısmındaki reklamların hemen yüklenmesi gerekmeyebilir. Bu reklamların yüklenmesini, kullanıcının görüntü alanına girmeye yakın olana kadar ertelemek, genel sayfa yükleme hızını artırmaya ve ilk sayfa oluşturma sürelerini azaltmaya yardımcı olabilir.
Stratejik olarak kullanıldığında ekranın alt kısmındaki reklamlar, ekranın üst kısmındaki reklamları tamamlayabilir ve yaratıcı reklam biçimleri ile bağlamsal alaka düzeyi için bir platform sağlayabilir. Bununla birlikte, olumlu bir kullanıcı deneyimi sağlamak için görünürlüğü optimize etmek, içeriği dengelemek ve reklam yükleme zamanlamasını yönetmek temel hususlardır.
Mevcut Google Yayıncı Etiketi (GPT) en iyi uygulamaları:
- Genel olarak en iyi uygulamalar
- Reklam En İyi Uygulamaları
- Düzen kaymasını en aza indirme
- Performansı izleme
- Yaygın uygulama hatalarından kaçınma
Uygun olduğunda reklamları geç yükleyin
![Geç yüklenen ve geç yüklenmeyen kaynakların görselleştirilmesi. Kaynaklar geç yüklendiğinde, sayfa yükleme sırasında bant genişliği korunur ve kaynaklar, kullanıcının onları görme olasılığı en yüksek noktaya kadar ertelenir.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-5.png?authuser=5&hl=tr)
Geç yükleme, kritik olmayan kaynakların ihtiyaç duyulana kadar yüklenmesini erteleyen bir tekniktir. Hemen görünmeyen (yani ekranın alt kısmındaki reklamlar) reklamlara geç yüklemenin uygulanması, bu reklamların yalnızca görüntüye girdiklerinde yüklenmelerini sağlayarak bant genişliğini korumalarını ve genel sayfa hızını artırmalarını sağlar. Tarayıcılar artık basit bir loading=lazy
özelliğine sahip iframe'ler için yerel geç yükleme özelliğini içeriyor.
Geç yükleme uygulandığında, reklamlar kullanıcının görüntü alanına girmek üzereyken dinamik olarak getirilir. Böylece, sayfa yaşam döngüsünün bu önemli kısmındaki ana iş parçacığında ilk yükleme süresi ve Toplam Engelleme Süresi (TBT) (INP ile yüksek düzeyde ilişkilidir) kısaltılır. Böylece kullanıcı deneyimi üzerindeki olumsuz etkiler en aza indirilir.
Sayfayı yenilemeden reklamları yenileme
![Üst düzey sayfa yenilenmeden sayfada yenilenen reklamların görselleştirmesi.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-6.gif?authuser=5&hl=tr)
Sayfa performansını yükleme reklamları ile dengeleyebilen diğer bir teknik, sayfanın tamamını yeniden yüklemeden reklamları 30 ila 240 saniyede bir1 yenileyebilme olanağıdır. Bu yaklaşım, kullanıcının göz atma deneyimini kesintiye uğratmadan veya gereksiz gecikmelere neden olmadan reklam içeriğinin dinamik şekilde güncellenmesine olanak tanır.
Mobil uygulamalarda, mevcut web görünümlerinde reklamları yenilemek, tüm sayfayı yeniden yüklemeye veya Web Görünümleri'ni yeniden oluşturmaya kıyasla daha iyi performans sağlar. Bunun nedeni, veri ve kaynak ek yükünü en aza indirmesi, böylece daha hızlı içerik güncellemeleri ve sıfırdan başlamakla ilişkili gecikme olmadan daha sorunsuz bir kullanıcı deneyimi sağlamasıdır.
Web sitesi sahipleri, reklamları eşzamansız olarak yenileyerek sayfa içeriğini olduğu gibi koruyabilir ve reklam içeriğini yerinde ve gerçek zamanlı olarak sorunsuz bir şekilde güncelleyebilir. Bu, tüm sayfayı yeniden yükleme ihtiyacını ortadan kaldırarak sayfa hızını artırmakla kalmaz, aynı zamanda görüntülenen reklamların alakalı ve ilgi çekici kalmasını sağlar. Bu teknikle web sitesi sahipleri, para kazanma ile performans arasında denge kurabilir. Böylece, kullanıcı deneyimi üzerindeki olumsuz etkileri en aza indirirken, zamanında ve ilgi çekici reklam içeriği sunabilirler.
Reklam alanlarının yenilenmesi, özellikle kullanıcıların daha uzun süre kaldığı sayfalarda (yemek tarifi sayfaları, "kendin yap" eğiticileri veya içerik bakımından zengin diğer web siteleri) oldukça faydalıdır. Örneğin, kullanıcıların eğitici videoları takip ederek önemli miktarda zaman harcayabildiği bir "kendin yap" el işi sayfasında, adımlar arasındaki aralar sırasında veya resim galerilerini görüntülerken reklam alanlarını stratejik olarak yenilemek hem kullanıcı deneyimini hem de reklam gelirini artırabilir. Benzer şekilde, bir tarif sayfasında da, kullanıcılar malzemeler listesinde veya talimatlarda gezindikten sonra reklam alanlarının yenilenmesi kullanıcının ilgisini koruyabilir.
Eşzamansız yüklemeye öncelik verin
Reklam sunarken sayfa hızını artırmak için en etkili stratejilerden biri eşzamansız yüklemedir. Eşzamansız yükleme, reklamları ana web sayfası içeriğinden bağımsız olarak yükler. Reklamların tam olarak yüklenmesini beklemeden, sayfanın oluşturulmaya devam etmesine ve etkileşimli hale gelmesine olanak tanır. Bu sayede, algılanan yükleme süresi de önemli ölçüde kısalır ve kullanıcı memnuniyeti artırılır.
Komut dosyası etiket tanımına async
özelliğini ekleyin. Örneğin:
AdSense:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
AdSense (otomatik reklamlar):
<script async data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Google Yayıncı Etiketi:
<script async src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
Reklam boyutlarını, konumunu ve biçimlerini optimize edin
![Çeşitli görüntü alanı boyutlarında, yeşil kutularla stilize edilmiş reklam yerleşimlerinin ve her birinin üzerinde "Reklam" yazan cihazların görseli.](https://web.dev/static/articles/loading-ads-page-speed/image/fig-7.png?authuser=5&hl=tr)
Reklamların boyutu, konumu ve biçimi sayfa hızını önemli ölçüde etkileyebilir. Büyük reklam boyutları sayfanın yüklenmesini yavaşlatarak kullanıcıları rahatsız edebilir. Web sitesi sahipleri, bu durumu azaltmak amacıyla reklamverenlerle yakın işbirliği içinde reklam boyutlarını ve biçimlerini optimize etmelidir. Sıkıştırılmış resim biçimleri ve etkili reklam öğesi tasarımı, görsel kaliteden ödün vermeden dosya boyutlarının küçültülmesine yardımcı olur. Bu optimizasyonlar yalnızca sayfa hızını iyileştirmekle kalmaz, bant genişliği sınırlı olan kullanıcılar için veri tüketimini de en aza indirir.
Better Ads Standartları
Araya giren ve kullanımı engelleyen reklam biçimlerini azaltarak kullanıcı deneyimini iyileştirmenin yanı sıra reklam yayınlanma konumunu ve sayfa yüklenme süresini de olumlu yönde etkilediği için, reklam göstermek için Better Ads Standardı'na uymak çok önemlidir.
Bu standartlar izlendiğinde, reklamların daha az engelleyici ve rahatsız edici konumlara yerleştirilerek daha yüksek kullanıcı etkileşimi ve tıklama oranları elde edilebilir.
Ayrıca, bu yönergelere uymak, daha hafif ve daha az kaynak kullanan reklam biçimleri tercih edildiğinden, sayfa yükleme hızlarının da yükselmesini sağlayabilir. Bu da, genel web sitesi performansını ve kullanıcı memnuniyetini artırır.
Reklam ağları ve sağlayıcılar için stratejik değerlendirme
Tüm reklam ağları ve sağlayıcılar performans açısından eşit değildir. En iyi sayfa hızını sağlamak için web sitesi sahipleri, farklı reklam ağlarının, başlıktan teklif alma (header bidding) uygulamasının ve sağlayıcıların performansını özenle değerlendirmelidir.
Hıza öncelik veren ve hafif reklam içeriklerini verimli bir şekilde yayınlayan sağlayıcılarla iş ortaklıkları kurmak, sayfa performansını önemli ölçüde artırıp kullanıcı deneyimini iyileştirebilir.
Sonuç
Para kazanma ve performans arasında bir denge kurmak, çevrimiçi reklamcılık yoluyla gelirini en üst düzeye çıkarırken olağanüstü bir kullanıcı deneyimi sunmak isteyen web sitesi sahipleri için çok önemlidir.
Web sitesi sahipleri, eşzamansız yükleme, geç yükleme, reklam biçimlerini ve boyutlarını optimize etme, akıllı önbelleğe alma özelliklerinden yararlanarak ve reklam ağlarını, başlıktan teklif alma (header bidding) ve sağlayıcıları dikkatlice değerlendirerek, sayfa performansından ödün vermeden reklam yüklemenin zorluklarını başarıyla çözebilir. Reklamların verimli bir şekilde yayınlanmasına öncelik verilmesi, sonuç olarak kullanıcı katmanını, daha fazla etkileşim elde edilmesini ve sürdürülebilir gelir üretimini sağlar.
Dipnotlar
- Reklam sunucuları için geçerli kısıtlamalar ve koşullar olabilir. Örneğin Ad Manager, yayıncıların kullanıcı arayüzünde yenilenen envanterlerini bildirmesini gerektirir. Bazı alıcılar için 240 saniyeden uzun veya bu süreye eşit bir yenileme bildirimi gerekir. Genel olarak, yenilemeler arasındaki aralık ne kadar uzun olursa envanteriniz alıcılar tarafından o kadar cazip olur. daha fazla bilgi