Mobil SEO Rehberi

Mobil cihazların günlük hayatımızdaki etkisi gün geçtikçe artıyor.

 

Hayatımızın ayrılmaz bir parçası haline geldiler.

 

Herhangi bir bilgiye ihtiyaç duyduğumuzda, yol tariflerinde, yemek ve market siparişlerinde mobil cihazlarımızı kullanmaktayız.

 

Durum böyleyken, özenle hazırladığınız web sitenizin de buna adapte olması kaçınılmaz.

 

Deneyimini iyileştirdiğiniz her kullanıcı, işletmenizden alışveriş yapmaya devam edecek, hizmetlerinizden yararlanacak ve çevresine sizi tavsiye edecektir.

 

Sizin için, mobil SEO ile daha iyi bir deneyim sağlamanın püf noktalarına değindik.

 

Mobil SEO’nun neden önemli olduğunu ve Google’ın onayladığı mobil SEO örneklerinden bahsettik.

 

Hazırsanız başlayalım.

İçindekiler
    Add a header to begin generating the table of contents

    Mobil SEO Nedir?

    Mobil SEO, web sitelerinin mobil cihazlardaki ( akıllı telefon, tablet vb. ) kullanıcı deneyimini iyileştirmek için yapılan çalışmalardır.

     

    Teknoloji gelişip mobil cihazların üretim maliyeti azaldıkça mobil cihaz kullanıcılarının sayısı her geçen gün artmaktadır.

     

    Mobil SEO, buna karşılık takip edilmesi gereken stratejileri içerir. Bu stratejiler:

    • Site hızı optimizasyonu
    • Kullanıcı dostu navigasyon
    • Responsive tasarım
    • Mobil uyumlu ve optimize edilmiş içerik
    • Başlık etiketleri ve meta açıklama düzenlemelerini içerir.

     

    Mobil SEO her gün daha fazla önem kazanmaktadır.

     

    Çünkü insanlar internette gezinmek, alışveriş yapmak veya bir bilgiye erişmek için mobil cihazlarını tercih etmektedir.

     

    Bu nedenle, işletmeler ve web site sahipleri, mobil SEO’yu dikkate alarak web sitelerini mobil kullanıcılar için optimize etmelidirler.

    Mobil SEO'nun Önemi

    Mobil SEO, rekabette öne geçmenizi sağlayarak işletme gelirlerinizi artırır.

     

    Bunu da mobil cihazlardan gelen trafiği artırarak, kullanıcı deneyimini iyileştirerek ve arama motoru sıralamalarınızı yükselterek sağlar.

     

    Gelin mobil SEO’nun neden önemli olduğunu verilerle inceleyelim.

    • Artan mobil trafik: Mobil cihazlardan gelen kullanıcılar dünya genelindeki internet trafiğinin %58.33’ünü oluşturmaktadır. ( Statista )
    Mobil Trafik Oranı
    • Mobil uyumlu görünüm: İnternet kullanıcılarının %57’si sitesi mobil uyumlu olmayan bir işletmeyi tavsiye etmemektedir. ( socPub )
    Mobil Uyumlu Web Site Kullanıcı Tavsiyesi
    • Müşteri kaybı: Mobil web sayfalarındaki 1sn’lik gecikme dönüşüm oranlarını %20 oranında azaltmaktadır.

      Google’ın yaptığı araştırmaya göre yüklenme süresi 6 sn. olan bir site için kayıp $219,303 ( USD ). ( ThinkwithGoogle )
    Mobil SEO Yükleme Süresi Dönüşüm Oranına Etkisi
    • Tıklanma oranı: Mobil aramalardaki ilk sonuç kullanıcıların %27’si tarafından ziyaret ediliyor.

      Yani yaklaşık her 3 kişiden biri. ( AdvancedWebRanking  )
    Mobile SEO Tıklama Oranı Artış

    Web Siteniz Neden Mobil Uyumlu Olmalı?

    Statcounter’a göre Google arama motoru pazarının %90’ını elinde tutuyor.

    Mobil SEO Dünya Geneli Tarayıcı Kullanım Verisi
    Daha detaylı görünüm için görselin üzerine tıklayabilirsiniz.

     

    Mobil uyumlu web sitelerine öncelik vermek için 21 Nisan 2015’te Mobilegeddon adıyla bir güncelleme yayınladı.

     

    Bu güncellemede geçen bir paragraf şu şekilde:

    “21 Nisan’dan itibaren, mobil uyumluluğu bir sıralama sinyali olarak kullanımımızı genişleteceğiz.


    Bu değişiklik dünya çapında tüm dillerdeki mobil aramaları etkileyecek ve arama sonuçlarımızda önemli bir etki yaratacaktır.


    Sonuç olarak, kullanıcılar cihazları için optimize edilmiş, alakalı ve yüksek kaliteli arama sonuçlarına daha kolay ulaşabilecekler.”

     

    Yani kullanıcı bir arama yaptığında, sitelerin önce mobil versiyonu taranıp ona göre bir sıralama oluşturulacak.

     

    Buna da, mobile first indexing deniyor.

    Geçmişteki Indexing Algoritması

    mobil-seo-mobile-first-indexing-model-gecmis

    Güncel Indexing Algoritması - Mobile First Indexing

    mobil-seo-mobile-first-indexing-model-gunumuz

    Masaüstü bir bilgisayardan bu aramayı gerçekleştirseniz bile Google aynı şekilde mobile first indexing kuralını takip ediyor.

     

    Mobile first indexing ile ilgili Google’ın hazırlamış olduğu videoyu izleyebilirsiniz.

    Mobil Uyumlu Bir Web Sitesi Nasıl Oluşturulur?

    1.Yöntem: Mobil Site Adı ( m.siteadı.com )

    Bu yöntem siteyi ziyaret eden kullanıcıların cihazlarına uyumlu versiyonu gösterir.

    1. Web sitenizin “normal” versiyonu olan masaüstü versiyon.
    2. (m.siteadı.com) şeklinde bir subdomainde olan “mobil” versiyonu.

     

    Yani web siteniz, kullanıcının cihaz tipini tespit edip, ona uygun içeriği sunar.

    mobil-seo-paralel-site-adi
    Örneğin; bir kullanıcı (petlebi.com/kedi-mamasi) adresini mobil cihazdan ziyaret ettiğinde, (m.petlebi.com/kedi-mamasi) adresine yönlendirilecektir.
     
     
    Bu yöntemde arama motorlarının rel=”canonical” ve rel=”alternate” etiketleriyle bilgilendirilmesi gerekmektedir.
     
     
    Google bu yöntemin kullanımını tavsiye etmemektedir.
     
    Bunun sebepleri:
     
    • Her sayfanın iki versiyonu olacaktır. Bunun için rel=”canonical” ve rel=”alternate” etiketlerinin HTML kodlarına eklenmesi gerekmektedir
    • Bu etiketler doğru bir şekilde düzenlenmediği takdirde masaüstü ve mobil içerikler Google tarafından “kopya içerik” olarak algılanabilir.
    • Bunun sonucunda sıralamanızda düşüşler yaşayabilirsiniz.

     

    Özetle bu yöntemi seçmek olası teknik SEO problemlerini de beraberinde getirecektir.

    2.Yöntem: Dynamic Serving

    Bu yöntemde mobil ve masaüstü kullanıcılar,  web sitesini aynı URL üzerinden ziyaret ederler.

     

    Ancak arka planda cihaz tipine göre farklı HTML/CSS kodları tarafından sayfa içeriği oluşturulur.

    mobil-seo-dynamic-serving

    Dynamic serving, bir önceki yönteme göre daha yönetilebilir olsa da birkaç noktaya dikkat edilmesi gereklidir.

     

    Örneğin; yeni çıkan mobil cihazlar için sitenizin yeni versiyonunu üretmeniz gerekir.

     

    Eğer üretmezseniz, siteniz o cihaza masaüstü versiyonunu sunabilir ve bu da istenmeyen bir kullanıcı deneyimine yol açar.

     

    Google dynamic serving yaklaşımını uzun soluklu bir çözüm olarak tavsiye etmemektedir.

    3.Yöntem: Duyarlı ( Responsive ) Tasarım

    Duyarlı ( responsive ) tasarım web sitenizin bütün cihaz tiplerine uyumlu bir şekilde görünmesini sağlar.

    mobil-seo-responsive-tasarim

    Ayrıca site içeriğini ayrı bir URL adresinde sunmaya veya her cihaz için ayrı HTML kodu yazmaya gerek yoktur.

     

    SEO açısından baktığımızda diğer yöntemlere göre çok daha avantajlıdır. Çünkü:

    • Sitedeki bütün içerikler tek bir URL üzerinden sunulur. 
    • rel=”canonical” yönlendirmesi olmadığı için kopya içerik hatasının önüne geçilir.
    • Mobil kullanıcılar için ayrı bir yönlendirme gerektirmez.
    • Google botlarının sayfayı indexlemesi için bir kere taraması yeterlidir.

    Mobil SEO Optimizasyonu

    Mobil Kullanılabilirlik Testi

    Web sitenizin mobil uyumlu olup olmadığını Google Search Console üzerinden kontrol edebilirsiniz.

     

    Mobil Kullanılabilirlik sekmesi altında sitenizle ilgili bilgilere ulaşabilirsiniz.

    mobil-seo-google-search-console-mobil-kullanilabilirlik

    Sitenizin mobil kullanımıyla ilgili bir sorun oluştuğunda, Google bu panel üzerinden sizi bilgilendirecektir.

     

    Örneğin; “Tıklanabilir elemanlar birbine çok yakın” gibi.

    mobil-seo-google-search-console-mobil-kullanilabilirlik-2

    Alternatif olarak Google’ın Mobil Uyumluluk Testi aracı ile de web sitenizin mobil uyumlu olup olmadığını test edebilirsiniz.

    mobil-seo-mobil-uyumluluk-testi

    Test sonucunda bir hata tespit edilirse, Google tarafından kapsamlı bir rapor sunulacaktır.

    mobil-seo-mobil-uyumluluk-testi-sonuc

    Google'ın Kaynak Dosyaları Taramasına İzin Verin

    Google’ın kaynak kodu dosyalarına erişimini kısıtlamak uzun vadede listeleme başarınızı düşürecektir.

     

    Çünkü Google bütün site içeriğinizi tarayamadığı sürece sayfanızın mobil uyumlu olup olmadığına karar veremeyecektir.

     

    Bunun sonucunda mobile-first indexing algoritmasında sıralama almanız zorlaşacaktır.

     

    Peki bunun için gerekli kontrolleri nasıl gerçekleştrebilirsiniz?

    • Sitenizin robots.txt dosyasını kontrol edin.

      Bu dosya Google’a hangi içeriğin taranıp taranmayacağının bilgisini vermektedir.

    Sitenizin robots.txt dosyasına siteadi.com/robots.txt üzerinden  erişebilirsiniz.

    mobile-seo-robots.txt

    Önemli bir içeriğinizin taranmasını engellemiyorsanız, bir sonraki adıma geçebilirsiniz.

    Popupları Engelleyin

    Popup’lar. Google kullanıcı deneyimini etkileyen bütün popup’ları cezalandırıyor.

    Google için her zaman kendi kullanıcısı önceliklidir.

    Bundan dolayı mobil cihazlarda içeriğin görüntülenmesini engelleyen, gereksiz bilgi içeren popup’ların kullanımından kaçınılmalıdır.

     

    Google’ın konu ile ilgili güncellemesine buradan ulaşabilirsiniz.

     

    Durumun daha net bir şekilde anlaşılabilmesi için Google’ın verdiği örnekleri inceleyelim.

    mobil-seo-dogru-popup
    Yanlış Popup Kullanımı
    mobil-seo-yanlis-popup
    Doğru Popup Kullanımı

    Web Siteniz Mobil Cihazlarda Nasıl Görünüyor?

    Sitenizi çeşitli cihazlarda  eş zamanlı olarak önizlemek için ResponsiveViewer aracını kullanabilirsiniz.

    mobil-seo-ekran-onizleme

    Kullanıcı deneyiminin etkilendiği cihaz tiplerini tespit edebilir, sitenizde buna yönelik düzenlemeler yapabilirsiniz.

    Web Sitenizin Mobil SEO Deneyimini İyileştirme

    Mobil Uyumlu İçerik Üretme

    Paragrafları Kısa Tutun

    Masaüstü cihazlardaki paragraflar mobil cihazlarda çok daha uzun görünür.

    Bu yüzden paragraflar mümkün olduğunca kısa tutulmalıdır.


    Uzun cümleler kısaltılmalı, kısa cümle yapıları ile daha anlaşılabilir hale getirilmelidir.

    Yazıya hızlıca göz atıldığında aranılan bilgiye çabuk ulaşılabilmelidir.


    Ayrıca kolay içerik tüketimi için bilgi; resim, video ve listeleme şeklinde aktarılmalıdır.

    mobil-seo-kisa-paragraf-icerik

    Yazının Girişini Kısa Tutun

    Kullanıcılara istedikleri bilgiyi ilk paragrafta veya ilk cümlede direkt olarak verin.

    İçerik bir soruyu cevaplıyorsa, sorunun cevabı ilk cümlede geçmelidir.

    Örneğin; bir kullanıcı “Güneş Dünya’nın kaç katı?” sorusunu sorduğunda, ilk cümlede cevaba ulaşabilmelidir.

    Yapılandırılmış Veri Biçimini Kullanın

    Yapılandırılmış veriler, bir sayfa hakkında bilgi sağlamak ve sayfa içeriğini sınıflandırmak için kullanılan standart bir biçimdir. – Google

    Örneğin; bir tarif sayfasında pişirme süresi, beğenilme oranı, kalori miktarı gibi bilgiler sınıflandırılarak içeriğin Google tarafından daha kolay anlaşılması sağlanır.

    mobil-seo-yapilandirilmis-veri-yemek-tarifi

    Sayfanızdaki yapılandırılmış verilerinizi doğrulamak ve önizlemek için Google’ın Zengin Sonuçlar Testi aracını kullanabilirsiniz.

    Ayrıca yapılandırılmış veriler, mobil cihazlardaki ekran boyutu kısıtlı olduğu için, SERP’te daha çok fark edilmenizi sağlar.

    Örneğin; sitenizde Sıkça Sorulan Sorular bölümü hazırladığınızı varsayalım.

    Bölümle ilgili yapılandırılmış veri kodu ve önizlemesi aşağıdaki gibi olacaktır.

    				
    					<html>
      <head>
        <title>Robots.txt soruları</title>
        <script type="application/ld+json">
        {
          "@context": "https://schema.org",
          "@type": "FAQPage",
          "mainEntity": [{
            "@type": "Question",
            "name": "Robots.txt disallow kuralını kullanarak Google'ın bir sayfayı taramasını engellersem bu sayfa arama sonuçlarından kaybolur mu?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Google'ın bir sayfayı taramasının engellenmesi, muhtemelen söz konusu sayfayı Google'ın dizininden kaldırır."
            }
          }, {
            "@type": "Question",
            "name": "Robots.txt dosyasındaki değişikliklerin arama sonuçlarımı etkilemesi ne kadar sürer?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Öncelikle, robots.txt dosyasının önbelleği yenilenmelidir (genellikle içeriği en çok bir günlüğüne önbelleğe alırız). Güncellenen robots.txt dosyanızı Google'a göndererek bu süreci hızlandırabilirsiniz. Değişikliği bulduktan sonra bile, her bir URL için gerçekleştirilen tarama ve dizine ekleme işlemleri, bazen uzun sürebilen karmaşık bir süreç olduğundan kesin bir zaman çizelgesi vermek imkansızdır."
            }
          }, {
            "@type": "Question",
            "name": "Taramaya izin vermek için allow kuralını eklemem gerekir mi?",
            "acceptedAnswer": {
              "@type": "Answer",
              "text": "Hayır, allow kuralını eklemenize gerek yoktur. Aksi yönde kural belirtilmediği sürece tüm URL'lerin taranmasına izin verilir. allow kuralı, aynı robots.txt dosyasındaki disallow kurallarını geçersiz kılmak için kullanılır."
            }
          }]
        }
        </script>
      </head>
      <body>
      <script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body>
    </html>
    				
    			
    mobile-seo-yapilandirilmiş-veri-masaustu-isaretlenmis
    Yapılandırılmış veri masaüstü görünümü
    mobile-seo-yapilandirilmiş-veri-mobil-isaretlenmis-crop
    Yapılandırılmış veri mobil görünümü

    Site Hızınızı Optimize Edin

    Bekleme süresinin saniyelere indiği günümüzde, sitenizin hızlı açılması bir tercih değil, gereklilik.

    Kullanıcıda olumlu bir izlenim yaratmak için, 2 saniye ve altı açılış süreleri hedeflemeniz gerekmektedir.

    Sitenizin kaç saniyede açıldığını tespit etmek için çeşitli araçlardan yardım alabilirsiniz.

    Bunlardan bir tanesi: GTMetrix, diğeri ise Google PageSpeed Insights

    İki araç da optimize edilmesi gereken noktaları detaylı bir şekilde rapor olarak sunuyor.

    Ücretli alternatif istiyorsanız Semrush Site Audit‘i de kullanabilirsiniz.

    GTMetrix Performans Testi

    mobil-seo-site-hizi-gtmetrix-1
    v60.digital için performans raporu
    mobil-seo-site-hizi-gtmetrix-2
    "Learn how to improve this" butonuna tıklayarak optimizasyon ipuçlarına ulaşabilirsiniz.

    Google PageSpeed Insights

    mobil-seo-site-hizi-pagespeed-insights-1
    website adresinizi yazıp Analyze'a tıklayın.
    mobil-seo-site-hizi-pagespeed-insights-2
    v60.digital için mobil performans skoru
    mobil-seo-site-hizi-pagespeed-insights-diagnostics
    Optimize edilmesi gereken başlıklar

    Sayfa Başlıkları ve Meta Açıklamaları Düzenleyin

    Sayfa başlıkları ve meta açıklamaları sitenizin tıklanma oranlarını doğrudan etkiler.

    Çünkü müşterinizin karşısına çıktıktan sonra ona tıklama kararını verdirtecek bilgileri sağlamazsanız, rakibinizi ziyaret edecektir.

    Kullanıcıların sitenizi ziyaret etmesi için kısa, net ve harekete geçiren ifadeler kullanmalısınız.

    Bundan dolayı sayfa başlıklarınız 50-60 karakter bandında olmalı ve meta açıklamalar da genel olarak 130 karakteri geçmemelidir.
    mobil-seo-meta-title-description-alt-text

    Hemen Uygulayabileceğiniz 3 Mobile SEO Taktiği

    Başlık Resimlerini Mobile Göre Ayarlayın

    Mobil kullanıcılar sitenizdeki içeriklere anında erişebilmelidir.

    Yani sayfanın girişini ne kadar kısa tutarsanız içeriğinizi o kadar çabuk okumaya başlarlar. 

    Bundan dolayı ekranın tamamını kaplayan görselleri mobile göre optimize etmelisiniz.

    mobil-seo-baslik-resmi-masaustu
    Başlık Görseli Masaüstü
    mobil-seo-baslik-resmi-mobil
    Başlık Görseli Mobil

    Paylaşım veya Eyleme Çağrı Butonları Erişilebilir Olmalıdır

    Mobil cihazlardaki kullanıcılar eylem çağrısı butonlarına kolayca erişebilmelidir.


    Bu butonlar kullanıcınızın deneyimini kısıtlamayacak şeklde yerleştirilmelidir.


    Ancak ihtiyacı olduğunda da gerekli aksiyonu hızlı bir şekilde alabilmelidir.

    mobil-seo-mobil-eyleme-cagri

    "Viewport Content" Etiketini Kontrol Edin

    İçeriğinizin bütün ekran boyutlarında tüketebilir olduğundan emin olun.

     

    Bunun için “viewport content” etiketini sitenizin <head> kısmına ekleyin.

     

    “Viewport Content” sayfaların cihaz boyutuna göre otomatik olarak boyutlandırılmasını sağlar. 

     

    Bu sayede kullanıcı deneyimi tüm cihazlarda korunmuş olur.

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

    Yorum bırakın

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

    tr_TRTurkish