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

DoDon't
Check whether the feature’s API is available and gracefully degrade if unavailableUse 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 pieceForget 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 pagesSkip 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 ToolForget 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 deviceDon'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 ToolUse 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.
Download SEO Playbook Now




Tagged with:

About Ryan LeClaire

Ryan is the Lead Writer at Powered by Search.