Dijital Pazarlama

Mobil Popup Tasarımı: Örnekler ve En İyi Uygulamalar (2026)

Mobil popup, telefon ekranında bir web sayfasının üzerinde beliren penceredir. Hem Google'ın hem ziyaretçilerin kabul ettiği mobil popup tasarımı kompakttır ve başparmakla rahatça erişilir, kapatma butonunu açıkça gösterir ve sayfayı kaplamadan doğru anda açılır. Popupsmart'ın 2026 kıyaslamasında mobilde medyan popup %1,02 dönüştürüyor, masaüstünde bu oran %0,57.

Yapay zekâ özetigenel özet

Tasarım odaklı bir mobil popup rehberi: iyi bir mobil popup tasarımını ne işe yarar kılar, Popupsmart'ın 2026 kıyaslaması mobil ve masaüstü popup'lar hakkında ne gösteriyor (mobilde medyan popup %1,02 dönüştürüyor, masaüstünde bu oran %0,57), dört gerçek marka örneği (Colgate, Aila Cosmetics, 35 Thousand, Alleyoop), boyut ve dokunma hedefi kuralları, uygulama popup'larının web sitesi popup'larından farkı, kullanıcı deneyimi için en iyi uygulamalar ve Google'ın interstitial yönergeleriyle (son güncelleme Aralık 2025) GDPR'ın bir mobil popup'tan ne istediği.

PaylaşFacebookXLinkedInPinterest

Makale bilgileri

tarafından yazıldı.
Hatice Özşahan
tarafından incelendi.
Mert Özeren
Yayınlandı
24 Ağustos 2023
Güncellendi
10 Ekim 2026
Bölümler
9
Kaynaklar
5 kaynak

14 dk okuma

Editöryal standartlarımızHer yazıyı nasıl araştırır, kaynaklandırır ve güncelleriz.

Çoğumuz günün büyük kısmını telefonda geçiriyoruz.

Bu yüzden mobil uyumluluk her markanın aklında olmalı, hem de her zaman.

Aşağıda gerçek örnekleri ve arkalarındaki tasarım kurallarını, ayrıca kendi popup verimizin mobil ziyaretçiler hakkında ne söylediğini bulacaksınız.

Mobil popup nasıl oluşturulur: Popupsmart rehberinin kapağı

Mobil Popup Nedir?

Mobil popup, bir web sitesini mobil cihazdan ziyaret eden kişiye gösterilen popup'tır.

Bildiğiniz masaüstü popup'larıyla aynı işi görür. Değişen şey, internette gezinmenin bu kadar büyük kısmı telefona kaydıktan sonra ne kadar önem kazandığı.

Popup'ların artık en çok görüldüğü yer telefonlar: Popupsmart'ın 2026 kıyaslamasında popup gösterimlerinin %63'ü mobilde gerçekleşiyor.

Yani öyle ya da böyle mobil için tasarım yapacaksınız.

Mobil uygulama popup tasarımı ve mobil web popup'ları

Mobil uygulama popup tasarımı başka bir iş. Yerel (native) bir iOS veya Android uygulamasının içinde popup bir uyarı (alert), diyalog ya da alt sayfadır (bottom sheet). Geliştiriciler onu uygulamanın kendi kodunda, Apple'ın uyarılar için Human Interface Guidelines yönergelerine ya da Google'ın Material Design diyaloglarına uyarak oluşturur; ya da bir pazarlama ekibi onu bir uygulama içi mesajlaşma aracıyla gönderir.

Mobil web popup'ı ise telefonun tarayıcısında, bir web sayfasının üzerinde yüklenir ve onu bir script ya da popup oluşturucuyla eklersiniz. Bu rehberin anlattığı ve Popupsmart'ın oluşturduğu tür bu. Araçlar farklı olsa da tasarım kuralları büyük ölçüde örtüşüyor: tek bir mesaj, dokunması kolay bir kapatma butonu ve ziyaretçi geldiği işe başlamadan önce popup göstermemek.

Neden Mobil Popup'lar Önemlidir?

mobil telefon görüntüsü

Popup gösterimlerinin çoğu telefonda gerçekleştiğine göre satışı, geliri ve web sitenizin trafiğinin büyük bir kısmını mobilde kazanır ya da kaybedersiniz.

