Mobil SEO Teknikleri

Bugünlerde milyonlarca kullanıcı Android, iOS veya Windows üzerinde çalışan akıllı telefonları kullanarak web'e erişiyor. Dolayısıyla, web sitelerinin bu değişen ortama uyum sağlamaları ve daha fazla izleyici çekmek için web sitesi tasarımlarında uygun değişiklikler yapması zorunlu hale gelmiştir.

Bir sitenin masaüstü sürümünün bir mobil cihazda görüntülenmesi ve kullanılması zor olabilir. Mobil uyumlu olmayan sürüm, kullanıcının içeriği okumak için sıkıştırmasını veya yakınlaştırmasını gerektirir. Kullanıcılar bunu sinir bozucu bir deneyim olarak görür ve büyük olasılıkla siteyi terk eder. Aksine, mobil uyumlu bir sürüm okunabilir ve hemen kullanılabilir.

Yeni bir Google güncellemesi, bir web sitesinin Mobil Arama Motorlarında etkili olabilmesi için mobil uyumlu olmasını zorunlu kılıyor. Mobil uyumlu olmayan bir web sitesinin normal arama motorlarını da etkilemeyeceğini unutmayın.

Bu bölümde, web sitesine mobil cihazlardan erişen ziyaretçilerin optimize edilmiş bir deneyim yaşamalarını sağlamak için bir web sitesinin nasıl mobil uyumlu hale getirileceğini göreceğiz.

Mobil SEO nedir?

Mobil Arama Motoru Optimizasyonu, bir web sitesini düşük bant genişliğine sahip farklı ekran boyutlarındaki mobil cihazlarda görüntülenmeye uygun hale getirmek için tasarlama işlemidir. Bir masaüstü web sitesi için geçerli olan tüm SEO kurallarına uymanın yanı sıra, mobil cihazlar için bir web sitesi tasarlarken ek özen göstermemiz gerekiyor. Aşağıdaki özelliklere sahip bir web sitesi mobil uyumludur -

  • İyi bir mobil web sitesi, mobil cihazların yanı sıra masaüstü bilgisayarlarda da iyi performans gösteren duyarlı bir tasarıma sahiptir. Yalnızca web sitesinin bakımını azaltmakla kalmaz, aynı zamanda içeriği arama motorları için tutarlı hale getirir.

  • İyi bir mobil web sitesinin içeriği, ekranı yakınlaştırmaya gerek kalmadan bir mobil cihazda okumak kolaydır. Uygun yazı tiplerine, renklere ve düzenlere sahiptir.

  • İyi bir mobil web sitesinde küçük bir ekranda gezinmek kolaydır. Parmakla kolayca hareket ettirilebilen bağlantılar ve düğmeler sağlar.

  • İyi bir mobil web sitesi hafiftir ve mobil ağlara yüklenmesi daha az bant genişliği ve zaman alır.

  • Bir mobil web sitesinin Ana Sayfası, kullanıcıları aradıkları içeriğe bağlamada en önemli rolü oynar. Bu nedenle, iyi mobil web siteleri, yeterli görünürlük elde etmeleri için en önemli bağlantıların Ana Sayfada görüntülenmesini sağlar.

Bir web sitesinin sıralaması, büyük ölçüde ne kadar kullanıcı dostu olduğuna bağlıdır. Harika bir mobil uyumlu web sitesi tasarlamak için aşağıda verilen yönergeleri takip edebilirsiniz.

Sitenizi Mobil için Optimize Edin

Siteniz arama motorları için zaten optimize edilmişse, mobil cihazlar için optimize etmek çok zor olmamalıdır. Öncelikle, mobil ortama geçmek için ne gerektiğini anlayalım. Adımları üç geniş kategoriye ayırabiliriz -

Step 1 - Bir Mobil Yapılandırma seçin

Step 2 - Arama Motorlarını Bilgilendirin

Step 3 - Yaygın Hatalardan Kaçının

Bir Mobil Yapılandırma seçin

Aralarından seçim yapabileceğiniz üç farklı mobil yapılandırma vardır -

Step 1 - Duyarlı Web Tasarımı

Step 2 - Dinamik Sunum

Step 3 - Ayrı URL'ler

Her birinin kendine özgü avantajları ve dezavantajları vardır. Google, duyarlı tasarım önerir, ancak üç yapılandırmayı da destekler. Aşağıdaki tablo, mobil yapılandırmanın URL'nizi ve HTML kodunuzu nasıl etkilediğini gösterir -

