Lesson 1: Go Mobile-Responsive

Free Course Mobile Ad Optimization
Last updated: September 6, 2019 | by Kean Graham
Go Mobile Responsive Mobile Ads

This post was most recently updated on September 6th, 2019

Going mobile-responsive is almost a regular expectation from websites these days. If your site is not mobile-responsive, you are already certain of losing around 21% or more of regular users. Some users these days no longer use laptops or desktops and turn to smartphones and tablets for their web browsing needs. As such, the importance of going mobile-responsive can never be underscored for monetizing your business more towards higher marketing success.

How to become mobile-responsive

The very first thing you need to do with your existing website is to make a full assessment of how to make it mobile-responsive. The Twitter Bootstrap project, for example, is a quick grid-based CSS system that will allow you to quickly convert most non-mobile-responsive websites into a mobile-responsive and fluid one. However, you can still do it manually through CSS and have the benefit of greater flexibility.

If you are hard coding your site, the first step is to remove all the classes that set a fixed width on the elements of your website. If you are using CMS like Wordpress, Drupal, or Magento, you can take advantage of built-in themes that are already mobile-responsive. Depending on the framework that you are using, you need to edit the templates to suit your needs.

The next step is to test ad placement and a basic responsive layout for functioning after you make the changes. Test it in a variety of devices and have a good feedback system to allow users to tell you if the design is not working well on their end. You need to test at different times of day to make sure that you are able to cover all your bases before finalizing your design.

Related Read: How to make Publishers Ready as Mobile Ad Spending Surpasses Desktop

Tips on designing a responsive site

  • Use Google’s Mobile-Friendly Test Tool to test your pages.
  • Make sure that page load does not suffer in your efforts to go mobile-responsive. You can utilize PageSpeed Insights to check issues you may have on mobile.
  • Participate in Google’s Accelerated Mobile Pages Project to get you started on creating a basic mobile-responsive AMP HTML page.
  • If your site does not have highly customized functions, go for responsive CMS themes from Wordpress, Drupal, Magento, or even Squarespace.

Read: Google AMP Project Launch: What’s in it for Publishers?

Case study: DesignSponge

DesignSponge.com, a premium publisher of ours, redesigned into a mobile-responsive site and made use of mobile and desktop ad integration. As a result of this, they gained a 30%+ increase in their ad revenues.

YOUR ACTION ITEMS

1) Implement recommended fixes from PageSpeed Insights for mobile.

2) Monitor your mobile traffic from Google Analytics.

Go to Audience > Mobile > Overview.

For more lessons on Mobile Ad Optimization,

subscribe to this FREE email course.

"NET RPM increased 61.3% compared to our yearly average before working with MonetizeMore, and NET Revenues increased 54.8%. There is no doubt that turning over the day-to-day management of our ad inventory to MonetizeMore's team of experts has been the right move for our business."

$100M+

Paid to Publishers

3B+

Ad Requests Monthly

1500+

Happy Publishers

Recommended Reading

how-to-monetize-social-media
Blog
February 22, 2024

How to Monetize Social Networking Sites

Read More
make-money-with-dynamic-floors
Blog
February 21, 2024

How Publishers make 10X more money with Dynamic floors?

Read More
Ad Optimization
February 21, 2024

8 Best Ad Networks in India

Read More

Trusted by 1,500+ publishers worldwide

10X your ad revenue with our award-winning solutions.

Let's Talk

Close

Ready to 10X your ad revenue with the #1 ad management partner?

Start Now