Rekabette Avantajı Yakalayın : Mobil Optimizasyona Giriş

Mobil cihazların kullanımının her geçen gün artması ile birlikte, arama motorları siteleri ziyaret eden kullanıcılara en iyi deneyimi sunan İnternet sitelerini ön planlara çıkarmaya başladı. Hatta Google mobil cihazlar üzerinden yapılan aramaların daha fazla olduğunu bile bir blog yazısından belirtmişti.

Bundan birkaç sene önce masaüstü sürümdeki sayfalara değer verirken, “Mobil Kullanıcı Deneyimi” artık Arama Motoru Optimizasyonu içerisinde kritik bir faktör oldu.

Bir E-Ticaret siteniz olduğunu varsayın.

Sayfanızı ziyaret eden bir kullanıcının ürün galerisini ziyaret ettiğini ve görseli kapatamadığını, kapatma butonunun ekrana sığmadığı için görünmediğini düşünelim.

Siz olsanız ne yapardınız?

Siteyi kapatır ve başka sitelerde gezinmeye başlardınız muhtemelen, buda potansiyel müşterinizin kaçtığı anlamına gelir.

Mobil Optimizasyon neden gereklidir?

  • Kullanıcılarınızı memnun ederek dönüşümlerinizi arttırırsınız.
  • Rakiplerinizden daha duyarlı bir mobil sayfa deneyimi sizi onlardan daha avantajlı bir konuma getirir.

Google neden Mobil Optimizasyona değer veriyor?

  • En çok mobil cihazlar üzerinden arama yapılıyor
  • Mobil kullanıcılar hız deneyimine önem veriyor, geç yüklenen sayfaları terk ediyor.

Mobil Uyumluluk Nasıl Sağlanır?

Web siteleri bu noktada 2 yol izler

  1. Duyarlı Web Tasarım (Responsive) : En çok tercih edilen yöntemdir. Sayfanız farklı cihazlar üzerinden giriş yapıldığında çözünürlüğüne uygun olarak açılır.
  2. Mobil site : Var olan veya yeni oluşturulacak olan web aitesinin mobil cihazlar üzerinden kolay ve pratik olarak kullanılmasına imkan sağlayan, mobil cihazlara uygun hazırlanmış sitedir.

Mobil Optimizasyon

Google’ mobil kullanılabilirliği test etmek için bir takım araçları sunmaktadır ve Search Console üzerinde bu sorunların sayfalar arası bir düzeyde ayrıntılarıyla gösterildiği bir mobil kullanılabilirlik raporu sunar.

Mobil deneyimi geliştirirken bu araçları kullanmalı ve periyodik olarak Search Console üzerine kontroller sağlamalısınız.

Search Console ile aşağıdaki mobil kullanılabilirlik sorunlarını öğrenebilirsiniz

  • Flash kullanımı : Çoğu mobil tarayıcı, Flash tabanlı içerikleri oluşturmaz. Bu yüzden mobil ziyaretçiler, içeriği, animasyonları veya gezinme öğelerini görüntülemek için Flash’a dayalı olan bir sayfayı kullanamazlar.
  • Görünüm yapılandırılmamış : Sitenizin ziyaretçileri, geniş masaüstü monitörlerden tabletlere ve küçük akıllı telefonlara kadar değişen ekran boyutlarına sahip çeşitli cihazlar kullandığından, sayfalarınız meta viewport etiketini kullanarak bir görünüm belirlemelidir.
  • Sabit genişlikli görünüm : Bu rapor, görünümü sabit bir genişliğe ayarlanmış sayfaları gösterir. Bazı web geliştiricileri, duyarlı olmayan bir sayfayı genel mobil ekran boyutlarına uyacağı şekilde ayarlamak için görünümü sabit bir piksel boyutunda tanımlar.
  • İçerik, görünüme göre boyutlandırılmamış : kelimeleri ve resimleri görmek için yatay kaydırma yapılması gereken sayfaları belirtir. Bu durum, sayfaların, CSS bildirimlerinde mutlak değerlerin kullanılması veya belirli bir tarayıcı genişliğinde (980 piksel gibi) en iyi şekilde görünmelerini sağlamak üzere tasarlanmış resimlerin kullanılmasıyla ortaya çıkar.
  • Küçük yazı tipi boyutu : Sayfa yazı tipinin okunamayacak kadar küçük olduğu ve mobil ziyaretçilerin okumak için görünümü “parmak hareketiyle uzaklaştırmalarını” gerektiren sayfaları tanımlar.
  • Dokunma öğeleri çok yakın : Düğmeler ve gezinme bağlantıları gibi dokunma öğelerinin, mobil kullanıcı bu öğelere hafifçe vurmaya çalışırken yanlışlıkla yakınındaki diğer öğelere de dokunacağı kadar yakın yerleştirildiği site URL’leri gösterilir.