Mobil Yapılandırma URL HTML
Responsive Web Tasarımı Aynı kalır Aynı kalır
Dinamik Sunum Aynı kalır Farklı HTML'ler
Ayrı URL'ler Farklı URL'ler Farklı HTML'ler

Responsive Web Tasarımı

Google, en basit mobil yapılandırma olduğu ve uygulaması çok kolay olduğu için duyarlı web tasarımı önerir. Aynı URL'de aynı HTML kodunu sunar, ancak görüntüyü mobil cihazın ekran boyutuna göre ayarlar.

Dinamik Sunum

Dinamik sunum, web sitenizin URL'sinin değişmeden kaldığı, ancak bir mobil cihazdan erişildiğinde farklı HTML içeriği sunduğu bir mobil yapılandırma türüdür.

İçeriğiniz sunucudan dinamik olarak sunulduğunda, Google'a taradığı içeriğin mobil cihazlarda farklı görünebileceğini bildirdiğinizden emin olun. Bu yaklaşımın önemli bir dezavantajı, içeriğinizi kullanıcıya ayırmadan önce sunucu düzeyinde ek işlemler yapmanız gerekmesidir. Bu yaklaşım, sunucunuza gereksiz yük bindirir ve onu yavaşlatır.

Ayrı URL'ler

Biri mobil kullanıcılar, diğeri masaüstü kullanıcıları için olmak üzere iki farklı URL tuttuğunuzda, hangi sürümü ne zaman sunacağını Google'a açıkça bildirdiğinizden emin olun. Google, mobil sayfalarınızın masaüstü sayfalarınızdan farklı olduğunu otomatik olarak algılayabildiği için ayrı URL'ler önermemektedir.

Bu yaklaşım, büyük bir web siteniz olduğunda pratik değildir çünkü aynı web sitesinin iki sürümünü sürdürmek, iki kat çaba ve para gerektirecektir. Aynı zamanda, iki sürümü korurken içeriğinizdeki çeşitli tutarsızlıkları önleyemezsiniz.

SEO açısından her bir URL ayrı ayrı çalışır. Dolayısıyla, masaüstü sıralamanız mobil sıralamaya asla eklenmeyecek ve her zaman ayrı web siteleri olarak kabul edilecektir. SEO'nun avantajlarından yararlanmak istiyorsanız, mobil ve masaüstü sürümleri için farklı URL'leri korumanızı önermiyoruz.

Arama Motorlarını Bilgilendirin

Google'ın ve diğer arama motorlarının mobil yapılandırmanızı anladığından emin olun. En önemlisi, Google'ın web sitenizi doğru bir şekilde sıralayabilmesi için sayfanızı anlaması gerekir. Google'ı nasıl bilgilendireceğiniz, hangi mobil yapılandırmayı (duyarlı web tasarımı, dinamik sunum veya ayrı URL'ler) seçtiğinize bağlıdır.

Sitenizde bir responsive design,Google'ın algoritmaları, Google'ı bilgilendirmenize gerek kalmadan bunu otomatik olarak anlayabilir. Duyarlı bir tasarımınız olduğunda, web sayfası başlığınızda aşağıdaki meta etiketin bulunduğundan emin olun -

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

Görüntü alanı, web sayfanızın bir cihazda nasıl görüntüleneceğine karar verir. Duyarlı tasarıma sahip bir site, cihaz ekranının boyutuna göre boyutunu değiştirir. Web sayfanızın herhangi bir cihazda doğru şekilde görünmesi için bir görüntü alanı bildirin.

Web siteniz dynamically served, Google'ın Vary HTTP başlığını kullanarak yapılandırmanızı algılamasına izin verdiğinizden emin olun -

Vary: User-Agent

Varybaşlık, arama motorlarına masaüstlerinde ve mobil cihazlarda farklı içeriğin sunulacağını söylemek için önemlidir. Bu başlık, içeriğiniz gibi herhangi bir önbellek sistemi tarafından sunulduğunda gerçekten önemlidir.Content Delivery Network ve bu sistemler, içeriği farklı cihazlarda sunarken bu başlığı kullanacaktır.

Sürdürürsen separate URLs, Örneğin, example.com ve m.example.com, daha sonra özel bir ekleyerek Google'ı bilgilendirebilirsiniz. link rel=alternate masaüstü sürümünüzde etiketleyin ve tersini aşağıdaki gibi yapın.

Desktop page should have following in its header:
&ltlink rel="alternate" media="only screen and (max-width: 640px)"
href="http://m.example.com" >
Mobile page should have following in its header:
<link rel="canonical" href="http://www.example.com" >

Yaygın Hatalardan Kaçının

