Google Mobile-Friendly Test Hatalarını Gidermenin Yolları

Web dünyasında son zamanların en popüler konusu responsive design. Yani tüm ekranlarda düzgün bir görünüm ve kullanıcı deneyimi sunmak. Bu hem sitelerinizin daha etkin bir şekilde kullanılabilmesi hem de SEO açısından çok önemli bir konu.

Başta Google olmak üzere tüm arama motorları responsive web sitelerini tanıyarak, aramalarda ön plana çıkartmaktadır. Google sitelerinizin mobil uyumluluğunu test edebilmeniz için bir de araç sunuyor. Google Mobile-Friendly Test aracını kullanarak web sitenizin mobil uyumluluğunu test edebilirsiniz.

Test sırasında bazı hatalar almanız da olası bir durumdur. Peki bu test sırasında aldığınız hataların sebepleri neler olabilir? İşte size mobil uyumluluk testi sırasında en sık görülen hatalar…

  1. Engellenen CSS veya JS Kaynakları
    Bu hata en çok karşılaşılan hatadır. Siz herşeyi düzgün yaptığınızı sanırsınız. Size her şey düzgün görünüyordur ama unutmayın ki sizin gördüğünüz ile Google’ın gördüğü aynı değildir! Google Botlarının erişemediği içerikler yüzünden siteniz bambaşka bir görünüm alıyor olabilir.

    Bunu çözmenin yolu ise basttir. Robots.txt dosyanızı kontrol edin ve Google’ın indekslemesine izin vermediğiniz klasör ve dosyaları buradan kaldırın.

  2. Çok Küçük Font Boyutları Kullanmak
    Bilgisayar ortamında web sitelerinde kullandığınız font boyutları 10px kadar küçük olabiliyor. Ancak mobil cihazlarda bu boyutlarda fontların görüntülenebilmesi mümkün değildir. Tüm cihazlarda düzgün bir görünüm için, Google kullandığınız font boyutunun 16px olmasını tavsiye ediyor.
    Font boyutlarının mobil için ayarlanması
    Standart bir font boyutu kullanmak yerine, mobil için farklı tablet ve bilgisayar ekranında farklı font boyutlarının görüntülenmesini de sağlayabilirsiniz.
  3. Küçük Buton veya Linkler Kullanmak
    Web sitelerinizde kullandığınız butonların parmakla dokunmaya uygun boyutta olması gerekiyor. Bilgisayar ekranında fare imleci ile kolaylıkla tıklayabildiğiniz butonlar yeterli boyutta olmazsa parmakla dokunurken sorun yaratabilir. Bu yüzden Google kullandığınız butonların çok küçük olmasını bir hata olarak görmektedir. Google’ın buton kullanımı ile ilgili detaylarını buradan öğrenebilirsiniz.
  4. Tüm Sayfaların Mobil Uyumlu Olmaması
    Sitenizin sadece giriş sayfasının yada sadece belirli sayfaların mobil olması sitenizin tamamen mobil olması anlamına gelmez! Sitenizde var olan tüm sayfaların mobil uyumlu olması gerekir. Mobil trafiğinizin artmasını ve Google gibi arama motorlarının sitenizi mobil uyumlu olarak görmesi için tüm sayfalarınızı mobile uyumlu hale getirin.
  5. İçeriğin Ekrandan Daha Geniş Olması
    Son olarak, site içeriğinde kullandığınız materyallerin ekran boyutundan daha geniş olması yaşanan en büyük sorunlardan bir tanesidir. Web sitelerinizde özellikle sağa doğru bir scroll çıkmamasına özen gösterin.  Ekrana sığmayan herhangi bir içerik veya görsel sitenizin mobil uyumlu olmaması anlamına gelecektir.

PHP CodeIgniter ile MVC Programlama Eğitim Seti

Uzun zamandır benden istenen ve benim de hazırlamayı hevesle beklediğim eğitim setini sonunda bitirerek Vidobu‘da yayınladım. PHP ile ilgili kendini geliştirmek isteyenler, MVC yapıda programlamayı öğrenmek isteyenler bu eğitimi mutlaka izlemeli.

Eğitim seti ile ilgili detaylar

Bu eğitim setinde, PHP’nin en popüler frameworklerinden biri olan CodeIgniter ile ilgili tüm detayları bulabilirsiniz. Eğitim seti içeriğinde, CodeIgniter nedir? neden CodeIgniter kullanmalıyız? MVC yapı hakkında genel bilgiler, MVC yapı kullanarak uygulama geliştirme, CodeIgniter kütüphanelerini kullanarak uygulamalar geliştirmek, Active record ile veri tabanı işlemleri, helper kullanarak hız kazanmak gibi tüm detayları bulabilirsiniz. Sizlerde bu eğitim setini izledikten sonra PHP CodeIgniter Frameworkünü kullanarak MVC yapıda uygulamalar geliştirebilirsiniz.

PHP CodeIgniter ile MVC Programlama Video Eğitim Seti

Temel Tasarım Kuralları: 4 Temel Prensip Eğitim Seti

Bir süredir ara verdiğim eğitim çekimlerine yeni bir eğitim setiyle geri dönüyorum. Tasarımcı olmayanlar için temel tasarım kurallarını anlatan bu eğitim setiyle birlikte, tasarımda uygulanması gereken 4 temel prensibi öğrenebilirsiniz.

Eğitim seti ile ilgili detaylar
İyi bir tasarım yapmak için bilmeniz gereken 4 temel prensip bu eğitim setinde anlatılmıştır. 4 temel prensip olan; gruplama, hizalama, yineleme ve zıtlık ile ilgili tüm detayları bu eğitim setinde bulabilirsiniz. Prensiplerin temellerini, nerelerde kullanılacağını, nelere dikkat edileceğini ve yapılan örnekleri inceledikten sonra, sizlerde tasarımları farklı bir gözle yorumlayabilir ve iyi tasarımlar yapabilirsiniz.

Temel Tasarım Kuralları: 4 Temel Prensip Video Eğitim Seti

Adobe CS6 Yeni Özellikleri

Adobe Creative Suite ailesinin yeni sürümü Adobe CS6′yı, 24 Nisan Salı günü yapılan online lansman ile tanıtıldı.

Creative Suite 6′daki yeniliklerden genel olarak bahsedildiği 45 dakikalık online video yayınıyla birlikte sizler için hazırladığımız ‘CS6 Yenilikler Video Serisi’ni de Vidobu.com sitesinde bulabilirsiniz. Vidobu.com’un katkılarıyla hazırladığımız video serisi sayesinde tüm dünyayla aynı anda ve tamamen Türkçe olarak yenilikleri görebilme şansına sahipsiniz.

Adobe CS6’nın tüm yeniliklerini Vidobu’da izleyin

Ayrıca Vidobu ofisinde yaptığımız çekimler sırasında, Adobe’den Barış Özcan’a yakalanma anımızı mutlaka görmelisiniz :)

Yeni Eğitim Seti: PHP ile Yönetilebilir Siteler Hazırlamak

PHP ile ilgili temel işlemler, sayfalama teknikleri, veri transferleri, veritabanı işlemleri, üyelik işlemleri, içerik yönetimi gibi bir çok konuda bilgi içeren bu eğitim seti; dinamik siteler oluşturmak isteyen web tasarımcılar ve programcılar için özel olarak hazırlanmıştır.

PHP ile Yönetilebilir Siteler Hazırlamak Video Eğitim Seti.