Yeni Başlayanlar için Mobil SEO

Merhaba Zeo takipçileri, eee, ilk video serimizden hepinize öncelikle hoş geldiniz diyorum. Bugün sizlere bahsedeceğim konu, yeni başlayanlar için mobil SEO; aslında biraz daha mobil SEO'nun temelleri olarak geçiyor diyebiliriz. Peki neden sizlere anlatmak için mobil SEO'yu tercih ettim, neden mobili önceliklendirdim, ondan bahsedeyim. Hepimizin bildiği üzere şu anda her geçen yılla birlikte aslında mobile oldukça ciddi bir kayış var ve her geçen gün aslında mobile verilen değer hem arama motorları tarafında hem de normal kullanıcı tarafında artıyor. Aynı şekilde buradaki istatistiklere de bakacak olursak, son dönemde, aslında bu son sene içerisinde, eee, online olan kullanıcıların genel dağılımına baktığımızda %51'lik bir mobil üstünlüğü olduğunu görüyoruz, %42'lik masaüstüne karşı.

Ve bu rakamın da aslında günden güne mobil lehinde biraz daha artacağını düşünebiliriz ve bunu tahmin ediyoruz ki o şekilde olacak. Bir diğer istatistik de toplamda satılan cep telefonu sayısı; burada göreceğiniz üzere 2012 yılında toplamda 500 milyon tane cep telefonu satılmıştı, akıllı telefon. 2016 yılının sonunda da bunun 1,5 milyar olması bekleniyor bu rakamın, oldukça ciddi bir artışla, 4 senede yaklaşık 3 katlık bir artışla. Ve 2020 sonunda da neredeyse dünya nüfusunun yarısı kadar cep telefonunun satılması bekleniyor. Bu da gerçekten oldukça korkunç, çok ciddi bir rakam.

Neden mobile her geçen gün biraz daha değer vermemiz, daha önem vermemiz gerektiğini aslında buradan da net bir şekilde görebiliyoruz. Tabii ki burada iki farklı bakış açısı var; bir kullanıcı yönünden bakış açımız var, bir de aynı şekilde web sitesi sahibi yönünden bir bakış açımız var. Biz şu anda biraz daha işin web sitesi sahibi boyutundan gitmemiz gerekiyor ya da bir web sitesi yöneticisi boyutundan gitmemiz gerekiyor ki kullanıcılara aslında en doğru bir şekilde nasıl hizmet verebiliriz, mobil tarafta en doğru kurguyu nasıl yapabiliriz, biraz da bunlardan bahsedeceğiz.

Tabii ki de ilk başta burada Google'ın nasıl bir bakış açısı olduğunu görmemiz çok önemli. Çünkü zaten SEO yaptığımız işin temellerinden biri olacak mobil tarafta. Google'ın buradaki aslında bakış açısını biraz daha değiştirdiği nokta, sadece smartfonlar için user agent'ını çıkardığı zaman, yani crawling sürecini smartfonlar için özelleştirdiği zaman başladı. Bununla birlikte geçtiğimiz sene 21 Nisan'da yaptığı bir güncelleme vardı, bunun aynı şekilde diğer adı da Mobile Get'in de mobil güncellemesi. Burada aslında oldukça ciddi bir güncellemeyle web'in oldukça büyük bir kısmı da etkilendi, web sitelerinin de aynı şekilde.

Kullanıcı deneyimi, web sitesinin hızı ve alakalı sonuçların daha da artabilmesi adına Google bu güncellemeyi aslında duyurdu ve uygulamaya başladı. Biz bu güncellemeye uygun bir şekilde web sitelerimizi tasarlamaya başladık, yapmaya başladık ama her şeyi doğru mu yapıyoruz, yanlış mı yapıyoruz ya da en doğru şekilde nasıl kullanıcılarımıza hizmet verebiliriz, bunu da aslında biraz da burada bahsettiğimiz üç madde üzerinden giderek anlatacağız. Burada responsive, dynamic serving ve ayrı web siteleri olarak gördüğümüz kısımlarda aslında toplamda üç farklı şekilde web sitemizi kullanıcılarımız için dizayn edebiliyoruz. Responsive'dan başlayalım. Responsive aslında birçok farklı cihaz için, yani yalnızca mobil ve masaüstü için değil, tablet için, farklı birçok çözünürlüğü bulunan cihaz için de tek bir HTML yapısında, tek bir URL structure'ında web sitemizi sunmamızı sağlıyor.

