< Geri Dön
Yazdır

Mobil Optimizasyon

İçindekiler

Mobil cihazlarla (akıllı telefonlar veya tabletler) internette gezinme, son yıllarda önemli ölçüde arttı ve hâlâ artmaya devam ediyor. Bu durum, web sitelerinin mobil cihazlara uygun hâle getirilmesini her web yöneticisinin sorumluluğu hâline getiriyor. Hedef, sitenin mobil cihazlarda yeterli bir şekilde görüntülenmesi ve tamamen kullanılabilir olmasıdır.

Bir web sitesinin “mobil uyumlu” olması, artık Google için önemli bir sıralama faktörü oldu. Google, mobil arama dizininin ana dizini hâline geleceğini duyurdu. Bu “mobil öncelikli” dizin, sitelerin mobil sürümünü ana dizine ekleyerek mobil uyumluluğu çok daha önemli hâle getiriyor.

Özellikle restoranlar veya yerel mağazalar gibi bazı siteler için mobil uyumluluk önemlidir. Google, bu siteleri yerel aramalarda mobil cihazlara uygun olanları öne çıkarır, çünkü bu aramalar genellikle mobil cihazlardan yapılır.

Mobil Cihazlarda Kullanıcı Davranışının Özellikleri

Mobil optimizasyonun özel yönlerini incelemeden önce, mobil cihazlardaki kullanıcı davranışının özelliklerini anlamak önemlidir. Örneğin, mobil cihazlarda gezinme fareyle değil, dokunmatik ekran veya sesli komutla yapılır. Ayrıca, ekran boyutu küçük olduğundan, görüntü seçenekleri sınırlıdır. Java veya Flash genellikle görüntülenemez, internet bağlantısı daha yavaştır ve kullanıcılar daha sabırsızdır. Bu nedenle, istenilen bilgi hızlı ve öz bir şekilde sunulmalıdır.

“Mobil Dostu” Bir Web Sitesi İçin Gereksinimler

Mobil optimizasyonun teknik yönlerine geçmeden önce, “mobil dostu” bir site için gerekli kriterleri ele alalım. İlk olarak, metinlerin tüm cihazlarda okunabilir olması gerekir. Tüm sayfa öğeleri farklı ekran boyutlarına uyarlanmalıdır. Ayrıca, bağlantıların ve butonların arasında yeterli boşluk bulunmalıdır, böylece kullanıcılar yanlış bağlantıya tıklamaz. Flash gibi bazı yazılımların kullanımından kaçınılmalıdır.

Mobil Optimizasyon Yöntemleri

Mobil sitenizi yapılandırmak için üç ana seçenek bulunur: duyarlı web tasarımı, ayrı bir mobil site oluşturma ve dinamik sunum.Responsive Web Tasarım

Duyarlı Web Tasarımı

Duyarlı web tasarımında HTML kodu ve URL tüm cihazlarda aynı kalır, ancak içerik ekran boyutuna otomatik olarak uyum sağlar. Google, bu yöntemi önerir. Ancak tüm içerikler farklı ekran boyutlarına uyum sağlamayabilir. Duyarlı tasarımda, sayfa görüntüleme alanı bir “viewport” meta etiketi ile yapılandırılır. CSS'teki medya sorguları ile ekran boyutuna göre görüntü ayarlanabilir.

Ayrı Bir Mobil Sürüm

Mobil Versiyonİkinci seçenek, sitenin ayrı bir mobil sürümünü oluşturmaktır. Bu durumda kullanıcılar mobil cihazdan siteye eriştiğinde mobil sürüme yönlendirilir. Ancak, bu yöntem kopya içerik sorunlarına yol açabilir. Google'ın URL'leri daha kolay değerlendirmesi için masaüstü sürümünde rel="alternate" etiketi kullanılabilir.

Ayrıca, mobil sürümde kopya içerik sorununu önlemek için bir kanonik bağlantı eklenmelidir:

Dinamik Sunum

Dinamik Servis

Dinamik sunumda, kullanıcıya göre farklı HTML ve CSS kodları sunulur. Mobil site, asıl sitenin küçültülmüş bir sürümüdür. Bu yöntemde vary HTTP başlığı kullanılır ve bu başlık, mobil Googlebot’un sayfayı taraması gerektiğini belirtir.

Diğer Mobil Optimizasyon Yönleri

Mobil optimizasyonda önemli bir unsur hızdır. CSS ve JavaScript dosyalarını küçültmek veri miktarını azaltır ve yüklenme süresini hızlandırır. Ayrıca, mobil sitelerde mümkün olduğunca az görsel kullanılmalıdır. Gerekli görseller sıkıştırılmalı veya mobil sürüm için özel olarak hazırlanmalıdır. Menülerin küçük ekran boyutlarına uygun olması, büyük başlıkların kaldırılması ve yazı boyutlarının ayarlanması da önemlidir.

Son olarak, rel=icon meta etiketiyle kullanıcılar sitenizi ana ekrana eklediğinde bir simge belirleyebilirsiniz:

Yaygın Hatalardan Kaçınma

Mobil optimizasyonda şu hatalardan kaçınmalısınız:

  • İçeriği kapatan interstitial reklamlar
  • Yanlış yapılandırılmış yönlendirmeler
  • User Agent'ın mobil cihaz olarak tanınmaması
  • Uzun yüklenme süreleri
  • Küçük font boyutları
  • Küçük ve yakın dokunmatik elemanlar
  • Mobil cihazlarda oynatılamayan videolar (HTML5 standardı ile entegrasyon yapılmalı)

Google, web yöneticilerinin sitelerinin mobil optimizasyonunu desteklemek için PageSpeed ​​Insights aracını ücretsiz olarak kullanabilirsiniz. Bu araç, sitenizin hızının farklı cihazlarda analiz edilmesini sağlar ve optimizasyon için ipuçları verir.

Bizimle İletişime Geçin