mobile responsive - MLA Web Designs London

Tips on Optimising Your Blog for Mobile Responsiveness (And Why You Should)

 

You’re reading this because you’ve noticed a decline in your site’s organic web traffic. Perhaps, you’re still using the same old web design you had when you first launched your site.

This may come as a bit of a surprise, but a bad website design could be causing more harm than good—that is, losing web traffic. As you know, Google has changed recently its search algorithm.

Why?

Simply to boost the rankings of mobile-friendly websites. And also, Google wants to punish desktop-only sites.

This simply means if your site isn’t optimised to meet the mobile responsive standards set by Google, then your business might be jeopardy.

It’s time to make some changes and turn things around—boost those rankings!

How?

Start by optimising your website. And here’s how:

The Future and Mobile

Think about this for a second:

What do a park, bus, restaurant, libraries, shopping malls and the dinner table all have in common?

Well, if your answer is:

Everyone either sitting, standing, reading, or walking is looking at their smartphone or tablets.

Then, good observation skills!

The point is—mobile usage is taking over (if it already hasn’t). In fact, it will continue to skyrocket especially now that phones are getting larger screens, built with AI capability and feature more robust hardware.

In fact, these mobile devices have surpassed desktop units for more Internet use. Wow! If that isn’t a clue enough, then what is?

Give or take a few more years, smartphones and tablets will take over web browsing. So it’s better to take action now than try to save your business by then.

Either Beat or Catch up with Competition

According to reports, 62% of companies worldwide who have a mobile-first website have seen an increase in sales compared with desktop-only sites. As you may know, this isn’t much of a surprise since 52% of users admit that they prefer engaging with mobile responsive websites.

In other words, by making your website mobile-friendly, you’ll be better equipped to catch up or even beat the competition and possibly rank higher in Google search results pages.

You need to prove the world that you mean business by being more innovative and thus increasing profit from your business.

A Higher Rank in Google

As previously mentioned, Google boosts the rankings of mobile-friendly websites. If a user googles a particular thing online, for example, web design London, Google will automatically show mobile-responsive sites higher than desktop-only sites.

You should know that Google rolled out its new algorithm last May 2016. If your organic web traffic has plummeted since then, perhaps the culprit is your website.

It’s high time to optimise your website so that you’ll be able to recover the lost traffic and in the process rank better on Google SERPs.

How to Make Your Site More Mobile-Responsive

First thing’s first—test your website first to find out which parts you need to improve or fix. Google Mobile-Friendly Test is a tool you can use to check how a visitor can use your page using a mobile device. Also offered are tips on how to improve your website for mobile devices.

mobile responsiveness - MLA Wed Designs London

Google Analytics is another tool you can use to check which mobile devices your visitors frequently use to visit your site. This allows you to better optimise for specific mobile screens based on that data.

Tip 1: Optimising for Touch Screens

You may have noticed, but the single biggest difference between a desktop and a mobile device is the mode of interaction. Where a mouse or a touchpad is used on a desktop, users use their fingertips to swipe and zoom on mobile devices.

You need to consider that a responsive site isn’t enough—it must also be optimised for touch screens, offering greater UX. Include touchscreen navigation as well.

mobile responsive - MLA Web Designs London

Tip 2: Increase Site Load Speed

People are on the go. We are on the go. This fast-paced world we live in demands web pages to load as quickly as possible. Faster loading speeds can increase conversions and could decrease bounce rates. This means slow load speeds will lead your visitors to your competitors. Who wants that?

Here’s what you can do:

  • Reduce the images. Large format images can tremendously slow download times. Check your site which images you can get rid of—only unnecessary ones. Then conduct an a/b testing with and without those images to find out if it makes any difference.

If the images will need to stay, then optimise them for mobile usage.

  • Optimise plugins and themes. Even if everything else is optimised, a bottleneck phenomenon could still happen on your site speed because of bad plugin and theme code. Additionally, concatenate and minify plugin CSS and JS files.

Tip 3: The Right Font Size

Wouldn’t it be easy to read blog posts in the right font size, without having to zoom in and out, on a mobile device? The incorrect font size, where you need to badly zoom in to read a text, will definitely ruin UX.

To remedy this, configure a viewport to ensure the fonts are rendered to the correct sizes on varying mobile screens. Although this is a relatively simple process, some CSS skills might be needed to get this done.

Tip 4: Use a Better Theme

If you’re using WP, you might want to upgrade to a better theme, if you haven’t already. Opt for WP themes that have mobile-friendly designs. Replace the old theme of your site.

Viola!

You’re done.

If not, you can always utilise a plugin in order to optimise your site for mobile devices, although this isn’t a highly recommended method since this will make your site load a bit slower. It’s an ideal temporary fix, however.

Tip 5: Implement AMP

Accelerated Mobile Pages (AMP)—an open-source website designed to improve web content and ad performance. In other words, it offers a smooth browsing experience for mobile device users.

Once implemented, AMP generates an optimised version of your page that, in split seconds, can be viewed on mobile devices.

Not only will your site load faster, but also AMP-powered sites are ranked higher by Google on mobile search results pages.

AMP can be implemented on your site using a free WP plugin. Note the keyword here—FREE.

Final Thoughts

Continually test your site until you arrive on the perfect mobile responsive web design that will not only improve UX but also increase conversions, drive traffic to your page and boost Google rankings. It’s basically up to you!

What are you waiting for?
View Our Mobile Responsive Methods

 

mobile responsive services london

Google to Make Page Speed a Ranking Factor in Mobile Search Ranking

