PWA'lar ve Magento: Yeni Nesil Mobil Alışveriş Deneyimleri Yaratmak

Bu, Scandiweb İçerik Lideri Viesturs Abelis'in konuk yazısıdır.

Aşamalı Web Uygulamaları. Herkes onlardan bahsediyor ve tam olarak ne olduklarından emin değilseniz bile, muhtemelen teknolojiyi zaten kullanıyorsunuz. Twitter, Starbucks, AliExpress ve sayısız diğerleri, her gün milyonlarca insan tarafından kullanılan PWA'ları başarıyla uygulamıştır.

Sonuçlar geldi. Twitter, oturum başına sayfa sayısında %65, gönderilen tweet sayısında %75 artış ve hemen çıkma oranında %20 azalma gördü. AliExpress, oturum başına ziyaret edilen sayfa sayısını iki katına çıkardı ve dönüşüm oranlarında %104'lük bir artış elde etti. Google, PWA başarı öykülerinden oluşan şaşırtıcı bir portföy topladı.

Birkaç yıl önce, geliştirme maliyetlerinin yüksek olması ve özel çözümlerin kaçınılmazlığı nedeniyle çoğunlukla dijital devler tarafından kullanılan bir teknoloji, bugün giderek daha demokratik ve erişilebilir hale geliyor. Ortaya çıkan PWA çözümleri ve PWA'nın yaygın olarak benimsenmesi sayesinde, teknoloji artık herkesin kullanımına açık.

PWA'lar bir oyun değiştirici gibi görünüyor ve giderek daha fazla tüccar çoğunluğa atlarken, neler olup bittiğini ve bu yeni teknolojinin sizin için ne anlama geldiğini anlamak önemlidir.

Aşamalı Web Uygulaması Nedir?

Aşamalı Web Uygulamaları, web ve yerel uygulamaların en iyilerini birleştiren ve doğrudan kullanıcının tarayıcısında üstün uygulama benzeri dijital deneyimler yaratan yeni bir web geliştirme teknolojisi türüdür (fikir bir süredir ortalarda olmasına rağmen). Bu nedenle, PWA'yı duyduğunuzda, yerel bir uygulamanın tüm özelliklerine ve işlevlerine sahip bir mobil web sitesi düşünün.

Tam olarak hangi özelliklerden bahsediyoruz? Her şeyden önce, PWA'lar hızlıdır. Sayfa yükleme hızında gösterilen %300 artışla, yüksek düzeyde optimize edilmiş sayfalar neredeyse anlık yükleme sürelerine ulaşarak onları yerel uygulamalar kadar duyarlı ve kullanımı keyifli hale getirir.

Diğer özellikler arasında tam ekran kullanıcı arayüzü, ana ekran kaydetme, anında iletme bildirimleri, donanım erişilebilirliği ve hatta çevrimdışı mod bulunur. Google Developer Community'nin bu konuşmasında hakkında daha fazla bilgi edinebileceğiniz harika Service Worker tarafından mümkün kılınan PWA'lar, gerçekten uygulamaya benzer bir deneyim sunmak için çeşitli modern dijital gelişmeleri bir araya getirir.

İsterseniz uygulama mağazalarına bile dağıtılabilirler. Ancak, bu platformlarla sınırlı yerel uygulamaların aksine, PWA'lar normal web siteleri gibi çalışır ve Google'da dizine eklenebilir, bu da onları yalnızca keşfedilebilir kılmakla kalmaz, aynı zamanda daha hızlı yükleme süreleri ve sunulan daha iyi deneyimler sayesinde size potansiyel bir SERP artışı sağlar. Bu, aynı zamanda, sorunsuz ilk etkileşim için hacimli indirmeler ve otomatik güncellemeler olmadığı anlamına gelir.

PWA'ların artan popülaritesi, yerel uygulamalar ile mobil web'in nasıl kullanıldığı arasındaki ortaya çıkan fırsat boşluğuna bağlanabilir - mobil web daha fazla ziyaretçi alır, ancak uygulamalar daha iyi deneyimler sunar ve etkileşim açısından web'den daha iyi performans gösterir. PWA'lar, insanların tam da aradıkları yerde istedikleri deneyimi sunar.

PWA'lar: Heyecan mı, Gelecek mi?

