5 Best On-Page Practices

Written by: Jason Bayless | June 15, 2015

A website’s relevance is now measured by multiple on-page best practices, ones that combine engaging content with increased speed of response. So, what are some on-page best practices? More importantly, how can they be used to optimize user experience?

1. Adopting Video and Infographics

Content is changing. Users are no longer willing to read long webpages. They need more. The best websites combine their content with vivid imagery and engaging video. In fact, users would much rather watch a video that muddle through a non-descript webpage.
Improving content isn’t merely about writing better. It’s not just about backing up a claim with authoritative resources. Instead, it’s about stating an opinion and using images, infographics, tables and video to back up the claim.

2. Optimizing and Condensing Images

There are multiple sources of free online imaging software. These software platforms allow you to resize, condense and reconfigure images in order to reduce page load times and minimize parse times. You can take a PNG, GIF or JPG image and resize it without affecting the overall image or its integrity.

Why is condensing images on a page so important? Answering this question involves going to Google Developers and using the PageSpeed Insights section of the website. Here you can input a given URL and an entire list of issues to address will be provided. Condensing images improves page load and reduces parse times by reducing the time needed to interpret and download images.

3. Minifying HTML and CSS Codes

Improving a website’s load times is ultimately about making small changes. Minifying HTML and CSS codes is another change that has a considerable impact. There are multiple free online minifying software platforms that allow you to input a given HMTL or CSS code and reduce its size.

Minifying HTML and CSS codes eliminates gaps and useless symbols within the code, thereby making it easier for servers to interpret. It’s common for HTML and CSS code to have useless characters, block delimiters and spaces. In addition, programmers often insert comments and or reference points within the code that define specific changes.

These aforementioned online resources will allow you to remove these symbols, characters and the surrounding white space without affecting your website’s integrity. In fact, it will decrease download times which will improve user experience.

4. Adopting the Right Social Media Platform

If your website is focused on business-to-business products and services, then focus on a social media strategy that emphasizes professional connections. Websites like LinkedIn are ideally suited for professionals looking to share content. Business-to-consumer websites should use social media icons and strategies that help users propagate and share content on sites like Facebook, Twitter and Pinterest.

Make sure you understand who your target audience is and then match your social media strategy and the sharing tabs on your page to that customer segment. Making it easier to share comes down to appealing to your target audience.

5. Optimizing Screen Sizes and Adopting Navigable Webpages

The ultimate goal is to decrease a page’s bounce rates so that users spend more time online and engaged in the website’s content. That means having a webpage that is mobile-friendly and easily navigable across all screen sizes. Bounce rates measure how often users visit a single page before bouncing out and leaving.

Having a page that is easily navigable, while ensuring it is mobile-friendly and tablet-compatible, ensures that a user’s experience is optimized. It’s about making sure the page is as easy to interpret on a tablet and personal computer as it is on a cell phone.

At one time a website’s or blog’s relevance was predominantly based upon whether it provided engaging content. Nowadays, everybody is upping their game and improving their content. It’s not merely about stating an opinion and backing it up with factual assertions. Instead, it’s about reducing page load times, minimizing parse times and improving user experience across all platforms.