How to Create Converting Mobile Popups (Without Lowering Your SEO)

How many times have you clicked on a webpage and some annoying popup caused you to leave the website at light speed? I am guessing a lot.

In 2017, Google announced a big change about intrusive interstitials.

In the simplest terms, to improve user experience and make the website content immediately accessible to users, Google decided to prevent the websites which violate its popup policy from ranking high.

But, as a marketer, should you take mobile popups off the table altogether? The answer is a big no, and you will agree with me after reading this article.

Stats show that there will be 33% increase in mobile payments by 2021 for an estimated $3.38b.

Would you rather leave all the potential income on the table? If not, then we will see how you can convert massively with mobile popups.

Laptop, smartphone, coins-mobile popup conversion

Why mobile popups are necessary

Mobile popup examples

Mobile Traffic Is Huge

Considering 53% of global online traffic comes from mobile devices, you would be missing a huge amount of traffic to your website if you do not optimize your website and popups to mobile devices.

In a marketing world where mobile traffic takes up as much as half the total web traffic, the growing opportunity is too huge to be ignored.

You can turn this mobile traffic into an advantage with mobile-friendly popups that convert without disturbing the user experience on your website.

For successful mobile commerce, what you need is:

  • To increase mobile traffic with a website optimized for mobile devices

  • To provide a better user experience while maximizing your mobile conversion rate with popups that comply with Google's interstitial guideline.

No Second Chances

Yes, mobile traffic is huge, but your customers will leave your website without hesitation if you do not provide a better user experience.

52% of mobile shoppers will shop elsewhere after a bad experience.

You should encourage your customers to take the desired action with popups that do not come in between the content and the user.

Most probably there will be no second chances. So you should collect subscribers, promote products, show notifications, and so on with popups once the browsers land on your website.

Why responsive popups will not solve the problem

Responsive design desktop tablet smartphone

So, thinking that you have decided that mobile popups are necessary, will you just leave your responsive popups as they are?

That is not a wise choice. Responsive popups are designed to fit different sizes by default, but they will not guarantee compliance with Google's guidelines. Why?

1. You should not risk your website's SEO with unreliable responsive popups.

Because if your popups are considered intrusive, then Google will apply certain penalties on your website that damage your SEO performance.

2. it is not just for intrusive popups, but also the mobile user experience as a whole.

Google may penalize you if you hurt the user experience with an oversized ad or a hero image as well. You should design your website prioritizing the user experience.

Now, we know that you should take advantage of the mobile traffic with non-intrusive popups and a better UX.

How about keeping users happy while displaying mobile-friendly popups? Let's see.

Keep these tips in mind to have mobile-friendly popups

Responsive design for mobile phones

1. Mobile popups differ from desktop popups

These rules we mentioned above apply only to mobile search results. That means you can create device-based popups.

As the screen amount alters considerably, you cannot get the same efficiency from desktop popups on smartphones or tablets. This is why you need to optimize your mobile popups for higher SEO.

Desktop popup of Carbon38

As you see in the picture, Carbon38 desktop popup has a wide popup that covers the whole page. This is not a penalty-causing popup as it is meant for the desktop screen.

Mobile popup of Carbon38

Here, we see how they optimized the same popup for mobile devices. They cut the large picture altogether and left a reasonable amount of space that shows webpage content.

2. It is all about a better UX

The average ecommerce conversion for mobile remains relatably low at 1.82%

You need to provide a better popup UX to increase traffic to your website and keep up with your competitors in mobile commerce which is considerably difficult. But, it is not impossible.

  • Make sure your popup does not hide the important content of your website. Responsive popups, in this case, will block your content thus they will lower UX.

  • Make it easy for users to fill in the input fields on your popups. You cannot reach as much conversion from mobile popups as desktop ones if they are not optimal to screen size.

3. Acceptable screen space

Google's acceptable mobile popup examples

Google's policy does not rule out mobile popups altogether.

Considering the importance of conversion rate optimization and email marketing for e-commerce businesses, Google has given an acceptable screen space amount for interstitials.

So, you can still convert users with popups within the frame of Google's guidelines.

Additionally, they have stated two other types of interstitials that will not be affected by the new signal, if they are used responsibly. These are:

  • Cookie consent popups
  • Age verification popups that protect young users from unsuitable content

You can ask your users' consent with Popupsmart's SEO-compliant cookie consent popups to build a trust relationship with your customers and improve UX.