Bundaki avantaj tabii ki de tek URL yapısında çok daha az maliyetli bir şekilde, hem zaman hem aynı şekilde arka plandaki bakım maliyetlerini de göz önünde bulundurursak, çok daha az maliyetli bir şekilde kullanıcılara servis vermemi sağlıyor. Google'ın önerdiği bir sunum şekli. Bunda da temel sebebi aslında hiçbir şekilde farklı kotsal ya da yazılımsal tarafta bir farklılık oluşmadan aynı web sitesini hem mobil hem masaüstü için sunabiliyor olmamdan geçiyor. Aynı içeriği sunma zorunluluğu bir dezavantaj olarak söyleyebiliriz. Bundan kastım da aslında belki mobil için özelleştirilmiş bazı sayfa grupları oluşturabilirdik ama responsive tarafta bu biraz daha bizim için kısıtlı olabiliyor. Çünkü aynı sayfa hem mobilden hem masaüstünden açılabiliyor olması gerekiyor.

Farklı bir yapı uygulanamıyor. Burada dikkat etmemiz gereken ya da bilmemiz gereken noktalar, farklı CSS yapıları dahilinde çalışan bir kısım var. Yani HTML aynı olsa da responsive siteler masaüstünden ve mobilden girdiği zaman farklı CSS'ler devreye giriyor. Burada da aynı şekilde meta name, view, port dediğimiz şekilde tarayıcının, aslında gelen kullanıcının cihazına göre bilgilenmesi sayesinde oluşan bir nokta. İkinci bahsedeceğimiz kısım da dynamic serving. Burada da aynı responsive'ındaki gibi URL yapısı birebir aynı, masaüstü ve mobile değişmiyor. HTML yapısı burada biraz daha farklı. Yani masaüstü ve mobil için farklı web siteler kurguluyoruz gibi düşünebiliriz ama tamamen aynı URL üzerinden servis ediyoruz. Bunu nasıl yapıyoruz? Veri-http dediğimiz bir aslında yapıyla tarayıcılara bilgi veriyoruz web sitemiz üzerinden.

Bu sayede tarayıcı aslında gelen kullanıcının mobil mi masaüstü mü olduğunu anlayarak doğru bir şekilde doğru siteyi sunmuş oluyor, mobil ya da masaüstü şeklinde. Tek URL yapısı ya da mobile özel sayfa oluşturma, kullanıcı deneyimi gibi noktalar burada biraz daha artı olarak geçen kısımlar. Eksi olan nokta ise biraz daha kompleks bir şekilde yönetimin olması. Yani iki web sitesini yönetmek durumundayız ve bunu en doğru şekilde kurgulamamız gerekiyor. Hiçbir şekilde şu Veri-http dediğimiz kısımları atlamamız gerekiyor. En doğru şekilde kurguyu sağlayabiliyor olmamız gerekiyor. Şuradan devam edecek olursak, ayrı web sitesi de tamamen farklı bir URL structure söz konusu, tamamen farklı bir HTML yapı söz konusu. Yani burada aslında m.seozeo.com ya da işte seozeo.com/m gibi farklı alan adları ya da farklı subfolder'lar üzerinden ilerliyor olabiliriz.

Burada unutmamamız gereken en kritik nokta, mobil ve masaüstü sayfalarının canonical ve alternate etiketleriyle birbirini işaretliyor olması. Bu da aslında gelen user agent'lar için ya da Google gibi arama motorlarının botları geldiği zaman içeriği en doğru şekilde ayırt edebilmesi için önemli, kritik bir faktör. Bir diğer avantajım aslında mobile özel içerik oluşturabiliyor olmam. Yani mobil kullanıcıya özel bir şekilde sayfa grubu oluşturabilirim ya da masaüstünden tamamen farklılaştırabilirim mobilde sunduğum sayfayı. Bu şekilde belki de dönüşüm oranlarını arttırmak adına daha farklı çalışmalar yapabilirim. Tabii ekstra olarak da implementasyonlar ya da güncellemelerde hep iki farklı web sitesini ön planda tutuyor olmam gerekiyor ve aralarındaki bağlantıyı iyi bir şekilde kurgulayabiliyor olmam gerekiyor. Diyerek aslında burada özetlediğimiz üç tane maddeyi net bir şekilde görebiliyoruz.

