Keep your website running smooth with regular web maintenance

Website or web maintenance is key to longevity for your website – Just like with a car. If you let your car sit without doing any work on it, eventually it starts to act up. It might start drifting in one direction, take longer to start-up in the morning, or make weird sounds. You wouldn’t want to go years without getting an oil change, rotating the tyres, or changing the fluids.

And you shouldn’t do it for your website either.

Website Design or Website development doesn’t end when the site is launched. After the site is done, you need to keep your site maintained. Web maintenance means regularly check it for issues and errors, such as links to pages that no longer exist. Doing check-ups regularly helps keep it running strong, which can increase your Google rankings and encourage more visitors to come to your site.

Do websites need maintenance?

Website Maintenance_

It’s true, that a website doesn’t have mechanical parts like a car, but that doesn’t mean its structure is immune to degradation either. but there are still constant changes in technology and some website maintenance tips that can keep it running smoothly.

While the physical parts rarely break down (servers or cables can go down) the structure can become obsolete. Think of it like apps on your smartphone; occasionally, you have to update the apps. Some of them need updating every few weeks, whether it’s addressing a bug or some vulnerability or adding new sections.

The same is true for websites, except that they’re updated without visitors having to authorise the changes. It’s all done by the site administrator instead. Changes for platforms like WordPress are rolled out constantly, and it’s important that the administrator stays up to date to keep site data safe. There’s also occasional glitches and hiccups. One example is that some products might disappear from your online store due to a bug and it’s important to be able to fix the problem quickly.

How do I maintain my website?

The best way to stay up-to-date on your website is to be aware of when critical updates happen, the check engine light of the digital world. This could be on your CMS system (WordPress, etc.) any plug-ins your site uses, or integrated software. Any security patches should be installed immediately, as not doing so can put your site or data at risk.

Checking for broken links periodically is helpful too, especially when you link to an external site or have made changes to your site like updating or adding new pages. A broken link pulls visitors out of the experience because the related content they wanted to visit doesn’t exist. And having multiple broken links can cause visitors to lose trust and abandon your site for someone else’s, and also weaken your SEO for Google searches.

Toxic Backlinks can also be harmful and are a little harder to spot. A “backlink” is when another site links to your website. Like it sounds, a toxic backlink is when a bad or harmful site links to your site. This can be a spam site, a site that has malware, or simply a link-building site that offers no value except for linking to other sites. Whereas a normal backlink is helpful and can increase your ranking on search results,  a toxic backlink has the opposite effect and harms SEO. Since you can’t go to the site and remove the backlink without administrative access, your only options are to ask the site owner to remove the link, or to use Google’s disavow tool to tell Google you don’t want that link counted. 

Free-Ebook-Download-Website-Maintenance-Back9-Creative

Regular “tune-ups” help your site stay secured and optimised

Just like a vehicle, a website needs different things checked at different times. But unlike a car, instead of checking things every few months and a few thousand km, we recommend a monthly plan to address and stay on top of all of these potential issues such as some of the examples below

  • Making sure all of your pages load properly
  • Having no 404 redirects (page does not exist), especially when the link is to a page on your own site
  • Checking for broken links
  • Doing any updates for plugins marked as urgent or important
  • Checking page load speed to make sure pages load quickly and as expected.
  • Testing the site on multiple browsers and devices, such as a desktop, tablet, and mobile device.
  • Making sure that your website backups are working properly.
  • Making sure all email addresses mentioned are still active
  • Checking that forms still work as expected.
  • Confirming that your domain name will be renewed without lapsing.
  • Changing any references to the previous year on prominent pages such as the home page.

Like your car, it’s important to keep up on web maintenance. And also like your car, if you aren’t comfortable with doing it yourself, there are qualified professionals right here in town who understand Website Design and the importance of building and growing your website for you and who are more than capable of handling it for you. Get in touch with us today to get started.

Click To See Who'S The Best Web Design Company In Southland?

