Mobil Optimizasyon Nasıl Yapılmalı?


Optimist Hub Team 25/01/2018
23/09/2020 Tarihinde Güncellendi

Okunma   Beğeni


Mobil kullanım her yıl bir önceki yıla kıyasla artış gösteriyor. Bu da mobil kullanan tüketicileri yakalamanın önemini bir kat daha artırıyor. Artan mobil kullanımına ayak uydurabilen markalar tüketici nezdinde görünürlüklerini de artırıyorlar. Mobil optimizasyon bu nedenler sebebiyle çok önemlidir. Peki mobil optimizasyon yaparken stratejiyi nasıl belirlemek gerekiyor?

Bir Sitenin Mobil Cihazlarla Uyumlu Olabilmesi İçin;

  • Bir telefonda iyi içerik sunabilmesi,
  • Sıkıştırmaya / yakınlaştırmaya gereksinim duymaması,
  • Küçük ekranlarda kolayca okunabilmesi,
  • Tek parmakla kolayca gezilebilir olması,
  • Telefon kullanan birine yardımcı olması,
  • Google tarafından düzgün şekilde anlaşılır olması gerekmektedir.

 

En İyi Mobil Sıralamasına Ulaşma

Sitenizi mobil hale getirir ve Google’ın da sizi fark ettiğinden emin olursanız; Google hızlı davranarak sizi daha iyi derecelendirir.

Mobil SEO, “mobil arama motoru optimizasyonu” anlamına gelir. Hali hazırda bir mobil siteniz olsa bile, Google tarafından mobil olarak tanınmayabilir ve bu; sayfalarınızın sıralamasını etkileyebilir.

Bu yazıda; sayfalarınızın mobil cihazlar için optimize edilmesini ve Google’ın mobil çözümünüzü iyi anlamasını nasıl sağlayacağımızı açıklayacağız.

  • Mobil uyumlu olun
  • Mobil sitenizin Google tarafından bilindiğinden emin olun
  • Tweak ve optimize edin

Google sizi daha sonra olmayı planladığınız yere yönlendirmez, sitenizi bugünkü şekliyle konumlandırır. Mobil sitenizi nasıl tasarlayacağınız konusunda hızlı olun.

 

Sitenizi Mobil Cihazlar İçin Optimize Etme

Bu makale şu adımların her birini kapsar:

  1. Mobil bir yöntem seçme
  2. Web sitesi kodunu güncelleme
  3. Mobil olarak kullanım kolaylığını doğrulama
  4. Google'a bildirme
  5. Optimize etme

 

1. Mobil Bir Yöntem Seçme

Web sitesinin mobil olmasının dört temel yolu vardır:

  • Responsive tasarım
  • AMP
  • Dinamik sunum
  • Mobil URL'ler

Google, responsive tasarımı önerir.

 

Responsive Tasarım

Hem yöneticilerin hem de Google’ın responsive tasarımı beğenmesinin nedeni; en basit ve en az riskli yöntem olmasıdır.

SEO için responsive tasarım doğru bir tercihtir çünkü;

  • Google tarafından önerilir.
  • SEO riski yoktur.
  • Uygulaması en kolay yöntemdir.
  • Diğer yöntemlerle uyumludur.

 

2. Web Sitesi Kodunu Güncelleme

Bu genellikle beklediğinizden daha kolaydır. Aslında WordPress ve benzeri içerik yönetim sistemleri ile yeni bir tema edinmek kadar basittir. Statik bir site çalıştırıyorsanız, piyasada birçok duyarlı html şablonu vardır.

 

3. Mobil Olarak Kullanım Kolaylığını Doğrulama

Bir sitenin mobil cihazlara uygun olup olmadığını Google tarafından belirleme biçimi, kolayca test edilen çeşitli mobil kullanılabilirlik şartlarına bağlıdır.