Web sitenizi mobil cihazlar için optimize etmek için aşağıdaki hataları yapmadığınızdan emin olun -

  • Slow Mobile Pages- Mobil ağlar, kablolu İnternet ağlarına kıyasla daha yavaştır, bu nedenle mobil sayfalarınızın ne kadar hızlı yüklendiğine dikkat etmek önemlidir. Kritik bir Google sıralama faktörüdür. Mobil sayfa hızınızı öğrenmek için bir mobil SEO aracı kullanın. Google, kullanabileceğiniz bir dizi iyi araç sağlar. Aşağıdaki bağlantıya göz atın -https://www.google.com/webmasters/tools/mobile-friendly/

  • Don't Block CSS and JavaScript- Google, içerikle birlikte indirilebilmeleri için mobil uyumlu web siteleri için satır içi CSS ve Javascripts kullanmanızı önerir. Dolayısıyla, fazla CSS'niz yoksa, etiketin içinde ayarlamayı deneyin; ancak ayrı dosyalarda çok fazla CSS kullanıyorsanız, o zaman bunu en alta eklemeye çalışın; bu, indirilen diğer içeriğin engellenmesini durduracaktır. Aynı kural, sayfanın içinde tutulabilen veya sayfanın altına eklenebilen Javascript için de geçerlidir. Dosyayı sayfanın üst kısmına dahil etmekten kaçınabiliyorsanız,async onları dahil ederken öznitelik.

<script async type="text/javascript" src="jquery.js"></script>
  • Mobile Redirects- Mobil ağlar normalde yavaş olduğundan, çok fazla yeniden yönlendirme sayfa hızınıza zarar verebilir. Birden fazla URL kullanıyorsanız, tüm bağlantılarınızın ilgili sayfaları gösterdiğinden emin olun. Birden çok URL'ye sahipseniz ve bir kullanıcının bir mobil cihazdan bir masaüstü sayfasını ziyaret ettiğini fark ederseniz ve farklı bir URL'de eşdeğer bir mobil sayfanız varsa, 404 hatası görüntülemek yerine kullanıcıyı bu URL'ye yönlendirin.

  • Heavy Images- Ağır görseller yükleme süresini arttırır, ancak faydalı ve etkili oldukları için tam olarak kurtulamıyoruz. Bu nedenle metin ve ağır resimler arasında iyi bir denge sağlamalısınız. Görüntülerinizi optimize etmek ve ağır indirmeleri önlemek için düşük çözünürlükte kaydetmek için iyi bir araç kullanın.

  • Avoid plug-ins and pop-ups- Flash ve Java gibi eklentiler, kullanıcının mobil cihazında mevcut olmayabilir. Mobil sayfanızda her zaman oynatılamaz içerik bulunmadığından emin olun. Mobil sayfalarda pop-up'ları kullanmaktan kaçının çünkü bu pop-up'ları bir mobil cihazda kapatmak oldukça hantal hale gelir.

Bir mobil sayfa oluştururken, kullanıcının üzerinde çalışmak için sınırlı alana sahip olduğunu her zaman aklınızda bulundurun. Bu nedenle, başlıklar, URL'ler ve meta açıklamalar oluştururken mümkün olduğunca kısa olmanız gerekir - elbette bilginin özünden veya kalitesinden ödün vermeden.

Kullanışlı araçlar

Sitenizin ne kadar mobil uyumlu olduğunu öğrenmek için kullanabileceğiniz bazı yararlı araçların bir listesi:

  • Google Webmaster Tools - Masaüstü ve mobil web siteleri tasarlarken neyin kullanılması gerektiğini ve nelerden kaçınılması gerektiğini anlamak için mevcut Google araçlarını ve tekniklerini kullanın.

  • Mobile Emulator - Sitenizin çok çeşitli mobil cihazlarda nasıl göründüğünü görmenizi sağlar.

  • Moz Local - Yerel SEO'nuzun düzenli olduğundan emin olmak için bu aracı kullanın.

  • Responsive Web Design Testing Tool - Duyarlı sitenizin farklı standart ekran boyutlarına sahip çeşitli mobil cihazlarda nasıl göründüğünü görmek için bu aracı kullanın.

  • Screaming Frog - Bu, sitenizi analiz etmenize ve tüm yönlendirmeleri iki kez kontrol etmenize olanak tanıyan kullanışlı bir araçtır.

  • User Agent Switcher - Bu, sitenizin farklı bir kullanıcı aracısından erişildiğinde nasıl göründüğünü öğrenmek için kullanabileceğiniz bir Firefox eklentisidir.