If Your Website Sucks, It Won’t Convert

Where’s that bacon my site promised?

Get a website, they said. It will bring customers, they said. But it’s not. Why? Put simply: if your website sucks, it won’t convert.

There could be a lot of reasons to explain why a website isn’t pulling the pork. It could be that you have poor or even no content besides a home page. It could be an “artistic” design choice. Or it could be difficult to navigate with a complicated or confusing site structure. But they all come down to the same thing; if your website isn’t converting, it’s because it sucks.

Content is KingGiphy

Content is the stuff on your site. Typically videos, images, and words. And the more useful and relevant it is to your audience, the more likely your site will perform well. Sure, a video of a monkey riding a lamb and kicking a football into a goal is cute, but it probably doesn’t have much relevance to what you do. Unless you make it relate. “Hop on the lamb and score at our unexpected sale, one-day only!”

The original is always the best

At least that’s what stubborn old people like to say. But unlike Batman and Ocean’s Eleven—that we can all agree got better later on—original content is unequivocally the best content for your website. Original content simply means that it’s not copied from somewhere else. It’s pictures that you take, videos that you star in, and articles written specifically for you.

That doesn’t mean you can’t use information from other sources. Linking out to an article with similar information can even be helpful, but it’s important to extract information and rewrite it for your audience using original wording. Think of it like writing essays in school; plagiarism, citing sources = good!

Banner-With-A-Button-To-Download-A-Free-Ebook-On-What-Is-Content

Customise, don’t compromise!

Your site design gives an immediate impression about your business. A tacky, homemade site with weird colour combinations and misaligned elements you made for your first assignment in an Intro Web Development class shouldn’t be used for your professional business. A bad design will kill your site—unless it’s so bad that it gains legendary status, like Arngren or LingsCars.

You might be thinking that maybe you should try that route and throw design principles out the window… But think of how many others with weird designs failed along the way. Yeah, not worth it.

Design is about aesthetics and usability

Good design isn’t all about appearance. A pretty site filled with broken links and no good way to get to other pages won’t perform well, because big brother (a.k.a. Google) is watching. You can’t neglect the appearance either. Ugly-looking sites are an immediate bye-bye for nearly two-thirds of consumers.

A lot of templates on web-building sites look nice at first glance, but use one and you’ll quickly find the limitations. You’re limited to certain colours. You can’t change picture locations. Or sizes. The ugly font choice is locked in. And so on. These template sites aren’t bad for a personal blog or a tiny, single-person side hustle, but as a site for your main business, getting a custom design is the much better option, especially if you want to grow and expand.

Is your site structure natural and intuitive?Cardboard-Box-With-A-Computer-Screen-Drawn-On-It

Over the years, we’ve gotten used to expecting certain elements on a page. Like clicking on the logo to go back to the home page. Or that little down arrow that will expand content without taking you to a new page. Or highlighting menu elements on hover and showing a preview of the drop-down list. And plenty, plenty more usability features that are nearly ubiquitous these days. Forgetting one is annoying. Two, irritating. But a bunch? Might as well tape a picture to a cardboard box with a computer screen drawn on it for all the good your site will do.

Content + Design + Usability = Unsucky Site

So if your website isn’t converting, the solution is straightforward; make it less bad. And more good. Sure, it’s straightforward, but not necessarily easy—it requires an investment of time, effort, and usually some dollars as well. How do you do it? Create original, useful, relevant content (Or have a writer create it for you). Fashion an attractive, pretty, well-designed website (Or better yet, have a designer fashion one for you). Build an intuitive, friendly, navigable website (Or have a web developer build it for you).

Or of course, you can always leave it all to the experts.

Does YOUR website suck? Click below to get a free website audit and find out!

Get-Free-Website-Audit-Button

How to create Google Sitemap

You wouldn’t design a new kitchen without drawing up a plan first, would you? Similarly, you’d never want to design a website without creating a Google sitemap.