Bir diğer önemli ve dikkat etmemiz gereken nokta da aslında birkaç farklı maddede şurada göstereceğimiz üzere nelere dikkat etmemiz gereken noktalar. Burada da aslında öncelikli olarak en fazla, hani az önce de konuştuğumuz, bahsettiğimiz nokta aslında mobilin günden güne biraz daha masaüstünün ön plana geldiği kısımlar. Bu SEO için de geçerli, aynı şekilde kullanıcı tarafındaki deneyim için de geçerli. Mobilin masaüstünden çok daha öncelikli olduğunu düşünmemiz gerekiyor ve aslında tasarımımıza ya da bir proje planımıza ya da web sitesi planımızda mobili biraz daha önceliklendirerek kurguya başlamamız gerekiyor.

Çünkü daha küçük bir alana daha çok şey servis etmeye çalıştığımız için mobil tarafta yaptığımız dizayn ya da bir plan, masaüstü tarafa çok daha kolay bir şekilde uygulanabiliyor. O yüzden şurada bahsettiğimiz mobile first ilkesiyle biraz daha mobil çalışmaları masaüstünden önceliklendirmemiz gerekiyor. Şu bilinen bir gerçek ki Google yaptığı açıklamalarda da responsive'i biraz daha sevdiğini söylüyor. Bunu demesinin sebebi de aslında kullanıcılara sunduğu, yani bizim aslında web sitesi sahipleri olarak kullanıcıya sunduğumuz içeriklerin yapısı olarak birebir aynı olması, Google tarafında da indekslemeyi oldukça kolaylaştıran faktörlerden.

Yine aynı şekilde arka planda ciddi bir fark olmadığı için ya da HTML yapıları, URL yapıları farklı olmadığı için kullanıcıya yanlış bir içerik servis etme ihtimali de oldukça azalıyor. Bir diğer önemli nokta, JavaScript, CSS ve görselleri hiçbir şekilde engellememem gerekiyor. İşte az önce bahsettiğim gibi aslında responsive tasarımda CSS kullanımı oldukça önemli. Google'ın CSS kodlarına erişebiliyor olması gerekiyor ki mobil ve masaüstü tarafındaki farklılıkları görebilsin. Ya da ben hangi user agent'la girdiğimde aslında hangi CSS dosyasına, hangi CSS kodlarına ulaşması gerektiğini de görebilsin diye.

Hiçbir şekilde CSS, JavaScript ve görselleri engellememem gerekiyor Google botlarına. Yönlendirme kontrolleri oldukça önemli. Özellikle ayrı web siteleri kullandığım zaman, mobil ve masaüstü arasındaki linklerin doğru bir şekilde yönlendiriliyor olması oldukça önemli. Mobil site hızı da keza yine Google'ın kullanıcı deneyimi için oldukça önem verdiği noktalardan birisi. Tıklama boyutları, yazı boyutlarıyla birlikte site hızının da oldukça kullanıcıları tatmin eden düzeyde olması gerekiyor. Çünkü günümüz dünyası, artık e-ticaretin bile mobil üzerinden döndüğünü düşünürsek, kullanıcıların hızlı bir şekilde istediği sonuca ulaşması oldukça önemli. Reklam yerine banner'dan kastım aslında direkt bütün sayfayı kaplayan bir reklam alanı oluşturmaktan ziyade mobilde biraz daha sayfanın sadece üst kısmında ufak bir banner alanı oluşturarak ilgili reklamımıza ya da ilgili linkimize yönlendirme yapmak.

Mobil uygulamaya deep link de oldukça önemli. Yine eğer hem benim mobil uygulamam varsa hem de mobil sitem varsa ve buradan bir yönlendirme yapmak istiyorsam, doğru bir şekilde deep link kurgusunu yapmam gerekiyor ki kullanıcımı doğrudan mobil uygulamama yönlendirebileyim. Genel olarak aslında yeni başlayanlar için mobil SEO başlığında anlatacağım şeyler bunlar. Biraz daha daha sonraki haftalarda neler yapabileceğimizden bahsedeyim. AMP, aynı şekilde App Indexing ya da Application Store, App Store Optimization ya da Progressive Web Apps de yine mobile bağlı biraz daha detaylı, biraz daha derin konular.

Biraz daha temeli bugün anlattıktan sonra sonraki haftalarda yine bu dört konu üzerinden devam ediyor olacağız. Çok teşekkürler beni izlediğiniz için.