Mobil kullanılabilirlik olması için;

  • Viewport'u yapılandırın.
  • Geçiş reklamlarından kaçının.
  • Okunaklı yazı tipi boyutlarını kullanın.
  • Eklentilerden kaçının.
  • Hedeflere dokunun (boyut önemlidir).
  • Görüntünün içeriğini görüntüleme için boyutlandırın.

 

4. Google'a Bildir

Muhtemelen mobil SEO’nun en önemli adımı, Googlebot’un sayfanızı algıladığından emin olmaktır .

Google, mobil çözümünüzü anlamıyorsa, bir mobil sitenizin olduğunu algılamayarak size kredi vermeyebilir.

Google’ın mobil yapılandırmanızı anladığından emin olmak, web sitenizin Google sıralaması açısından önemlidir.

Mobil uyumlu hale gelmenin dört yolundan (duyarlı, dinamik, AMP ve ayrı URL’ler) her birinin, sitenizin mobil olduğunu Google’a bildirme konusunda kendi yolları vardır.

 

Duyarlı Tasarım

Siteniz duyarlı (responsive) tasarım kullandığında, Google herhangi bir ipucu veya ek kod olmadan onu anlayabilir. Duyarlı web siteleri söz konusu olduğunda Google’ın önerdiği şey, görüntüleme alanını nasıl ayarlayacağınızdır. Duyarlı bir tema veya şablon aldığınızda, görüntü noktası genellikle normalde ayarlanacaktır.

Google, görünümünüzün aşağıdaki içeriğe sahip olmasını önerir:

<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>

Viewport, web sayfanızın görüntüleneceği pencerenin boyutudur. Duyarlı tasarımda istediğimiz boyut, cihaz ekranının boyutudur. Bir görüntüleme alanı bildirilerek web sayfanız herhangi bir cihazda doğru şekilde oluşturulabilir.

 

Dinamik Sunum

Bir site dinamik sunum kullanırken, mobil kullanıcılara masaüstü kullanıcılarından farklı içerik sağlamaktadır.

Google içeriğin dinamik olarak sunulduğunu otomatik olarak algılayamayacağından, neler olduğunu Google’a bildirmeliyiz.

Google’a söyleme biçimimize Vary HTTP başlığı denir. Şöyle görünmektedir:

Vary: User-Agent

Vary HTTP başlığı, Google’a taradığı içeriğin kimin baktığına bağlı olarak farklı görünebileceğini bildirir. Vary: User-Agent başlığını ilan ederseniz, Google’a sayfalarınızın mobil bir alternatifi olduğunu söylüyorsunuz demektir. Siteniz dinamik olarak sunulduğunda bu başlığı kullanmamanız, sıralamanıza zarar verebilir; çünkü Google, sitenizin mobil olduğunu bilmeyecektir.

Ayrı URL'ler

Bir site, mobil kullanıcılar için masaüstü kullanıcılarından farklı URL’ler kullanıyorsa, SEO anlamında çok yanlış sonuçlar doğabilir.

Google, mobil sayfalarınızın ve masaüstü sayfalarınızın farklı sürümleri olduğunu otomatik olarak algılayamayacaktır. Bu nedenle Google’a neler olup bittiğini bildirilmelidir.

Google’a ayrı url’lerimizi anlatma şekli biraz çalışma gerektirir.

  • Masaüstü sayfasında, karşılık gelen mobil URL’yi gösteren özel bir bağlantı rel = “alternate” etiketi ekleyin. Bu, Googlebot’un sitenizin mobil sayfalarının yerini keşfetmesine yardımcı olur.
  • Mobil sayfaya, ilgili masaüstü URL’sini gösteren rel = “canonical” bir etiket ekleyin.

 

Biraz Daha Derine İnecek Olursak:

Masaüstü Sayfası

<link rel="alternate" media="only screen and (max-width: 640px)" href="http://m.example.com/page-1" >

Mobil Sayfa

<link rel=”canonical” href=”http://www.example.com/page-1″ >

