Mobil kullanımının artması ile birlikte bu yöndeki değişimler ve yenilikler de süreklilik kazanmış durumda. Bu yeniliklerden birisi olan Progressive Web Apps, internet sitelerinin akıllı telefonlardaki görünümünü ifade etmektedir.
Progressive Web Apps nedir, ne işe yarar?
Herhangi bir web sitesi, telefonların ana ekranında yer alabilmektedir. Progressive Web Apps aktif olan bir sitede ekranda kullanıcılara onay ekranı gösterilir. Bu sorguya onay verildiği takdirde uygulamalar dizininde web sitesi de bir uygulama şeklinde görünmeye başlar.
Kullanıcıların siteye giriş yapması için herhangi bir tarayıcı ya da uygulamaya girmesine gerek kalmadan sadece bu kısayola tıklaması yeterli olmaktadır. Böylece hem web sitesinin farklı kılınması hem de ulaşımın daha kolay olması adına web siteleri için Progressive Web Apps özelliğinin bulunması oldukça önemlidir.
Progressive Web Apps neler sunar?
Progressive Web Apps ile elde edilecek avantajlar şöyledir;
Ana sayfaya web sitesi için bir simgeye eklenmesine sağlar. Böylece markalaşmayı ve akılda kalmayı daha da kolaylaştırır.
Üstelik özel bir kayıt sistemi bulunan bu özellik, internet olmasa dahi web sitesinin belirli sayfalarının dolaşmasını sağlar.
Web sitelerinde mobil uyumluluk gibi pek çok problem yaşanabileceği gibi bu özelliğini desteklenmesi ile birlikte tüm bu uyumluluk sorunları da ortadan kaldırılmaktadır. Böylece cep telefonu ekranı ne olursa olsun daha iyi bir görünüm elde edilebilmektedir.
İnternet siteleri için ziyaretçi sadakati sağlayan bu özellik siteye erişimi kolaylaştırdığından dolayı daha fazla hit elde edilmesini sağlar.
Progressive Web Apps özelliği siteye nasıl eklenir?
Eğer web sitenizde bu yönde bir düzenleme yapmak istiyorsanız, yapacağınız küçük kod değişiklikleri ile birlikte bunu başarabilirsiniz. Bu kod değişikliğini yaptığınız andan itibaren sitenize giren kullanıcıların karşısına seçenekler sunulmaya başlanacaktır. Böylece isteyen kullanıcılar bu değişiklikleri onaylayarak, web sitenizin telefonun ana dizininde yer almasını sağlayabilir. Bu uyum için kullanmanız gereken kodlar ise şöyledir;
{ “name”: “Arama Motoru Optimizasyonu”, “short_name”: “Devnot”, “icons”: [ { “src”: “devnot.png”, “type”: “image/PNG”, “sizes”: “144×144” } ], “start_url”: “/”, “display”: “standalone”, “background_color”: “#ffffff”, “theme_color”: “#282828” }
Bu kodları bir derleyicide hazırlayarak manifest.json olarak kaydedin. Ardından sitenizin header bölümüne “<link rel=”manifest” href=”manifest.json”>” kod yapısını ekleyin. Ancak kod satırlarında bulunan href=”manifest.json” alanındaki href kısmına kendi site adresinizi girmeli, json dosyasını da site ana dizinine atmalısınız.