Table of Contents
There are several reasons why a webmaster should use images in his/her online properties.
- Pictures capture the attention of your audience
- Visual appeal makes your blog posts more memorable
- Images are a great way to break up blocks of long text
- Visuals add emotion to the story
- Encourage social media sharing
- They improve your SEO efforts by adding Alt tags and keyword rich file names
- Images support your point
- Increase traffic from search engines and social media platforms
Why Is SEO Important
People hardly talk about Image SEO. It’s like it never exists, yet Google Images account for about 22.6% of all online searches, with Google maps coming in third at 13%.
Marketers work so hard to improve their organic reach. But will neglect the simplest image optimisation practises that could have made all the difference.
It’s simple: with SEO, your game must be up to snuff. You’re not about to leave anything to chance – and one of the key things to prioritise on is image optimisation.
What’s Image Optimisation?
Image optimisation refers to all the activities that could potentially help your images rank high on Google’s organic search listings.
It’s the same thing with ranking pages – search engines also try to make sense of the images your upload on your site. As a marketer looking to draw in your fair share of organic traffic, it’s your job to help these search engines with the make-sense part.
Luckily for you, we plan to show you how and walk you through everything else you need to know about image SEO.
Why You Should Start Caring About Image SEO
Here are two reasons you should start caring about image SEO:
- Images drive more than a quarter of online traffic. And now that Google recently removed the “view image” button, that means they’ll be directing more users to your webpage.
- By optimising your images for SEO, you’ll also be optimising your webpage for screen readers. That means visually impaired people will have an easy time using and understanding your website.
Understanding the Basics of Google Images: How Does It Work?
Contrary to what most people think, Google Images can’t analyse images or the pictures on webpages. Instead, they try to look into the context of the image and its attached text to determine its relevance in relation to a queried search.
That’s right: Google might be super-advanced, but it’s certainly not advanced enough to interpret photos by just looking at them.
So, it will look at the webpage surrounding the image, the alt HTML parameters attached to it, and (most importantly) the image caption to categorise it and rank it appropriately in the search results that show.
Google Images isn’t perfect, but it does a surprisingly good job analysing images contextually. However, if these contextual images are missing, or if your image is placed alone with no surrounding text, then Google Images has no way to tell what the image is all about.
How Google Crawls Images
It’s the same thing with crawling regular webpages. Google scans tons of webpages every day to extract available images. It does this by searching for the HTML Tag for images. It also has to look for the “alt,” and “src” attributes to index them right.
How Google Indexes Images
After crawling or scanning websites, the next thing Google does is organise the scanned or crawled images into relevant categories. This is what is referred to as indexing in the world of SEO.
How Google Ranks Images
When an online user searches for an image, Google has to look into their indexed images and display them in order of relevance.
Their goal is to return the best possible images in order of their relevance for any search query. Typically, these images are displayed with more information sourced from the respective metadata of the images.
How to Access the Google Image Tool
There are several ways you can access the Google Image application. They include:
- Using the Google Image Link: You can access the Google Image tool by entering Google’s image link in your address bar. Here’s the link: www.images.google.com.
- Using Google’s Toolbar: For those who have installed the Google Toolbar, just click on the Google button to access the flyout menu.
- From the menu, click on the flyout menu, choose Google links, and then proceed to open Google images.
- From the Google Homepage: Go to the Google homepage, and click on the image link.
- Still on the Google Homepage: There’s a second way to access the image app from Google’s homepage. On the website, click on “more link.” You’ll be directed to Google’s Services and Tools page. You can click on the image icon shown, and that’s pretty much like it.
What Influences Google’s Image Ranking?
Here’s a whole list of factors that play right into how Google ranks your images.
If people understood how Google Images works, then perhaps we wouldn’t have had to explain this.
It’s simple: if search engines can’t discover your images, then there’s no way they’ll be able to rank them.
In other words, it’s your job to help search engines discover your images through image XML sitemaps.
How To Make Your Images Discoverable
The easiest way to make your images discoverable is to include them in your XML Sitemaps.
There are two ways to go about:
- You can create dedicated XML sitemaps and include your images
- Include the images into already existing XML sitemaps
Both of these methods work. But creating dedicated image sitemaps is the most recommended option because it’s easy to analyse your photos and see which ones have been indexed and which ones have not.
Some Basic Guidelines Around XML Sitemaps for Images
- Each <url> tag can define up to 1, 000 images or image tags.
- Use Image: caption to define your image caption
- Use Image: geo_location to define your image location
- Use Image: title to define the title of your images
- Use image: license to define your image license
Make Sure Your Images Can Be Crawled and Indexed
Your images can only be indexed after Google has successfully crawled them.
You have to make sure nothing is preventing the Googlebot and the Googlebot-image from accessing your images, mostly due to an incorrectly configured robots.txt file.
Any image that uses the robot’s no-index directive cannot be indexed. It’s the same for images that contain the X-Robots-Tag HTTP Header, or those that aren’t canonicalized with the HTTP header.
The Authority of the Pages the Images Are Posted On
Your page authority matters. We previously mentioned that search engines don’t rank images. They instead rank pages, where the images are featured on.
That means images from high authority pages will be ranked atop. In other words, they feed off the authority they get from those pages.
Topical Relevance of the Page
The content you post alongside your images will also determine how the pages are ranked. Your text adds relevance to your images. Search engines can connect the dots and tell what your image is all about.
For WordPress, with each image you upload, the CMS creates a dedicated image attachment page. We suggest you disable this feature since it adds no SEO value to your images – just eating into your crawl budget.
Images are also ranked based on their popularity. The more people use a particular image, the more it’s likely to rank high in the SERPs.
It’s for this reason that you’re advised to consider embedding images that other people are already using on their sites.
You don’t have to use the image exactly as it is. You can play around with its size, dimension, or even use a different format of the images. Google will still understand it’s the same image and rank it accordingly.
Including Related Images with the same content is another common trick that webmasters use to get their images ranked high.
Try finding other images that relate to the one you have and try posting them all on the same page.
If you’ve been keen to observe, this is one reason Pinterest is one of the biggest drivers of image directed organic traffic. The platform host millions of images that are neatly categorised by users.
Image Captions and All the Surrounding Text
The text you post alongside your images helps to bring about relevance. It’s meant to help both users and search engines to understand your images better.
There are three types of texts that you can post alongside your images:
- Image Captions: Describes your image for the users reading it.
- Alt-text: Describes your image for search engines. Not visible on the website or to the actual viewer of the image.
- Surround text: The main content posted alongside the image.
The image tag is the HTML tag used to display or add an image in a webpage or post. It’s an empty tag that can be filled with a wide range of image attributes.
Here’s an example of an HTML tag:
<img src=” www.abc.com” alt=” how do you want search engines to interpret the image” “title=” the title that the image should appear with (or the caption)/>
This image tag contains the direction to locate the image, the format of the image, and the attributes that provide its context.
Search engines can pick clues from this image HTML tag, especially from the alt text.
However, you do not want to overdo it.
Don’t make the common mistake people make all the time, where they overstuff the alt and title attributes with keywords.
How to Name Your Images for SEO
How you name your images or write the alt and text attributes can be a game-changer on how well the image performs.
The best way to name an image (both in alt text and title attribute) is to try and describe the image.
Google Title: “Barack Obama While Still in College.”
Wrong Title: “Barack’s Photo.”
Your image format also matters in this. You’re not just randomly choosing a format – the format you choose will vary depending on the type of image you plan to post.
Here are popular image formats and the type of photos they’re best suited for:
|Image Format||Best Suited With|
|PNG||Logos, or anything with a transparent background. You can also use them for sharp images, to retain the sharpness, especially in screenshots|
|SVG||Works for images that scale without getting pixelated|
|WebP||It’s a format that was recently developed by Google. It’s an excellent alternative to JPEG and PNG, and that’s because it’s easy to compress. The only downside is that it’s not compatible with the Safari browser. However, this image format has great potential. You can use Squoosh and Webpurr to convert your photos to WebP.|
Image URL Path
Just as important as the format you use for your image is the URL path for the photos.
Try to keep the URL path short and logical.
You also want to make sure that you’re not using the chronological folder structure like the one used on WordPress.
Your images are timeless, so the last thing you want is for people to think they’re outdated.
Good URL path: /images/barrack-obama-in-high-school.jpeg
Wrong URL Path: /wp-content/upload/2015/09/Images/barrack-obama-in-high-school.jpeg
Image srcset Attribute
Don’t just upload images without considering how they appear in the various devices. Consider Google’s mobile-first and the role of speed as one of the ranking factors.
While at it, don’t forget the fact that Google primarily uses a mobile user-agent to crawl websites. For this, you want to make sure you’re serving the right image to the right device.
Thankfully, you can define all that in the image tag (using the srcset attribute).
<img src=”/images/barrack-obama-in-high-school.jpeg” srcset=”/images/ barrack-obama-in-high-school-400.jpg 375w, /images/ barrack-obama-in-high-school-800.jpg 768w” alt=”Barrack Obama in high school” title=”Barrack Obama on High School Hanging Out with his classmates” />
With this attribute, you can serve multiple image sizes to users, with each device receiving a specific image size from the batch you upload.
Even better, there’s a trick for making your images appear sharper on retina screens. All you have to do is serve them with double the pixel density.
Now assuming this image size is 600 x300
You can double the pixel density by adding @2x to the image URL, so it becomes:
This should double the image dimension to 1200 x 600 (double its original size).
Image Alt Attribute
This is the attribute that search engines use to make sense of your image. It’s not shown on your website, but can be read by search engines.
It’s used to draw context.
Image Title Attribute
From an SEO standpoint, the image title attribute is less important than the alt attribute. And that’s because they’re created for the user. Instead of giving context to search engines, they give context to the user when they hover around the image.
Search engines can still use them if they contain relevant content. However, they just aren’t as effective as alt attributes.
Image Load Time
Page speed is still one of the most critical ranking elements for images. The faster your images load, the higher they’ll be ranked. It’s not just about speed and all that. Remember: these images are sharing the same crawl budget with the rest of the content or page assets.
How to Make Your Images Load Faster?
- Be careful with the image format you choose. You want to make sure you’re working with the right one.
- Choose the right image size and make sure the images are responsive or use the srcset attribute to serve the right image size to each device it’s viewed on.
- Remember to compress your images.
How to Compress Images?
Image compressing is the process of decreasing the size of your image files. There are several ways to go about it:
- Lossy Compressing: This is where your image files are decreased significantly, losing their quality in the process. If you do not care about image quality and just want your images to load faster, this might be the option for you.
- Lossless: This is where the images are compressed moderately so as not to lose their quality. More priority is directed towards image quality. Meaning, it won’t do you much help if you plan to make the images load faster.
- Glossy: Glossy is where lossy meets lossless. It’s a strike of balance between the two, and the most recommended of the three options. You want to reduce your image size and make them load faster. At the same time, you do not want your images to lose their quality, so you find the middle ground.
Tools You Can Use to Compress Your Images
Tools that integrate with WordPress:
2. Tools you can integrate with Magento
3. Desktop app for Compressing Your Image Files
Page Speed Practices That Can Still Work With Images
Some of the practises you use to optimise your site for speed can also be used to optimise your images for the same. We have identified a few of these practises, and we plan to cover them in this section of the post:
Serve the Images Through a CDN
You can make an image-laden webpage load even faster by serving its content though a Content delivery network such as Cloudflare. There are so many advantages associated with this – and the fact that CDNs serve users with content from the server that’s closet to them means your content will be delivered faster.
Your content doesn’t have to load anew every time a user tries to load it up online. You can cache some of this content and allow them to be stored in your users’ browsers to speed up everything. Cache the images that appear in many of your site’s pages so that they don’t have to reload with every new page that a user opens.
Image Lazy Loading
Lazy loading doesn’t exactly speed up image loading. However, it’s one of the few ways you can optimise your images for SEO, just not from the page speed angle.
You see, not every single one of your site’s users need to see your images. So instead of serving the images to everyone who opens your webpage, you defer the loading to only when it’s necessary or until all the critical elements are loaded.
What to Take Note of When Implementing Lazy Loading on Your Images
You’re not to use lazy loading on the images that are critical to the normal functioning of your page. You have to include all the essential images and only implement lazy loading to the images you’re sure your website can at least function without.
Use Schema to Communicate the Context of Your Images
Any image that represents your content should be marked up using schema. This is meant to help search engines understand the image and its context better. It also increases your chances of you winning a featured snippets spot with that image.
Plus, having your image on a featured snippet will make the snippet to stand out and attract more clicks.
A few pointers to observe:
Make sure the images you’ve referenced in your Schema Mark-up can actually be crawled and indexed.
- The images must be relevant to the surrounding text or the rest of the page content
- The images must be in the right format – png, jpeg, or gif
- The images must have a high resolution – with the following aspect ratio 1×1, 4×3, and 16×9.
Tools That You Can Use to Analyse the Optimisation Potential of Your Images
There are lots of tools that you can use to weigh in on the optimisation potential of your images. These tools can help you analyse the current state of your photos and even point out a few areas that call for improvement:
List of tools:
- Google Lighthouse in Chrome’s DevTools
- Website Speed Test
- TinyPNG Analyzer: There’s more to this tool than what it’s known for. It’s the only tool that allows you to compress your images in realtime so you can weigh between the different options and see which one works best for you.
These tools are useful, but their analysis isn’t always the plain truth. Learn to take every suggestion with a flat of salt, and only run with those that make sense to you.
It’s the same case with most of the suggestions given in the world of search engine optimisation. You have to remain critical and have some perspective when soaking up some of these suggestions and pointers.
What’s Google Image Reverse Search?
You’ve probably heard of Google reverse image search, one of the most powerful Google Images feature.
So, instead of entering a text search query, what this feature does is that it allows you to search the internet using an image. You simply upload an image or enter its link, and Google will bring all the information surrounding that image.
Typically, there are two sets of results that Google returns in a reverse search:
- The Source Website: The first set of results that Google returns for every reverse search is a list of all the websites where the image is uploaded. This is usually accompanied by the name of the image and the description text associated with the image.
This piece of information can come in handy if you’re interested in tracking down the source of an image or where the image was originally posted.
- Similar Images: The second set of results that Google returns is a list of all similar or related images. For instance, you can use the reverse image search to find more pictures of a particular celebrity or attraction site.
How to Use Google Reverse Image Search
Using Google reverse image search is a no-brainer. Here’s a simplified guide to walk you through the process:
- Head to Google Images page (images.google.com)
- Click on the camera icon shown in the search bar. A new window labelled “search by image” will open.
- You have three ways in which you can proceed with the search:
- The first one is by copy-pasting the image URL in the search box. With this option, all you have to do is paste the image URL and then proceed with the search like you usually do.
- The next option is where you upload the image. Click on the option to upload your image, and you’ll be directed to your gallery to choose the photo.
- The last option is where you drag and drop the image. Simply open your gallery and drag the image that you want to search to the search bar provided.
Why You Should Consider Using Images in Your Blog Posts
You’ve probably heard the saying, “a picture is worth a thousand words.” In a generation where scanning or skimming has become the order of the day, you have even more reasons to want to embrace “the 1000 words.”
We suggest you start adding more pictures to your blog posts, and here are the reasons to support this piece of advice:
- Pictures are an excellent way to grab the reader’s attention. You want to capture their eye and keep them glued to your content until they finish reading.
- Images can help you differentiate the content you publish from other similar content on the web.
- Images are a great way to create visually memorable experiences for your readers.
- Images can help you strengthen the content you publish. They’re essential for communicating further and explaining some of the things that are difficult to articulate with text.
- Drives image-related SEO traffic. Don’t underestimate this: close to a quarter of online organic traffic comes from images.
Legal Issues Surrounding the Use of Images in Singapore
Be careful with how you use images online to avoid fallout with the law.
Unless you’re a photographer yourself, the odds are, many of the images you’re planning to use on your blog posts are not taken or created by you. You found them somewhere online, and unless you know which ones to use and which ones to steer clear from, you’re courting trouble with the law.
The point is to make sure that none of the photos you’re using is protected or has a copyright claim to it.
Here’s how you avoid copyright-related issues when dealing with other people’s images:
- Play safe by always assuming every image you find online is protected. For this, you want to make sure that you’re not rushing into using it until you have established nothing will be crawling back to you to haunt you.
- Read the terms and conditions of the sites that claim to upload royalty-free images. Make sure you understand their fine prints to avoid incriminating yourself in the future.
- If someone raises a complaint about an image you’re using on your site, don’t be tough-headed to want to argue with them. Remove the image immediately before it escalates into something serious. Plus, removing it can help you avoid liability – according to DMCA (Digital Millennium Copyright Act).
- If someone raises a complaint on an image you’re using, be sure to investigate the issue. Ask them to show you the copyright proof.
- When you’re no so sure if a particular image is protected, then just reach out to the owner and ask for permission to use it.
What is Copyright?
Any content published without permission attributes is theft and is illegal. Renaissance musician David Byrne said it best on his blog, “one is supposed to pay for such use and not paying is, well, theft – it’s also illegal because one has to ask permission and that permission can be turned down.“
In a nutshell, copy-pasting images, photos, videos or any content without permission or even trying to manipulate the same for use in your website is copyright infringement.
The Legal Department of Getty Images demands nearly $1000 for any copyrighted image. However, some instances allow copyrighted images published under specific circumstances. Let’s dive right in and look under what circumstances the law has been “bent.”
Fair Use allows limited and reasonable use of an image if it’s not for commercial purposes. However, if you have a blog that you earn revenue from, Fair Use doctrine may not help you in the case of infringement.
The other instance that you can use an image is Permission. Here, some terms and conditions apply to the use of Google Images. These provisions are under the Creative Commons (CC) license attached to the image you want to use for your blog post. The CC license will allow the use of an image without first requesting permission.
However, you can only use the images for non-commercial purposes, and you may also need to acknowledge the owner.
Free and Low-Cost Stock Images on the Web
There are many sources of free and low-cost stock images that you can find online. Here is a list of image sources online:
Best Practice For Legally Using Google Images In Your Blog?
Determining whether an image you want to use in your blog post is protected by copyright or not can be hard. When you’re using images from any online source, research early and don’t assume that it’s not copyrighted just because you don’t see indicated copyrights.
Here are six best practices you can apply when using images in your blog.
- Assume that the image has protection from copyright law – When you assume that all images are copyrighted, you’ll be safe from any infringement as you’ll not use an image without a second thought.
- Capture and use your images –Today, you can use a mobile device to capture high-quality images or screenshots that you can use in your blog post. It’s the best way to stay safe. You’ll also need to remember to copyright your images.
- Linking – If you really must use an image, you can connect your page with that particular image. That way you’ll be playing safe from getting fined heavy penalties for infringement. Set out the URL instead of embedding it.
- Utilize images from stock photo agencies – Some stock photo agencies offer images, photos, vector images, graphics and so forth at a fee. Once you purchase these images read the guidelines for using them.
- Use CC-licensed images – CC images are free to use but require attribution from the owner. Some terms and conditions apply to CC-licensed pictures.
- Verify who owns the image – You need to establish the right person who owns the image that you want to use in your blog post. The reason for this is because they may have assigned the image permission to someone else. Determine the copyright status and acquire permission from the right owner.
What Is Royalty-Free Images or Stock Images?
You’ve probably stumbled across these terms or heard someone mention them but you didn’t exactly know what they meant or how it could impact how you use images online.
Here’s what is meant by a royalty-free image:
- A royalty-free image refers to the right to use a copyrighted image or any other intellectual property without paying royalties each time you use it, or as per the number of times used or sold.
- If you purchase a royalty-free image, you only get to pay for it once, and you’re free to use it as you wish so long as it’s within the stipulated agreement or policy.
- Royalty-free images can be free or sold for a one-time fee of any agreed amount, with a possible limit as to the number of times you’re allowed to use it.
10 Sites to Find Royalty-Free Images in Singapore
Here are 10 websites that you can use to find royalty-free images to use on your blog:
The images at Unsplash are 100% free. You can use them any way you want, except for creating a competing website. They have their own license, which means no one will ever bother you for using their photos.
Pexels is another site with 100% free images, with rules on what you can and cannot do with the photos. They also have their own license, which means no one will ever follow you for using their photos.
Their images are licensed under CCO (Common Creative Zero). You don’t have to ask permission to use the photos, but there’s a general reminder that you should always check to make sure the images aren’t infringing any right.
Free Images has more than 300, 000 stock images that you’re free to use. They have their own license and can guarantee no one will be after you for using any of their photos.
Uses CC0 license, which allows you to download, edit, modify, and use any of their photos for personal or commercial purposes.
Life of pix boasts thousands of high-resolution images that are absolutely free. They have also partnered with Adobe Stock for paid stock photos.
Canva is a simplified online graphic design tool with lots of free stock photos that you can use in your designs. It’s one of the tools you should check out. Plus, it’s free unless you want to upgrade to premium usage.
Flickr is an image-hosting platform boasting thousands of photos that you can modify for commercial use. You can filter the images to those that you’re allowed to those reserved for commercial use or modification.
There are more than 500 photos of the women in colour that you’re allowed to use so long as you attribute WOCinTech.
Most people don’t know about this, but you can use Getty Images’ photos for non-commercial purposes by embedding them. Embedding their photos is absolutely free. You’re, however, not allowed to download the photos and upload them on your site.
What Are Kinds of Images You Should Choose To Complement Your Content And Where To Get Them
When choosing the types of images for websites, you should keep one thing in mind; that a picture is worth a thousand words. The significance of including relevant and high-quality images in your site goes beyond giving it an impressive look.
Readers’ brains perform better at processing visuals such as images compared to text. Most of the information that gets imprinted onto our brains is visual. Likewise, the brain processes visual information faster than text.
Therefore, your high-quality text should be complemented with images so that your message resonates with the target audience. Here’s how to use images on your website to drive shares and boost conversion rates in Singapore and beyond.
Use High-Resolution Images
The fact that websites need high-resolution images is not debatable. According to Forbes, your content may be professionally-written, but if images used on your site are of poor quality, the website won’t appeal to anyone. You shouldn’t post pictures that have a resolution of less than 72 dots per inch (dpi).
Pixelated images will drive your visitors away. Even so, you must keep in mind the fact that higher-quality images take up more space. This means that your website is likely to have higher loading times.
Image size is equally important. If your images are of high-quality but are tiny, it could mean that you are using cropped or resized versions. Therefore, you should find the original photos, or you can replace them with similar license-free images that bigger and of higher quality.
Match Your Images with Your Website’s Theme
When looking for the most appropriate types of images for websites, several factors come into play. It’s always sensible to pick those that fit the mood, style, and voice of your brand. Simply put, the images that you work with must appeal to the target audience.
The availability of numerous databases where you can download images means that you have a limitless variety of options to choose from. Some of these images may look appealing to you, but this doesn’t mean that they automatically suit the target audience.
As a brand that is targeting clients in Singapore using your website, you should consistently pick imagery that matches your voice.
Relevant Types of Images for Websites
The most typical mistake that website creators commit is choosing images that are unrelated to the topic of their sites. If your target audience mainly comprises residents of Central Singapore, for instance, your imagery ought to reflect that.
In this regard, the images that you choose should contain landmarks located in Central Singapore rather than those found in other parts of Singapore. In doing that, your target audience will easily identify with the imagery. Converting them into paying customers will consequently be straightforward.
Use Personal Photos
To drive shares as well as increase conversion rates, consider using personal photos. This should mainly be the case if you are telling a personal story via your website. Including real-life images of people will help you forge an intimate bond between the target audience and your brand.
Research indicates that popular websites have images of real people. With personal photos, readers will relate to the story that you are telling. Those candid shots that you may be overlooking will draw the target audience to your website.
Cell phone shots can do just fine. Besides helping you connect with the target audience, personal photos add a touch of authenticity to your content and the message that you are trying to pass across. Make sure that you choose the best web design in Singapore to blend well with these images.
Where to Get Images that Convert
You don’t need a good camera or a smartphone to take original imagery that will enable your website convert leads into paying customers. Unsplash.com is the most comprehensive database for stock images. The website contains high-resolution photos that are licensed.
Therefore, you won’t face any copyright infringement issues when you download and use stock images from Unsplash. Flickr and is also another exhaustive source of high-quality stock photos.
Getting personal photos to include on your website is hassle-free. You will have to capture these types of images for websites using a smartphone or camera. Since you are not a professional photographer, you should be careful to avoid getting hung up on quality.
If you use infographics on your site to either offer lessons or present research findings, leverage infogr.am. This free web tool allows you to quickly and effortlessly create infographics to include on your website.
To enable your audience to digest large amounts of quantified data, you may need to use charts and graphs. If either graphs or charts do not exist in your analytics app’s reporting tools, you can create these visuals using Google Sheets.
Factors to Consider When Selecting Website Images
By now, we believe you have a good understanding of the importance of having quality website images. Let us shift gears and consider what you should consider when selecting website images. We listed them in question 4, but we feel it’s essential to expound on each factor briefly.
· Go For Images with a CTA
Shorten the buying funnel by using images that showcase your product as the best and act as a call-to-action. Companies in the food industry have mastered using this hack to generate more sales from their websites.
Photo Credit: Starbucks.com
· Ensure Relevance
The images that you use should be 100% relevant to your brand and what it offers. If not, you will mislead the customers and eventually chase them away to your competitors’ websites.
Photo Credit: us.pandora.net
· Replace Text with Images
The easiest way to discourage website visitors from doing business with you is by only having text on the pages. With the attention span getting shorter by the day, consider replacing the text with high-quality images, especially on the homepage, service, and landing pages.
Photo Credit: allbirds.com
Concisely, allow the images to do the talking instead of using blocks of text to describe your products and services.
· Use Images with Real People
Online shoppers gravitate towards brands whose images have real people. Scale up your eCommerce website sales by replacing the boring product images with photos of people using your product. Use such images on the product pages and on the homepage to draw in potential customers.
Photo Credit: warbyparker.com
Go against the grind by hiring a professional model for this purpose. Otherwise, using generic images that are overly used by other websites will make it more difficult for your brand to stand out and attract qualified leads.
· SEO Optimise Every Image
One of the costly mistakes web admins make is ignoring the images when optimising the website text content. Make it easy for the search engine bots to interpret the images by including alt text. Including the target keyword in the alt text to further enhance on-page SEO. Also, make sure the file name is correct for the bots to understand it.
Photo Credit: g2.com
· Use the Right Image File Type
Knowing the correct image file type to use is a daunting task to most people. Here is a breakdown to guide you.
PNGs: This file type is ideal for logos because they support a transparent background. To achieve a better and richer display of colour, save the PNG file in a 24-bit format.
JPGs: This file type is commonly used for photographs. If you decide to use them, you don’t have to worry much about the page load time as the file size is small.
· Add Icons to Images
Quality images will help the website visitor understand the message, but it gets even more effective when you add icons. Icons are visual cues that will enhance communication between your website and a potential customer. Make sure that the icon matches the page’s intent to get the most results.
The use of images from Google Images and other websites doesn’t protect you against copyright infringement. If you have been blindly using content in your web pages, you could be risking heavy penalties. The safest way of legally using images in the context of copyright is by using your own photos, purchasing some from stock photo agencies, linking an article or gallery posted on a specific website.
If you’re looking for safe images that will not land you into trouble, we strongly recommend allthefreestock.com. Besides, you must always verify if pictures feature Creatives Commons License. As for Fair Use images, you can find them on Google Graphics.
We also strongly recommend bloggers in Singapore to use Google Images and pictures explicitly in the public domain. Also, remember the best practice when it comes to copyright laws always assume that the images you are sourcing from the web are copyrighted.
Get in touch with our website design team in Singapore for insights on the right images and visuals to use in your blog. Over the years, we have mastered the art of creating visuals that spark the right emotions with audiences. We can help you scale up your blog to the next level. Call us +65 6789 9852.
Frequently Asked Questions About Website Images
Not to sound like a broken record, but despite the many advancements in technology and changes in customers’ expectations from websites, one quality picture is still worth a thousand words. 80% of the information that the brain processes per day are visual.
As you improve your website user experience and connect with the target audience better, you need to include more quality visuals on your website. Consider converting the high-ranking articles into infographics and distributing them on social media platforms to enhance your branding efforts.
Already, we have talked a lot about website images. Let us move on and look at frequently asked questions about website images. This information will help you make the right decision to create or re-optimise your website.
Q1. What image should I use on my website?
The kind of images you ultimately decide to include on your website depends on your niche and the target audience.
There is no shortage of free loyalty images online, but we recommend taking the time to create custom images to stand out from the crowd and endear your brand to the target customers.
Here are seven tips for selecting the right images for your website.
• Select high-resolution images whose details are visible on multiple browsers and devices.
• Ensure that the images resonate with your brand image
• Go for images with a call-to-action to inform the website visitor of the next action they should take when they land on the page. Make the CTA button clickable and confirm that it directs the visitors to the right landing page.
• Let the image do the talking by not including too many text overlays.
• Establish a deep connection with the audience by using images with real people
• Optimise the images for SEO by including alt text with the target keyword and compressing it to ensure it doesn’t hurt the site load speed
• Ensure that the image file type is the right one for your website.
Take the time to consider each of the above tips to make an informed decision. Don’t shy away from seeking help from a reputable web design agency if you encounter any challenges.
The agency will create custom images and monitor their performance using metrics such as CTR to know if they match your brand and have the capacity to get your website to the next level of success.
Q2. What does site image mean?
Site image refers to what distinguishes your website from other similar websites. It makes it easy for website visitors to identify it and know they are on the right site.
As mentioned above, make sure that the image reflects your brand’s vision and goals.
For instance, if you are in the tours and travel industry, alluring images of the different destinations will augur well with your target audience, mainly travel enthusiasts.
Q3. How do you know if you can use an image on your website?
Firstly, not all images you find online and free. Some are copyright protected, and you need to seek permission from the owner before posting them on your website.
Such images have a price tag and are often higher than royalty-free images. Well, you could start with the free images, but as your business grows, we recommend you invest in premium images.
Even so, other websites in the industry may be using them. The best thing is to use custom and premium images to stand out from the crowd. You can also edit the purchased images by adding text and your business logo to make it your own.
Q4. What are the ways of using images to make my website better?
The right images will add immense value to your website.
Customers will easily understand your brand, and what it offers through the images you publish on the website. Here is an overview of using images to make your website better.
• Before adding an image to a page, make sure it’s relevant. For example, ensure the image resonate with the service. If the page is about lawn care, make sure the image depicts the lawn maintenance services you offer.
• Use original images to stand out from the crowd.
• Consider rescaling and cropping some of the images to fit nicely on the pages and be visible on different browsers and mobile devices.
• Upload multiple images of each product to help customers make the buying decision faster
• Integrate icons
• Optimise the images for SEO and the target audience intent
Q5. Where do web designers get their images?
A decade ago, only a handful of websites offered free and copyright-protected images.
Today, there are hundreds of websites that you can visit to purchase and download images. We discussed some of the platforms earlier in this article. Below is a recap of the best sources of website images.
Life of Pix
Confirm the copyrights and pricing before downloading and uploading on your website to be on the safe side.
Q6. How can I see all the images on my website?
There are two ways of seeing all the images on a website. The first way, which is tedious and time-consuming, is by going visiting every page and blog.
The second way, which is straightforward, is by visiting the website on Chrome browser, pressing F-12, or visiting the Developer Tools option on the menu. Click on the Resources Tab > Frames > Images folder. All the images on the website are stored in this folder.
Q7. Can images be used without permission?
Yes and No.
Free Images that are uploaded to the web by owners can be downloaded and used on a website for free and without first getting permission from the owner. Such images are not copyright protected, so you won’t get into trouble by adding them to your website.
On the other hand, copyright-protected images cannot be used on a website without the owner’s permission.
You have to get consent from them before posting the image on your website. Otherwise, they can report your website for infringing their rights.
Q8. Can I use images on websites public domain?
Images in the public domain are not copyright protected. Therefore, you can use them without restrictions on your website or digital marketing campaigns.
The images have a public copyright license, meaning the original creator decided to allow anyone on the web to share, use, edit, and post the images for free.
Q9. What images are public domain?
A public domain image refers to clip art, photo, or a vector whose copyrights never existed or have expired.
Virtually anyone can use the images for any purpose since they are open-source or free. You don’t have to contact the owner before using the image nor pay a penny for using them.
Q10. Why do images not load on websites?
One of the plausible reasons an image fails to load is that the website page is not pointing or linked to the correct URL or location of the image.
It’s also likely that the image has been deleted or the computer/server hosting the image has changed its location, and the page is yet to be updated.
Also, the image may fail to load if the server hosting the image gets too many requests simultaneously.
Before taking any action, confirm that the problem is not just to you by accessing the website using a different browser or computer. Here is a detailed article on plausible reasons why web images fail to show.
Q11. What size image is the best for my website?
Before publishing images on your website, it’s imperative to consider the file size to avoid negatively affecting the website load speed.
The best image size for the headers is 1024 pixels wide. Most highly ranked websites have images with a resolution of 1024px X 768px on average.
Usually, a header image with a resolution of 1024px will be displayed nicely above the fold on your website page and not slow down your website.
Q12. What is the best size of the background image for my website?
According to experts, the ideal website background image size is 1920 x 1980 pixels.
Also, the best ratio for the website background image is 16:9, and dots per inch (dpi) should be 72 minimum. Strive to keep the file size as small as possible to minimise its impact on your website load times.
If the file size is too large, it will slow down your website significantly.
Q13. How do I get graphics on my website?
Sure, graphics will make your website more appealing to visitors. Use them to break the norm of text-only content and convey the intended message effectively.
Conventional or generic graphics will not get the job done. Consider creating your graphics using tools such as Adobe Photoshop, Windows Paint, Google Picasa, Fireworks, and Techsmith Snagit.