Bu, göz ardı edilemeyecek kadar büyük bir fırsat.

İşin iyi tarafı şu: kullanıcı deneyimini bozmadan dönüşüm sağlayan mobil dostu popup'lar, bu mobil trafiği avantaja çevirebilir.

Web sitenizi mobil cihazlara göre optimize edin, popup'larınızı Google'ın kurallarına uygun tutun. Böylece hem mobil trafiğiniz artar hem de mobil ticarette daha iyi bir kullanıcı deneyimi sunarsınız.

bir kişinin kullandığı mobil ve masaüstü cihazlar

Mobil ziyaretçiler popup'lara masaüstü ziyaretçilerinden daha fazla yanıt veriyor. Daha sık da tıklıyorlar. Tam dökümü mobil ve masaüstü popup davranışı verimizde bulabilirsiniz.

Bilgi
Rakamlarla: Popupsmart'ın 2026 kıyaslamasında (Ocak 2024 - Eylül 2026) mobil ziyaretçiler popup'larda %1,02 dönüşüyor, masaüstünde bu oran %0,57; tıklamada %2,99'a karşı %1,34 (medyan kampanya). Popup gösterimlerinin %63'ü mobilde gerçekleşiyor. Instagram veya Facebook uygulamasının içinde gezinen ziyaretçiler, normal mobil tarayıcıdaki ziyaretçilerden popup dönüşümünde ölçülebilir bir fark göstermiyor.

Zippia'ya göre olumsuz bir mobil deneyim kullanıcıların %48'ini rahatsız ediyor ve kullanıcıların %52'sinin, duyarlı (responsive) mobil tasarımı olmayan bir şirketle etkileşime girme olasılığı daha düşük (sitenin Ocak 2026'da güncellenen UX istatistikleri derlemesinden).

Sizin işiniz, kullanımı kolay mobil popup'larla ziyaretçileri harekete geçirmek.

İkinci bir şansınız olmayabilir. O yüzden her ziyaretçiye ilk seferde doğru segmentlenmiş bir mobil popup gösterin.

Mobil popup tasarımında en iyi uygulamalar

Mobil popup'larda en iyi uygulamalar beş şeye dayanıyor: ayrı bir mobil sürüm, içeriği görünür bırakacak kadar küçük bir popup, kolay kapatma, etkileşimi bekleyen bir tetikleyici ve bir ya da iki alanlı bir form. Aşağıdaki on uygulama bunları tek tek ele alıyor; verimiz olan yerlerde verimizle birlikte.

1. Mobil Popup'lar Masaüstü Popup'larından Farklıdır

Mobil ziyaretçilere kendi popup'larını göstermek, bu ek adıma değer: telefon ekranı kendi düzenini ister ve Popupsmart'ın ziyaretçi cihazı hedeflemesi, her cihaz için ayrı bir sürüm yayınlamanızı sağlar.

Popupsmart popup oluşturucu yönetim paneli, ziyaretçi cihaz özelliğini gösteriyor; hem masaüstü hem mobil için

Ekran çok daha küçük olduğu için masaüstü popup'ı akıllı telefonda ya da tablette aynı verimi vermez.

Popup'ınız tüm ekranı kaplamasın. Telefonda bu, ziyaretçiyi rahatsız eder ve sinirlendirir.

Ziyaretçiye sitede gezinmeye devam edebileceği kadar alan bırakın, popup'ı da buna göre boyutlandırın.

2. Daha İyi Bir Kullanıcı Deneyimi

Bir mobil popup'ın işe yarayıp yaramayacağını belirleyen en önemli faktörlerden biri kullanıcı deneyimi.

Web sitenize daha fazla trafik çekmek ve mobil ticarette rakiplerinize yetişmek için daha iyi bir popup kullanıcı deneyimi sağlamanız gerekiyor. Bu da kolay değil.

Popup'larınızdaki giriş alanlarını akıllı etiketler kullanarak doldurmak, daha iyi bir kullanıcı deneyimine sahip olmanıza yardımcı olabilir.

Ekrana sığmayan bir popup ise popup'ların en çok görüldüğü cihazda boşa gider.

3. Kabul Edilebilir Ekran Alanı

Google'ın 2016'da kabul edilebilir saydığı mobil interstitial örnekleri: çerez bildirimi, yaş doğrulaması ve uygulama yükleme banner'ı

