Sık yapılan yanlışlar

Bu sayfada, web yöneticilerinin mobil site tasarlarken en sık yaptıkları hatalardan bazıları anlatılmaktadır.

Engellenen JavaScript, CSS ve Resim Dosyaları

Oluşturma ve dizine ekleme işlemlerini en iyi şekilde yapması için Googlebot'un web sitenizde kullanılan JavaScript, CSS ve resim dosyalarına erişmesine her zaman izin vererek sitenizi ortalama bir kullanıcı gibi görebilmesini sağlayın. Sitenizin robots.txt dosyası bu öğelerin taranmasına izin vermiyorsa bu durum, algoritmalarımızın içeriğinizi oluşturma ve dizine ekleme işleminin başarısını doğrudan olumsuz etkiler. Bu da sıralamanın optimum olmamasına neden olabilir.

  1. Google Search Console'daki "Google Gibi Getir" özelliğini kullanarak Googlebot'un JavaScript, CSS ve resim dosyalarını tarayabildiğinden emin olun. Bu özellik, içeriğinizi tam olarak Googlebot'un gördüğü ve oluşturduğu gibi görmenize ve sitenizdeki dizine ekleme işlemiyle ilgili çeşitli sorunları tanımlayıp düzeltmenize olanak tanır.

  2. Google Search Console'da robots.txt dosyanızı denetleyin ve test edin.

  3. Sistemlerimizin web sitenizi mobil kullanıcılar için uyumlu olarak algılayıp algılamadığını görmek için mobil sayfalarınızı Mobil Uyumluluk Testi ile test edin.

  4. Mobil sayfalarınız için ayrı URL'ler kullanıyorsanız yönlendirmenin tanındığını ve taranabilir olduğunu onaylayabilmeniz için hem mobil hem de masaüstü URL'lerini test ettiğinizden emin olun.

Oynatılamayan İçerik

Bazı video veya içerik türleri; lisans sınırlamalı ortam, Flash gerektiren deneyimler veya mobil cihazlarda yaygın bir şekilde desteklenmeyen diğer oynatıcılar gibi nedenlerle mobil cihazlarda oynatılamaz. Oynatılamayan içerik, herhangi bir web sitesinin bir sayfasında öne çıktığında kullanıcılar için son derece can sıkıcı olabilir.

Kullanıcılar bir mobil cihazda desteklenmeyen içeriğe sahip bir sayfayı ziyaret ettiklerinde, aşağıdakine benzer bir hata iletisi görürler:

Video oynatılamıyor

Bu durum, kullanıcıların kötü bir mobil deneyim yaşamasına neden olur!

Özel bir video oynatıcı kullanmak veya içeriği, desteklenmeyen biçimlerde vermek yerine, video veya animasyon eklemek için HTML5 standart etiketlerinin kullanılmasını öneririz.

Flash veya diğer multimedya oynatıcılar kullanılarak oluşturulan animasyonlu içerik için tüm web tarayıcılarında çalışan HTML5 animasyonlarını kullanmayı düşünebilirsiniz. Google Web Designer, HTML5'te bu animasyonların kolayca oluşturulmasını sağlar.

  • Tüm kullanıcılarınıza iyi bir deneyim sağlamak için animasyonlarda HTML5 standartlarını kullanın.
  • Tüm cihazlarda oynatılabilen video yerleştirmesini kullanın.
  • Videonun çeviri yazısını sunmayı düşünebilirsiniz. Bu, yardımcı tarama teknolojileri kullanan veya belirli bir markaya ait video biçimini oynatamayan tarayıcılara sahip kullanıcıların sitenize erişebilmesini sağlar.

Daha ayrıntılı bilgi için Google'ın Web Temel Bilgileri rehberindeki video en iyi uygulamalarına ilişkin bilgileri okuyun.

Hatalı Yönlendirmeler

Mobil cihazlar için ayrı URL'leriniz varsa her masaüstü URL'sine gelen mobil kullanıcıları uygun mobil URL'ye yönlendirmeniz gerekir. Diğer sayfalara yönlendirmek (örneğin her zaman ana sayfaya yönlendirmek) yanlış bir davranış olur.

