Sayfanız Mobil Uyumlu Değil Sorunu ■ Çözüm

Sayfanız Mobil Uyumlu Değil Sorunu

Daha önce Projelendirdiğim bir Websitesinin içerik girişi tamamlandıktan sonra belirli bir süre göz ardı etmiştim. Sistemi tekrar kontrol etmek, Genel ayarlarını tamamlayıp içeriklere devam etmek için Mobil arama sonuçlarına baktığımda Sayfanız Mobil Uyumlu Değil uyarısını gördüm.

Bu ayarı Seo Mobil Çalışmalarımı hiçe sayacak nitelikteydi

Bu uyarıyı Telefonumda açık olan Gmail Hesabım üzerinden Google Arama Sonucunda gördüm. Ekran Görüntüsü Aşağıdaki Gibidir.

Sayfanız Mobil Uyumlu Değil Linkine Tıkladığımda Google Mobil Uyumluluk Sayfanız geldik.  Sayfanın Sağ bölümünde yer alan sitemin Mobil Ekran görüntüsünde hiçbir şekilde Css ve Js uygulanmadığını gördüm. Sayfa Sadece Text’den oluşmaktaydı. Siteyi tarayıcıda açtığımda herhangi bir sorun yoktu fakat Google Amcamız Sayfanın mobil uyumlu olmadığını ısrarla diretti.

1Aklıma ilk gelen sitenin Responsive özelliğinden bir sorun olup olmadığıydı Hemen kontrolleri sağlamak için Kaynak kodlarına girdim.

Responsive İçin Css Cihaz kodları çalışmaktaydı

<meta name=”viewportcontent=”width=device-width, initial-scale=1“>
Chrome ile Geliştiri moduna geçerek mobil özelliğini açtım hiçbir sayfada taşma yok. Ne anasayfada ne yazı sayfasında nede Arşiv sayfalarında.

2 Sitenin Htaccess Dosyasını kontrol ederek Mobil uyumluluk problemi olup olmadığı noktasında erişim engellenmiş kaynakların olup olmadığını görmek istiyordum.

Htaccess Dosyasıda tertemizdi..

3 Mobil Uyumluluk Sorunu çözmek için Alt yapısını WordPress olarak Kullandığım sitemin Eklentilerinde Sorun olup olmayacağını düşündüm.

Sitenin Responsive Özelliğini Devre dışı bırakacak bir Js veya Css Çakışması söz konusu olabilirdi. Fakat Eklentileri tek tek pasifleştirip, etkinleştirmeme rağmen sorun devam ediyordu.

4 En son Bakmam gereken yer olarak Robots.txt Dosyası kaldı. Siteadi.com/robots.txt yazdığım an karşıma çıkan Robots Engelleme kodlarını gördüm ve hayretler içerisinde kalmıştım.
Sitemap: http://www.siteadi.com/sitemap.xml
User-agent: Googlebot
Disallow: /wp-content/
Disallow: /trackback/
Disallow: /wp-admin/
Disallow: /feed/
Disallow: /archives/
Disallow: /index.php
Disallow: /*.php$
Disallow: /*.js$
Disallow: /*.css$
Disallow: */feed/
Disallow: */trackback/
Disallow: /page/
Disallow: /tag/
Disallow: /category/
User-agent: Googlebot-Image
Disallow: /wp-includes/
User-agent: ia_archiver
Disallow: /

Robots.txt Dosyasında Ekleyip eklemediğimi bile hatırlamadığım Disallow Engellemelerini gördüm. /*.css$ , /*.js$ , /*.php$ Şeklinde Google Örümceklerinin css ve js dosyalarına erişmelerini engellemiştim. Css ve js dosyasına erişemeyen Google Sayfayı olduğu gibi kuru kuru html olarak görmekte Mobil Ekran çözünürlüğünün dışına çıkan başlıklar, resimler ve herşey Mobil Uyumluluk Sorunu yaşatmaktaydı.

Çözüm Olarak

1Robots.txt Dosyasındaki Bütün Kodları silerek Sadece :

Sitemap: http://www.siteadi.com/sitemap.xml
User-agent: Googlebot

Kısmını bıraktım.

2Google’a bunu bildirmek için Webmaster Konsola girerek Tarama > robots.txt Test Aracı Kısmana geçtim.

tarama_robots_test_araci

 

3Güncelleme Yaptığım Robots.txt Dosyasını Google bildirmek için aşağıdaki uygulamayı gerçekleştirdim.

robots.txt_guncellemesi

4İşlemi Google’un bütün sayfalarıma yer alması için Google gibi Getir Aracını kullanarak Google örümceklerinin indexlerimi tekrar kontrol etmesini sağladım.

mobil_akilli_telefon

5Bu Adımı Gerçekleştirirken Bu URL’yi ve onun doğrudan bağlantılarını tara Diyerek Örümcek Arkadaşların bütün bağlantılarını gözden geçirmelerini istedim.
dizine_gonder

Bir süre içerisinde sorun çözüldü. Yaşadığım bu kısa ve etkili yol ile sizlerde benzer bir problem yaşarsanız Bu yöntemi deneyerek Sorunu çözebilirsiniz.

sayfa_mobil_uyumlu

Yeni yazılar için mail almak ister misin?

Mail aboneliği motivasyonu arttırır, yazara güç katar!

1 Yorum

  1. Özkan erl dedi ki:

    teşekkürker hocam bende dizinleri engellemişim bütün indexlerim silinmiş:(

Bir Cevap Yazın