{"id":1293,"date":"2016-02-27T00:26:42","date_gmt":"2016-02-27T00:26:42","guid":{"rendered":"http:\/\/www.serplogic.com\/?p=1293"},"modified":"2022-04-22T17:02:12","modified_gmt":"2022-04-22T17:02:12","slug":"build-landing-pages-that-convert","status":"publish","type":"post","link":"https:\/\/www.digicrest.com\/CLIENTS\/SERPLOGIC\/WP\/tutorials-case-studies\/build-landing-pages-that-convert\/","title":{"rendered":"Build Landing Pages That Convert on Mobile"},"content":{"rendered":"

You\u2019ve been living under a rock for the past two years if you don\u2019t realize that the majority of your website traffic is coming from mobile phones, and the number continues to rise with no signs of slowing down. Learning how to build landing pages that convert on mobile should be top of your to-do list.<\/p>\n

Mobile is convenient.<\/strong><\/p>\n

It allows the user to search for what they are looking for while on the go. If they are craving pizza for lunch they are going to pull out their phone and search for local pizza shops. If they are out and about and suddenly decide they want to buy new shoes they are going to pull their phone out and look for the particular item that is on their mind.<\/p>\n

Because of this, you need to be sending your mobile traffic to landing pages that are optimized to convert. Because of the convenience mobile searching offers, your visitors aren\u2019t going to stick around and try to figure out your website if it\u2019s a pain in the ass to navigate. If you don\u2019t make it super easy for a mobile visitor to complete a form, make a call, or buy something, you will lose them.<\/p>\n

 <\/p>\n

Nobody has time to waste. You HAVE to put yourself in the shoes of your visitor.<\/strong><\/p><\/blockquote>\n

 <\/p>\n

If you are searching on your phone you want answers NOW and you want the end product or service NOW.<\/p>\n

I have so many businesses come to me wanting SEO<\/a> that either don\u2019t have mobile landing pages or if they do, they are so bad that all the traffic in the world isn\u2019t going to help them make sales.<\/p>\n

You don\u2019t even have to have a huge budget, designers, and coders these days!<\/p>\n

There are so many programs that help you build really slick landing pages that are both desktop and mobile friendly. The trick is knowing HOW to put together a landing page that will actually convert mobile traffic.<\/p>\n

Well, that is what I am going to do today.<\/p>\n

If your rankings are solid and your traffic is heavy, but your conversion rates are poor, this should help you.<\/p>\n

Note:<\/strong> if you don\u2019t know the exact percentage of traffic that hits your website on mobile devices you are making a huge mistake. You should know this number. When you look at your analytics data you should really be paying special attention to your mobile percentage and seeing how that traffic acts on your website.<\/p>\n

Here are some things to pay close attention to when you are building out landing pages.<\/p>\n

They will help you build landing pages that convert on mobile..<\/h2>\n

 <\/p>\n

Focus on light code and simplicity<\/h3>\n

Not everyone is going to be visiting your website on the newest iPhone that\u2019s connected to super fast WiFi. A lot of your visitors are going to be on older beat up models and they will be connected to 3G or WiFi with serious lag because so many devices are pulling from it.<\/p>\n

Build your landing pages using light code and avoid animation and unnecessary elements. Website design has gone full circle in the past few years, as flash and animation has slowed down and most popular websites redesigned to focus on a simple and flat design.<\/p>\n

You can still use a nice design, just keep speed your main focus. The best test to run is GTMetrix<\/a><\/strong>, and if you follow the suggestions it gives you it\u2019s possible to really improve your speed. You will usually find that your images are the biggest offenders. Even if you have zero coding skills, you can hand off the GTMetrix suggestions to a freelancer and for $10 – $15 get your speed grade to an A+.<\/p>\n

 <\/p>\n

\"build<\/p>\n

<\/h3>\n

Build your pages in a block stack format<\/h3>\n

When someone is searching on a mobile phone you have limited space to present your offer. You want to stack information on top and allow the visitor to soak it all in by scrolling down. Also, you want to be sure that you don\u2019t include so much information that they feel like they are scrolling nonstop. If you do this, they will eventually stop and leave. You have seconds to get them to understand your offer.<\/p>\n

If you are trying to trigger a phone call you need to put that number in front of them and get them to click it within seconds of landing on the page.<\/p>\n

If you are trying to get them to make a purchase you need to make it so simple that they can complete the process and be in your shopping cart within seconds and no more than a couple of clicks.<\/p>\n

Build your mobile landing pages the same way you would build with blocks. You can get some inspiration from these responsive templates here.<\/a><\/p>\n

 <\/p>\n

Make your forms no more than 2 fields<\/h3>\n

Not every mobile landing page is going to be trying to trigger a purchase. A lot of LP\u2019s are for lead generation, so it\u2019s important to know that a mobile visitor is going to have a much different tolerance level when it comes to form fields than someone sitting at a desktop computer has.<\/p>\n

For example, if you are trying to generate leads for a local dentist your regular landing page might ask for the following information:<\/p>\n