Google'ın politikası mobil popup'ları yasaklamaz. Yukarıdaki görsel, Google'ın mobil interstitial sinyalini duyurduğu 2016 yazısından geliyor. Yazı, sorumlu kullanıldığında sinyalden etkilenmeyecek üç biçim sayıyordu: çerez bildirimi, yaş doğrulaması ve makul miktarda ekran alanı kullanan bir banner.

Google'ın güncel yönergeleri aynı şeyi daha kısa söylüyor: tam sayfa interstitial'lar yerine küçük banner'lar kullanın. Bu da mobilde dönüşüm oranı optimizasyonu için bolca alan bırakıyor.

Yani Google'ın yönergelerinin içinde kalarak da popup'larla kullanıcıları dönüştürebilirsiniz.

Uyarı
Dikkat: Sayfa içeriğini kaplayan ve belirgin bir kapatma butonu olmayan bir mobil popup, Google'ın yönergelerinin rahatsız edici interstitial dediği şeydir; Google bunların alttaki sayfanın arama performansını düşürebileceğini söylüyor.

Ayrıca çerez onayı bildirimleri ve yaş doğrulama gibi yasal bir yükümlülüğü yerine getiren interstitial'lar, sorumlu bir şekilde kullanıldıklarında Google'ın sinyalinden etkilenmez.

4. Görüntüleme Zamanlamasını Düşünün

Popupsmart'ta popup görüntüleme zamanlaması

Popup'ın ne zaman açıldığı, ne kadar iyi dönüştüğünü etkiler. Popupsmart'ın 2026 kıyaslamasında görünmeden önce bekleyen popup'lar, sayfa yüklenir yüklenmez gösterilenlere karşı %0,83'e %0,61 dönüştürüyor (medyan kampanya); yön verinin her yılında aynı kalıyor ama fark istatistiksel olarak güvenilir değil, bu yüzden bir kural değil, eğilim olarak okuyun. Gecikmenin tam süresi dönüşümde ölçülebilir bir fark yaratmıyor. Yani gecikme tek başına sanıldığı kadar iş görmüyor. Verinin tamamı için popup zamanlaması yazımıza bakın.

Çıkış niyeti tetikleme, siteden ayrılmak üzere olan ziyaretçiyi yakalar. Mobilde Popupsmart, çıkış niyetini ziyaretçinin sayfada ne kadar hızlı yukarı kaydırdığından okur. Kaydırma tetikleyicileri ise popup'ı, ziyaretçi sayfanızı belli bir miktar kaydırdığında gösterir.

Ziyaretçi bir süre hareketsiz kalırsa hareketsizlik tetikleyicisi (In-activity Mode) devreye girer ve duraksadığı anda teklifinizi yeniden önüne getirir.

5. Ziyaretçilerinizi Belirleyin

E-posta adresini zaten vermiş olan bir kullanıcıya sürekli aynı e-posta isteyen popup'ı göstermek hoş olmaz.

Olur mu? Hani derler ya işkence gibi bir şey.

Bunun önüne geçmek için Popupsmart ile geri dönen ziyaretçilerinizi hariç tutabilirsiniz, sonra da onları kişiselleştirilmiş teklif ve promosyonlarla yeniden hedeflersiniz. Zaten yeni ziyaretçiler, kayıt popup'ı için daha iyi bir kitle: 2026 verimizde aynı popup, önceki 7 gün içinde sitede bulunan ziyaretçilere kıyasla yeni ziyaretçilerde kampanyaların %75'inde daha iyi dönüştürüyor (medyan fark 0,30 yüzde puan; toplu olarak gösterimlerin %1,28'ine karşı %0,54'ü).

6. Rahatsız Edici Olmayan Popup Hedeflemesi Kullanın

Ürün tanıtımı için mobil popup örneği, dizüstü bilgisayar görüntüleri ve "hemen alışveriş yap" yazan bir harekete geçirici mesaj gösteriyor

Kimse bir popup'tan kurtulmak için uğraşmak istemez. Kapatmayı zorlaştırırsanız ziyaretçi sitenizi de kapatıp gidebilir.

