Web sitesi mobilde bozuk görünüyorsa en sık nedenler şunlardır: sayfada viewport etiketi yok, bazı öğelere sabit piksel genişliği verilmiş, tablo veya görseller ekrana sığmıyor, tema ya da eklenti güncellemesi mobil stili bozmuş. Google sitenin mobil sürümünü dizine eklediği için bu sorun hem müşteri kaybına hem de arama görünürlüğüne yansır.
Bu sayfada
- Mobil görünüm sorunu neden bu kadar önemli?
- Mobilde en sık hangi bozulmalar görülür?
- Siteyi mobilde nasıl test edebilirsiniz?
- Site birden bozulduysa ne olmuş olabilir?
- Eski bir site mobile uyarlanabilir mi, yoksa yenilemek mi gerekir?
- Mobil deneyimi iyileştiren küçük dokunuşlar nelerdir?
- Sorunun tekrar etmemesi için ne yapılmalı?
- Sık sorulan sorular
Mobil görünüm sorunu neden bu kadar önemli?
StatCounter'a göre Ağustos 2026'da Türkiye'deki web trafiğinin yüzde 75,94'ü mobil cihazlardan geldi, masaüstünün payı yüzde 23,54'te kaldı. Yani müşterilerinizin dörtte üçü sitenizi büyük ihtimalle telefonda görüyor. Masaüstünde kusursuz görünen bir site, çoğunluk için bozuk olabilir.
Arama tarafında da durum aynı: Google, sitenin akıllı telefon tarayıcısıyla taranan mobil sürümünü dizine ekleme ve sıralama için kullanır. Mobilde gizlenen, kesilen veya açılmayan içerik Google açısından da eksik kalır. Web sitem mobilde bozuk şikâyeti bu yüzden yalnızca görsel bir kusur değildir.
Mobilde en sık hangi bozulmalar görülür?
| Belirti | Olası neden | Çözüm yönü |
|---|---|---|
| Sayfa çok küçük görünüyor, yakınlaştırmak gerekiyor | Viewport meta etiketi eksik | Sayfa başlığına width=device-width içeren viewport etiketi eklemek |
| Sayfa yana kayıyor | Sabit genişlikli kutu, görsel veya tablo | Genişlikleri yüzdeyle vermek, görsellere en fazla yüzde 100 genişlik tanımlamak |
| Tablo ekrandan taşıyor | Geniş tablo mobil için düzenlenmemiş | Tabloyu yatay kaydırılabilir bir kutuya almak veya kart görünümüne çevirmek |
| Menü açılmıyor veya içerikle üst üste biniyor | JavaScript hatası veya tema çakışması | Tarayıcı konsolundaki hatayı bulmak, son eklenen eklentiyi kontrol etmek |
| Butonlara dokunmak zor | Dokunma alanları küçük ve birbirine yakın | Buton boyutunu ve aralarındaki boşluğu artırmak |
| Açılır pencere kapanmıyor | Kapatma butonu ekran dışında | Mobilde pencereyi küçültmek veya kaldırmak |
| Yazılar çok küçük | Masaüstü yazı boyutu mobilde küçültülmüş | Gövde metni için rahat okunur bir boyut belirlemek |
WCAG 2.2'nin 2.5.8 ölçütü, dokunma hedeflerinin en az 24x24 CSS piksel olmasını ya da yeterli boşlukla ayrılmasını ister. Telefon ve WhatsApp butonları gibi sık kullanılan öğeleri bunun rahatça üzerinde tutmak iyi bir alışkanlıktır.
Siteyi mobilde nasıl test edebilirsiniz?
Google'ın eski Mobil Uyumluluk Testi aracı ve Search Console'daki Mobil Kullanılabilirlik raporu 1 Aralık 2023'te kaldırıldı. Bugün mobil görünümü test etmek için aşağıdaki yöntemler kullanılıyor.
- Gerçek telefonlarda açınEn az bir Android ve bir iPhone'da siteyi gezin; menüyü açın, formu doldurun, telefon butonuna dokunun.
- Tarayıcının geliştirici araçlarını kullanınChrome'da F12 tuşuna basıp cihaz görünümünü açın; farklı ekran genişliklerini tek tek deneyin.
- Lighthouse raporu alınGeliştirici araçlarındaki Lighthouse sekmesi mobil erişilebilirlik ve performans sorunlarını listeler.
- URL Denetimi ile Google'ın gördüğünü kontrol edinSearch Console'da "Canlı URL'yi test et" sonrasında taranan sayfanın ekran görüntüsüne bakın.
- Yatay ekranı da deneyinTelefonu yan çevirdiğinizde düzenin bozulup bozulmadığını görün.
Site birden bozulduysa ne olmuş olabilir?
Dün düzgün görünen site bugün mobilde bozuksa neden genellikle yakın zamanda yapılan bir değişikliktir. Bu durumda tasarımı baştan düşünmek yerine son değişikliği bulmak yeterlidir.
- Tema veya eklenti güncellemesi: Güncelleme, özel olarak eklenmiş mobil stilleri ezmiş olabilir.
- Yeni eklenen içerik: Başka bir yerden kopyalanan metin, sabit genişlikli stil kodlarını da taşımış olabilir.
- Önbellek: Eski ve yeni stil dosyaları karışmış olabilir; önbelleği temizleyip tekrar deneyin.
- Hız eklentisi ayarı: CSS birleştirme veya erteleme ayarı mobil stili bozabilir.
- Üçüncü taraf kod: Yeni eklenen sohbet, çerez bandı veya reklam kodu düzeni itebilir.
Eski bir site mobile uyarlanabilir mi, yoksa yenilemek mi gerekir?
Sitenin yapısına bağlıdır. Temel düzeni esnek olan bir sitede birkaç stil düzeltmesi yeterli olur. Ancak birkaç yıl önce yalnızca masaüstü için tasarlanmış, sabit genişlikli bir sitede her sayfayı tek tek yamamak, yeniden yapmaktan daha pahalıya gelebilir.
| Durum | Önerilen yol |
|---|---|
| Birkaç sayfada taşma veya küçük hata | Hedefli stil düzeltmesi |
| Güncelleme sonrası ani bozulma | Değişikliği geri almak, uyumlu sürüme geçmek |
| Viewport yok, tüm düzen sabit genişlikte | Duyarlı (responsive) yeni tasarım |
| Site mobilde çalışıyor ama çok yavaş ve eski | Yenileme; içerik ve adresler korunarak |
Google, duyarlı tasarımı uygulaması ve bakımı en kolay yöntem olarak önerir. Yenileme gerekiyorsa içerik ve Google sıralaması korunarak nasıl ilerlediğimizi web sitesi yenileme sayfamızda anlattık.
Mobil deneyimi iyileştiren küçük dokunuşlar nelerdir?
Bozuk görünümü düzelttikten sonra birkaç küçük iyileştirme, mobil ziyaretçinin sizinle iletişime geçmesini kolaylaştırır. Bu adımların çoğu tasarımı değiştirmeden uygulanabilir.
- Telefon numarasını tıklanabilir yapın; dokununca arama başlasın.
- WhatsApp butonunu sayfanın alt köşesinde sabit tutun, ama içeriğin üstüne binmesin.
- Formlarda telefon alanı için sayısal klavye açılsın, gereksiz alanları çıkarın.
- İlk ekranda ne yaptığınızı ve nasıl ulaşılacağınızı gösterin; slider yerine tek mesaj kullanın.
- Görselleri mobil boyutta sunun; masaüstü boyutundaki fotoğraflar mobilde gereksiz yük oluşturur.
Mobil yavaşlık da yaşıyorsanız teşhis yöntemini web sitem çok yavaş yazısında anlattık. Tasarım kararlarının arama görünürlüğüne etkisini web tasarım SEO'yu etkiler mi yazısında ele aldık.
Sorunun tekrar etmemesi için ne yapılmalı?
Mobil bozulmalar çoğunlukla bakım sırasında ortaya çıkar: güncelleme, yeni içerik veya yeni eklenti. Her değişiklikten sonra siteyi telefonda kontrol etmek bir alışkanlık haline gelmelidir.
Güncellemelerin test ortamında denendiği, yedeklerin düzenli alındığı ve mobil görünümün her ay kontrol edildiği bir düzen için web sitesi bakım sayfamıza göz atabilirsiniz. Sitenizi baştan mobil öncelikli yaptırmayı düşünüyorsanız web sitesi yaptırma sürecimizi inceleyebilirsiniz.
Sık sorulan sorular
Mobil uyumlu site SEO için zorunlu mu?
Google yalnızca mobil sürümü dizine ekler; bu yüzden mobilde eksik veya bozuk olan içerik aramada da eksik değerlendirilir. Resmi bir "ceza" olmasa da mobil deneyim, sayfa deneyimi sinyallerinin ve ziyaretçi davranışının merkezindedir.
Google'ın mobil uyumluluk testi nereye gitti?
Google, Mobil Uyumluluk Testi aracını ve Search Console'daki Mobil Kullanılabilirlik raporunu 1 Aralık 2023'te kaldırdı. Yerine Lighthouse, Chrome geliştirici araçları ve Search Console'daki URL Denetimi aracı kullanılabilir.
Mobilde bazı bölümleri gizlemek sorun olur mu?
Dekoratif öğeleri gizlemek sorun değildir. Ancak metin, ürün bilgisi veya iç bağlantılar gibi ana içerik gizlenirse Google bunları göremeyebilir. İçeriği silmek yerine akordeon veya sekme içine almak daha güvenlidir.
Sadece iPhone'da bozuk görünüyor, neden?
Safari bazı CSS özelliklerini diğer tarayıcılardan farklı yorumlar. Sabit konumlu öğeler, ekran yüksekliği birimleri ve tarih alanları sık sorun çıkarır. Sorun yalnızca bir cihazda varsa o tarayıcıya özgü bir stil düzeltmesi genellikle yeterlidir.
Ayrı bir mobil site (m.alanadi.com) yapmalı mıyım?
Genellikle hayır. Ayrı mobil site, içerik ve yönlendirmelerin iki kez yönetilmesini gerektirir ve hata riskini artırır. Tek adres üzerinden çalışan duyarlı tasarım, Google'ın da önerdiği yöntemdir.
Mobil düzeltme ne kadar sürer?
Tek bir taşma veya menü sorunu çoğu zaman birkaç saatte çözülür. Tüm düzenin sabit genişlikte olduğu eski sitelerde ise kapsamlı bir yeniden düzenleme gerekir. Önce sorunun kaynağını bulmak, süre tahminini netleştirir.
Projenizi konuşalım
İhtiyacınızı WhatsApp'tan kısaca yazın; kapsamı netleştirip aynı gün içinde size dönüş yapalım.
İlgili sayfalar
- Web Sitesi Yenileme: Sıralamanızı Koruyarak Yeni Siteye GeçişSiteniz eskidiyse yenilemek doğru karar olabilir; ama yanlış yapılan bir geçiş, yıllardır Google'dan gelen trafiği birkaç haftada silebilir.
- Web Sitesi Bakım Hizmeti: Siteniz Sessizce BozulmasınWeb siteleri çoğu zaman bir gecede değil, yavaş yavaş bozulur: güncellenmeyen bir eklenti, süresi dolan bir sertifika, alınmayan bir yedek.
- Web Sitesi Yaptırmak: Adım Adım Süreç ve PaketlerWeb sitenizi alan adından yayına kadar biz kuruyoruz. Pendik'ten çalışıyor, İstanbul'da yüz yüze, Türkiye'nin geri kalanında ve yurt dışında
- Web Sitem Çok Yavaş: Ne Yapmalıyım?Yavaşlığın tek bir nedeni yoktur. Sunucu mu geç cevap veriyor, görseller mi ağır, yoksa bir eklenti mi sayfayı kilitliyor? Doğru teşhis, yan
- Web Tasarım SEO'yu Etkiler mi?Google tasarımı güzellik açısından puanlamaz. Ama tasarımda verilen kararlar sayfanın hızını, mobil kullanımını, menüdeki bağlantıları ve me