Google taranabilirlik a\u00e7\u0131s\u0131ndan, m\u00fcmk\u00fcn oldu\u011fu kadar \u00e7ok web i\u00e7eri\u011fine eri\u015fim sa\u011flamak amac\u0131yla PWA\u2019y\u0131 destekledi. Uygulamalar\u0131n ve web siteleri, Google’\u0131n A\u015famal\u0131 Geli\u015ftirme ilkesinin bir par\u00e7as\u0131d\u0131r. Ve web sitelerinin farkl\u0131 kullan\u0131c\u0131 cihazlar\u0131 i\u00e7in farkl\u0131 i\u015flevler sa\u011flamas\u0131 gerekmemektedir. Ancak duyarl\u0131 olmas\u0131 ve her zaman uygun istemciye uyum sa\u011flamas\u0131 gerekti\u011fi anlam\u0131na gelir. Bunun bir unsuru PWA\u2019n\u0131n, ayr\u0131 bir uygulaman\u0131n y\u00fcklenmesini gerektirmemesidir. Her zaman mobil web kullan\u0131m\u0131n\u0131n \u00f6zelliklerini dikkate almas\u0131 gerekti\u011fidir.<\/p>\n
![\"webappnedir\"](\"https:\/\/earnado.com\/tr\/wp-content\/uploads\/2021\/09\/webappnedir-1024x724.jpg\")
<\/p>\n
Progressive Web App avantajlar\u0131 nelerdir?<\/h2>\n
Progressive Web App, web y\u00f6neticilerine bir\u00e7ok avantaj sunar:<\/p>\n
- \n
- Bir PWA geli\u015ftirmek, yerel bir uygulamadan \u00e7ok uygun maliyetlidir.<\/li>\n
- Bir PWA’n\u0131n bak\u0131m\u0131 \u00e7ok fazla \u00e7aba istemez.<\/li>\n
- PWA’n\u0131n s\u00fcrekli olarak g\u00fcncel tutulmas\u0131 kolayd\u0131r.<\/li>\n
- Uygulama ma\u011fazalar\u0131na mecbur kalmaz. Web y\u00f6neticileri, PWA’lar\u0131n\u0131 bizzat tan\u0131t\u0131r.<\/li>\n
- Bir A\u015famal\u0131 Web Uygulamas\u0131n\u0131n i\u00e7eri\u011fi dizine ekler. Ve bu nedenle arama motorlar\u0131nda \u00e7\u0131kacakt\u0131r.<\/li>\n
- Platform s\u0131n\u0131rlamas\u0131 olmaz. Bu, kullan\u0131c\u0131lar\u0131n herhangi bir mobil cihazda bir PWA i\u00e7eri\u011fini\u00a0 \u00a0 \u00a0 g\u00f6r\u00fcnt\u00fcleyebilecekleri demektir.<\/li>\n
- Web i\u00e7eri\u011fine neredeyse her ba\u011flant\u0131 kalitesi \u00fczerinden eri\u015fir.<\/li>\n
- Kullan\u0131c\u0131 ve web i\u00e7eri\u011fi aras\u0131ndaki ba\u011flant\u0131, PWA’n\u0131n \u201ckurulumu\u201d ile kuvvetlendirir.<\/li>\n<\/ul>\n
A\u015famal\u0131 Bir Web Uygulamas\u0131n\u0131n \u00d6zellikleri<\/h3>\n
Progressive Web App nedir sorusunu yan\u0131tlamak i\u00e7in a\u015fa\u011f\u0131daki say\u0131lan \u00f6zellikleri onu daha e\u015fsiz k\u0131lmaktad\u0131r diyebilriz:<\/p>\n
\u0130lerici<\/b>. Tan\u0131m olarak, Progressive Web App herhangi bir cihazda \u00e7al\u0131\u015fmal\u0131. Ve kullan\u0131c\u0131n\u0131n cihaz\u0131nda ve taray\u0131c\u0131s\u0131nda bulunan t\u00fcm \u00f6zelliklerden yararlan\u0131lmal\u0131. Ve kademeli olarak geli\u015ftirilmelidir.<\/p>\n
Ke\u015fife a\u00e7\u0131k<\/b>. Bir web sitesi oldu\u011fundan, arama motorlar\u0131nda ke\u015ffedilebilir olacakt\u0131r. Bu, aranabilirlik a\u00e7\u0131s\u0131ndan web sitelerinin gerisinde kalan yerel uygulamalara g\u00f6re b\u00fcy\u00fck \u00f6nem sa\u011flar.<\/p>\n
Ba\u011flanma problemi yok<\/b>. Web sitelerinden devral\u0131nan bir di\u011fer \u00f6zellik vard\u0131r. \u0130yi tasarlanm\u0131\u015f bir web sitesi, uygulaman\u0131n mevcut durumunu belirtmek i\u00e7in URI’yi kullanmal\u0131d\u0131r. Bu, kullan\u0131c\u0131 uygulaman\u0131n URL’sini yer imlerine ekledi\u011finde veya payla\u015ft\u0131\u011f\u0131nda web uygulamas\u0131n\u0131n durumunu korumas\u0131n\u0131 veya yeniden y\u00fcklemesini sa\u011flar.<\/p>\n
Duyarl\u0131<\/b>. A\u015famal\u0131 bir web uygulamas\u0131n\u0131n kullan\u0131c\u0131 aray\u00fcz\u00fc, cihaz\u0131n form fakt\u00f6r\u00fcne ve ekran boyutuna uyum sa\u011flar.<\/p>\n
Uygulama benzeri<\/b>. Progressive Web App, yerel bir uygulama gibi g\u00f6r\u00fcnmek zorunda. Ve minimum sayfa yenilemesi ile uygulama kabu\u011fu modeli \u00fczerinde olu\u015fturulmal\u0131d\u0131r.<\/p>\n
Ba\u011flant\u0131dan ba\u011f\u0131ms\u0131z<\/b>. D\u00fc\u015f\u00fck ba\u011flant\u0131 veya \u00e7evrimd\u0131\u015f\u0131 (en sevilen \u00f6zellik) alanlarda \u00e7al\u0131\u015fmas\u0131 gerekir.<\/p>\n
Yeniden etkile\u015fime ge\u00e7ilebilir.<\/b> Mobil uygulama kullan\u0131c\u0131lar\u0131n\u0131n uygulamalar\u0131n\u0131 yeniden kullanma olas\u0131l\u0131\u011f\u0131 daha y\u00fcksektir. Ve a\u015famal\u0131 web uygulamalar\u0131, an\u0131nda iletme bildirimleri gibi \u00f6zellikler arac\u0131l\u0131\u011f\u0131yla ayn\u0131 hedeflere ula\u015fmay\u0131 ama\u00e7lar.<\/p>\n
Kuruluma haz\u0131r<\/b>. Cihaz\u0131n ana ekran\u0131na a\u015famal\u0131 bir web uygulamas\u0131 y\u00fcklenebilir ve b\u00f6ylece kullan\u0131ma haz\u0131r halde.<\/p>\n
Taze<\/b>. Yeni i\u00e7erik yay\u0131nland\u0131\u011f\u0131nda ve kullan\u0131c\u0131 \u0130nternet’e ba\u011fland\u0131\u011f\u0131nda, bu i\u00e7erik uygulamada kullan\u0131labilir haldedir.<\/p>\n
G\u00fcvenli<\/b>. Progressive Web App daha samimi bir kullan\u0131c\u0131 deneyimine sahiptir. Ve t\u00fcm a\u011f istekleri hizmet \u00e7al\u0131\u015fanlar\u0131 sayesinde yakalanacakt\u0131r. Bu sebeple ortadaki sald\u0131r\u0131lar\u0131n\u0131 \u00f6nlemek i\u00e7in uygulaman\u0131n HTTPS \u00fczerinden bar\u0131nd\u0131r\u0131lmas\u0131 zorunludur.<\/p>\n
\u0130lginizi \u00e7ekebilir: Yaz\u0131l\u0131m giri\u015fim \u00f6rnekleri<\/a><\/p>\n
![\"progressiveapp\"](\"https:\/\/earnado.com\/tr\/wp-content\/uploads\/2021\/09\/progressiveapp-1024x682.jpg\")
<\/p>\nPWA’lar\u0131n Faydalar\u0131<\/b><\/h3>\n
Bir\u00e7ok \u015firket, yaln\u0131zca ucuz olduklar\u0131 i\u00e7in de\u011fil, ayn\u0131 zamanda daha fazla kat\u0131l\u0131m sunduklar\u0131 i\u00e7in PWA’lar olu\u015fturmak i\u00e7in acele ediyor. Push bildirimleri (telefonunuzda bir uygulama kullan\u0131rken a\u00e7\u0131lan uyar\u0131lar) ile kullan\u0131c\u0131larla kolayca etkile\u015fim kurabilirsiniz.<\/p>\n
\u015eimdi Progressive Web App nedir sorusunu yan\u0131tlad\u0131ysak faydalar\u0131na bakal\u0131m:<\/p>\n
- \n
- Duyarl\u0131d\u0131rlar ve bir\u00e7ok farkl\u0131 ekran boyutuyla \u00e7al\u0131\u015f\u0131rlar.<\/li>\n
- Ortak web teknolojileri ile in\u015fa edilmi\u015flerdir.<\/li>\n
- H\u0131zl\u0131 ve hafiftirler.<\/li>\n
- Di\u011fer sitelerin aksine \u00e7evrimd\u0131\u015f\u0131 \u00e7al\u0131\u015f\u0131rlar.<\/li>\n
- Arama motoru arac\u0131l\u0131\u011f\u0131yla ke\u015ffedilebilirler.<\/li>\n
- M\u00fc\u015fterilerinizle yeniden etkile\u015fim kurmak i\u00e7in an\u0131nda iletme bildirimini aktive edebilirsiniz.<\/li>\n
- Kolayca kurulabilirler.<\/li>\n<\/ul>\n
\u015eimdiye kadar neden bir PWA kullanman\u0131z gerekti\u011fini ele ald\u0131k. Ama onlar\u0131 in\u015fa etmeye nas\u0131l ba\u015flayaca\u011f\u0131m\u0131z hakk\u0131nda konu\u015fmad\u0131k. \u0130\u015fte ihtiyac\u0131n\u0131z olacak \u00fc\u00e7 \u015fey.<\/p>\n
Bir PWA Olu\u015fturmak i\u00e7in Neye \u0130htiyac\u0131n\u0131z Var?<\/b><\/h3>\n
Bir PWA olu\u015fturmaya ba\u015flamak \u00e7ok fazla zaman istemez. Sadece birka\u00e7 \u015feye ihtiya\u00e7 var ve sonra Progressive Web App\u2019in haz\u0131r.<\/p>\n
HTTPS<\/b> \u2013 \u00d6ncelikle HTTPS ba\u011flant\u0131s\u0131 olan bir sunucuya ihtiya\u00e7 olacak. Bu kullan\u0131c\u0131lar\u0131n verilerinin g\u00fcvende olmas\u0131n\u0131 sa\u011flar.<\/p>\n
Uygulama Kabu\u011fu<\/b> \u2013 Uygulama kabu\u011fu, uygulaman\u0131z y\u00fcklendi\u011finde h\u0131zl\u0131 bir ilk izlenim sa\u011flar. Daha basit bir deyimle, kullan\u0131c\u0131n\u0131n uygulaman\u0131zda ilk kez etkile\u015fime girdi\u011finde g\u00f6rd\u00fc\u011f\u00fc \u015fey budur.<\/p>\n
Servis \u00e7al\u0131\u015fanlar\u0131<\/b> \u2013 Bu, PWA’lar\u0131n arkas\u0131ndaki kilit teknolojilerden biridir. Hizmet \u00e7al\u0131\u015fanlar\u0131, uygulaman\u0131z\u0131 \u00e7evrimd\u0131\u015f\u0131 olarak desteklemeye yard\u0131m eder. Ve geli\u015fmi\u015f \u00f6nbelle\u011fe alma ger\u00e7ekle\u015ftirir ve arka plan g\u00f6revlerini \u00e7al\u0131\u015ft\u0131r\u0131r. Servis \u00e7al\u0131\u015fanlar\u0131, PWA’n\u0131z \u00e7al\u0131\u015fm\u0131yorken bile g\u00f6revleri tamamlamak ister.<\/p>\n
PWA’lar\u0131 Ne Zaman Kullanmal\u0131s\u0131n\u0131z?<\/h3>\n
\u015eimdiye kadar bir PWA’ya sahip olman\u0131n t\u00fcm avantajlar\u0131n\u0131 masaya yat\u0131rd\u0131k. Ancak bu \u00f6zel durumunuz ne olursa olsun \u00f6zelliklerinden tam olarak yararlanabileceksiniz demek de\u011fil. O zaman bir PWA kullanmak ne zaman daha iyi diyebiliriz?<\/p>\n
Do\u011fas\u0131 gere\u011fi, PWA’lar \u00e7o\u011funlukla uygulama kullan\u0131m\u0131n\u0131n seyrek oldu\u011fu pazarda tercih edilecektir. Ve t\u00fcketicinin markayla ba\u011flant\u0131 kurmak i\u00e7in arama ve y\u00fckleme s\u00fcrecinden ge\u00e7mek istemedi\u011fi B2C i\u015fletmelerinde kullan\u0131l\u0131r. T\u00fcketiciler daha fazla bilgi i\u00e7in g\u00f6z at\u0131yor olabilir ve sat\u0131n almaya haz\u0131r olmayacakt\u0131r.<\/p>\n
Mesela havaalan\u0131nda oldu\u011funuzu ve havaalan\u0131 uygulamas\u0131 arac\u0131l\u0131\u011f\u0131yla bini\u015f kap\u0131n\u0131z\u0131 onaylamak istedi\u011finizi hayal edin. En yak\u0131n ekrana ge\u00e7mek, s\u0131n\u0131rl\u0131 geni\u015f bantta uygulama ma\u011fazas\u0131nda dola\u015fmak ve ayn\u0131 bilgileri y\u00fcksek dola\u015f\u0131m \u00fccretleri \u00f6deyerek sunacak a\u011f\u0131r bir uygulamay\u0131 indirmek i\u00e7in daha kolay olacakt\u0131r. Bu durumda, yerel bir uygulama bir \u00e7\u00f6z\u00fcmden \u00e7ok bir uzla\u015fma gibi olur.<\/p>\n
\u015eimdi, bir PWA ile u\u011fra\u015f\u0131yorsan\u0131z, bini\u015f kart\u0131n\u0131zdaki QR kodunu tarayabilirsiniz. Veya ayn\u0131 sayfaya g\u00f6z atmak kadar h\u0131zl\u0131 bir \u015fekilde uygulama simgesini ana ekran\u0131n\u0131za y\u00fcklemek i\u00e7in havayolunun web sitesine gidebilirsiniz. Aniden u\u00e7u\u015f de\u011fi\u015firse, PWA bu bilgiyi push bildirimleri arac\u0131l\u0131\u011f\u0131yla an\u0131nda size ula\u015ft\u0131r\u0131r.<\/p>\n
Ancak, B2E hakk\u0131nda konu\u015fulucaksa, hangi se\u00e7ene\u011fin en iyi oldu\u011funu s\u00f6ylemek daha zordur. Bir yandan, i\u015fletme sahipleri dahili uygulamalar\u0131n\u0131 uygulama ma\u011fazas\u0131na g\u00f6ndermek i\u00e7in onay almakta zorland\u0131\u011f\u0131ndan, PWA’lar\u0131n da\u011f\u0131t\u0131lmas\u0131 daha kolayd\u0131r. Ancak di\u011fer yandan yerel bir uygulama daha yerel olarak entegre bir deneyime olanak tan\u0131r ve potansiyel olarak daha zengin kullan\u0131m sa\u011flar vakalar.<\/p>\n
Uygulaman\u0131n \u00e7al\u0131\u015fanlara zaman \u00e7izelgesi giri\u015fi, dizinler ve hatta CRM i\u015flevleri gibi \u00f6zelliklere eri\u015fim sa\u011flamas\u0131 gerekiyorsa, PWA’lar \u00e7ok uygundur. Ancak, yerel entegrasyonlar\u0131n gerekli oldu\u011fu yerlerde \u00e7al\u0131\u015fanlar\u0131n belirli yaz\u0131c\u0131lar veya telefon hizmetleriyle entegre olmalar\u0131 gerekti\u011finde i\u015fler daha da zorla\u015f\u0131yor.<\/p>\n
Uygun PWA Kullan\u0131m Alan\u0131 Bulmak<\/h3>\n
B2B’de yerel bir uygulama genellikle en iyi se\u00e7enektir. Bu i\u015fletmelerin do\u011fas\u0131 g\u00f6z \u00f6n\u00fcne al\u0131nd\u0131\u011f\u0131nda, m\u00fc\u015fteriler herhangi bir taray\u0131c\u0131 ve cihazda daha fazla yetenek bekler. PWA’lar \u00e7o\u011fu senaryoyu kapsasa da, \u00f6rne\u011fin, daha derinlemesine entegre edilmi\u015f kullan\u0131m durumlar\u0131 i\u00e7in de\u011ferli olabilecek NFC veya Touch ID’yi etkinle\u015ftirmelerine izin vermeyen baz\u0131 uyumluluk sorunlar\u0131 vard\u0131r. Belirli B2B i\u015fletmeleri i\u00e7in, bir PWA hala \u00e7ok uygun olabilir, ancak bu, baz\u0131 s\u0131n\u0131rlamalar\u0131 daha s\u0131k g\u00f6sterdikleri yer say\u0131l\u0131cakt\u0131r.<\/p>\n
A\u015famal\u0131 web uygulamalar\u0131, kullan\u0131c\u0131 yolculuklar\u0131ndaki s\u00fcrt\u00fc\u015fmeleri ortadan kald\u0131rarak, ilk temas\u0131 ve kat\u0131l\u0131m\u0131 kolayla\u015ft\u0131rarak, kullan\u0131c\u0131dan \u00e7ok daha d\u00fc\u015f\u00fck bir yat\u0131r\u0131ma olanak sa\u011flad\u0131\u011f\u0131 ve elde tutma oran\u0131n\u0131 art\u0131rd\u0131\u011f\u0131 i\u00e7in a\u015famal\u0131d\u0131r. PWA ba\u015far\u0131 durumlar\u0131 ancak \u015firketlerin kullan\u0131c\u0131lar\u0131n\u0131n ve m\u00fc\u015fterilerinin yolculuklar\u0131n\u0131n haritas\u0131n\u0131 \u00e7\u0131karmas\u0131, ihtiya\u00e7lar\u0131n\u0131 belirlemesi ve bunlar\u0131 ele almak i\u00e7in m\u00fcmk\u00fcn olan en iyi \u00e7\u00f6z\u00fcm\u00fc se\u00e7mesi sayesinde m\u00fcmk\u00fcnd\u00fcr.<\/p>\n
Starbucks<\/a>, kullan\u0131c\u0131lar\u0131n\u0131n dijital men\u00fcye \u00e7evrimd\u0131\u015f\u0131 eri\u015fime sahip olmalar\u0131n\u0131 istedikleri i\u00e7in bir PWA’y\u0131 tercih ederken, Nikkei<\/a> y\u00fcksek sayfa y\u00fckleme h\u0131zlar\u0131na olan ihtiya\u00e7lar\u0131n\u0131 kar\u015f\u0131lamak istedi. Bu kararlar, t\u00fcm senaryolara uyan bir se\u00e7enek oldu\u011fu i\u00e7in de\u011fil, kan\u0131tlanm\u0131\u015f gerekliliklere g\u00f6re vermi\u015ftir.<\/p>\n
Mobil geli\u015ftirmede do\u011fru ya da yanl\u0131\u015f yol yoktur, yaln\u0131zca isteklerinize en uygun olan yol vard\u0131r.<\/p>\n