Popupsmart'ta popup kapatmak kolay. Close when overlay clicked seçeneğini açtığınızda ziyaretçiler popup'ı kapatma butonunun yanı sıra popup'ın dışında herhangi bir yere dokunarak da kapatabilir. Bu çıkışı belirgin yapın: 2026 verimizde popup'ı kapatan ziyaretçilerin %71'i bunu popup göründükten sonraki 5 saniye içinde yapıyor.

Rahatsız edici olmayan popup'lar, kullanıcı deneyimini bozmadan daha fazla dönüşüm getirir.

Not
Hızlı İçgörü: Bir tasarımı tüm kitlenize uygulamadan önce iki sürümü test edin. Popup'larda A/B testi rehberimiz, zamanlamayı, metni ve düzeni gerçek trafikte nasıl karşılaştıracağınızı gösteriyor.

7. Format ve Konumlandırmaya Dikkat Edin

Mobil popup'ların, Google'ın gereksinimlerini karşılayarak SEO'nuzu düşürmeden etkili olması gerekir.

Bunun başlıca yolları şunlar:

Yöntem 1: CTA (Eylem Çağrısı) Tetikleyicileri Kullanın

Her sayfaya, dokunulunca popup'ı açan makul boyutlarda eylem çağrıları yerleştirin. Ziyaretçiyi oradan hedef sayfaya yönlendirebilirsiniz.

Yöntem 2: Popup'ı İkinci Sayfaya Yerleştirin

Google'ın 2017 mobil sinyali, ziyaretçinin mobil arama sonuçlarından geçişte ne gördüğüne bakıyordu; bu yüzden açtığı ikinci sayfadaki bir popup o anın dışında kalır. Bu bir muafiyet değil: 2016 yazısı, ana içeriği ziyaretçi “sayfaya göz atarken” kapatan bir popup'ı da listeliyor ve Google'ın güncel yönergeleri kendini giriş sayfasıyla sınırlamıyor.

Yine de popup'ın boyutuna ve segmentine dikkat edin. Popupsmart, ziyaretçilerinizin davranışını ve niyetini tespit edip sitenizden ayrılmalarını önler. After X Page Visit tetikleyicisi de giriş sayfasını 1. sayfa sayar; yani 2 ayarı popup'ı ikinci sayfada gösterir.

Yöntem 3: Daha Küçük Alt Popup'lar Kullanın

Ekranın altında açılan küçük popup'lar içeriğinizi gizlemez. Google'ın güncel yönergelerinin tam sayfa interstitial'lar yerine önerdiği küçük banner türü de bunlardır.

8. Değerli Bir Teklif ile Tetikleyin

ücretsiz demo sunan bir mobil popup şablonu örneği

Mobil popup'taki iyi bir teşvik, insanları e-posta listenize abone olmaya, web sitenize üye olmaya ya da tanıttığınız ürünleri satın almaya yöneltir.

İndirim kodu ya da indirimli satış gibi özel fırsatlar sunun ve ziyaretçiye harekete geçmek için bir sebep verin.

Ya da indirimi bir kenara bırakıp içeriğinizin buna değdiğini anlatın.

9. Görsel Olarak Çekici Hale Getirin

Pembe gömlek giyen bir kızın resminin yer aldığı bir Kayıt Ol mobil popup örneği

Popup tasarımınız, taşıdığı mesaj ya da teşvik kadar önemli. Popup göze çarpmalı, akıllı telefonda da tablette de düzgün çalışmalı.

→ Zıt Bir Arka Plan Seçin

Zıt bir arka plan popup'ınızın sayfada öne çıkmasını sağlar.

→ Görseller İyi Bir Seçenek Olmayabilir

Mobil popup'ların masaüstündekiler kadar alanı yoktur.

O yüzden mobil popup'larınızı görselsiz gösterin ya da görseli Google'ın makul gördüğü alana sığacak kadar küçük tutun.

→ Cazip CTA'lar (Eylem Çağrısı)

Renkli eylem çağrısı butonları dikkat çeker ve kolayca görülür. Arka planla CTA butonu arasında zıt renkler de deneyebilirsiniz.

