Bu yazıda Wordpress tabanlı bir sitenin, Google Search Console "metin okunamayacak kadar küçük", "tıklanabilir öğeler birbirine çok yakın" ve "içerik, ekrandan geniş" hatalarının çözüm deneyimlerimi paylaşmak istiyorum.
Güvenilir bir tema seçip, yüzlerce içerik girdiğiniz sitenizin Search Console analizlerinde zaman zaman yukarıdaki mobil hataları görebiliyoruz.
Peki temanın CSS kodlarında bir hata olsaydı, bu hataları tüm linklerde görmemiz gerekmez miydi?
Mobil sorunlarının sebebi nedir?
Özenle oluşturduğunuz sitenizde bu hataların oluşumunu görmeniz ve sebebini bulamamanız canınızı çok sıkacaktır. Ama sakin olun; bize verilen bildirimleri biraz daha dikkatle inceleyelim.
Konsolda hata satırlarının birine tıkladığınızda, hatalı örnek sayfalar açılacak, o sayfalardan birini de tıkladığınızda, sağ tarafta üç sekmeli "Taranan sayfa" sütunu açılacaktır. Bu sütunda üstten en son, yani " DAHA FAZLA BİLGİ" sekmesini tıkladığınızda, alttaki "Sayfa kaynakları" satırında eksiksiz yüklenmesi gereken dosyaların bir kısmının yüklemediğini görürsünüz. Örneğin "5/8 yüklenemedi" bildirimi, yüklenemeyen 3 dosyanın mobil hatasına sebep olduğunu gösterir.
Mobil sorunlarının en önemli sebebi "HIZ"
Sitenizin yüklenmesi 400 ms 'den fazla sürüyorsa mobil hataları alabilirsiniz. Hatta bu hataya maruz kalan bazı linklerden de haberiniz olmayabilir. Örneğin bir linkin indekslenmediğini görüp incelediğinizde, sebebinin mobil hata olduğu ortaya çıkar.
Mobil hatalardan uzak kalmanız için kaliteli ve hızlı temalar seçip gereksiz eklenti, optimize edilmemiş görseller kullanmamanız gerekiyor. En önemlisi ise hosting seçimidir.
Cache eklentilerine dikkat!
Cache eklentileri ve bazı temaların bünyelerindeki cache seçenekleri kaş yapayım derken göz çıkarabiliyor. Hız uğruna indeks hataları almamak için bu seçenekleri kullandıktan sonra birkaç linki Google mobil test aracıyla kontrol ediniz.