Örnekler:

  • Masaüstü sitenizin sunucusu, yönlendirme yapan masaüstü sayfasına karşılık gelen bir sayfa, mobil sitede bulunsa bile, mobil kullanıcıları asıl istedikleri URL'ye bakmaksızın mobil sitenin ana sayfasına yönlendirecek şekilde yapılandırılmıştır.
  • Masaüstü sitenizin URL'leri, bunlara karşılık gelen mobil URL'ler ile tam olarak eşleşmeyen URL parametreleri kullanılarak dinamik bir şekilde oluşturulmaktadır. Örneğin, masaüstü sitesinde belirli bir tarihe ilişkin bir tren tarifesine bakan kullanıcı, mobil sitedeki genel tarife arama sayfasına yönlendirilirse canı sıkılacaktır. Eşdeğer bir mobil URL'niz varsa kullanıcıların aradıkları sayfaya ulaşabilmeleri için yönlendirmeyi doğru bir şekilde yapılandırmanızı öneririz.

  • Masaüstü siteniz bazı mobil cihazları yönlendirirken, diğerlerini yönlendirmemektedir. Örneğin, bir site, mobil siteye sadece Android kullanıcılarını yönlendiriyor, iPhone veya Windows Phone kullanıcılarını ise yönlendirmiyor olabilir.

  • Google Search Console'u kullanın. Doğrulanmış bir kullanıcıysanız ve sitenizdeki sayfaların herhangi birinde akıllı telefon kullanıcılarının ana sayfaya yönlendirildiğini belirlersek size bir ileti göndeririz. Ayrıca, tespit ettiğimiz hatalı yönlendirmeleri Search Console'un Akıllı Telefon Tarama Hataları bölümünde gösteririz. Web Yöneticisi Araçları'nda sağladığımız örnek URL'leri, hata ayıklama çalışmanızda başlangıç noktası olarak kullanın ve sunucu yapılandırmanızla ilgili sorunun tam olarak nerede olduğunu belirleyin.

  • Akıllı telefon kullanıcılarının akıllı telefon sitenizdeki eşdeğer URL'ye yönlendirmesini sağlayacak şekilde sunucunuzu ayarlayın.

  • Sitenizdeki bir sayfanın akıllı telefon eşdeğeri yoksa, kullanıcıları akıllı telefon sitesinin ana sayfasına yönlendirmek yerine masaüstü sayfasında tutun. Bu durumda, hiçbir şey yapmamak, yanlış bir şey yapmaktan daha iyidir.

  • Masaüstü ve akıllı telefon kullanıcılarına aynı içeriği sunan duyarlı web tasarımını kullanmayı deneyin.

Yalnızca Mobil Cihazlar İçin 404'ler

Bazı siteler, bir URL'ye erişen masaüstü kullanıcılarına içeriği sunarken, mobil kullanıcılara bir hata sayfası gösterir.

Yalnızca mobil cihazlar için 404'ler

En iyi kullanıcı deneyimini sağlamak için kullanıcının mobil cihazdan bir masaüstü sayfasını ziyaret ettiğini belirlerseniz ve farklı bir URL'de eşdeğer bir mobil sayfanız varsa bir 404 veya soft 404 sayfası sunmak yerine, kullanıcıyı bu URL'ye yönlendirin. Ayrıca, mobil uyumlu sayfanın kendisinin bir hata sayfası olmadığından emin olun.

İyi yönlendirmeler
  • Google Search Console'u kullanın. Site için doğrulanmış bir kullanıcıysanız İleti Merkezi'nde size bir bildirim göndeririz.

  • Ayrı bir URL'de bir akıllı telefon siteniz varsa sunucunuzu, akıllı telefon kullanıcılarını akıllı telefon sitenizdeki eşdeğer URL'ye yönlendirecek şekilde ayarlayın.

  • Dinamik sunumu kullanıyorsanız kullanıcı aracısı algılamanızın doğru bir şekilde yapılandırıldığından emin olun.

  • Sitenizdeki bir sayfanın akıllı telefon eşdeğeri yoksa kullanıcıları masaüstü sayfasında tutun. Kullanıcının aradığı içeriği göstermek, hata sayfası görüntülemekten çok daha iyi bir deneyimdir.

  • Mümkün olduğunda duyarlı web tasarımını kullanın. Bu yapılandırma, hangi cihazı kullanırlarsa kullansınlar kullanıcılara aynı içeriği sunmanıza olanak tanır.

  • Google Search Console'daki Tarama Hataları raporunu kontrol edin. Akıllı Telefon sekmesinde, yalnızca akıllı telefonlara 404 hataları döndürdüğü algılanan URL'lerin bir listesi gösterilir.

Geçiş reklamlarından kaçınma

Pek çok web sitesi, kullanıcının ziyaret ettiği sayfanın içeriğini kısmen ya da tamamen kapatan geçiş reklamları veya yer paylaşımları gösterir. Mobil cihazlarda sık sık görülen ve web sitesinin yerel uygulamasını veya posta listesi kayıt formlarını tanıtan ya da reklamlar gösteren bu geçiş reklamları kötü bir kullanıcı deneyimi sunar. Aşırı örneklerinde ise geçiş reklamları kullanıcının reklamı kapatmasını ve sayfanın gerçek içeriğini görüntülemesini zorlaştıracak biçimde tasarlanmış olur. Mobil cihazlarda ekran alanı sınırlı olduğundan geçiş reklamları kullanıcı deneyimini olumsuz etkiler.

Uygulama İndirmeye Yönelik Geçiş Reklamları

Birçok web yöneticisi, işletmelerinin yerel uygulamalarını mobil web sitesi ziyaretçilerine tanıtır. Özenli yapılmadığında bu yaklaşım, dizine ekleme sorunlarına neden olabilir ve ziyaretçinin site kullanımında kesintilere yol açabilir.