4. Mind the format and position

As we stressed over and over again, mobile popups need to meet Google's requirements to be effective without lowering your SEO. In this case, there are certain methods in which you can display your mobile popups:

  • Method 1: Use CTA triggers

You may display reasonably-sized call-to-actions on each page that trigger popups when clicked.

Skechers mobile popup

Like in this example, Skechers's "Join Now For Free" call-to-action leads to the subscription.

  • Method 2: Embed a popup on the second page

Tom Ford second page mobile popup

Google's mobile popup requirements apply only to the landing page. Does that mean you should display annoying popups that cover the whole screen when a user opens the second page? Certainly not.

However, you can display your popups in a reasonable size on the second page such as when your customers are about to leave with exit-intent technology.

Popupsmart prevents your website visitors from leaving by detecting their cursor behavior and displaying segmented popups with exit-intent technology.

  • Method 3: Use smaller bottom popups

Amazon bottom mobile popup

You can prefer smaller bottom popups that do not hide your content. This way you will be safe from Google interstitials penalty.

5. Trigger with a valuable offer

Like so with desktop popups you need to provide a good incentive on mobile popups as well. Why should your customers subscribe to your mailing list or sign up to your website or purchase the promoted products?

You can make special offers such as discount codes or sales on your popups to trigger your visitors to take the desired action. Apart from this, you may simply claim your content is worthy of taking action.

6. Make it visually pleasant

Your popup design is as important as the message or incentive it carries. You need to have a popup design that stands out and compatible with smartphones and tablets.

Choose a contrasting background

A contrasting background makes your popup stand out on the page.

Visuals may not be a good option

Mobile popups do not have as much space as desktop ones. This is why it may be better to display your mobile popups without visuals or limit them to fit into the space deemed reasonable by Google.

Attractive calls-to-actions

You can use colorful calls-to-actions to make them eye-catching and easily visible. You may go for contrasting colors in the background and the CTA button as well.

How Popupsmart helps you provide a better UX with mobile-friendly popups

You can exact all these tips and display mobile popups and desktop popups without lowering your SEO or decreasing UX.

If you want to maximize your on-site engagement and conversion rate with Google-compliant popups, we have just the right ways to help you quickly achieve your business goals.

Use device-based targeting

popupsmart mobile popup setup on dashboard

Did you know that you do can create different popup designs and campaigns for desktop and mobile with Popupsmart? Now you do.

Our popup designs are not just fully responsive, they are also compatible with any dimensions. Plus all our popup designs are fully SEO-friendly and compliant with all the requirements of Google.

Consider display timing

Popupsmart popup frequency

The display timing of popups considerably affects the conversion rate. Use Popupsmart's advanced targeting and segmentation system to bring more leads and increase engagement.

You can capture leaving visitors with exit-intent triggers. Moreover, scroll triggers allow you to display popups when a user scrolls a desirable amount of your webpage.

Is that all? No. You can present your popup after a user has been inactive for while with in-activity sensor. This helps you gather users' attention and thus boost engagement.

Exclude return visitors

It would not be nice to display the same popup that asks for a user's email address over and over to the same user that has already given his email address. Would it? It is what we call annoying.

To prevent this situation and improve user experience, you can exclude your returning visitors with Popupsmart. Then, retarget them with personalized offers and promotions.

Use non-intrusive popup targeting

Nobody wants to make too much effort to get rid of a popup. Making it more difficult may cause visitors to leave your website and lower UX.

It is quite simple to close popups with Popupsmart. Your visitors can close them by clicking anywhere on the webpage outside the popup.

So that you can drive more conversions with non-intrusive popups that do not hurt user experience.

GDPR & SEO compliance

One of the easiest ways to comply with Google's interstitials policy is to use Popupsmart. Why? Because we provide popup designs that are already compliant with Google's requirements and GDPR rules. So, play it safe to grow your business with attractive popups.

Plus, we have ready-made cookie consent popups which Google's policy deems non-intrusive. You can add them to your website to comply with GDPR and e-Privacy regulations.

Bottom Line

As Google's interstitials policy states that their "goal is to help users quickly find the best answers to their questions, regardless of the device they’re using."

You can still display mobile popups that convert by optimizing them or simply using Popupsmart by registering for free today. Remember, a better user experience means happy customers and more conversions.

It is time for you to start optimizing your mobile popups to achieve your m-commerce business goals.

Don't forget to share your thoughts and comments with us below!

Show Comments