Herhangi bir yeni ortaya çıkan teknolojide olduğu gibi, dikkat, evlat edinmenin önüne geçer. Tarayıcı desteğine son derece bağımlı, emekleme döneminde geçici ve hala sürekli gelişim halinde olan PWA'lar, kesin olarak benimsenmesi için henüz kesinlik ve gönül rahatlığı sunmuyor. Tüccarlar onları anlamak için çabalarken, PWA'ları çevreleyen bir gizem havası var.

Ancak kesin olan bir şey var - bu sadece bir yutturmaca değil. Teknoloji sağlam, erken benimseyenler büyük ölçüde ödüllendirildi ve bilgi yayıldıkça benimseme de öyle.

PWA'lar Neredeyse Her Pazarlama KPI'sını Olumlu Etkiler

Gerçek hayattan örnek olaylar, PWA'ların performans, katılım, sitede geçirilen zaman, oluşturulan olası satışlar, yeniden etkileşim, dönüşümler ve daha fazlası gibi neredeyse tüm pazarlama KPI'larını olumlu yönde etkileme yeteneğini göstermiştir.

Mobil öncelikli bir çağda, bu tür dönüştürücü teknolojinin daha geleneksel dijital kanallardan daha iyi performans göstermesi şaşırtıcı değil ve mobil deneyimlere öncelik vermenin önemi hala yükseliş eğiliminde. Mobil alışveriş, e-ticarete giderek daha fazla hakim oluyor; Google kısa süre önce mobil öncelikli dizine eklemeyi duyurdu ve 1 Temmuz 2019'dan itibaren tüm yeni web siteleri için varsayılan olarak etkinleştirildi; ve önemli miktarda yeni internet kullanıcısı dijital yolculuklarına mobil cihazlardan başlıyor.

Bu nedenle, ortalamanın üzerinde mobil deneyimler sunmak açık bir şekilde memnuniyetle karşılanıyor ve artan önemleri, dünya çapındaki pazarlamacıları rekabetçi kalabilmek için buna daha fazla odaklanmaya itecek gibi görünüyor.

PWA'lar erişilebilirlik açısından önemli bir rol oynadığından, bu yalnızca müşterilerinize daha iyi bir dijital deneyim sunmakla değil, yenilerine ulaşmakla da ilgilidir. PWA'ların hafif veri talepleri ile, optimal olmayan ağ kapsamına sahip olanlar için UX'den ödün vermeden erişilebilir bir dijital deneyim sağlanır. Örneğin, Uber'in genişleme girişimi, daha yavaş bağlantılara sahip kırsal ve diğer alanların hala ilgi çekici ve duyarlı bir deneyim yaşayabilmesini sağlamak için bir PWA ile el ele gitti.

Ve şimdi, dünya çapında PWA'nın benimsenmesi devam ederken, dünyanın dört bir yanındaki tüccarlar mevcut ve gelecekteki müşterileri için aynısını yapabilir.

Magento, PWA'ları Açık Kollarla Karşılıyor

Magento bir süredir PWA'lara göz kulak oldu. Eylül 2017'de PWA stüdyosunu tanıtan stüdyo nihayet Ocak 2019'da ışığı gördü ve Mayıs ayında Magento Imagine 2019 başladığında, PWA'lar herkesin aklındaydı ve kesinlikle konferansın sıcak konusuydu.

Magento, PWA'lara kafa yorarken ve PWA'ların yeteneklerini sergileyen çok sayıda başka çözüm geliştirilmiş olsa da, tüccarların ve uzantı oluşturucuların toplayabileceği kesin bir çözüm olmadığı için topluluk takip etmekte biraz isteksizdir. Bu da özel geliştirme girişimlerine yol açar, bu da özellikle konu yoğun biçimde değiştirilmiş ve son derece özelleştirilmiş vitrinler söz konusu olduğunda maliyetli ve sürdürülemez hale gelir ve benimsenmeyi küçümser.

Bununla birlikte, PWA vitrinleri şu anda çok sayıda Magento tüccarı için geliştirilmektedir. Magento, PWA'lara büyük yatırım yapıyor ve dünyanın geri kalanı da öyle.

Magento tüccarları için, PWA'ya ne olacağı sorusu değil mi? PWA burada. Soru şu: Nasıl başlanır?

Magento için 3 PWA Çözümü