Geçiş reklamlarından kaçınma
Geçiş reklamı, kullanıcının yapacağı işlemi tamamlamasını engelliyor.
Uygulama banner'ı
Banner, uygulamayı sunarken kullanıcıların işlem yapmasına izin verir.
  • Uygulamanızı, sayfa içeriğinize uygun bir şekilde tanıtmak için basit bir banner kullanın. Bu banner aşağıdakiler kullanılarak uygulanabilir:

  • Bir Android uygulamanız varsa uygulama dizine ekleme işlevini kullanmayı düşünün: Uygulamanızda dizine eklenmiş içerik belirli bir sorguyla ilgili olduğunda arama sonuçlarında bir yükle düğmesi gösteririz. Böylece kullanıcılar söz konusu uygulamayı indirebilir ve uygulamanızdaki ilgili sayfaya gidebilirler.

Bir web sitesi, ayrı mobil URL'lerdeki kullanıcılara sunum yaptığında kullanılan yaygın bir uygulama, masaüstü için optimize edilmiş sürüme bağlantılar (ve aynı şekilde masaüstü sayfasından mobil sayfaya bağlantılar) kullanmaktır. Yaygın görülen bir hata da, mobil sayfaların masaüstü sitesinin ana sayfasına bağlantı vermesinde olduğu gibi, bağlantıların alakasız bir sayfayı işaret etmesidir.

  • Bağlantılarınızı kontrol ederek doğru eşdeğer sayfayı işaret ettiklerinden emin olun.

Yavaş Mobil Sayfalar

Mobil sitenin hızlı bir şekilde yüklenmesini sağlamak çok önemlidir. İçeriğinizi görmek için uzun süre beklemek zorunda kalmak kullanıcılarınızın canını çok sıkabilir.

Sayfanızın yavaşlamasına neden olan herhangi bir sorun olup olmadığını görmek için Google PageSpeed Insights'ı kullanarak "Hız" alt bölümüne odaklanın. "Düzeltilmesi Gerekiyor" olarak işaretlenen sorunları düzeltmeye çalışın.

Daha fazla bilgi için aşağıdaki konulara bakın:

Görünümü doğru şekilde ayarlama

Sitenizin ziyaretçileri, farklı ekran boyutlarına sahip çeşitli cihazlar kullandığından, sayfalarınız viewport (görünüm) meta etiketini kullanarak bir görünüm belirlemelidir. Bu etiket, tarayıcılara sayfa boyutunun ve ölçeklemesinin cihaza uygun şekilde nasıl ayarlanacağını açıklar. Sık karşılaşılan iki sorun şunlardır:

  • Sabit genişlikli görünüm kullanma. Bu, tüm cihaz boyutları için (farklı boyutta pek çok cihaz vardır) sayfanın iyi ölçeklenmemesine neden olur. Devamını okuyun.
  • Minimum görünüm değerinin gerçekçi olmayacak kadar geniş tutmak, daha küçük cihazlara sahip kullanıcıların, içeriği okumak için yatay kaydırma yapmasını gerektirir. Bu durum, sayfaların, CSS bildirimlerinde mutlak değerlerin kullanılması veya belirli bir tarayıcı genişliğinde (980 piksel gibi) en iyi şekilde görünmelerini sağlamak üzere tasarlanmış resimlerin kullanılmasıyla ortaya çıkar. Bu hatayı düzeltmek için sayfaların, CSS öğeleri için göreli genişlik ve konum değerleri kullandıklarından ve resimlerin de ölçeklenebildiğinden emin olun. Daha fazla bilgi edinin.

Küçük yazı tipi boyutu

Yazı tipi boyutunu mobil cihazlarda okunamayacak kadar küçük bir değere ayarlamaktan kaçının, aksi takdirde sitenize gelen ziyaretçiler içeriği okumak için yakınlaştırmak üzere parmaklarıyla sıkıştırma hareketi yapmak zorunda kalırlar. Web sayfalarınız için bir görünüm belirledikten sonra yazı tipi boyutlarınızı, görünümün içinde uygun olarak ölçeklenecekleri şekilde ayarlayın. Okunabilir Yazı Tipi Boyutları Kullanma konusunda, yazı tipi boyutu en iyi uygulamaları hakkında daha fazla bilgi edinebilirsiniz.

Dokunma öğeleri çok yakın

Düğmeler ve bağlantılar gibi dokunma öğelerini birbirine fazla yakın şekilde yerleştirmekten kaçının. Aksi takdirde mobil kullanıcılar bu öğelere dokunmaya çalışırken yanlışlıkla yakınındaki diğer öğelere de dokunabilirler. Bu hataları düzeltmek üzere düğme ve gezinme bağlantılarının boyutlarını ve boşluklarını mobil ziyaretçileriniz için uygun bir şekilde ayarladığınızdan emin olun. Dokunma Hedeflerini Uygun Şekilde Boyutlandırma konusunda daha fazla bilgi edinebilirsiniz.

Şunun hakkında geri bildirim gönderin...