Google is giving you a stronger reason to focus on a mobile responsive site. Last January 17, Google announced a new ranking algorithm specifically designed for mobile search, calling it “Speed Update.”

This update will go live in July 2018. This means you still have ample time to focus on your site’s mobile performance.

mobile responsive services london

What is the Speed Update?

This is the significant change in how Google ranks websites for mobile searches. The new algorithm takes page speed into consideration as one of the signals.

Fortunately, Google pointed out that this will only affect a relatively small percentage of queries. The ones affected will be the pages delivering “the slowest experiences to users.”

According to Google, the search query’s intent is still a very strong signal. So a slow-loading page may still rank high provided it has relevant content.

Taking into consideration speed as a ranking factor isn’t new since Google has been obsessed with speed. For almost 8 years, desktop site speed has been the search engine’s ranking factor. What’s new this time is the addition of mobile sites in the site speed ranking equation.

Users expect speed

To highlight the importance of a mobile responsive site, Google showcased the following eye-opening statistics. According to Google’s research, as the page load time increases from 1 to 10 seconds, the probability of a visitor bouncing out of the website also increase by 123%.

mobile responsive services london

In other words, page speed has a direct impact on the site’s bounce rate. Adding a mere 2 seconds to the load speed also increases the bounce rate by 32%.

 

How does this affect e-commerce sites?

It is high time to focus on mobile user experience by increasing site load speed. Google provided the following tools to help you not only optimise but also test your site’s page speed:

  • Lighthouse. As part of Chrome Developer Tools, this automated tool helps audit the quality of web pages (accessibility, performance, and more).
  • Chrome User Experience Report. This is a public dataset of key user experience metrics for popular destinations on the web, as experienced by Chrome users under real-world conditions.
  • PageSpeed Insights. This is a tool indicating how well a page performs on the Chrome User Experience Report and suggests performance optimization.

Mobile-First Indexing

The Speed Update is not the only mobile search initiative Google is launching this year. Expect to see an increase in the application of Google’s mobile-first index. This will determine the overall ranking of each website based mobile factors, further emphasising the significance of the Speed Update.

Summing up

The search giant’s focus on mobile stems from the increasing number of online search using mobile devices. In fact, over half of all online searches come from smartphones. So this year, you need to rethink how a mobile responsive site will affect your bounce rate and your site’s overall ranking.

web design London effective landing page

7 Tips to Make Your Landing Page Effective

 

Does your landing page successfully convert visitors into loyal customers or leads? If not, then you might want to re-evaluate its effectivity. But if your landing pages are converting quite well, then implementing a few tips could help you squeeze more benefits.

If you are unfamiliar with the term or recently heard it from the online community, it is any webpage appearing whenever a visitor clicks on an online ad. The landing page is usually designed to guide site visitors toward an intended conversion goal through an online offer.

It is basically the cornerstone of any successful online marketing strategy. It should be persuasive to grab the visitor’s attention, compelling them to convert. Regardless if you have a stellar web design and mouth-watering offer or if your PPC ads are more than optimised to perfection, without an effective landing page, then expect that your business is bound to suffer.

Here are 7 tips to help you make a winning landing page.

Align your offers with your target consumers

Alignment is the most important element in conversion rate optimisation. Your prospective audience searches for products that they need, so your offers or products must match those as closely as possible.

If your products or offers don’t match what they need or that it doesn’t solve their problems, then your target audience will not likely convert and will move on to another site.

Tailor your landing page to your target audience

Now that you have aligned your offers or products to that of your target consumers, it’s time to customise your landing page for varying audiences. Visitors clicking your ads from social media sites such as Facebook or Twitter are different from those arriving from a PPC ad or from those clinking links in your brand’s newsletter.

web design london responsive design

Utilise a responsive design

A growing number of consumers are no longer using their PCs to view e-commerce sites online. The trend is going mobile, accessing via a smartphone or a tablet. You need to appeal to your target audience by utilising a responsive web design for your brand.

If they can’t view your landing page using their tablet or phone, chances are they won’t convert or immediately abandon your site. Invest in a good responsive design that looks appealing on just about any device so it won’t cost you sales and leads.

Avoid a lengthy registration

Only ask for your visitor’s email address, if that’s the only information you need, at the moment. The longer the registration process, the lower the number of conversions. So keep your conversions high by only asking information that you really need. If they will become repeat customers, then you can ask for more useful information.

Persuasive CTA

An effective landing page always has a powerful call to action (CTA), which is considered as the second biggest opportunity for you to improve your conversion rates.

Just keep it short, around 5 to 7 words. Use verbs indicating value, such as “Create my account” or “Get my free ___” instead of using “Submit” or other verbs that tell what the visitor has to do.

Visible trust signals

Visitors need to trust your page before they finalise their purchase. One powerful tool you need to use is trust signals or badges or other social proof elements.

These range from third-party certifications, security badges, consumer testimonials and reviews, customer success stories, client logos, number of subscribers and many more. These serve as endorsements of your brand’s quality, skill and trustworthiness.

web design london trust badges

 

Match landing page headline with ad copy

Avoid confusing your visitors with a different headline for your landing page. They might think it was either click bait or a false ad. The landing page’s headline and ad copy must be exactly the same or almost similar. Not only will this create a smooth transition for your visitor, but also this lowers bounce rates and improves your site’s AdWords Quality Score.

Final thoughts

Don’t forget to test! To come up with an effective landing page, conduct a thorough test and track your results to check whether your landing page is effective and if not find out what you can do to improve it.

Remember that your landing page needs to be flawless if you want to maintain and grow your leads and sales. So all elements from the headline to the web design must work together toward a common goal.
View Our Web Design Methods