Progressive web apps (PWA) give you the app experience without the app. They’ve exploded in popularity because they immediately engage your users, and give them something to do besides read text.
These apps often take an enormous amount of work and contain a lot of information. So you want to make sure all your hard work and content is indexed by Google.
So take your information straight from the source. Google recently released a list of best practices for web app developers, to ensure your PWAs are indexed.
You can take a deeper dive by clicking here, or here’s a glance at the Do’s and Don’ts
|Check whether the feature’s API is available and gracefully degrade if unavailable||Use the browser’s user agent to enable or disable features in your web app. And avoid updating or launching your site without testing across multiple browsers|
|Include the following tag across all pages mirroring a particular piece of content:||Purposely duplicate content across multiple URLs and not using the rel="canonical" link element. And avoid creating conflicting canonical references between your pages|
|Iterate on your website incrementally by adding new features piece by piece||Forget to unblock crawlers from accessing your new site when you launch|
|Monitor your site using Search Console and explore its features including “Fetch as Google”. And provide a Sitemap via Search Console “Crawl > Sitemaps” to ensure Google Search is aware of all your site’s pages||Skip this step|
|Provide Clean URLs and Provide clean URLs without fragment identifiers (# or #!)||Use the #! URL structure to drive unique URLs. Also, Using the # URL structure without the accompanying ! symbol is unsupported|
|Test your Open Graph markup with the Facebook Object Debugger Tool||Forget to include these formats if your existing site supports them|
|Use cross browser testing tools such as BrowserStack.com, Browserling.com or BrowserShots.org||Cheat the browser testing phase|
|Use server-side or hybrid rendering so users receive the content in the initial payload of their web request.||Don't redirect users accessing deep links back to your web app's homepage|
|Use tools such as Page Speed Insights and Web Page Test to measure the page load performance of your site.||Wait until after launch, or leave it too close to your launch date.|
|Use “srcset” attribute to fetch different resolution images for different screens. And scale your font size and line height to ensure your text is legible on any device||Don't show different content to users than you show to Google|
|Verify that your Schema.org meta data is correct using Google’s Structured Data Testing Tool||Use a data type that doesn’t match your page’s actual content. For example don’t use “Recipe” for a T-Shirt you’re selling -- use “Product” instead|
Looking to Develop a Web App?
Again, when you put this much work into something, you want to make sure your app is getting indexed so it can be found.
Powered By Search is one of the most respected inbound marketing agencies in Canada, and we recently made PROFIT Magazine’s list of Canada’s Fastest-Growing Companies.
Can you benefit? Maybe we can help.