Landing Pages – Samples

Video Lecture

Lecture Text

In this section, we’re going to take a look at some landing page samples and discuss some of the key technical aspects of landing pages.

Responsive Websites

One thing to cover is that your website and your landing page need to be responsive. This means that your website must look good and perform well on electronic devices of different sizes. This means that it must work well on desktop, tablet and smartphones.

And it is essential that your website is responsive. You don’t want to spend a lot of money on a big ad campaign only to send prospective patients to a broken website – or to a website that won’t work on their smartphone.

There are a couple of ways that you can test how your website looks and performs on these devices.

First, you can load your website, and then you can drag the edges of your web browser to see how it looks. This will give you a pretty good idea of whether or not your website is responsive.

Do your images resize properly? Does the site look broken? If so, your site isn’t responsive. In the video above, Idrag the edges of my browser to kind of squish my website to see how it looks. As I scroll up and down, I can see that the website is still operational. It is responsive.

In addition to the quick browser test, you can also use tools to check the responsiveness of the pages on your website.

QuirkTools Screenfly

A free tool that I use is called Screenfly by QuirkTools. With Screenfly, you first enter your website’s url. You can then click on the device buttons in the upper left to simulate what your website pages will look like on different devices. Screenfly automatically adjusts the screen dimensions so you can see whether or not your website is responsive. You can then scroll through the website pages and test the functionality of your website while working within the Screenfly interface.





Web Page Load Time

The next big item to cover with your website is load time. While providing specific details on how to get your website to load quickly can get into technical details beyond the scope of this course – you need to know this – your web pages must load very fast. If they don’t , people won’t hang around for them to load and will leave your dental website before having a chance to even see your phone number.

According to Google, 53% of mobile visitors will abandon a website if it takes longer than three seconds to load.

How does your website stack up time wise?

Pingdom Website Speed Test

My favorite way to check page speed and look for areas of improvement is the Pingdom Website Speed Test. From this site, you can enter your domain name – or a page on your website – and find out how fast it loads from various servers around the world.

The faster, the better.

The tool provides your load time, and your speed compared to other websites. Your speed is the most important metric on this page. If your speed is under 3 seconds, you’re probably in pretty good shape. If your speed is at or above three seconds you’ll want to view your performance grade.





You also get a performance grade based on the technical aspects of your website. However, as you dig down into the performance grade and scroll down on the page, you’ll find technical elements that can be improved upon to improve your performance grade and your overall page speed.

Another tool that you can use is Google’s page speed insights.

Google Page Speed Insights

Here, I’m checking the stats for adwords.google.com. As you can see, Google’s own website gets harsh grades from the Google Page Speed Insights. Your site will as well – but don’t worry too much about your actual grade. Just have a tech person look over the possible areas of improvement.

However, the wonderful thing about page speed insights is it takes the elements on your website related to page speed, optimizes them, and makes them available for you to download. Optimized images, and code are available from this link right here.

As an example, Google will take the images on your web page, compress them to make them much smaller so your page loads faster, and then make these highly optimized images available for you to download. So despite the harsh grading, it is a valuable tool.

To summarize this section, your web pages must function and look good on all devices. And your web pages must be fast. When using the website analysis tools, focus on getting your website to load in under three seconds. Then focus on the grades and look for possible areas for improvement.

Resources

Comments

Scroll to Top