Biri mobil, diğeri masaüstü için olmak üzere iki farklı URL’niz olduğunda; Google her sayfanın ne zaman kullanılmaya uygun olduğunu bilmelidir.

Yukarıdaki rel =‘’alternate’’ kodu içeren masaüstü sayfası, ekranın 640 pikselden az olması durumunda; alternatif mobil sayfaya yönlendirmesi gerektiğini Google’a bildirir.

Yukarıdaki rel =‘’canonical’’ kodlu mobil sayfa, Google’a sayfanın listelenen masaüstü sayfasının bir versiyonu olduğunu bilmesini sağlar.

 

5. Optimizasyon

Bu yazıda bahsedilen mobil optimizasyonlar; kullanıcılar, arama motorları ve arama motoru sorunlarından kaçınma amaçlı iyileştirmelerdir.

 

Mobil Sayfa Hızı

Sayfa hızı Google'ın sıralama faktörüdür ve mobil cihazlarda her şey gibi hız da önemlidir.

Mobil şebekeler, ev internetimizden daha yavaş ve daha az güvenilirdir.

Her üç mobil yöntemin hızı nasıl etkilediğini öğrenin.

Yavaş bir web sitesi daha yavaş bir mobil siteye neden olacaktır.

 

Engellenen Sayfa Kaynakları

Tüm css, javascript ve resimlerin Googlebot tarafından görülebildiğinden emin olun.

Sayfa kaynaklarını engelleme, Google’a web sitenizin eksik bir resmini verebilir.

Bu sorun genellikle robots.txt dosyasının sayfanızın kaynaklarının bir kısmına veya tamamına erişimi engellemesi sonucunda gelişir ve maalesef bu sıklıkla olur.

WordPress siteleri sıklıkla css ve javascript dosyalarını içeren önemli klasörlere sahip olacaklardır.

 

Geçiş Reklamları / Pop-up'lar / Modaller

Bir bültene abone olmanızı veya bir uygulamayı indirmenizi isteyen açılır pencere; masaüstünde yeterince rahatsız edicidir. Mobil cihazlarda bunlar bir kabus haline gelir ve bazen de kapatılamazlar.

Bir masaüstü kullanıcısına açılır pencere aracılığıyla göstereceğiniz herhangi bir teklif, istek veya başka bir şey kullanıcılar için işe yaramaz bulunur.

Google bunun yerine bir bilgi çubuğu veya basit bir afiş kullanmanızı önermektedir.

Google ayrıca; mobil geçiş reklamlarının dizin oluşturma sorunlarına neden olabileceğini ve kullanıcıları rahatsız ettiğini belirtmektedir.

 

Mobil Yönlendirme

Mobil yönlendirmelerin sayfa hızınıza zarar vermediğinden emin olun.

Mobil şebekelerde yönlendirmeler çok yavaştır ve yönlendirmelerinizin bazılarında ilk etapta ihtiyaç duyulmadığını görebilirsiniz.

Kullanıcıların sayfalarını daha hızlı alması için mobil yönlendirmelerin azaltılması hakkında bilgi edinin.

 

Kaynak: varvy.com (https://varvy.com/)

En güncel gelişmelerden haberdar olmak için E-posta listemize katılın

  Beğeni

Optimist Hub Team

Optimist Hub Team

Optimist Hub; yazılım, tasarım ve pazarlama yetenekleri ile işletmelere büyük dijital çözümler sunan, müşteri deneyimi odaklı 360 Dijital Ajans.

1 yorum

  1. Görkem Koç

    Bir sitem var daha önceden yaptırdığım, mobil uyumlu olmadığından dolayı ziyarette satışlar da eskisi gibi değil. Bunu mobil uyumlu hale getirmek ve üst sıralara çıkarmak istiyorum. Yardımcı olabilir misiniz? Bilgilerimi iletişim bölümünden iletiyorum şimdi. Ulaşabilirseniz sevinirim.

Bir cevap yazın

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

Güncellemelerden ilk siz haberdar olmak ister misiniz?