PWA Nedir?
Kişisel bloglarınızda, haber sitelerinde veya herhangi sektörde farklılık gösteren sitelerin cep telefonlarında hatasız olarak mobil uygulama tarzında gözükmesini sağlayan uygulamanın adı olarak bilinmektedir yeni nesil teknoloji olarak adlandırabiliriz. En büyük özelliği ise, sıfır maliyet.
SEO için her zaman önceliğimiz kullanıcı deneyimi olarak adlandırıyoruz. Progressive Web App, sayesinde kullanıcı deneyimini en üst segmente çıkartabiliriz.
PWA neden tercih edilmelidir?
Responsive Uyumluluğu: Hemen hemen tüm cihazlara uyumlu olarak kodlanmıştır.
Progressive Detayları: Herhangi bir tarayıcı gerektirmez.
Hızlı ve senkronize detayları: Normal internet hızının alt limitlerine kadar açılabilir. Arka planda düşük internet hızı ile yenilebilir özelliğine sahiptir.
Güvenlik: HTTPS olmadığı sürece PWA asla aktif olmaz.
Güncelleme: Service workers tarafından sürekli olarak günceldir. (Service Workers) arka planda çalışan Javascript kodudur.
WordPress için en kolay PWA eklentisi nedir?
Eklenti ismi: SuperPWA
Eklenti link:
Önerdiğimiz eklenti kurulumunu yaptıktan sonra yapacağınız işlemleri beraber yapalım.
Application Name : Uygulama adı – Site başlığı yazabilirsiniz.
Application Short Name – Uygulamanın kısa adı. En fazla 12 karakterden oluşacaktır.
Description – Uygulama hakkında açıklama (Site açıklamanızı yazabilirsiniz)
Application Icon – Uygulama ikonu (Logonuzu yükleyebilirsiniz) 192×192 boyutunda PNG olarak yüklemeniz gerekmektedir.
Splash Screen Icon – Logonuzun en küçük halini yükleyebilirsiniz. 512×512 boyutunda PNG olarak yükleyebilirsiniz.
Background Color – Uygulamanın arka planı ile alakalı renkleri seçebilirsiniz.
Theme Color – Uygulama temasının renk ayarları.
Start Page – Uygulamanın hangi sayfadan başlayacağını seçebilirsiniz. (Tavsiyem “Ana sayfa”) olacaktır.
Offline Page – Çevrimdışı ekran (Son yazdığınız yazı) yapabilirsiniz.
Orientation – Yönlendirme (Portrait) olarak güncelleyiniz.
Display – Görüntüleme (Standalone) olarak güncelleyiniz.
Tüm ayarlarımızı klasik şekilde oluşturduk. Artık sitemizde PWA bulunmaktadır. PWA testini yapmak için; Google Lighthouse kullanabilirsiniz.
Google Lighthouse link:
PWA mevcut olan bir site;
PWA kurulumu yapılmamış site;
PWA önemli midir? Her cihaz tarafından desteklenir mi?
PWA şu anda ülkemizde sınırlı siteler tarafından kullanılmaktadır. Yeni nesil teknoloji olduğundan ötürü dezavantajları bulunmaktadır.
Örnek: iOS sürümünde sınırlı olarak kullanılmaktadır. iOS cihazlarda PWA kullanımı için “Safari” tarayıcısı zorunludur. İlerleyen zamanlar içerisinde PWA’nın önemi daha fazla olacaktır. Bu sebepten ötürü ilk etapta kurulum yaparak deneme yapabilirsiniz.
Kişisel bloglarınızda, haber sitelerinde veya herhangi sektörde farklılık gösteren sitelerin cep telefonlarında hatasız olarak mobil uygulama tarzında gözükmesini sağlayan uygulamanın adı olarak bilinmektedir yeni nesil teknoloji olarak adlandırabiliriz. En büyük özelliği ise, sıfır maliyet.
SEO için her zaman önceliğimiz kullanıcı deneyimi olarak adlandırıyoruz. Progressive Web App, sayesinde kullanıcı deneyimini en üst segmente çıkartabiliriz.
PWA neden tercih edilmelidir?
Responsive Uyumluluğu: Hemen hemen tüm cihazlara uyumlu olarak kodlanmıştır.
Progressive Detayları: Herhangi bir tarayıcı gerektirmez.
Hızlı ve senkronize detayları: Normal internet hızının alt limitlerine kadar açılabilir. Arka planda düşük internet hızı ile yenilebilir özelliğine sahiptir.
Güvenlik: HTTPS olmadığı sürece PWA asla aktif olmaz.
Güncelleme: Service workers tarafından sürekli olarak günceldir. (Service Workers) arka planda çalışan Javascript kodudur.
WordPress için en kolay PWA eklentisi nedir?
Eklenti ismi: SuperPWA
Eklenti link:
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
Önerdiğimiz eklenti kurulumunu yaptıktan sonra yapacağınız işlemleri beraber yapalım.
Application Name : Uygulama adı – Site başlığı yazabilirsiniz.
Application Short Name – Uygulamanın kısa adı. En fazla 12 karakterden oluşacaktır.
Description – Uygulama hakkında açıklama (Site açıklamanızı yazabilirsiniz)
Application Icon – Uygulama ikonu (Logonuzu yükleyebilirsiniz) 192×192 boyutunda PNG olarak yüklemeniz gerekmektedir.
Splash Screen Icon – Logonuzun en küçük halini yükleyebilirsiniz. 512×512 boyutunda PNG olarak yükleyebilirsiniz.
Background Color – Uygulamanın arka planı ile alakalı renkleri seçebilirsiniz.
Theme Color – Uygulama temasının renk ayarları.
Start Page – Uygulamanın hangi sayfadan başlayacağını seçebilirsiniz. (Tavsiyem “Ana sayfa”) olacaktır.
Offline Page – Çevrimdışı ekran (Son yazdığınız yazı) yapabilirsiniz.
Orientation – Yönlendirme (Portrait) olarak güncelleyiniz.
Display – Görüntüleme (Standalone) olarak güncelleyiniz.
Tüm ayarlarımızı klasik şekilde oluşturduk. Artık sitemizde PWA bulunmaktadır. PWA testini yapmak için; Google Lighthouse kullanabilirsiniz.
Google Lighthouse link:
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
PWA mevcut olan bir site;
PWA kurulumu yapılmamış site;
PWA önemli midir? Her cihaz tarafından desteklenir mi?
PWA şu anda ülkemizde sınırlı siteler tarafından kullanılmaktadır. Yeni nesil teknoloji olduğundan ötürü dezavantajları bulunmaktadır.
Örnek: iOS sürümünde sınırlı olarak kullanılmaktadır. iOS cihazlarda PWA kullanımı için “Safari” tarayıcısı zorunludur. İlerleyen zamanlar içerisinde PWA’nın önemi daha fazla olacaktır. Bu sebepten ötürü ilk etapta kurulum yaparak deneme yapabilirsiniz.