Bilgi
Rakamlarla: Popupsmart'ın 2026 kıyaslamasında e-posta veya telefon numarası isteyen medyan popup, gösterimlerinin %0,83'ünü dönüştürüyor; en iyi %10 ise %3,87 veya daha fazlasına ulaşıyor (Ocak 2024 - Eylül 2026, her biri en az 1.000 gösterim ve 14 aktif güne sahip 3.034 popup). Verimiz, bu farkı hangi tasarım tercihlerinin kapattığını göstermiyor; bu yüzden bu rehberdeki uygulamaları kendi trafiğinizde test edin. Ayrıntılar popup dönüşüm kıyaslama raporunda.

10. GDPR ve SEO Uyumlu

Mobilde popup'lara izin var. Google'ın yönergeleri içeriği gizleyen popup'ları hedef alıyor. Avoid intrusive interstitials and dialogs (rahatsız edici interstitial'lardan ve diyaloglardan kaçının) sayfası (son güncelleme 10 Aralık 2025), rahatsız edici interstitial'ların ve diyalogların “Google'ın ve diğer arama motorlarının içeriğinizi anlamasını zorlaştırdığını, bunun da arama performansının düşük olmasına yol açabileceğini” söylüyor. Tam sayfa interstitial'lar yerine “ekranın yalnızca küçük bir bölümünü kaplayan banner'ları” öneriyor ve yaş doğrulaması gibi yasal olarak zorunlu interstitial'ları kapsam dışında tutuyor. Google'ın sayfaları İngilizce; bu yazıda tırnak içinde verdiğimiz Google ifadeleri bizim çevirimizdir.

Sayfa mobili ayrıca ele almıyor; bunu Google'ın 2017 mobil sinyali yapıyordu. Interstitial popup rehberimiz ikisini yan yana koyuyor, popup'lar SEO'ya zarar verir mi sorusuna verdiğimiz yanıt da 2026 popup verimizin ne gösterdiğini ekliyor.

Google'ın interstitial politikasının sınırları içinde kalmanın en kolay yollarından biri, her cihaz için boyutu ve konumu kendiniz belirlediğiniz Popupsmart gibi bir popup oluşturucu kullanmaktır.

Veri tarafında, Popupsmart ile toplanan veriler bir Veri İşleme Sözleşmesi ile GDPR ve CCPA'ya uygun şekilde işlenir.

AB'deki ziyaretçilerden e-posta adresi topluyorsanız, izni formun kendisinde isteyin.

Mobil popup tasarımı örnekleri

İşte ilham alabileceğiniz 4 mobil popup örneği.

Mobilin ötesinde daha geniş bir tasarım yelpazesi için web sitesi popup örneklerine göz atın ya da bu kalıplardan herhangi birine hazır mobil popup şablonlarıyla başlayın.

Colgate

Ana sayfada çıkan Colgate popup'ının görünümü

Ünlü diş bakım markası Colgate, web sitesinin ana sayfasında bir form popup'ı kullanıyor.

Popup'ın amacı e-posta listesini büyütmek ve ziyaretçileri markanın yeniliklerinden haberdar etmek.

Ekran boyutuna uyum sağladığı ve kapatma butonu kolayca görüldüğü için hem masaüstünde hem de mobilde iyi çalışıyor.

Ziyaretçi özgürlüğünü koruyor, marka da kendine özgü bir popup'a sahip oluyor.

Tasarım neden işe yarıyor: düzen, masaüstü sürümünü küçültmek yerine ekran boyutuna uyum sağlıyor ve büyük, görünür bir kapatma butonu belirgin bir çıkış sunuyor.

Aila Cosmetics

Aila Cosmetics'in masaüstü ve mobil cihazlardaki popup'ı

Aila Cosmetics, ojeler ve sağlık ürünleri satan bir markadır.

Buradaki diğer markalardan farklı olarak Aila Cosmetics, ilgili bir görselle tam ekran popup kullanıyor.

Amaç, indirim karşılığında e-posta listesine kayıt toplamak ve onay SMS'i için telefon numarası almak.

Telefon numarası popup'ın ikinci adımında isteniyor ve zorunlu değil.

Tasarım neden işe yarıyor: isteği adımlara bölmek ve telefon alanını isteğe bağlı bırakmak, ilk ekranı tek bir karara indiriyor; bu da ziyaretçi için giriş maliyetini düşürüyor.

35 Thousand

Masaüstü ve mobil cihazda 35 Thousand popup'ı

35 Thousand, seyahat cilt bakımı ürünleri üreten bir markadır.