A sitemap is a file of code that lives on your web server and lists all of the relevant URLs that are in the structure of your website. It helps search engine web crawlers determine the structure of the site so they can crawl it more intelligently.

Here’s an example of what a sitemap file might look like:

Sample-Sitemap-Code

Image Credit: Sitemaps.org

We create sitemaps when we first design your website, add pages to it, and/or redesign it. It’s kind of like a “floor plan” for the site, which especially comes in handy whenever the site gets changed. Along with boosting SEO, sitemaps can also help define a site’s navigation scheme so you avoid internal linking issues.

You might be thinking to yourself, “But I thought sitemaps were more visual, like a web”. That’s a visual sitemap, as opposed to an XML sitemap — the latter is what we’ve been talking about so far.

4 Steps to Building a Sitemap

1) Research & Plan

When we first begin planning your sitemap, we think about questions like: What are your website/ UX UI design goals? Who’s your target audience, and what do they want to see?

It’s also important to keep in mind each search engine’s requirements. The last thing we want to do is break the path of a visitor getting from a search engine to your website. Google’s, Bing’s, Yahoo!’s, and others’ requirements are fairly similar, but you’ll want to make sure you’re not breaking any specific requirements for any of them. This is especially true if you see a lot of your traffic is coming from a specific search engine.

Note: We generally only submit sitemaps to Google, but can submit to Bing and Yahoo if you choose.

For the requirements and rules for sitemaps, check out:

2) Define the Top-Level Navigation Structure

What do you want your homepage to link to? This will provide the foundation for your site’s structure, and will allow your site to grow.

Navigation-1.Png

The structure of your website plays a huge role in your site’s SEO, so it’s important to plan top-level navigation structure carefully. Specific attention should be given to the website’s depth. The further away a page is from the original homepage URL of your site, the worse it is for that page’s Search engine optimisation.

In other words, a shallow website (one that requires three or fewer clicks to reach each page) is much better for SEO than a deep website, according to Search Engine Journal.

Unfortunately, it’s difficult to give general advice here as best practices can vary significantly by industry, company type, and so on. This high;ights the importance of understanding your industry and the marketing landscape in which you operate – If you want to discuss this further with us, please feel free to book a free 45min consultation.

3) Define the Second- & Third-Level Content

This is where creating visual sitemaps can come in handy. Once your homepage’s navigation structure is set,  we brainstorm and map out the pages that are two or three levels deeper into your website. This might be your “About Us” page, your team page, your hiring page and your blog etc.

Depending on the complexity of your website, you may only need two levels, or you may need up to four. And as you think out the deeper parts of your website, you may find you need to tweak the top-level navigation — and that’s okay.

Visual-Sitemap-Example.png

4. Write the XML Sitemap & Submit it to Search Engines

Once your website’s planned out, designed and coded, it’s time for our web development team to also create the XML sitemap to put on your web server, and submit it to the search engine.

When we first publish your website and each time you go through a significant site redesign, the sitemap will need to be resubmitted, so that search engines will be able to tell your homepage from your “About Us” page from your team page and so on.

Unless you’re using a platform that automatically updates your sitemap, you’ll need to update the sitemap yourself (or have us do it for you) and resubmit any time you make significant changes to your website, because if your website sucks, it won’t convert.

But remember, you’ll still either have to rely on search engines to pick up new pages organically. That means if you’ve made a really significant change to your site’s structure,  we might need to manually submit it.)

Below are step-by-step instructions for submitting a sitemap to Google, and then to Bing and Yahoo!.