Magento, piyasadaki en güçlü e-ticaret çözümlerinden biridir - internetteki tüm e-ticaret mağazalarının %12'sine güç sağlar ve benimseme her yıl büyümeye devam eder. Böyle bir pazar payı ile, bir PWA platformu olmak, Magento'nun interneti temelden yeniden tanımlamasına yardımcı olabilir ve mağaza için bir PWA almak isteyen herhangi bir tüccarın bunu yapabilmesini sağlayarak tam da bunu yapıyor.

Magento mağazanız için bir PWA almak istiyorsanız, kullanabileceğiniz birkaç seçenek vardır. İşte dikkatinizi hak eden üç tane.

Magento PWA Stüdyosu

Magento PWA Studio, Magento'nun yeni çılgınlığa cevabıdır ve birkaç yıldır üzerinde çalışmaktadır. Magento 2.3 ile birlikte piyasaya sürülen bu, Magento için PWA ön uçları oluşturmak için bir geliştirici araçları paketidir. Geliştiricilerinizi geliştirme, dağıtım ve bakım için gereken her şeyle güçlendiren ve zengin belgelerle tamamlanan Magento PWA stüdyosu, mağazalarını geleceğe taşımak isteyen Magento tüccarları için büyük olasılıkla başvurulacak araç olacaktır.

Nelerin başarılabileceğini göstermek için Magento PWA stüdyo araçlarını kullanarak Inchoo tarafından geliştirilen bu demo mağazasına bir göz atın (not: lütfen bunu bir mobil cihazda yapın).

ScandiPWA

Magento PWA Studio'nun aksine, ScandiPWA (Scandiweb tarafından geliştirilmiştir), bir dizi araç veya vitrinden ziyade açık kaynaklı bir Magento-ilk temadır. Bu, altyapıda herhangi bir değişiklik olmaksızın Magento 2.3 mağazanıza doğrudan kurulabileceği ve herhangi bir Magento geliştiricisinin aşina olduğu bir şekilde ihtiyaçlarınıza uyacak şekilde genişletilebileceği anlamına gelir. Topluluk tarafından çok övülen ScandiPWA'nın kullanıma hazır teması, sorunsuz olması ve yüksek performanslı hazır bir PWA çözümü arayanlar için muhteşem bir çözüm olması nedeniyle büyük ilgi gördü.

ScandiPWA demo mağazasını (not: lütfen bunu bir mobil cihazda yapın) veya GitHub deposunu keşfedin.

Vue Vitrini

Piyasadaki en popüler PWA çözümlerinden biri olan Vue Storefront, e-Ticaret için Vue.js ile yazılmış, açık kaynaklı, platformdan bağımsız bir Progressive Web Uygulamasıdır. Gelişen bir toplulukla, en büyük PWA merkezlerinden biridir. Büyük ölçeği göz önüne alındığında, oldukça karmaşık bir çözümdür. Magento'dan ziyade platformdan bağımsız olmak, bazı Magento işlevlerinin eksik olduğu anlamına gelir, ancak geliştirme devam ettikçe bunun düzeltilmesi beklenebilir.

Vue Storefront demo mağazasını (not: lütfen bunu bir mobil cihazda yapın) veya gelişen GitHub deposunu keşfedin.

Magento-First PWA Çözümlerinin Faydaları

Magento platformunda bir tüccarsanız, Magento'nun ilk PWA çözümü, PWA yarışına katılmanın en kolay yolu olabilir. Bu tür çözümler, aşinalık, daha düşük geliştirme maliyetleri ve iyileştirilmiş performans gibi ek avantajlarla birlikte gelir ve tüccarları ve geliştiricileri mutlu eder.

Magento'nun ilk PWA çözümü ScandiPWA'nın muhteşem bir PWA deneyimi sunmak için Magento yığınından nasıl yararlandığına dair üç örnek.

Ara Yazılım Yok

ScandiPWA, Magento'nun ilk PWA temasıdır, yani doğrudan Magento mağazanızın üzerine kurulabilir ve bu da Magento arka ucunuzla doğrudan bir ilişkiye sahip olma avantajına sahiptir. Herhangi bir ara katman yazılımı ekstra bir karmaşıklık katmanı eklediğinden - özelliklerin yeniden oluşturulması, ekstra veri yapılarının - geliştirilmesi, özelleştirmelerin - uyarlanması gerektiğinden, bu, tüccarları çok fazla güçlükten kurtarır.