Sayfa Hızı

Sayfa hızı tüm cihazlar için önemli bir faktör olmasına rağmen Mobil deneyim için çok daha kritiktir. Bir WiFi ağında nispeten hızlı yükleyebilecek bir sayfa, bir mobil veri ağında o kadar da çabuk olmayabilir. Google bu noktada Pagespeed aracını yayın hayatına alarak sitelerde hangi sorunların açılış sayfası deneyimi konusunda olumsuzluklar içerdiği web sitesi sahiplerine sunmaya başladı.

Bu, sayfalarımızın ne kadar hızlı yüklendiğini kolayca değerlendirmemizi ve iyileştirmek için neler yapabileceğimiz konusunda bazı ipuçları elde etmemizi sağlar.

Sitenizin hız deneyimi için aşağıdaki sayfaları ziyaret edebilirsiniz.

  • https://search.google.com/search-console/mobile-friendly
  • https://testmysite.withgoogle.com/

Yukarıda sunulan ekran görüntüsü bir İnternet sitesinin örnek hız raporunu yansıtmaktadır. Aşağıda yer alan maddeler ile ilgili çalışmaların yapılması hız artışı sağlayacaktır.

  • Resim sıkıştırma
  • JS, HTML, CSS küçültme
  • Tarayıcı Önbellekleme
  • JS ve CSS düzenlemeleri
  • Sunucu tarafındaki sorunlar

Ayrıca Google Analytics > Davranış > Site Hızı > Genel Bakış alanı aracılığı ile sayfanızın hız ortalamasına ait verilere erişebilirsiniz. Aşağıda Kötü bir Hız ortalamasına sahip sayfanın ekran görüntüsü yer almaktadır.

Mobil Kullanıcı Deneyimi

Mobil cihazlara uygun tasarım ve optimizasyonu gerçekleştirilmiş sayfa açılış hızı web sitelerin temel çalışmalarından birisidir.

Burada dikkat edilmesi gerekilen nokta sadece “Duyarlı” bir tasarıma sahip olmak değil, kulllanıcı deneyimi ile ilgili güncellemeler gerçekleştirmektir.

Mobil kullanımında kullanıcıların ve zorlandığı alanlar;

  • Anasayfa ve Site Navigasyonu
  • Site Arama
  • Ticaret ve Dönüşümler
  • Form Girişi
  • Kullanılabilirlik ve Form Faktörü

Kullanıcı Deneyimi sürekliliği olan bir çalışmadır ve ziyaretçilerinizin ihtiyaçlarını en hızlı, kolay şekilde karşılamanız hem Seo hem de Mobil Optimizasyon için çok önemlidir. Amacımız ziyaretçilerin hedeflerine en kolay şekilde erişmesini sağlamak olmalıdır.

Bize bu konuda yardımcı olacak Ücretli / Ücretsiz çeşitli araçlar ise çalışmalarımızın pusulası olarak yol haritamızı oluşturacak. Hotjar ve benzeri araçları tercih ederek sitenize giriş yapan mobil kullanıcıların hareketleri izleyerek sorun yaşadığı alanları analiz edebilirsiniz.

Kontrol Listesi

Kullanıcıların seveceği (veya kullanıcılarınızı memnun edecek ve Google’ın ana dilinde dönüşümleri yönlendiren) mobil siteler oluşturmanın üç temel bileşeni bulunmaktadır.

  • Duyarlı tasarım
  • Sayfa yükleme hızı
  • Mobil tasarım ve kullanılabilirlik

Temel mobil optimizasyon

  • Duyarlı tasarım
  • Sayfa hızı
  • Sunucu açılış hızı
  • Ana sayfa ve site gezinme
  • Menüleri sade ve kısa yapın
  • Ana sayfaya dönmeyi kolaylaştırın.

Site arama

  • Site aramasını görünür yapın.
  • Site arama sonuçlarının alakalı olduğundan emin olun.
  • Site arama kullanılabilirliğini artırmak için filtreler uygulayın.
  • Kullanıcıları daha iyi arama sonuçlarına yönlendirin.

Form girişi

  • Form girişini kolaylaştırın.
  • Her görev için en basit giriş yöntemini seçin.
  • Tarih seçmek için görsel bir takvim sağlayın.
  • Etiketleme ve gerçek zamanlı doğrulama ile form hatalarını en aza indirin.
  • Etkili formlar tasarlayın.

 

Kullanılabilirlik ve form faktörü

  • Sitenizi mobil cihazlar için optimize edin.
  • Ürün resimlerini genişletilebilir hale getirin.
  • Hangi ekran yöneliminin en iyi sonuç verdiğini inceleyin.
Yazar:admin 15:56 'de yayinlandi.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir