Google'a ve Kullanıcılara iyi görünmek mi? Evet bunu skeleton sağlıyor. Skeleton çoğu durum için hayat kurtarıcı bir sistemdir. Yaptığı şey kullanıcıyı ve Google'ın bazı konularda yanılmasını sağlamak ve bu işe yarıyor. Tek başına harikalar yaratmıyor ancak bazı düzenlemeler ile algıyı kontrol edebilirsiniz. Sunucunuz çok hızlı olabilir ama kullanıcının interneti her zaman istediğimiz seviyede olmuyor.
Skeleton Nedir?
İskelet. Sitenizin iskeleti. Skeleton dediğimiz yapı sitenizin basit yapıda çizgisel bir iskeletini çıkartan css yapısı diyeibliriz. Siteniz yüklenirken ilk sıraya skeleton.css'i alarak sitenin geri kalanı yüklenirken ziyaretçiye sitenizin iskeletini gösterirsiniz bu sayede kullanıcı boş bir yükleme sayfası beklememiş olur biraz da animasyon eklediğinizde içeriğin yüklenmesini beklemeleri için bi sebep verisiniz: "Yüklendi site"
İçeriğin Yüklendiğini hissettirmek için yanıp sönme effekti kullanılır.
Skeleton Nasıl Kullanılır?
Skeleton olsun diye kullanılacak bir sistem değildir yanlış kullanımda daha fazla zarar verebilir o yüzden sitenizin skeleton yapısını kendiniz çıkarmalı ve sitenizin son yüklenmiş hali ile birebir uyumlu olmasını sağlamalısınız. Yukarıda verdiğimiz gifde görsel ve metin konumlandırılmış eğer bu alanlardan farklı bir veri gelir ve o alanın boyutları daha uzar kısalırsa CLS oluşturacağı için faydadan çok zarar verecektir.
- Skeleton sitenizin ana css'inden daha önce yüklenmeli ve diğer kaynakların engellemelerine takılmamalıdır.
- Skeleton ile oluşturduğunuz alana gelecek veri skeleton ile aynı büyüklükte olmalıdır.
Aşağıda gördüğünüz görsel ise bir mobil uyuglama örneği. Sadece SEO için değil platformunuza giren kullanıcıların algısını yönetmeniz için her platformda kullanabilirsiniz.
Mobil Uygulama örnek skeleton Görseli: bhavna-soni
Skeleton İle Beraber Yüklenme Kontrolcüsü Kullanımı
Skeleton tek başına kullanıldığında istediğimiz sonucu elde edemeyiz. O yüzden yükleme kontrolcüsü kullanmamız gerekiyor. Site yüklenirken içerikler toplu şekilde gelmemeli sunucu içeriği tek bir paket şeklinde gönderdiğinde içerik boyutu arttıkça yüklenme gecikecektir. Bunun önün geçmek için sitede ilk yüklenmesi gerekenleri bizim seçmemiz gerekli. Örnek olarak Kullanıcı ve Google'ın istediği içeirği önceden vermeliyiz. Bir Ürün sayfasında örnek sıralam şöyle olmalı:
- Ürün/Sayfa Başlığı
- Ürün/sayfa kısa açıklama metni.(İlk giriş ekranında bulunan)
- Ürün/Sayfanın Ana Görseli.
- İkon paketleri.
- Button ve işlevsel alanlar.
- Breadcrumb yapısı.
- Ürünün/Sayfanın ikincil görselleri.
Bu örnek sıralamadır sitenizin içeriğine göre analiz edilmeli ve ekran yerleşiminize sayfanın türüne göre sıralama ihtiyaçlarınıza uygun şekilde yeniden oluşturulmalıdır.
Skeleton otomatik yapılabilir mi?
Hayır. Skeleton otomatik yapıalcak bir sistem değildir. Alanların boyutları içeriklerin düzenini ayarlama noktasında otomatik yapacak bir sistem bulunmuyor daha önce de belirttiğimiz gibi yanlış ayarlanan boyutlar kayma oluşturacağı için otomatik olarak oluşturulan skeleton faydadan çok zarar sağlayacaktır. Aynı zamanda yükleme kontrolcüsü sistemini kurarken hangi içeriğin daha önce geleceğini ve bu içeirkleri kanallara bölmeyi otomatik oluşturacak bir sistem şuan için bulunmuyor.