How to submit a sitemap to Google:

  1. Sign in to Google Webmaster Tools.
  2. Click “Add a Site.”
  3. Enter the URL for your company (e.g. http://www.yourdomain.com). Click “Continue.”
  4. Click “Crawl” on the left-hand side of the page, and choose “Sitemaps.”
  5. Click “Add/Test Sitemap.”
  6. Enter sitemap.xml after “http://www.yourdomain.com/”.
  7. Click “Submit Sitemap.”

(For more details, click here.)

How to submit a sitemap to Bing or Yahoo!:

  1. Sign in to Bing Webmaster Tools.
  2. On the My Sites page, enter the URL for your company (e.g. http://www.yourdomain.com). Click “Add.”
  3. In the “Add a sitemap” field, enter http://www.yourdomain.com/sitemap.xml. (Replace “yourdomain” with your company’s URL.)
  4. Complete the rest of the required fields on the page, and click “Save.”

(For more details, click here.)

What If I Want to Add Webpages Later?

Once you define and submit your sitemap the first time, chances are you’ll want to tweak and add pages to your website every so often — and that’s completely fine. But keep in mind that if your website isn’t built on a platform that automatically generates a new sitemap and updates it on your web server when new pages are added, then every time you add a page — any page — to your website, that page will be missing from the sitemap that search engines see.

Remember, Google and other search engines will pick up the sitemap organically as long as you’ve updated the sitemap.xml file on your web server. But if you want to try to index your content the fastest way possible, you could resubmit your sitemap after publishing a new page — and it’s possible that Google would pick it up more quickly.

Once you’ve created and submitted your XML sitemap to search engines, you can start working on other fun stuff like your website’s design.

This is of course just one step in the process and it helps if you’re a little bit tech savvy.  If you need some help with a sitemap on a pre-existing website – please be aware there are some variables, (such as the platform you are using or if we can access the raw code via the cPanel on you site) and there may be no guarantee that we can help. but like anything in life, if you don’t ask, you don’t get so please feel free to get in touch, otherwise… Happy site-mapping!

5 Ways to Help Reduce Your Website’s Page Loading Speed

The old adage “patience is a virtue” doesn’t really apply online.

When it comes to website loading speed, even a one-second delay can dramatically reduce pageviews, customer satisfaction, and drop conversions.

The speed of your website even affects your website’s performance and subsequently your organic search rankings for SEO. Since 2010, Google has been accounting for a site speed in its algorithm.

So what’s the biggest factor contributing to your page speed?

Size does matter.

It takes browsers time to download the code that makes up your page. It has to download your HTML, your stylesheets, your scripts and your images. All this means it can take a while to download all that data.

As web users expect more engaging website, or UX UI design, the size of a site’s resource files will continue to grow. Each new feature requires a new script or stylesheet that weighs down your site just a little more.

How do you make sure your site is up to speed?

There are some great resources for analysing your site’s speed. Google’s PageSpeed Insights, and GTMetrix are the most popular. Both services will analyse your site and tell you where you’re falling behind.

A little warning: the results can be a bit daunting sometimes, but most fixes are relatively quick and easy. You might not fix everything the speed service recommends, but you should fix enough to make the site experience better for your visitors.

Let’s learn how to speed things up!

Out-of-the-box template solutions like WordPress and Joomla for example are great but do require the know how a little manual labour to get up to speed – It can all be quite daunting, so we are here to help – Obviously expert help comes at a price, but sometimes an investment in the right help can save you time and money in the long run…

Read about the benefits of a custom designed website here… 

Now let’s look at some essential speed solutions that every webmaster should consider.

1. Optimize Images

Images are one of the most common bandwidth hogs on the web.

The first way to optimize your images is to scale them appropriately.

Many webmasters use huge images and then scale them down with CSS. What they don’t realize is that your browser still loads them at the full image size.

For example, if you have an image that is 1000 x 1000 pixels, but you have scaled it down to 100 x 100 pixels, your browser must load ten times more than necessary.

Scale your images before you upload them to your site, so you don’t ask for more from your visitors than you should.

Take a look at the size difference when we scaled down one of our images:

Speed-01-Scaling

The second way to optimize your images is to compress them.

There are several free online tools for image compression, such astinypng.com, that can reduce your image sizes dramatically without losing quality. You can see size reductions anywhere from 25% to 80%!

2. Browser Caching

Why make visitors download the same things every time they load a page?

Enabling browser caching lets you temporarily store some data on a visitors’ computer, so they don’t have to wait for it to load every time they visit your page.

How long you store the data depends on their browser configuration and your server-side cache settings.

To set up browser caching on your server, check out the resources below or contact your hosting company:

3. Compression

Enabling compression is like putting your website into a zip file.

Compression can dramatically reduce your page’s size and thereby increase its speed. According to Digital.gov, The smaller the better, when it comes to page resources.

Compression can knock off 50 – 70% from your HTML and CSS files! That’s a ton of data your visitor won’t have to download.

Compression is a server setting, so how you implement it will depend on your webserver and its settings. Below are some resources for the most common webservers. If you don’t see yours, contact your hosting company to see what they can do.

4. Optimize Your CSS

Your CSS loads before people see your site. The longer it takes for them to download your CSS, the longer they wait. And the slower your website loading speed.

Optimized CSS means your files will download faster, giving your visitors quicker access to your pages.

Start by asking yourself, “do I use all of my CSS?” If not, get rid of the superfluous code in your files. Every little bit of wasted data can add up until your website’s snail-pace speed scares away your visitors.

Next, you should minimize your CSS files. Extra spaces in your stylesheets increase file size. CSS minimization removes those extra spaces from your code to ensure your file is at its smallest size.

So how do you minimize your CSS files?

First, see if your CMS already minimizes your CSS or if there’s an option for it. HubSpot, for example, already minimizes your CSS by default whereas WordPress or Joomla do not.

If your CMS does not have a minimize CSS option, you can use a free online service like CSS Minifier to minimize your files. Simply paste in your CSS and hit “Compress” to see your newly minimized stylesheet.

Minimizing your resource files is a great way to knock some size off your files. Trust me—those little spaces add up quickly.

Speed-02-Minification

5. Keep Your Scripts Below the Fold to improve website loading speed

Javascript files can load after the rest of your page, but if you put them all before your content—as many sites do—they will load before your content does.

This affects your website loading speed and means your visitors must wait until your Javascript files load before they see your page, and we know how much they like waiting.

The simplest solution is to place your external Javascript files at the bottom of your page, just before the close of your body tag. Now more of your site can load before your scripts.

Another method that allows even more control is to use the defer or async attributes when placing external .js files on your site.

Both defer and async are very useful, but make sure you understand the difference before you use them:

  • Async tags load the scripts while the rest of the page loads, but this means scripts can be loaded out of order. Basically, lighter files load first. This might be fine for some scripts, but can be disastrous for others.
  • The defer attribute loads your scripts after your content has finished loading. It also runs the scripts in order. Just make sure your scripts run so late without breaking your site.

All you need to do is add a simple word in your <script> tags.

For example, you can take your original script

<script type=”text/javascript” src=”/path/filename.js”></script>

And add the little code to ensure it loads when you want it.

<script type=”text/javascript” src=”/path/filename.js” defer></script>
<script type=”text/javascript” src=”/path/filename.js” async></script>

The importance of your scripts will determine if they get an attribute and which attribute you tack on. More essential scripts should probably have the async attribute so they can load ASAP without holding up the rest of your content. The nonessential ones, however, should wait until the end to ensure visitors see your page faster.

But for the best website loading speed, always make sure you test each script to ensure the attribute doesn’t break your site!

Conclusion

As online users demand a richer online experience, the size of our pages will continue to grow. There will be flashier Javascript, more CSS tricks and more third-party analytics to weigh down our sites,  but we can’t let this bog us down.

A little attention will go a long way—remember, just a one-second delay is all it takes to lose a lead, so you need to also think about what those lost leads may cost and  whether you are using an out-of-the-box template or a custom design.

Get-Free-Website-Audit-Button