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

If your business is flood-affected

Has your business been flood-affected?

Ours has and it sux balls. We are lucky to be high and dry. We are unlucky with the power and internet for almost a week. It's back on now! Yey! Life is stressful enough without mother nature kicking our arse. No doubt you will be time poor like us. We spend most of our day tending to the needs of our minions, cleaning the old fashioned way, trips to the laundromat and cooking on the BBQ and camp stove. This all takes so much time.

Still, if you run your own business, the show must go on. We work on or in our business when we can. That can sometimes look like a trip to the local Maccas. At least they have power and Wifi. We have put together a list of ways you can communicate to your clients what's going down with your business when you will be back online. We are here to help.

We are here to help

Call them

A good old fashioned phone call. Not to every client, just the ones that will be most impacted. It's the quickest form of communication that allows you to connect directly with your clients. It may seem really freaking obvious but I can see all the introverts wigging out. If you don like to make calls or you have set your business up to not make them, then send a text. We have a few clients that are impossible to get on the phone but will always respond to text. Honestly whatever works between you and your clients.

Call your clients

Social media

If you have Facebook, Instagram, Linkedin, TikTok or any other social platform, post there first. It's quick and easy. You don't need to overthink it. Just cold hard facts are fine. Keep updating. Clients and fans generally want to know how you are going. Add pictures of your current flood situation, clean up, teamwork any human interest stories are great for engagement on your page. Add to your Facebook or Instagram stories, these can be more light-hearted and fun. Now we all know how often people post in times of crisis and your post may get missed. Or your clients might not have social media. Or know you're on there too. That's ok we have a few more tricks up our sleeve.

Update your socials

Email campaigns

When was the last time you sent out an email campaign? Well, dust off that laptop it's time. An email campaign is a great way to slide right into your client's inbox. Keep them informed on what's happening with your business. While you're there, ask them to follow your social media for real-time updates. You could add to your following on Facey! Here are a few things you can do:

Email your clients

Email signature

If you are super, super time poor or just CBF creating social media posts and sending out email campaigns, then this is for you! Add a line of text in your email signature. Make it stand out by using a bold font or bright colour. That way every time you send an email or reply to one, there is a note there explaining your limited hours or delays in work.

Email signature flood-affected business

Website

A banner on your website or e-commerce store is a great way to let your clients know there are disruptions to your services. You can take it further by:

How to let your clients know your business is flood-affected

Update your Google Business Page

This is one of the best and we recommend you all do it. Head to your Google My Business page and update any hours. Write an update to let anyone who finds you via Google maps that your services are limited. It's easy to do. Head to your Google My Business profile and edit your deets there.

Let us help you grow

We hope this has helped you come up with some ideas on how to get your message out there. They may all seem pretty freaking obvious but there are a few little tricks in there to help your business grow in a shitty time. If you are on socials and you are posting updates make sure you tag us we are @misfitbranding across all social media. We will share your post on our stories and hopefully gain you some more followers.

How to let your clients know your business is flood-affected

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.

Why should I update my website?

You either had your website built or DIY your site when you first started your business when you realised the internet wasn’t just a fad. You were proud of it then and you might still be. How much attention have you given it lately? Why should you update your website?

Are you stuck in the 80’s with an unresponsive horror show or have you not added to your site since it was built? Have you kept up with the trends or are you standing your ground waiting for GIF’s to be cool again?

The cold hard truth is you need to update your site. Technology and user experience evolves on the daily so why shouldn’t your website? It’s a lot easier than you think.

via GIPHY

Back to the future

If you have an old site built in the 80’s, 90’s or even a few years ago, chances are you’ll need to change platforms. This is basically a complete rebuild. Yes, it will be costly but believe me, it’s worth it. Here’s why:

Responsive

Probably the most important your page will be responsive which means it will function on mobile, tablets and desktops. 90% of people looking for you online will be doing it with a device and not a desktop.

Design

Design wise your site will be modern making your business seem up with the times (even if the accounts lady still prints everything)

SEO

Your SEO should also be updated along with your images which will help with your rank on Google

Speed baby!

Speed baby! Apparently, our attention spans are dropping..who knew?

Time to refresh

So you’ve updated your logo and other branded items but your website is dated. You have no freakin idea how to freshen it up so you just stuck the new logo on the header and got the fuck outta there. Trends come and go. Remember when sliders were amazing? Now they are seen as a no-no for site speed and SEO (yeah I know!). Hero images are in. Great imagery has always been in. Current website trends are leaning towards dark coloured sites but legibility will always be king.

Is your privacy policy up to date?

A while ago you would have felt spammed by every online thing you’ve ever signed up for. All saying they are now GDPR compliant. What the fuck is GDPR? Well, it stands for General Data Protection Regulation. It aims to improve data and privacy protection for EU residents. While also simplifying regulations for global enterprises. Any company that does business in the EU or handles the personal data of EU citizens must comply. Even if the company does not have a physical office location in the EU. Seriously EVERYONE freaked out and many companies just went with it anyway. If you don’t do business with anyone in the EU then you don’t need to stress. However, you will need to make sure your website its legal obligations sorted. Online businesses should have these 3 legal notices to protect themselves and the Website Legal Package includes all of them:

Privacy Policy – To explain how you use, store and update customer and visitor personal information.
Website Disclaimer – To limit your liability from the information you publish and to protect your Copyright.
Terms & Conditions – To state the terms under which you do business, including delivery, return and refund policies. The latest Australian Consumer Law now requires this.

I use 123 legal and have an affiliation with them. Its a quick way to ensure your details are up to date. Feel free to use my link and show me some love.

Need help?

You know you need to update your website but you don’t know where to start. I’m here to help!

I have options for monthly web maintenance and management. With the option to have content changed or added to your site. Great if you need to change information on your website or had a change in services and pricing. Catering to e-commerce sites as well. It can be a total pain in the butt if you need to add, remove or alter products on your website.