Masaüstünde görsel markaya yakışıyor, geri sayım öğesi de aciliyet hissi yaratıyor.

Markanın mobil popup'ı ise başka bir hikâye. Boyutu ve yazı tipleri küçültülebilir.

Popup yine de işini görüyor, ama kullanıcı deneyimini bozmaması için ekran boyutuna uyarlanmalı.

Tasarım neden işe yarıyor: geri sayım kayıptan kaçınma eğilimini tetikliyor; ancak mobil çerçeve ve yazı tipleri küçültülmeli ki ekranı kalabalıklaştırmadan aciliyet katsın.

Dikkat
Sık Yapılan Hata: Masaüstü popup'ının boyutunu ve yazı tipi ölçeğini olduğu gibi mobile taşımak. Dizüstü bilgisayarda iddialı görünen tasarım, telefonda içeriği kaplar.

Alleyoop

Alleyoop'un mobil ve masaüstündeki light popup'ı

Alleyoop, güzellik ve vücut bakımına yönelik bir kozmetik markasıdır.

Markanın indirim sunan lightbox popup'ı hem masaüstü hem de mobil ekranlara uyuyor.

Popup'ın yazı tipi web sitesiyle uyumlu. İndirimi almak için ziyaretçinin e-posta adresini girmesi gerekiyor.

Karşılığında sepette %10 indirim sağlayan kişiselleştirilmiş bir kupon kodu alıyor: kişiye özel bir teklif.

Tasarım neden işe yarıyor: sitenin yazı tiplerine ve renklerine uymak, popup'ı bir reklam gibi değil sitenin doğal bir parçası gibi hissettiriyor; kişiselleştirilmiş bir indirim popup'ı kodu da kaydı belirli ve size özel bir teklifle ödüllendiriyor.

Mobil popup boyutları ve ölçüleri

