Birisi sitenize telefonundan girdiğinde yazıları okumak için ekranı büyütmek zorunda kalıyorsa, düğmelere basamıyorsa ya da sayfa yana kayıyorsa, çoğu zaman beklemez. Geri döner ve arama sonuçlarındaki bir sonraki işletmeye bakar. Masaüstünde güzel görünen bir site, telefonda müşteri kaybettiriyor olabilir.
Bu yazıda mobil uyumlu sitenin ne demek olduğunu, Google'ın bu konuya neden önem verdiğini ve sitenizi teknik bilgi gerektirmeden 5 adımda nasıl kontrol edeceğinizi anlatıyoruz.
Mobil uyumlu web sitesi nedir?
Mobil uyumlu site, telefonda ve tablette de rahat okunan ve kullanılan sitedir. Ekranı büyütmeden okunur, parmakla rahatça gezilir ve telefondaki ziyaretçinin yapmak istediği işi kolaylaştırır: aramak, yol tarifi almak, form doldurmak.
Bunun en yaygın yolu duyarlı (responsive) tasarımdır. Site tek bir adreste durur ve ekran boyutuna göre kendini yeniden düzenler. Masaüstünde yan yana duran üç kutu, telefonda alt alta dizilir. Google da kurulumu ve bakımı en kolay yöntem olduğu için duyarlı tasarımı önerir.
Telefon için ayrı bir site yapmak da mümkündür, ama bu durumda iki siteyi aynı anda güncel tutmanız gerekir. Mobil uygulama ise bambaşka bir üründür. İkisi arasında kararsızsanız mobil uygulama mı, mobil uyumlu site mi yazımıza bakabilirsiniz.
Neden önemli?
- Google sitenize telefon gözüyle bakar. Google, sitelerin telefon sürümünü tarayıp dizine ekler. Buna mobil öncelikli dizine ekleme denir. İçeriği telefonda hiç açılamayan siteler artık dizine eklenmiyor. Masaüstünde olup telefonda gizlenen içerik de Google'ın gözünden kaçabilir.
- Telefondaki müşteri acelecidir. Genelde bir şey yapmak için gelir: numaranızı bulmak, adresinize bakmak, fiyat sormak. Bu bilgilere birkaç dokunuşta ulaşamazsa başka bir siteye geçer.
- Reklam bütçesi korunur. Reklamı tıklayan kişi telefondaysa ve sayfa telefonda bozuk açılıyorsa, o tıklama için ödediğiniz para boşa gider.
Sitenize gelenlerin hangi cihazdan girdiğini Google Analytics'te cihaz kategorisine bakarak görebilirsiniz. Karar verirken genel yorumlar yerine kendi sitenizin verisine bakın.
Sitenizi 5 adımda kontrol edin
1. Kendi telefonunuzda müşteri gibi gezin
En değerli test budur. Kablosuz ağı kapatıp mobil veriyle sitenizi açın ve şunları deneyin:
- Yazıları ekranı büyütmeden okuyabiliyor musunuz?
- Sayfa sağa sola kayıyor mu? Sadece yukarı aşağı kaymalı.
- Menü rahatça açılıp kapanıyor mu?
- Telefon numarasına dokununca arama ekranı açılıyor mu?
- Bir düğmeye basarken yanlışlıkla yanındaki bağlantıya basıyor musunuz?
- İletişim formunu baştan sona doldurup gönderebiliyor musunuz?
- Açılır pencere ya da çerez uyarısı içeriği kapatıyor mu, kapatma düğmesi görünüyor mu?
2. Farklı telefonlarda açın
Sizin telefonunuzda düzgün görünen site, daha küçük ekranlı ya da farklı işletim sistemli bir telefonda bozulabilir. Siteyi en az bir Android telefonda ve bir iPhone'da açın, mümkünse küçük ekranlı bir cihazda da deneyin. Çalışanlarınızın ya da ailenizin telefonları bu iş için yeterlidir.
3. Bilgisayarda telefon görünümünü açın
Chrome'da sitenizi açın ve geliştirici araçlarını F12 ile (Mac'te Cmd+Option+I) açın. Ardından Ctrl+Shift+M (Mac'te Cmd+Shift+M) ile telefon görünümüne geçin. Üst kısımdan farklı cihaz boyutlarını seçip sayfanın nasıl dizildiğine bakabilirsiniz. Gerçek telefonun yerini tutmaz, ama hızlı bir ön kontrol sağlar.
4. PageSpeed Insights ile ölçün
PageSpeed Insights sayfasına sitenizin adresini yazın ve Mobil sekmesindeki sonuçlara bakın. Burada sitenin telefonda ne kadar hızlı açıldığını, yüklenirken sayfanın kayıp kaymadığını ve iyileştirilmesi önerilen noktaları görürsünüz.
Puanın kendisine takılmayın, önerilerin neden çıktığına bakın. Sonuçları nasıl okuyacağınızı site hızı nasıl ölçülür yazımızda ayrıntılı anlattık.
5. Search Console verilerine bakın
Sitenizi Google Search Console'a eklediyseniz, Önemli Web Verileri raporu telefon ve bilgisayar için ayrı sonuç gösterir. Telefon tarafında sorunlu olarak işaretlenen sayfa grupları varsa işe onlardan başlayın.
Bu rapor gerçek ziyaretçi verisiyle dolduğu için az ziyaret alan sitelerde boş görünebilir. O durumda ilk dört adım size yeterli fikri verir.
Sık görülen sorunlar ve çözümleri
| Sorun | Ne yapılır? |
|---|---|
| Yazılar çok küçük | Yazı boyutu telefona göre büyütülür, satırlar kısaltılır |
| Sayfa yana kayıyor | Ekrana sığmayan görsel, tablo ya da kutu bulunup küçültülür |
| Düğmeler birbirine çok yakın | Düğmeler büyütülür, aralarına boşluk bırakılır |
| Numaraya basınca arama açılmıyor | Telefon numarası tıklanabilir bağlantıya çevrilir |
| Açılır pencere içeriği kapatıyor | Pencere küçültülür ya da telefonda gösterilmez |
| Site telefonda yavaş açılıyor | Görseller küçültülür, gereksiz eklenti ve kodlar kaldırılır |
| Bazı bölümler telefonda görünmüyor | Önemli içerik telefonda da gösterilir |
Telefondaki müşteriyi harekete geçiren ayrıntılar
Mobil uyum sadece sayfanın bozulmadan açılması değildir. Telefondaki ziyaretçinin işini kısaltan küçük ayrıntılar da en az o kadar önemlidir:
- Tek dokunuşla arama ve WhatsApp: Telefon numarası ve WhatsApp bağlantısı her sayfada kolayca bulunmalı.
- Yol tarifi bağlantısı: Adresinize dokunan kişi, harita uygulamasında yol tarifini açabilmeli.
- Doğru klavye: Formda telefon alanına dokunulduğunda rakam klavyesi, e-posta alanında @ işaretli klavye açılmalı.
- Kısa formlar: Telefonda her ek alan doldurmayı zorlaştırır. Sadece gerçekten gereken bilgileri isteyin.
- Önemli bilgi üstte: Çalışma saatleri, hizmet bölgesi ve iletişim düğmesi uzun kaydırma gerektirmeden görülebilmeli.
Siteniz mobil uyumlu değilse
Her şeyi baştan yapmak gerekmeyebilir. Önce sorunun büyüklüğünü belirleyin:
- Küçük sorunlar varsa (yazı boyutu, taşan bir iki görsel, basılamayan bir düğme) mevcut sitede düzeltilebilir.
- Site hazır bir tema ile yapıldıysa güncel ve duyarlı bir temaya geçmek çoğu zaman yeterli olur.
- Site eski bir teknolojiyle, sadece masaüstüne göre kodlandıysa yama yapmak yerine yeni bir tasarım daha doğru ve uzun vadede daha ekonomik olabilir.
Hangi durumda olduğunuzu anlamak için sitenin hangi altyapıyla yapıldığını ve en son ne zaman güncellendiğini öğrenin.
Yeni bir site yaptıracaksanız tasarım aşamasında telefon görünümünü ayrıca isteyin ve onaylayın. Sadece masaüstü tasarımını onaylayıp telefon görünümünü yayından sonra görmek, sonradan düzeltme gerektiren sık bir hatadır.
Sık sorulan sorular
Sitemin mobil uyumlu olup olmadığını nasıl anlarım?
En hızlı yol, sitenizi kendi telefonunuzda açıp yazıları büyütmeden okuyabildiğinizi, sayfanın yana kaymadığını ve düğmelere rahat basabildiğinizi kontrol etmektir. Ardından PageSpeed Insights'ta mobil sonuçlara bakın. Bilgisayarda Chrome'un telefon görünümü de hızlı bir ön kontrol sağlar.
Google mobil uyumluluk testi kaldırıldı mı?
Evet. Google, Mobil Uyumluluk Testi aracını ve Search Console'daki mobil kullanılabilirlik raporunu Aralık 2023'te kaldırdı. Yerine Chrome'daki Lighthouse gibi araçları öneriyor. Aracın kalkması, mobil uyumun önemini kaybettiği anlamına gelmiyor.
Mobil uyumlu olmayan site Google'da çıkar mı?
Telefonda açılabilen ama rahat kullanılamayan bir site yine dizine eklenebilir. Ancak içeriğine telefondan hiç ulaşılamayan siteler Temmuz 2024'ten beri dizine eklenmiyor. Dizine eklense bile telefonda kötü bir deneyim, ziyaretçinin siteden hemen çıkmasına yol açar.
Responsive tasarım ile mobil uyumlu site aynı şey mi?
Tam olarak değil. Mobil uyum bir sonuçtur: sitenin telefonda rahat kullanılması. Responsive, yani duyarlı tasarım ise bu sonuca ulaşmanın en yaygın yoludur. Ayrı bir telefon sitesiyle de mobil uyum sağlanabilir, ama bakımı daha zordur.
Kısacası
Mobil uyumlu site, müşterinizin telefonda sizi aradığı anda işini kolaylaştıran sitedir. Kendi telefonunuzla yapacağınız beş dakikalık bir kontrol bile belirgin sorunları ortaya çıkarır. Sitenizin telefondaki hâlini birlikte değerlendirmek ya da yeni sitenizi baştan telefona göre kurmak isterseniz web tasarım hizmetimize göz atabilirsiniz.