Aklınıza gelebilecek sorulardan birkaçı şunlar olabilir: Mobil bir web sitesi yapmalı mıyım? Bunu en iyi nasıl yapabilirim? Kontrol listemiz mobile geçmeyi düşünenler için faydalı olacaktır.
Mobil ve Masaüstü Versiyonları
Yönlendirmelerinizi kontrol edin.
- Yönlendirmeleriniz anasayfa yerine sabit bir sayfaya mı gidiyor?
- Mobil ziyaretçileriniz sitenizin mobil versiyonuna yönleniyor mu?
- Masaüstü kullanıcılarınız sitenizin masaüstü versiyonuna mı yönleniyor?
Mobil kullanıcılarınıza sitenizin masaüstü versiyonunu görebilmeleri için seçenek sunun.
- Masaüstü versiyonu seçeneği ziyaretçilerinizin kolayca bulabileceği bir şekilde konumlandırılmış mı?
- Mobil ziyaretçileriniz masaüstü sürümünü seçtiğinde geçerli sürümde sitenizi kullanmaya devam edebiliyorlar mı?
- Masaüstü versiyonuna geçiş yaptıklarında sizin yaptığınız yönlendirmeler onları tekrar mobil versiyona mı geri döndürüyor?
Dinamik websiteniz varsa mobil yapılandırmanıza karar verin.
- Google ve diğer arama motoru botlarına sitenizin mobil versiyonu olduğunu kodlama yapınızda bildirdiniz mi?
Ayrı URL adreslerine sahip mobil versiyona sahipseniz rel=alternate/canonical etiketlerini kullanın.
- Masaüstü versiyonunda rel=”alternate” etiketi ile mobil versiyonunuza ait URL adresinizi belirttiniz mi? Head kısmında <link rel=”alternate” media=”only screen and (max-width: 640px)” href=”http://m.domain.com” /> şeklinde bir tanımlama yapmalısınız.
- Mobil sayfalarınız için rel=”canonical” etiketi ile sayfalarınızın masaüstü versiyonunu belirttiniz mi? Head kısmında <link rel=”canonical” href=”http://www.domain.com” /> şeklinde bir tanımlama yapmalısınız.
Teknik Konular
Mobil sürüme geçişinizi yaptıktan sonra Google Webmasters Tools servisini ziyaret ederek Tarama > Tarama Hataları bölümünü ziyaret edin. Mobil cihazlarda hataya neden olan sayfalarınızı görmenizi sağlayacaktır.
Mobil site haritası ekleyin.
Mobil sürüme sahip olduğunuz url adreslerini içeren site haritanızı Google Webmasters Tools’ a gönderdiniz mi?
Mobil siteniz için site hızı testi yapın.
Google page speed aracı ile sitenizi analiz ettiniz mi? Mobil bağlantı, işlemci gücü gibi kavramları hesap ederek resim,js ve css dosyalarının mobil versiyona göre daha fazla optimize edilmesi gerekir.
Sunucu taraflı yönlendirmeler kullanın.
Sunucu taraflı yönlendirmeler daha hızlıdır.
Mobil web siteleri arama motorlarına 301 ve 302 yönlendirme kodları ile aynı mesajı verirler. Google 302 yönlendirme kodunu önerir.
Tasarım
Sitenizi farklı mobil cihazlarda test edin.
- Mobil siteniz en çok tercih edilen telefonlarda iyi görünüyor mu? En çok satılan telefonları inceleyin. Örneğin; iPhone (iOS), Samsung Galaxy S4 (Android), Nexus 5 (Android) ve Nokia Lumia 520 (Windows).
Google Analytics raporlarınızda ziyaretçilerinizin en çok kullandığı telefonları inceleyin.
- Mobil siteniz en çok tercih edilen tabletlerde iyi görünüyor mu? En çok satılan tabletleri inceleyin. Örneğin ; iPad (iOS), Samsung Galaxy Tab (Android), Kindle Fire (Amazon), ve Asus Transformer Book (Windows).
Google Analytics verilerinizde çözünürlük türüne göre de raporunuzu inceleyin ve test için size gerekli verileri edinin.
Linkler arası boşluk boyutunu kontrol edin.
Bağlantılarınız araınsa 28×28 piksel boyutunda boşluklar bıraktınız mı? Bağlantılarınız parmakla tıklamak (dokunma) için rahat mı?
Flash dosyalar kullanmadığınızdan emin olun.
iPhone cihazlar flash dosyalarını okuyamazlar. Android cihazlarda ise bu durum çok yavaş ilerler.
Mobil site tasarımınızla masaüstü tasarımınızı karşılaştırın.
Viewport etiketi kullanın.
Mobil sitenizde viewport etiketi kullanarak mobil cihazlara tam olarak sığmasını sağladınız mı?
Pop up kullanmayın.
Sitenizde pop up kullanımı ziyaretçilerin sitenizi terk etmesine yol açabilir.
Site yüklenme sürenizi düşürebilir.
Responsive (duyarlı) tasarıma sahip sitelerde yerleşimlerinizi kontrol edin.
Sepete ekle gibi satışa yönlendirecek elemanlarınızı üst kısımda tutmaya özen gösterin.
Sitenizin tablet versiyonunda her şey doğru konumlandırılmış mı?
Navigasyon
Ziyaretçilerinizin mobil sitenizde bütün sayfalarınıza erişebildiğinden emin olun.
Mobil navigasyonu tasarlarken buradan birkaç örneği inceleyebilirsiniz. Kullanılabilirliğe önem verin.
İçerik
Masaüstü sayfalar için mobil harita
- Her masaüstü sayfa için bir eş değer mobil sayfa olmalıdır.
- Masaüstü sayfanızın içeriği uzun ise mobil sürümde bunu parçalamanız daha doğru olacaktır.
- Mobil sürümü lokasyon (ip) bazlı düşünerek tasarlarsanız ziyaretçileriniz gördükleri yerel içerik dışında başka bir içeriğe ulaşamayacaklarını düşünebilir. Her iki versiyonu da seçebilmelerine olanak tanıyın.
Karmaşık içeriğinizi düzenleyin.
Mobil ziyaretçiler küçük ekranlar kullandıkları ve sabırsız oldukları için karmaşık içerikler sunmayın.
Mümkün olduğunca kısa ve aynı mesajı vermeye çalışın.
Gereksiz imajları kaldırın.
Gereksiz imajlar hem sayfa yüklenme süresini uzatır hem de ekstra alanı işgal eder.
Reklam alanlarınız sitede olmazsa olmaz değilse mobil sürümde kaldırın ve mobil ziyaretçilerinizin sade sayfalar görmesini sağlayın.
Video
Videolarınızın mobil versiyonda sorunsuz çalıştığından ve ekrandan taşmadığına emin olun.
HTML5 video oynatıcısı kullanın.
- HTML5 video oynatıcılar mobil cihazlarda hızlı işlem yaparlar.
Videolarınızı responsive yapın
Eğer responsive bir web sitesine sahipseniz videolarınızın da ekran çözünürlüğüne göre boyutlandırılmasını sağlayın.
Arama Sonuçları Sayfası
Sayfa başlığınız iyi görünüyor mu?
Google arama sonuç sayfasında sitenizin başlığı için maksimum 70 karaktere(512 piksel) izin verir. Ekran çözünürşüğüne göre 2 satıra çıkabilir başlığınız.
Meta açıklama etiketiniz iyi görünüyor mu?
Google mobil versiyonda maksimum 120 karaktere izin vermektedir. sayfalarınızın açıklamalarının nasıl göründüğüne bu durumu dikkate alarak bakın.
Mobil URL adresiniz mobil uyumlu mu ve anahtar kelime bakımından zengin mi?
Google masaüstü URL yerine mobil URL adresini gösterir. Ayrı URL ye sahip siteler için önemli bir durumdur.
Son olarak http://validator.w3.org/mobile/ buradan mobil sitenizi standartlara göre hatalı olup olmadığını da kontrol etmeniz de yarar var.
View Comments (2)
Bilgi için teşekkrüelr
güzel makale olmuş