Google, bir mobil popup için piksel ölçüsü ya da ekran yüzdesi vermiyor. Yönergeleri popup'ın içeriği gizlememesini istiyor ve küçük banner'ları öneriyor; bu yüzden popup'ı, çevresinde sayfa okunabilir kalacak şekilde boyutlandırın. Çoğu mobil popup boyutlandırmada hata yapar ve tasarım galerilerinin nadiren açıkça anlattığı kısım da budur. Birkaç somut kural, tasarımınızı hem Google hem de ziyaretçileriniz açısından doğru tarafta tutar:

  • Ana içeriği asla kaplamayın. Google'ın yönergeleri, sayfayı gizleyen bir interstitial'ı rahatsız edici sayar. Makaleyi ya da ürünü çevresinde görünür bırakan küçük, banner tarzı veya ortalanmış bir popup güvende kalır.

  • Tam ekranın epey altında tutun. Görüntü alanının yalnızca makul bir dilimini kaplayan çerez veya onay bildirimleri izlenecek modeldir; ziyaretçinin nerede olduğunu hâlâ görebilmesi için net bir boşluk bırakın.

  • Kapatma butonunu ve CTA'yı başparmağın ulaşabileceği yere koyun. Tek elle tutulan bir telefonda başparmak ekranın alt kısmına üst köşelerden daha kolay uzanır; üst köşede kalmış bir kapatma simgesi zahmetli bir uzanma gerektirir. Her dokunma hedefini en az 44 x 44 pt yapın; bu, Apple'ın Human Interface Guidelines yönergelerindeki en küçük dokunma alanı. WCAG 2.2 en küçük hedef boyutu olarak 24 x 24 CSS pikseli (AA düzeyi), gelişmiş düzey olarak da 44 x 44 CSS pikseli (AAA düzeyi) belirliyor.

  • Formu temel alanlara indirin. Popupsmart'ın 2026 kıyaslamasında bir veya iki alan isteyen popup'lar %0,88 ve %0,94 dönüştürüyor, üç alanda bu oran %0,56 (medyan kampanya; çarkıfelek ve diğer oyunlaştırılmış popup'lar ayrı sayıldı). Hem isim hem e-posta toplamanız gerekiyorsa önce e-postayı isteyin, gerisini sonra takip edin.

  • Yazı tiplerini küçük ekranlara göre boyutlandırın. Başlıklar ve CTA etiketleri yakınlaştırma yapmadan okunabilmeli; masaüstünde işe yarayan gövde metni mobilde çoğu zaman bir kademe küçük kalır.

İpucu
Önemli Çıkarım: İçeriği görünür bırakan, kapatma butonu başparmağın ulaşabileceği yerde olan ve bir ya da iki alanlı kompakt bir popup, Google'ın yönergeleri içinde kalan ve ziyaretçiye uğraşacak en az şeyi bırakan mobil tasarımdır.

Özellikle mobilde mi satış yapıyorsunuz? Sepet terki popup örneklerimiz, alışverişçinin satın almaya en yakın olduğu sepet sayfası için 15 popup gösteriyor.

Sonuç

Google'ın mobil interstitial sinyalini duyurduğu 2016 yazısı bunu açıkça söylüyor: "amacımız, kullanıcıların hangi cihazı kullandıklarına bakılmaksızın sorularına en hızlı şekilde en iyi yanıtları bulmalarına yardımcı olmaktır."

Daha iyi bir kullanıcı deneyimi, daha memnun müşteri ve daha fazla dönüşüm demek.

Mobil popup'lar hâlâ dönüşüm getirebilir. Onları kendiniz optimize edin ya da bugün Popupsmart'a ücretsiz kaydolup orada oluşturun.

Sonra m-ticaret hedeflerinize hizmet edene kadar mobil popup'larınızı iyileştirmeye devam edin.

Dönüşüme Hazır Mobil Popup'lar Oluştur

Sıkça Sorulan Sorular

Mobil popup'lar ve bunların optimize edilmesiyle ilgili en yaygın sorulara odaklanıyoruz. Göz atın!

Popup'lar mobil SEO'ya zarar verir mi?

Varsayılan olarak hayır. Google'ın “Avoid intrusive interstitials and dialogs” sayfası (son güncelleme 10 Aralık 2025), rahatsız edici interstitial'ların ve diyalogların, içeriği arama motorlarının anlamasını zorlaştırdığı için “arama performansının düşük olmasına yol açabileceğini” söylüyor. İçeriği görünür bırakan ve kolayca kapanan küçük bir popup ya da banner, o sayfanın uyardığı şey değil. Çerez bildirimleri ve yaş doğrulamaları gibi yasal olarak zorunlu interstitial'lar bunun dışında tutuluyor.

Mobil popup boyutu ne olmalı?

Google piksel ölçüsü ya da ekran yüzdesi vermiyor. Güncel yönergeleri tam sayfa interstitial'lar yerine ekranın yalnızca küçük bir bölümünü kaplayan banner'ları öneriyor; bu yüzden popup'ı, çevresinde içerik görünür kalacak şekilde boyutlandırın. Kapatma butonunu ve CTA'yı en az 44 x 44 pt yapın; bu, Apple'ın Human Interface Guidelines yönergelerindeki en küçük dokunma alanı. Formu da bir ya da iki alanla sınırlayın.

Popup'lar mobilde mi, masaüstünde mi daha iyi dönüştürüyor?

Mobilde. Popupsmart'ın 2026 kıyaslamasında (Ocak 2024 ile Eylül 2026 arası) mobil ziyaretçiler popup'larda %1,02 dönüşüyor, masaüstünde bu oran %0,57; tıklamada %2,99'a karşı %1,34 (medyan kampanya). Popup gösterimlerinin %63'ü mobilde gerçekleşiyor. Instagram veya Facebook uygulamasının içinde gezinen ziyaretçiler, normal mobil tarayıcıdaki ziyaretçilerden popup dönüşümünde ölçülebilir bir fark göstermiyor.

Mobil uygulama popup tasarımı, web sitesi popup'ından nasıl farklı?

Yerel bir iOS veya Android uygulamasındaki popup, uygulamanın kendi kodunda Apple'ın Human Interface Guidelines ya da Google'ın Material Design yönergelerine göre oluşturulan veya bir uygulama içi mesajlaşma aracıyla gösterilen bir uyarı, diyalog ya da alt sayfadır (bottom sheet). Web sitesi popup'ı ise telefonun tarayıcısında, bir web sayfasının üzerinde yüklenir ve bir script ya da popup oluşturucuyla eklenir. Popupsmart web sitesi popup'ları oluşturur. Tasarım kuralları örtüşür: tek bir mesaj ve dokunması kolay bir kapatma butonu.

Mobil Popup Kampanyaları Nasıl Optimize Edilir?

İyi optimize edilmiş bir mobil popup kampanyası oluşturmak için, Popupsmart gibi kullanımı kolay bir popup oluşturucu seçmelisiniz. Bu tür araçlar, dönüşüme hazır şablonlarıyla tasarım sürecini hızlandırabilir. İleri düzey özelliklerle, mobil popup kampanyalarınızın performansını takip edebilir ve A/B testleri yaparak kullanıcılarınız için en iyi çalışan seçeneği belirleyebilirsiniz.

Mobil Popup Etkileşim Oranını Nasıl Artırırsınız?

Mobil popup etkileşim oranınızı artırmak için kullanıcı deneyimini ve ihtiyaçlarını her şeyin üzerinde tutmalısınız. Ağır ve karmaşık görsellerden kaçının ve açık, yönlendirici bir çağrı yaparak net ve kısa bir metin yazın. Ayrıca, fazla soru sormaktan kaçının ve mümkün olduğunca az giriş alanı ekleyin.

Önerilen Blog Yazıları

Bu yazıyı beğendiyseniz ilginizi çekebilecek bazı konular:

Bu yazıda neler değişti

Google'ın kuralları yeniden okundu; boyut ve uygulama popup'ları yanıtlandıGoogle kurallarıSSS

Google'ın interstitial yönergeleri artık güncel sayfasından (son güncelleme 10 Aralık 2025) aktarılıyor; kabul edilebilir ekran alanı görseli ve “hangi cihazı kullandıklarına bakılmaksızın” alıntısı da geldikleri yere, Google'ın 2016 duyurusuna dayandırıldı. Düzeltilenler: Google'ın mobil kuralının yalnızca giriş sayfası için geçerli olduğu iddiası (2016 listesi, ziyaretçi sayfayı okurken gösterilen popup'ı da kapsıyor); rahatsız edici bir popup'ın sayfanın sıralamasını aşağı çektiği ve küçük bir alt popup'ın sizi her türlü cezadan uzak tuttuğu iddiaları; verimizin açıklamadığı bir farkı tasarıma, metne ve zamanlamaya bağlayan bir not ve tek alanlı form öneren özet. Eklenenler: Apple'ın ve WCAG 2.2'nin dokunma hedefi alt sınırlarıyla bir mobil popup'ın ne boyutta olması gerektiği; uygulama popup'larının web sitesi popup'larından farkı; mobil SEO, popup boyutu ve uygulama popup'ları üzerine iki eski yanıtın yerini alan SSS yanıtları. Kıyaslama cümleleri artık 2026 ifadelerini birebir aktarıyor; kaldırılmış bir e-ticaret popup rehberine yapılan gönderme de artık sepet terki popup örneklerimize bağlanıyor.

