{"id":99037,"date":"2016-09-28T14:45:08","date_gmt":"2016-09-28T18:45:08","guid":{"rendered":"https:\/\/optinmonster.com\/?p=99037"},"modified":"2022-02-01T06:30:15","modified_gmt":"2022-02-01T11:30:15","slug":"the-new-google-mobile-friendly-rules-for-popups","status":"publish","type":"post","link":"https:\/\/optinmonster.com\/the-new-google-mobile-friendly-rules-for-popups\/","title":{"rendered":"The New Google Mobile Friendly Rules for Popups (and How They Affect OptinMonster)"},"content":{"rendered":"<p>Last month, Google <a title=\"Helping users easily access content on mobile\" href=\"https:\/\/webmasters.googleblog.com\/2016\/08\/helping-users-easily-access-content-on.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">announced<\/a> the changes that are coming to mobile search results in 2017. One of the things mentioned was sites that use &#8220;intrusive&#8221; interstitials on mobile devices will lose their &#8220;mobile friendly&#8221; tag.<\/p>\n<p>Since mobile friendly tags are one of the many <a href=\"https:\/\/optinmonster.com\/seo-ranking-factors\/\">SEO ranking factors<\/a> that Google uses, this announcement caused panic in marketing circles. A lot of misinformation was spread, and we received many questions from users about what this change meant for OptinMonster.<\/p>\n<p>In this post, I want to explain what Google&#8217;s announcement is all about, and how OptinMonster is the only lead generation software that has been compliant from day one.<\/p>\n<h3>Is this The End of List Building?<\/h3>\n<p>Because Google&#8217;s announcement stated that the use of &#8220;intrusive interstitials&#8221; will lead to a page losing it&#8217;s mobile friendly tag, several folks jumped to the conclusion that lightbox popups and to the greater extent, email list building, will be dead!<\/p>\n<p>As you can imagine, that&#8217;s quite an exaggeration.<\/p>\n<p>To help you better understand what changes are coming and how OptinMonster helps you stay compliant, we&#8217;re going to break down every detail one-by-one.<\/p>\n<h3>1. This is Not Immediate<\/h3>\n<p>The changes to mobile results aren&#8217;t happening until <strong>January 10, 2017<\/strong>.<\/p>\n<p>You have plenty of time to further improve your lead generation strategy with OptinMonster (more on this later in the article).<\/p>\n<h3>2. This is Only for Mobile Devices<\/h3>\n<p>This new rule applies to mobile search results only.<\/p>\n<p>In other words, you can continue to use our full screen welcome gate (interstitials) for desktop visitors.<\/p>\n<p>OptinMonster already has device specific targeting rules to help you deliver the best user experience for all users (no matter the device).<\/p>\n<p>Simply go to the Display Rules setting in the OptinMonster Builder and adjust the device settings.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-99045\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/devicerule.jpg\" alt=\"Device Specific Rules for OptinMonster\" width=\"620\" height=\"318\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/devicerule.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/devicerule-300x154.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<h3>3. This is Not Just For Popups<\/h3>\n<p>A lot of &#8220;journalists&#8221; are spreading incomplete information because they&#8217;re focused on writing juicy click-bait headlines.<\/p>\n<p>Google in their announcement explicitly made a point to limit using the word popup (used 2 times) and rather chose to use the word &#8220;interstitial&#8221; (used 27 times).<\/p>\n<p><strong>Why is this important?<\/strong><\/p>\n<p>Because the definition of an interstitial as explained by Google is a lot broader and includes:<\/p>\n<blockquote><p>&#8220;&#8230;a layout where the <a href=\"https:\/\/optinmonster.com\/11-examples-of-superb-above-the-fold-content\/\">above-the-fold<\/a> portion of the page appears similar to a standalone interstitial, but the original content has been inlined underneath the fold.&#8221;<\/p><\/blockquote>\n<p>In other words, this isn&#8217;t specific to a lead-generation technique or technology; it&#8217;s about your website&#8217;s entire user experience (UX).<\/p>\n<p>Someone using a welcome gate or a zero second popup is in the same category as someone who is using a big call-to-action (hero image) that&#8217;s built into their website design.<\/p>\n<p>Google&#8217;s goal is to make sure the visitor sees the content that they were promised in search results (RIGHT AWAY) without scrolling or anything blocking their view.<\/p>\n<h3>4. Screen Space Matters<\/h3>\n<p>Google understands the importance of conversion optimization and lead generation.<\/p>\n<p>That&#8217;s why they have given an example of a &#8220;reasonable&#8221; use of screen space for lead generation on mobile:<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-99046\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/approvedscreenspace.jpg\" alt=\"Google Approved Mobile Screenspace\" width=\"620\" height=\"400\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/approvedscreenspace.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/approvedscreenspace-300x194.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>And once again, we&#8217;ve already got you covered.<\/p>\n<p>OptinMonster <a title=\"OptinMonster Floating Bar\" href=\"https:\/\/optinmonster.com\/features\/floating-bar\/\">floating bars<\/a> are 100% optimized for mobile devices. You can even use our device specific rules to create targeted floating bars just for mobile users.<\/p>\n<p>In Google&#8217;s announcement, they mention that banners that use a reasonable amount of screen space and are easily dismissible <strong>would not be affected by the new signal<\/strong>.<\/p>\n<p>Both of those things we offer because like Google, we also believe that you have to deliver a good user experience if you want to be successful in your conversion optimization efforts.<\/p>\n<h3>5. Mobile Friendly Label is Going Away for Everyone<\/h3>\n<p>The first part of the announcement that a lot of journalists skipped over is that the &#8220;mobile-friendly&#8221; label that Google is currently displaying in search results will be removed for everyone on January 10, 2017.<\/p>\n<p>Google implemented the mobile-friendly label two years ago to help users find pages that were mobile optimized.<\/p>\n<p>Since over 85% of all pages in mobile search results now meet the criteria, they will be removing the label for everyone. Here&#8217;s the official statement:<\/p>\n<blockquote><p>To keep search results uncluttered, we\u2019ll be removing the label, although the mobile-friendly criteria will continue to be a ranking signal.<\/p><\/blockquote>\n<p>So after this update in January, you&#8217;ll need to use <a href=\"https:\/\/www.google.com\/webmasters\/tools\/mobile-friendly\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">this mobile friendly tool<\/a> by Google to see if your website passes the mobile friendly test.<\/p>\n<h3>6. One of the many ranking factors<\/h3>\n<p>Google uses hundreds of signals to determine the ranking of a page. This is just one of the many factors, and it is not a strong one.<\/p>\n<p>Here&#8217;s what Google ended their announcement with:<\/p>\n<blockquote><p>Remember, this new signal is just one of hundreds of signals that are used in ranking. The intent of the search query is still a very strong signal, so a page may still rank highly if it has great, relevant content.<\/p><\/blockquote>\n<h3>My Personal Thoughts on this New Rule<\/h3>\n<p>I have had many conversations with customers and friends (over email, Skype, and in person at conferences) over the last few weeks.<\/p>\n<p>Since we&#8217;re humbly considered thought leaders in our industry, everyone wanted to know what I thought about this new &#8220;mobile-friendly&#8221; rule.<\/p>\n<p>I personally think this is a great rule because it aligns with our core values and further solidifies our position as a leading behavior automation platform on the web.<\/p>\n<p>Google is doing this to regulate and punish &#8220;spammers&#8221; who use aggressive overlays and interstitials that are terrible for user-experience.<\/p>\n<p>One of the reasons why I built OptinMonster was to solve exactly that problem.<\/p>\n<p>I personally dislike the idea of aggressive zero-second popups because those are annoying for users. That&#8217;s why OptinMonster from day one came with well-timed popups including our signature Exit Intent\u00ae technology.<\/p>\n<p>Since then, we have added dozens of behavior automation triggers to help you convert targeted visitors into subscribers while offering a great user experience.<\/p>\n<p>I also didn&#8217;t like the idea of having traditional desktop popups load on mobile because of limited screen space. That&#8217;s why OptinMonster popups have an option to load on all devices, desktop or mobile.<\/p>\n<p>This is precisely the reason why at OptinMonster we offer not one but <strong>six<\/strong> different campaign types including <a title=\"Lightbox Popups\" href=\"https:\/\/optinmonster.com\/features\/lightbox-popups\/\">lightbox<\/a>, <a title=\"Sidebar Optin Forms\" href=\"https:\/\/optinmonster.com\/features\/sidebar-optin-forms\/\">sidebar<\/a>, <a title=\"Floating Header and Footer Bar\" href=\"https:\/\/optinmonster.com\/features\/floating-bar\/\">floating bar<\/a>, <a title=\"After Post Optin Forms\" href=\"https:\/\/optinmonster.com\/features\/after-post-optin-forms\/\">inline forms<\/a>, <a title=\"Slide-In Forms\" href=\"https:\/\/optinmonster.com\/features\/slide-in-forms\/\">slide-ins<\/a>, and <a title=\"Fullscreen\" href=\"https:\/\/optinmonster.com\/features\/fullscreen-welcome-gate\/\">fullscreen<\/a>.<\/p>\n<p>OptinMonster is the only platform that offers powerful personalization features like OnSite Retargeting, OnSite Follow up Campaigns, <a title=\"OptinMonster Dynamic Text Replacement API\" href=\"https:\/\/optinmonster.com\/docs\/optinmonster-dynamic-text-replacement-api\/\">Dynamic Text Replacement<\/a> and more.<\/p>\n<p>Combine that with our powerful rules engine logic and multiple campaign views (Yes \/ No view, Optin view, and Success view) and you have the most powerful conversion optimization tool in the market at your disposal.<\/p>\n<p>So honestly speaking, I&#8217;m really glad that Google came out with this announcement. It will force other spammy popup solutions to go out of business (or improve their products).<\/p>\n<p>To summarize my thoughts above, below are some actionable tips and insights on how OptinMonster helps you stay compliant.<\/p>\n<h3 id=\"how-to-stay-compliant\">How OptinMonster Helps You Stay Compliant with Mobile Friendly Rules?<\/h3>\n<p>Here at OptinMonster, our top priority is to help you convert visitors into subscribers while delivering the best user experience.<\/p>\n<p>Below are the ways OptinMonster helps you stay compliant with this new Google mobile friendly rule.<\/p>\n<h3>1. Device Specific Display Rules<\/h3>\n<p>Use the device targeting rules to fine-tune the type of campaigns that appear on mobile devices.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/10\/Device-New-Rule.jpg\" \/><\/p>\n<h3>3. Floating Bars and Popups Have Even More Specific Mobile-Optimized Templates<\/h3>\n<p>While any campaign can be targeted to appear only on mobile devices, and all our templates are responsive, we believe that Floating Bars, and Popups best satisfy Google&#8217;s Mobile Penalty requirements. So we designed templates for each that are optimized for mobile and qualify under the &#8220;reasonable&#8221; screen space rule.<\/p>\n<p>If you must use a zero-second optin, use one of these floating bars.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/mobile-optimized-template-filter.jpg\" alt=\"Mobile optimized template filter in the OptinMonster campaign creation screen allows you to see only mobile templates.\" \/><\/p>\n<p>Here&#8217;s an example of OptinMonster floating bar running live on our integration partner, ActiveCampaign.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-99063\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/activecampaignfloatingbar.jpg\" alt=\"Active Campaign Floating Bar\" width=\"620\" height=\"400\" srcset=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/activecampaignfloatingbar.jpg 620w, https:\/\/optinmonster.com\/wp-content\/uploads\/2016\/09\/activecampaignfloatingbar-300x194.jpg 300w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><strong>Tip:<\/strong> I would recommend creating a custom offer for mobile users only. Use the device rules to display your custom floating bar for mobile users only.<\/p>\n<p>When you do this, you&#8217;re conscious about the best formatting which results in higher conversions.<\/p>\n<h3>4. Use our Smart Display Rule Triggers<\/h3>\n<p>Nobody likes a zero second aggressive popup. This is why we built so many smart triggers. Please use them \ud83d\ude42<\/p>\n<p>Below are some ideas:<\/p>\n<p><strong>Scroll Based Trigger<\/strong> &#8211; Show the popup or fullscreen overlay only when the user has scrolled 80% of the page.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2020\/07\/Scroll-Detection-2.jpg\" \/><\/p>\n<p>Remember Google&#8217;s goal is to make sure the visitor sees the content that they were promised in search results (RIGHT AWAY) without scrolling or anything blocking their view.<\/p>\n<p>With the scroll trigger, you are showing them the popup after they&#8217;re done reading the content.<\/p>\n<p><strong>Referrer Detection<\/strong> &#8211; Show the mobile popup or fullscreen overlay to everyone except for people visiting from Google.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/referral-url.jpg\" alt=\"Referral URL text field\" \/><\/p>\n<p><strong>Second Page View<\/strong> &#8211; Show the mobile popup or fullscreen only when the user has viewed more than one page.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/configure-pages-viewed-rule.jpg\" alt=\"Configure number of pages viewed display rule.\" \/><\/p>\n<p>This will help your conversion rates because a person who views more than one page has clearly expressed interest in what you&#8217;re offering.<\/p>\n<p><strong>Use MonsterLinks\u2122<\/strong> &#8211; MonsterLinks\u2122 are triggered by the user when they click an image or button.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/copy-monsterlink-code-display-rules.jpg\" alt=\"Copy MonsterLink code\" \/><\/p>\n<p>MonsterLinks\u2122 are not affected by Google&#8217;s rule because they are <a title=\"MonsterLinks\" href=\"https:\/\/optinmonster.com\/features\/monsterlinks\/\">2-step optins<\/a> (requiring users to click).<\/p>\n<p>I highly recommend that you use these with <a title=\"30 Content Upgrade Ideas to Grow Your Email List\" href=\"https:\/\/optinmonster.com\/30-content-upgrade-ideas-to-grow-your-email-list\/\">content upgrades<\/a> (both on desktop and mobile) because you&#8217;ll see higher conversions. Anytime a visitor initiates an action themselves, they&#8217;re more likely to complete it.<\/p>\n<p><strong>Marketing Campaigns Rule<\/strong> &#8211; Show the mobile popup or full screen overlay only when the user is coming from a specific marketing campaign.<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/optinmonster.com\/wp-content\/uploads\/2021\/09\/configure-query-argument-targeting.jpg\" alt=\"Query Argument Targeting configuration options\" \/><\/p>\n<p>I know a lot of you use UTM link tracking to track specific marketing campaigns that you have going on (whether it&#8217;s email marketing, Facebook ads, etc).<\/p>\n<p>This rule allows you to show custom popups only to these users which as you can expect will automatically result in higher conversions.<\/p>\n<h3>What&#8217;s Next?<\/h3>\n<p>If you&#8217;re using an aggressive popup technique on mobile, then please implement the tips that I suggested above before January 10, 2017.<\/p>\n<p>If you have a friend who&#8217;s using a spammy lead-generation solution, then let them know about this post and convince them to use OptinMonster.<\/p>\n<p>Remember, friends don&#8217;t let friends use a spammy lead generation solution!<\/p>\n<p>(Yes, we have an <a title=\"OptinMonster Affiliate Program\" href=\"https:\/\/optinmonster.com\/affiliates\/\">affiliate program<\/a>, so you can even earn some extra $$$ too ;))<\/p>\n<p>But in all seriousness, we&#8217;re committed to helping you convert visitors into subscribers while delivering the best user experience.<\/p>\n<p>As always, I want to thank you for using OptinMonster, and we&#8217;re proud to help you build your email list in a &#8220;Google Friendly&#8221; way.<\/p>\n<p>Cheers,<br \/>\nSyed Balkhi<br \/>\nCEO of OptinMonster<\/p>\n<p><em>Not using OptinMonster yet? Stop losing subscribers and <a title=\"Get Started with OptinMonster\" href=\"https:\/\/optinmonster.com\/pricing\/\">get started with OptinMonster today<\/a>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last month, Google announced the changes that are coming to mobile search results in 2017. One of the things mentioned was sites that use &#8220;intrusive&#8221; interstitials on mobile devices will lose their &#8220;mobile friendly&#8221; tag. Since mobile friendly tags are one of the many SEO ranking factors that Google uses, this announcement caused panic in&nbsp;&hellip;<\/p>\n","protected":false},"author":1,"featured_media":99062,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"limit_modified_date":"","last_modified_date":"","om_disable_all_campaigns":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"om_meta_post_subtitle":"","footnotes":""},"categories":[7],"tags":[143,447,355,167],"class_list":["post-99037","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-announcements","tag-google","tag-mobile-search","tag-popups","tag-seo"],"case_study_meta":[],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/posts\/99037","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/comments?post=99037"}],"version-history":[{"count":19,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/posts\/99037\/revisions"}],"predecessor-version":[{"id":167892,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/posts\/99037\/revisions\/167892"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media\/99062"}],"wp:attachment":[{"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/media?parent=99037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/categories?post=99037"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/optinmonster.com\/wp-json\/wp\/v2\/tags?post=99037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}