{"id":126393,"date":"2019-05-02T15:28:22","date_gmt":"2019-05-02T15:28:22","guid":{"rendered":"https:\/\/www.searchenginewatch.com\/?p=126393"},"modified":"2019-08-12T17:45:16","modified_gmt":"2019-08-12T17:45:16","slug":"progressive-web-apps-pwas-for-seo-benefits-stats-examples","status":"publish","type":"post","link":"https:\/\/searchenginewatch.com\/2019\/05\/02\/progressive-web-apps-pwas-for-seo-benefits-stats-examples\/","title":{"rendered":"Progressive web apps (PWAs) for SEO: Benefits, stats, examples"},"content":{"rendered":"<p><strong>The last couple of years have made a few things very clear. If you have a business online, you need to make it your business to be mobile-first. <\/strong><\/p>\n<p>Second, your mobile experience needs to be smooth and frictionless if you want it to translate into dollars. Lastly, smartphone users are super fickle and despite downloading over\u00a0<a href=\"https:\/\/www.appannie.com\/en\/insights\/market-data\/a-year-in-review-mobile-highlights-of-2018\/\" target=\"_blank\" rel=\"noopener\">113 billion apps<\/a>\u00a0in 2018, users still regularly use only\u00a0<a href=\"https:\/\/techcrunch.com\/2017\/05\/04\/report-smartphone-owners-are-using-9-apps-per-day-30-per-month\/\" target=\"_blank\" rel=\"noopener\">about 9 apps<\/a>\u00a0per day.<\/p>\n<p>So, you need to be on mobile. You need to be awesome on mobile. And people are probably not going to download and use your app regularly. What do you do then?<\/p>\n<p>Build something that combines the slick, user-friendly interface of a mobile app without actually creating an app.<\/p>\n<p>Yes, I\u2019m talking about progressive web apps or PWAs.<\/p>\n<p>In the simplest possible words, a PWA is a <a href=\"https:\/\/searchenginewatch.com\/2019\/06\/17\/local-seo-guide\/\">mobile-friendly website<\/a> that behaves like an app but doesn\u2019t need to be downloaded to be used. Users have the option to save a PWA to their phone and launch it just like an app, but it\u2019s totally optional.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"fr-fic fr-dib fr-draggable aligncenter\" src=\"https:\/\/s3.amazonaws.com\/clearvoice-media\/asg_AYYm4lUd7bVbjsa8%2Fart_bKDFBONCuJFD4GMj%2F1555501607860-starbucks.png\" alt=\"Screenshot example of how Starbucks used a progressive web app\" width=\"1174\" height=\"1088\" \/><\/p>\n<p>There are a whole host of perks that PWAs bring with them while overcoming the inherent disadvantages of building and maintaining a mobile site and a mobile app simultaneously. Let\u2019s take a deeper dive to see how you can\u00a0<a href=\"https:\/\/www.aleydasolis.com\/en\/search-engine-optimization\/pwas-seo-what-are-they-why-you-need-one-and-how-to-optimize-for-them\/\" target=\"_blank\" rel=\"noopener\">get the most out of PWAs<\/a>.<\/p>\n<h2><strong>Speed, thy name is PWA<\/strong><\/h2>\n<p>This is undoubtedly one of the most exciting features of PWAs. Businesses can target users who might be on a slow data connection or even those who are offline with a PWA by using mobile development best practices like caching content ahead of time, compression, and more.<\/p>\n<p>Why should you\u00a0<a href=\"https:\/\/www.crazyegg.com\/blog\/speed-up-your-website\/\" target=\"_blank\" rel=\"noopener\">care about site speed<\/a>? Because it directly impacts your <a href=\"https:\/\/searchenginewatch.com\/2019\/04\/16\/seo-writing-guide-from-keyword-to-content-brief\/\">SEO<\/a> and your conversion rate.<\/p>\n<p>In January 2018, Google\u00a0<a href=\"https:\/\/webmasters.googleblog.com\/2018\/01\/using-page-speed-in-mobile-search.html\" target=\"_blank\" rel=\"noopener\">formally announced<\/a>\u00a0what many <a href=\"https:\/\/searchenginewatch.com\/2019\/05\/22\/nine-types-of-meta-descriptions-that-win-more-clicks\/\">SEO<\/a> experts suspected for a while that mobile speed would be a key factor in organic search rankings for websites. With that came the mad rush to mobile optimize websites, improve page load times, improve navigation, and the works. In the case of PWAs, pages load instantly due to pre-caching and allow users a quick and simple <a href=\"https:\/\/searchenginewatch.com\/2019\/03\/25\/why-bother-with-user-experience-ux-tips-for-seo-experts-business-owners\/\" target=\"_blank\" rel=\"noopener\">user experience<\/a>. A definite <a href=\"https:\/\/searchenginewatch.com\/2019\/05\/20\/seven-reasons-why-your-rankings-dropped-and-how-to-fix-them\/\">SEO<\/a> win.<\/p>\n<p>Research has shown over time that there is a correlation between <a href=\"https:\/\/searchenginewatch.com\/2017\/08\/16\/why-site-speed-is-as-important-as-ever-on-the-visual-web\/\" target=\"_blank\" rel=\"noopener\">site speed<\/a> and conversion rates. A drop in site speed usually leads to a corresponding drop in conversion rates and vice versa.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"fr-fic fr-dib fr-draggable aligncenter\" src=\"https:\/\/s3.amazonaws.com\/clearvoice-media\/asg_AYYm4lUd7bVbjsa8%2Fart_bKDFBONCuJFD4GMj%2F1555501878263-loading_speed.png\" alt=\"Think with Google's stats on site speed and conversions\" width=\"733\" height=\"372\" \/><\/p>\n<p><em>Source:\u00a0Think with Google<\/em><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-126414 size-full\" src=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2019\/05\/PWAs-vs-Native-Apps-vs-Responsive-Websites.png\" alt=\"Comparitive chart of PWAs vs native apps vs responsive websites\" width=\"2839\" height=\"1600\" srcset=\"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2019\/05\/PWAs-vs-Native-Apps-vs-Responsive-Websites.png 2839w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2019\/05\/PWAs-vs-Native-Apps-vs-Responsive-Websites-300x169.png 300w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2019\/05\/PWAs-vs-Native-Apps-vs-Responsive-Websites-768x433.png 768w, https:\/\/searchenginewatch.com\/wp-content\/uploads\/2019\/05\/PWAs-vs-Native-Apps-vs-Responsive-Websites-1024x577.png 1024w\" sizes=\"auto, (max-width: 2839px) 100vw, 2839px\" \/><\/p>\n<p><em>Source: One North<\/em><\/p>\n<p>Websites can enjoy vastly improved conversion rates with the faster page load times that PWAs offer. Cosmetics giant\u00a0<a href=\"https:\/\/developers.google.com\/web\/showcase\/2017\/lancome\" target=\"_blank\" rel=\"noopener\">Lancome switched to a PWA<\/a>\u00a0in 2017 and saw a significant improvement in both speed and conversion rates. They experienced an 84% drop in time until the page is interactive and a 17% growth in conversion rates.<\/p>\n<h2>Better engagement<\/h2>\n<p>Google dictates the\u00a0<a href=\"https:\/\/developers.google.com\/web\/progressive-web-apps\/checklist\" target=\"_blank\" rel=\"noopener\">fundamental requirements<\/a>\u00a0that a website needs to fulfill to qualify as a progressive web app. A smooth user experience including easy navigation, timely push notifications, cross-browser compatibility, responsive pages across all devices are a few important requirements that also lead to a growth in engagement.<\/p>\n<p>PWAs mimic real mobile apps by allowing users to install them on their devices. With the app now on their mobile phones, the chances of interaction and engagement become exponentially higher, as experienced by Forbes magazine when they launched their own PWA. Users were notified every time new content was available via push notifications. With lightning-fast page load times, quick transitions and light page design,\u00a0<a href=\"https:\/\/divante.co\/books\/PDFy\/TOP-30-PWA.pdf\" target=\"_blank\" rel=\"noopener\">Forbes\u2019 PWA managed to achieve the following:<\/a><\/p>\n<ul>\n<li>Increase scroll depth by 3x<\/li>\n<li>Improve sessions per user by 43%<\/li>\n<li>Get a 6x increase in readers completing articles<\/li>\n<li>Double their engagement rate which means a 100% increase in engagement<\/li>\n<\/ul>\n<p>In the case of a publishing site like Forbes, high engagement equals high conversions, all thanks to their new PWA.<\/p>\n<p>We know that website engagement metrics like session duration, click-through rates, and bounce rates have a direct impact on search rankings. As Larry Kim demonstrates\u00a0<a href=\"https:\/\/medium.com\/marketing-and-entrepreneurship\/6-seo-experiments-that-will-blow-your-mind-4f0cd76aa92a\" target=\"_blank\" rel=\"noopener\">here<\/a>, time on site has a definite correlation with your organic search rankings. The higher the session duration, the higher your likely ranking on Google.<\/p>\n<p><img decoding=\"async\" class=\"fr-fic fr-dib fr-draggable aligncenter\" src=\"https:\/\/s3.amazonaws.com\/clearvoice-media\/asg_AYYm4lUd7bVbjsa8%2Fart_bKDFBONCuJFD4GMj%2F1555501995930-organic_position.png\" \/><\/p>\n<p><em>Source: Medium<\/em><\/p>\n<p>You can say hello to page one on Google, all thanks to PWAs and their superior website engagement rates.<\/p>\n<h2>It\u2019s all about the URLs<\/h2>\n<p>Progressive web apps truly embrace <a href=\"https:\/\/searchenginewatch.com\/2019\/06\/03\/podcast-seo-tips-101\/\">SEO<\/a> best practices in every sense of the term. From clear and concise meta descriptions to adding <a href=\"https:\/\/searchenginewatch.com\/2019\/05\/30\/implement-googles-how-to-schema\/\">Schema<\/a>.org data for better <a href=\"https:\/\/searchenginewatch.com\/optimize-instagram-account-search-engines\">indexing<\/a> and parsing of site data by search bots; a search-optimized website is more likely to make the PWA cut than others.<\/p>\n<p>PWAs don\u2019t require different \u201cmobile.site.com\u201d types of URLs to offer a great experience on mobile devices. They\u2019re automatically configured to provide a consistent experience, no matter what the device. Another bonus is that PWAs are necessarily HTTPS enabled. Not only does this bump up your site on organic <a href=\"https:\/\/searchenginewatch.com\/2016\/10\/03\/15-writing-tips-to-rank-higher-on-social-and-search-results\/\" target=\"_blank\" rel=\"noopener\">search results<\/a> but also reassures users about the security on your site leading to lower bounce rates, higher click rates, and likely higher conversion rates.<\/p>\n<p>Each page comes with its own unique URL, making even deeply embedded pages easily crawlable and discoverable by search engines. Unique URLs for each page also makes sharing pages on social media and other sites much easier, not to mention more transparently trackable.<\/p>\n<p>With pre-caching in place using service workers, all URLs on PWAs load even when your device is offline, empowering users who operate on older devices or poor network connections.<\/p>\n<h2>In closing<\/h2>\n<p>As users evolve and express their preferences more clearly, it is up to businesses to ensure that they pick up on these signals and adapt to stay relevant to their target audience. Today\u2019s user is telling us that they expect a fast and frictionless journey on their mobile devices, without being forced to download an app for this superior user experience.<\/p>\n<p>Time to pick up on those cues and invest in PWAs that combine ease of the mobile web with the speed and user-friendliness of a mobile app. Two for the price of one is what you get with PWAs. So when are you going to build yours?<\/p>\n<p><em>Rohan Ayyar is\u00a0an avid business and tech blogger, with <a href=\"https:\/\/searchenginewatch.com\/2019\/07\/02\/competitive-research-insight-tools\/\">insights<\/a> featured on publications like Fast Company, Business Insider, Fortune, and Adweek. He can be found on Twitter\u00a0<span class=\"username u-dir\" dir=\"ltr\"><a class=\"ProfileHeaderCard-screennameLink u-linkComplex js-nav\" href=\"https:\/\/twitter.com\/searchrook\" target=\"_blank\" rel=\"noopener\">@searchrook<\/a>.<\/span><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A PWA is a mobile-friendly website that behaves like an app but doesn\u2019t need to be downloaded to be used. Starbucks&#8217; and Forbes&#8217; case studies included.<\/p>\n","protected":false},"author":1092,"featured_media":126525,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[14,12,5],"tags":[3807,38,27447,27446,27445,394,22,27448,109,110,1511,104,727],"content_type":[],"class_list":["post-126393","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-mobile","category-seo","tag-forbes","tag-mobile","tag-mobile-experience","tag-mobile-friendly-websites","tag-progressive-web-app-pwa","tag-pwas","tag-seo","tag-seo-case-studies","tag-serp","tag-site-speed","tag-starbucks","tag-user-engagement","tag-user-experience-ux"],"acf":{"tad_independentcommercial":false,"tad_content_format":false},"post_info":{"name":"idris.nagri@blenheimchalcot.com idris.nagri@blenheimchalcot.com","title":"","thumbnail_url":"https:\/\/searchenginewatch.com\/wp-content\/uploads\/2019\/05\/How-progressive-web-apps-positively-impact-your-SEO-120x90.jpg","category":"Development","timeago":"7y"},"_links":{"self":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/126393","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/users\/1092"}],"replies":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/comments?post=126393"}],"version-history":[{"count":0,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/posts\/126393\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media\/126525"}],"wp:attachment":[{"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/media?parent=126393"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/categories?post=126393"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/tags?post=126393"},{"taxonomy":"content_type","embeddable":true,"href":"https:\/\/searchenginewatch.com\/wp-json\/wp\/v2\/content_type?post=126393"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}