Subscribe to Our Newsletter

x

Why Your Site Needs A Progressive Web App, Yesterday

The search community dubbed 2015 "Mobilegeddon" when Google announced that mobile responsiveness would become a key ranking factor in the algorithm. Since then, fast mobile experiences have been a priority both on sites and on the platforms. 2015 also brought about the rise of preloaded pages in the form of Facebook Instant Articles and Google AMP. Now, in 2018, it seems that mobilegeddon is back for more.


The next step in mobile consumption is the migration to Progressive Web Apps (PWA). This new web application standard brings about a best-of-both-worlds experience that's a natural progression into what mobile publishing was meant to be. At RebelMouse, we're happy to announce our PWA offering. Here's everything you need to know.

What Is a Progressive Web App?

Progressive Web Apps provide an app-like experience on mobile within your internet browser. Using JavaScript, developers can update the apps without submitting changes to several app stores. This way one app works across all devices, rather than having to create separate apps for Android, iOS, etc. PWAs can use every app-like function, too, including location services, push notifications, and even your camera. So far, Google, Microsoft, and Mozilla support PWAs, and Apple is working on implementing them as well.

Does My Site Need a PWA?

Yes, and here's why:

Reliable and Fast: PWAs load quickly across all browsers, even if the network is spotty. They can even work offline. For example, if a user is looking at a PWA on an airplane, the publisher will still be credited with those pageviews when the plane lands and the user gets back online.

High Engagement: Not only do PWAs load very fast, but they also deliver an engaging experience to the user. Instead of just being a mobile-friendly site, readers are immersed in a dynamic and interactive experience, much like they would be if they were using a native app. PWAs also encourage repeat visits, with the ability to prompt users to add the app directly to their device's home screen.

SEO: Google sees every PWA as a new site. PWA URLs can be easily optimized to be extremely SEO-friendly as well. And data shows that 90% of PWA URLs have an average SEO score of 85%.

How Do I Get a PWA for My Site?

Eighty-seven percent of digital marketers now prioritize the mobile experience. The shift toward PWAs will pick up steam as we head into the second half of 2018. And as with everything in the digital ecosystem, it's better to be one step ahead of the curve.

At RebelMouse, we obsess over staying on top of trends and industry shifts so that our clients can focus more of their time on creating quality content and being strategic. Our lean tech model means our developers handle all the heavy lifting. We now offer PWAs for any RebelMouse client.

If you're not on RebelMouse yet, let's start working together. Even if you aren't ready to replatform your site, we can help ensure your current site is optimized for mobile. Get in touch with us today to see how we can help you.

How to Include Interactive Elements in Posts

Enhance your articles with rich and creative media

Every article is a fresh chance to grab new readers and nurture loyal followers. This is why we give creators every opportunity to build content rich with media elements that enhance every reader's experience.

Add More Layers to Your Content

You can easily add interactive elements, like charts, to posts on our platform. For example, if you need to embed iframe code into a post, this can be done via our Add Media Bar. To do so, click the code icon (< >):

A text box will appear so you can insert your code:

Embedded Code Across Platforms

One important thing to keep in mind is that Google AMP, AppleNews, and Facebook Instant Articles will not always support embedded code. So if you use an iframe, it's best to turn off distribution to those channels for that particular post. If you have a lot of posts that require embedded code, this could be problematic for growth across those important platforms.

If you do want to use an iframe on a post destined for Google AMP distribution, it can be possible if the iframe is not at the top of the page or within the first 75% of the viewport when the page is scrolled to the top (whichever is smaller). AMP is a fast technology designed for mobile users and iframes are loaded using arbitrary timing that AMP's technology cannot ensure. For this reason, it's suggested that iframes be included in places that are not visible by users upon load.

If you have an article that needs to include an iframe at the top of the page, or within the first 75% of the viewport, AMP can be turned off for that individual article within Entry Editor.

If you don't need an interactive chart to be interactive in nature, can turn it into an image and upload it directly to your post. This way it will work on all platforms, including Google AMP, Apple News, and Facebook Instant Articles. This option, when possible, is ideal to ensure you're optimized for page speed.

Take Advantage of Shortcodes

Another great way to embed media is through our shortcodes functionality. Click here to learn more about shortcodes. Shortcodes can also inserted using the Add Media Bar. Click the brackets icon ([ ]) to choose the shortcode you want to use.

Here's an example of a chart on an article page that's been inserted using a shortcode:

If you have any questions about how to add interactive elements to your content, please email support@rebelmouse.com or talk to your account manager today.

Shortcodes Dashboard: Dynamic Media in Just a Few Clicks

Create multidimensional content with easy-to-find shortcodes

We believe static media is dead, and that every piece of content should be multidimensional and engaging. This is why our platform enables creators so they can add dynamic media to their content in easy and efficient ways.

One simple way to add interactive content to any post is through the use of shortcodes. Shortcodes are small snippets of code that are easier to remember than longer sequences. They typically will activate a feature or embed media into an article.

Keep reading... Show less
Subscribe to Our Newsletter