İşte bir örnek: Ayrı PWA vitrinleri olarak oluşturulan çözümler yalnızca web sitesinin veritabanıyla konuşur. Bu, yönlendirmeleri işleme gibi yaygın sorunları etkiler. Magento çekirdek kurulumuna çarpmak ve ardından arka uçta belirtildiği gibi yeniden yönlendirilmek yerine, ayrı vitrinlerin, kullanıcıların olması gereken yere gitmelerini sağlamak için bir çözüm geliştirmesi gerekir.

Middleware, tek bir güçlü çözümü birden çok platforma bağlamaya izin verdiği için Vue Storefront gibi daha evrensel PWA çözümlerine yönelik adil pay avantajlarıyla birlikte gelir, ancak dezavantajı, kapsamlı bir uyarlama ve çoğu zaman tekerleği yeniden icat etmeyi gerektirmesidir. konuşmak. Magento-ilk çözümler, işiniz için geliştirme maliyetlerinde tasarruf sağlayan, hazır Magento özelliklerinden yararlanarak bunu ortadan kaldırır.

Magento'ya Aşinalık ve Zamandan Tasarruf

Magento'nun ilk PWA çözümlerinin önemli bir avantajı aşinalıktır. Geliştiricilerinize tanıdık bir ortamın sürekli kullanımı, geliştirme sürecini kolaylaştırarak hem onlar hem de sizin için benimsemeyi kolaylaştıracaktır.

Magento, dünyanın en gelişmiş e-ticaret platformlarından biri olduğunu kanıtlamıştır ve platform çevresinde büyüyen topluluk bunun göstergesidir. Bu, dünyanın her köşesinde Magento uzmanlarını bulabileceğiniz anlamına gelir ve PWA'nın yeniliğine rağmen, tamamen yeni bir ortamla çalışmaya kıyasla işe alım çok daha sorunsuz olmalıdır. Magento'nun araçları, geliştiriciler ve tüccarlar tarafından iyi bilinir ve kanıtlanmış bir başarı geçmişine sahiptir.

Bu nedenle Magento'nun ilk PWA çözümünü tercih eden tüccarlar daha düşük maliyetler bekleyebilir ve neler olup bittiği konusunda daha fazla bilgi sahibi olabilirler.

Kolay ve Düşük Maliyetli Taşıma

ScandiPWA, Magento için kullanıma hazır bir temadır. Herhangi bir Magento-ilk çözüm, uygulama söz konusu olduğunda önemli avantajlar sağlar. Ön ucunuzu baştan aşağı yeniden işlemek ve yeniden oluşturmak yerine, tak ve çalıştır Magento çözümü, işinizi tehlikeye atma riskini üstlenmeden PWA'ların avantajlarından yararlanmanıza olanak tanır.

Belirtildiği gibi, ara katman yazılımı eklemek ve tamamen özel bir ön yüze sahip olmak, Magento'nun ilk çözümlerinde genellikle bulunmayan bir karmaşıklık düzeyi sunar. Bu, ek genel gider, bakım ve destek maliyetleri gerektirir.

Çözüm

Progresif Web Uygulamaları kalıcıdır. Benimseme konusunda temkinli bir bakış açısına rağmen, dünyanın dört bir yanındaki tüccarlar, olup bitenlerin nabzını tutuyor, kendileri için doğru çözümü araştırıyor ve PWA öncülerinin birçok başarısını tekrarlamaya çalışıyorlar.

Mümkün olan en kısa sürede kapıya ayak basmak isteyen Magento tüccarları için birkaç seçenek vardır - Magento PWA stüdyosunu kullanarak kendi çözümlerini geliştirmek, Vue Storefront gibi platformdan bağımsız bir PWA çözümünü seçmek veya bir Magento-first ile gitmek ScandiPWA gibi bir tema. Başlamanın en kolay ve en uygun maliyetli yolu ikincisidir, çünkü işletmenizin Magento'nun aşinalığından çok uzaklaşmadan tüm PWA avantajlarından yararlanmanızı sağlar.

Viesturs Abelis, Scandiweb'de İçerik Lideri ve canlı bir ScandiPWA müjdecisidir, Viesturs her zaman geleceğe iki gözle bakar ve en son dijital gelişmeleri herkes için erişilebilir kılmak ister.