Mobil veriler 2026 kıyaslamasından; kaynaklar kontrol edildiVeri

Mobil rakamlar artık Popupsmart'ın 2026 kıyaslamasından geliyor (mobilde gösterimlerin %1,02'si, masaüstünde %0,57'si; gösterimlerin %63'ü mobilde): girişte, meta açıklamada ve yeni bir SSS'de. Kaldırılanlar: 2019 tarihli bir mobil ödeme pazarı tahmini ve 2025 için yapılmış bir mobil ticaret satış tahmini. Düzeltilenler: yanlış aktarılmış bir Zippia istatistiği, hareketsizlik tetikleyicisinin adı, ziyaretçilerin bir popup'ı nasıl kapatabileceği (Close when overlay clicked) ve artık güven merkezimizin ifadesini kullanan GDPR cümlesi. Kıyaslamadan eklenenler: zamanlama, yeni ziyaretçi hedeflemesi ve form alanı sayısı verileri. Yazı ayrıca tasarım odaklı yapıya geçti: örneklerin her birine "Tasarım neden işe yarıyor" notu ve yeni bir boyut kuralları bölümü eklendi.

İlk yayın

İlk yayın.

Hatice Özşahan

Digital Marketing Specialist

Tüm yazılar

Hatice, Popupsmart'ın Dijital Pazarlama Uzmanıdır. Onu yeni içerikler yazarken bulabilirsiniz. Bunun dışında muhtemelen resim yapmakla meşguldür.

tarafından incelendi. Mert Özeren