So, you’re looking to optimize your website. Now that we live in a world where anyone can publish information online for a few dollars, it is more important than ever to establish legitimacy and originality. What really sets you apart from the others? Your website is where your brand has the most impact. Though we have been taught differently growing up, web design is very much “judging a book by its cover”. Nothing shoots your professionalism or legitimacy down more than a poorly website design that lacks functionality and looks like the days of Ask Jeeves.
To make this simple, we are going to break it down into a few categories: structure, design, and functionality.
What is proper website structure?
Since we have the capability to build and optimize websites on platforms like Squarespace or WordPress, a lot of the heavy lifting can be done by seeking out a template best suited for your end goal. We always recommend tailoring your website to your brand to avoid being one of the many who use a template. Again, it’s about uniqueness. All websites have the same basic structure when it comes to code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">
<html>
</head>
<body></body>
</html>
It’s all about what goes in between. Think of a website as the human body. HTML acts as the “structure” or bones, CSS is the aesthetics or look and feel, and Javascript is the function or brain. All of these parts work together to index information and present your properly optimized website in the most functional way so that users can access what they need without thinking hard. If your site lacks basic structure, then it really is not a site at all.
Components of an optimized website structure
All of the components that make up basic website design structure are important for search engines to find you. The use of proper titles, tags, and descriptions will help search engines like Google find you and improve rank for users searching for your key information.
Title, URLs, and the epic h1
Each page has a unique page title that lives on your website. This page title is known as the h1 or heading 1. An h1 tells search engines what the main purpose is of the page. You will also see this as the main headline on the search results page. Traditionally, URLs will follow the title of the page, for example, an Indianapolis Digital Marketing page would be .com/indianapolis-digital-marketing.
Page title best practices:
Optimize your websites meta descriptions
Meta descriptions are the first look at your website. Each page provides the opportunity to provide a short description of the page so users can see this under the page title in search results pages. Though this does not directly impact your page rank, it is an opportunity to sell yourself to the potential user seeking information.
Meta Descriptions best practices:
Body, h2, h3, and everything in between
When a search engine crawls a website, it scans the information on the page to see if it best fits the user’s search. If the page is properly structured and the on-page content checks the ever-changing algorithm boxes, the higher the potential for ranking on search results pages. This is where proper content strategy comes into play.
A proper page will have in-depth content related to topics, service, or products broken down into a structure that is easy for the user and search engines to understand. For example, you may have noticed the various font sizes and weights above certain paragraphs. These are what we call sub-headings. Each one serves a purpose to relay the importance of indexing information.
Heading 1, or h1 is the main page title and is the more important heading on the page. Heading 2, or h2 begins to break the content into sub-sections. This allows the user to jump to sections that locate key information faster and more efficiently without having to sift through loads of plain text.
Heading and content optimization best practices:
Now that we’ve covered the basic structure of a website and how to optimize structural aspects, let’s move on to design.
Website designs are important because they define the user’s experience. As I said earlier, nothing kills your credibility faster than a poorly designed website. So what does this entail?
Color schemes, fonts, and branding
Your website should be a direct representation of your company’s brand and every brand should have a guideline. A brand guideline tells you and others how to represent your brand. Without this, projects get delayed, brands misrepresented, and it truly becomes the wild west of design.
A proper brand guideline includes detail uses of fonts, how to use a logo on certain colors or for certain mediums, and what not to do in order to maintain control over your brand. Smart companies like Coca-Cola have maintained their brand and exist as one of the most iconic brands of all time. If you do not have a brand guideline, work to develop a document that you can share with your marketing team or companies you may partner with. Consistency is key.
Brand Guideline Checklist
Optimizing website imagery
Nothing dulls the senses like a site straight from the late 90s. Not that these times were bad, we’ve just got better screen resolutions. As screens become bright and filled to the brim with more pixels, the need for high-resolution imagery will grow. Determining the style and proper landscape of your on-site and off-site photos will help you maintain a consistent aesthetic across all channels and help users match an image with your brand. If you cannot afford to hire a professional photographer to get authentic photography, you can always use resources like Unsplash or iStock.
Remember, a personal touch with original images will go a lot farther than splashing your page with stock images. Be original, always.
Optimize website content in design
Your design should complement the content and present it in a way that flows naturally to the end-user. We all read from left to right, with the exception of a few, and your website should do just that. Place key information at the top and follow with supporting content. Remember, subheadings exist for a reason, use them properly and the website design process will be much easier.
What’s most important to note that users should be able to contact you easily. Strategic of logical calls-to-action are helpful in directing users to take next steps, but they should also find high-level contact information with ease.
Contact information optimization
Optimizing primary navigation
When a user reaches your website, they expect a seamless experience otherwise they bounce out (this is known as a bounce rate and is affected when a user leaves or stays on your site). The more reliable the information and the easier it is to navigate, the more likely the user is to remain on your site. If you find that you have too many pages that will extend a simple menu and make it a complex drop-down, find a creative way to use inter-page links and avoid adding more items on the menu.
Primary navigation is simply that, primary. Let other pages work for you and get users where they need to go. How do you think you ended up here?
You could also create menus that are unique to your audience. This would allow users to hover over the main menu item that pertains to them and see the pages that relate to the main category. If you are finding it hard to minimize the number of pages in the main navigation, always remember there is a secondary, or footer navigation available for you to expand on.
Optimized site navigation best practices:
Now that we have the optimized website structure and design down, let’s dive into the functionality of the website.
The overall function of the site is just as important as the categories that proceed it on this page. Without the function, the user cannot move about the site. A proper quality control process is important to ensure that there are no dead links or missing redirects on the site.
Optimizing Website Redirects
Say you edit a page and change the title and make a switch to the URL or delete the page and it is still index in search engines, what happens? A user can still navigate to the site page and find that it does not exist or has been moved. This can’t be more frustrating as you are expecting to find the information keyed in from your search. Make sure you are set up for these situations by always pointing to the new page or a page relating to the topic and submit a new sitemap when things change.
Double-check your links and labels
Part of quality control is ensuring all links function properly. When we were provided the ability to click-to-call straight from the website on a mobile phone, it was great. The same went for email. Making sure each click has a purpose will keep your user happily navigating through the site to obtain the information they require. As you create calls-to-action across your site, using labels on-site or using tools such as Google Tag Manager helps you track the success of your goal conversion funnel.
Optimizing Website’s Site Speed
As internet speeds get faster, so does the request for information. Making sure your code is lean and not bogged down for unnecessary lines of code will help your site load time and offer the user the ability to access your information faster. There is a lot you can draw from PageSpeed Insights, but what does it matter if you cannot optimize your website? Let’s start with some items you can control.
Optimizing Website Images
When you upload large files directly to your media library and display them on the site, it takes longer to load than small files. We prefer to host images from a separate server in order to offer our clients faster load times. There are various WordPress plugins that help you achieve optimized images for your website, but make sure you select one that is maintained and updated regularly. Tools like WPSmush help automate the process of optimization website images, but it’s best to get in the habit of cutting down on file size before you add them to your media gallery.
Caching your website
Ever wonder why you can access sites so rapidly all the time? Most websites cache images and information rather than burdening the server every time you want to access a site you visit on a regular basis. However, caching becomes stale and needs to be updated. Imagine your company changed your logo or content on your site, the cached files are no longer applicable to the new site design and will not be represented when users visit the site. Our proprietary platform cycles every hour to ensure old information is moved out and new information is ready for viewing. This is not always the case for everyone, but we host many sites and not just a single site.
Minify HTML, CSS, and Javascript
When you have user-friendly site-building tools like WordPress it gets increasingly easier to slow your site with unnecessary lines of code from plugins. Each line of code expands the size of the site files which bog down the servers from returning a faster site. Make sure you remove unnecessary lines of the code to minimize file sizes. This will not affect the operation of the code, but boost speed.
Once you’ve combed through the site and made sure each link does what you want it to do, it is time to put the hard work to the test and format a marketing plan. We love to help businesses with these kinds of things, so if you’re in the market, we’d love to chat.