5 rules to follow when uploading images to your website

Images are on most websites these days. With so many uses, it's not hard to fill a page with big, beautiful imagery. BUT there are some hard and fast rules to follow when uploading

The good news is you can DIY the lot! 

Our guide will help your SEO and website speed

1. Image name

Don't upload an image that came straight from your camera or iPhone. The main reason is your device will name your image for you AND the file will be the wrong size. Normally way too big!

Say your image is called DSC5689.jpg and you upload that straight to your website. When someone does a search for your product or service, your image isn't going to show up. If you sell turtle food to turtles and the image is of turtle food. Call it what it is! Premium turtle food.jpg Now when someone searches for turtle food, your image has a better chance on being found. Because Google knows what the image is! You should be describing the contents of the image in 3-8 words. 

PRO TIP: Separate the words of your file name with a hyphen (dash). for example, Premium turtle food.jpg should be Premium-turtle-food.jpg Wanna know more? Check this out:

2. Image size

The average size your full-width image needs to be is 1920pxs These are your hero shot found at the top of your website or CTA banners and sliders. Depending on your target demographic, you might want to use a wider image to sustain the use of wider screens. This could apply to designers, video editors etc. But seeing as over 80% of those accessing websites use mobile devices, 1280px is plenty big enough.

Also for consistency on your site, choose a series of image sizes and convert any new images to that size.

Want a guide of the most common image sizes used? Well, we have one handy! Yes you need to sign up to get it, but you can unsubscribe at any time. We don't spam, aint nobody got time for that!

3. File size

Keep that image as small as possible without losing clarity. Nothing over 1MB is a good rule to follow. 

Google wants your site to load fast! Google uses load times to decide your website ranking. With this in mind, you should make sure that you aren't overloading your website with huge images. A website visitor will wait no more than 3 seconds for your website to load before giving up and looking for another, faster, website.

Try to keep your images below 100kb when you can. This can be increased to a maximum of 1mb for particularly large images but avoid it as much as possible. To reduce an image's file size you can reduce the width and height of the image and reduce the resolution to 72. This change is easy to achieve on software such as Photoshop or Canva. You can also add a plug in to your wordpress website that compresses your images further. We use Smush – Lazy Load Images, Optimize & Compress Images By WPMU DEV

Google image load times
Image source

4. Alt image text

Alt-text refers to images alternate text. This text is linked to an image on the back end of a website. This alt-text should be a short and basic description of the image. It is not a caption so it will not be displayed on the webpage but instead be visible in the Meta information. Not many website visitors will look at your websites Meta information but the reason you need to add this alt-text is that it will both increase your SEO and make your website accessible

Google loves websites that are more accessible to everyone! It helps your SEO as Google will penalize a website that fails to add alt-text. 

PRO TIP: This also allows vision-impaired peeps to read your site and know what the image is of. It's making your site more inclusive and we think that's how all sites should be!

5. Metadata

Adding metadata to images embeds important details into the digital image itself, including copyright notices, author information, date(s), location(s), and descriptions. Embedding these details into archival images is a best practice employed by professional registrars, collection managers, and other industry experts. 

This isn't a must-have but if you make it best practice then it will help you in the future! It is more techy than the rest and you will need a program like Photoshop to do it.

Image metadata can help protect digital images of your original artwork from being misused or misrepresented. Metadata also enables images to be more easily searched for across the web and successfully located than images without metadata. 

Well there it is

Our advice on images for your website. We hope you have a better understanding and insight for best practices. For more help with your site make sure to contact us

5 ways to improve your website

Do you have a website for your business or brand?

When was the last time you ran a report or even looked at it? Or are you wondering if your site is any good at all? Would you like to find ways to improve it?

Fu*k yes you would!

For the month of February we are offering free website audits. Normally valued at $150 + GST for freeeeee! Because we love you and want to see your website live its best life. It is an overview, not a deep dive into every page, product or profile. We are looking at the basics and foundations.

We customize our reports just for you, no generic sh*t here. We actually take the time to look at all the bits and pieces that go into making your site kick ass and take names.

How's your SEO

I have no doubt you have touched on SEO at some point. Even the non-tech savvy person (probably my dad) would have at least heard of it.

No matter if you understand it or not, we create a PDF report on your website. We go through and explain it to you so you can understand what needs to be done to improve your SEO foundations.

Maybe you know a lot about SEO and want a second opinion. This is for you too.

What is your User Experience (UX) like?

It's all good and well to have an amazing looking site, but can your clients or potential customers navigate it? Sometimes the best-looking design is not functional.

We know how frustrating it can be. You will lose traffic as your customers get frustrated with your site. We look at a heap of different aspects of your site.

Creating a custom video helps us explain to you what to do to improve your site.

Is your site responsive?

A responsive site looks just as good across many devices. Your website's content/design/layout is going to change based on the screen size/orientation/resolution of the viewer's screen.

So it will look different on desktop, tablet and smartphone. This gets overlooked a lot in the wonderful world of web design. We see it in a lot of old sites that would have traditionally only been seen on a desktop. Did you know over 80% of visitors accessing your site are using a smartphone or tablet?

So best to make sure your site ticks all the responsiveness boxes.

How’s your site's branding?

We are a brand first agency so it makes sense we add this in. We can’t help it! It is seriously the first thing we look at.

Often business owners use different providers for websites, socials, email marketing and more. Unless you have a branding manual, the lines get blurred.

We make sure it’s consistent and provide you with tips on cleaning it up.

We check out all your digital profiles

Its true, we check your social media and other digital platforms your business is on. Why? Well, it ties into SEO and branding.

From the SEO aspect, we are making sure keyword consistency it used. Branding is the same, we are looking at brand consistency. Colours, graphics fonts.

We want your customers to know as soon as they see your digital profile, who you are and what you do.

We have saved all this info and put it into an E-book, free for you to download anytime.

Get your free website check

If you have made it this far you are ready for a free website check. Click the button below and it will whisk you off to our form.

Special bonus! If you want to see how your site stacks up against your competitors, add their web address and get insights to their sites.