How to Use Image Properly in Blog Posts

How to Use Image Properly in Your Blog Post for Greater Benefits?

How to Use Image Properly in Blog Posts

You may think, your blog post doesn’t need any image to express its message clearly.

I agree with you.

If you can say your message clearly in a post, you’ve done 90% of the job.

Now think that this way. How many quality contents are getting readers’ attention?

You may agree with me that there are many quality contents on the web which aren’t getting many readers as expected.

There must be something missing in those posts.

Now think about the popular posts. I can guarantee you that all of the popular posts have at least one image inside them.

In conclusion, an image can take your blog post to the next level and can help you to build your blogging business.

Why should you use images in your blog post?

  • According to Jeff bullas, post with an image get 94% more views than the post without an image.

94%?

I think this one reason is enough to use images in your blog post.

  • The recent craze to drive blog traffic is Pinterest. And Pinterest is all about sharing images. So use images in your blog posts to get more blog traffic from Pinterest. Using a Pinterest friendly image will help you to promote your blog post on Pinterest.

You May Want to read:

How to Create and Setup a Pinterest Business Account for Blog Promotion?

Tips to Use Pinterest to Boost Your Blog Traffic

  • There is a possibility to get backlinks if someone uses your image and gives you a credit link.
  • If you use an image in your post and when an image search engine crawls your image, you can get the huge visitor from that.
  • An image can make your post enjoyable to read.
  • If you use images in a regular interval in your blog post, it can reduce the pressure of your readers to read your post.

Should I tell anything else to convince you to insert an image into your blog post?

I think you have been convinced enough to use images in your blog post.

You can download a free “post-image cheat sheet” here.

But where to get images for your blog post?

Where to Get Images For Blog Post?

You can take image yourself with a camera. You don’t have to have a super professional camera. Nowadays, almost all cell phones have a high-quality camera. You can take photos with your cell phone camera for your blog post.

But the problem is, most of us aren’t good photographers. Most of us take photos which look messy.

If you are like me (I can’t take good photos), I’ll request you to rely on stock photos for your post images.

Free sites for stock photos:

There are many stock image sites available on the internet. I have listed three well-known free stock photography site for you below –

If you have some budget then you can buy photos from Shutter stock.

For new bloggers, I don’t recommend spending money for blog post images. I personally use photos from Pixabay which is my favorite website for free photos. Most of the time, photos from Pixabay doesn’t need any attribution or credit link below the image.

We now know where to get images for our blog posts.

But, the problem is, many of us don’t use image properly in our blog post.

If you don’t use images properly it can be harmful than beneficial for your blog.

So how to use image properly in your blog post?

How to use image properly in a blog post?

To use an image properly in your blog post, you need to do the following things –

  • Reducing the post image size
  • Compressing the post image
  • Editing the image
  • Branding your post image
  • Optimizing image name
  • The format of your post image
  • Adding alt text
  • Remove hyperlink from post image
  • Define the display size of your post image
  • Write a description of your blog post image
  • Using image caption

Reducing post Image size

Most of the stock photos are large in size. If you upload the photo to your blog without reducing its size, it will eat more bandwidth of your server. It’ll also take too much time when loading your post in your blog visitor’s browser.

Page loading time is a very important factor for your blog SEO. If your blog takes too much time to load, then it will hamper your blog SEO.

So, it is a good idea to reduce the image size before uploading them to your post.

Then, what should be the ideal size for your post image?

You should consider three things to define the ideal size of a post image. Those are:

  • Page loading time
  • Social media, and
  • The width of your blog content area.

I discussed the page loading time issue above. When it comes to social media, then 200 X 200 px size of an image should be enough for most of the social media like Facebook, Twitter, and google+.

But when it comes to Pinterest then you have to use a large-sized image.

The ideal size of an image for the Pinterest should be 735 x 1102 px. But I personally prefer 1000 x 1500 px size of the image for making it more Pinterest friendly.

The third point to consider is your post content area. I’ll discuss this point later in this post.

So far, we’ve determined to make our post-image size 1000 x 1500 px to make it shareable to all social media.

Now, how to reduce the image size?

Almost all photos you download from stock image site or your camera, are more in size than our desired size. You can use online tools PicResize or PicMonkey to resize your photo.

You can also use windows computer software Photoshop  (not free) or Gimp (free).

If you want to resize your photo on your Android phone you can use “photo and picture resizer” app.

Whatever tool you use, no matter, resize your post-image before uploading them into your post.

Compressing the image

Resizing image is one thing and compressing is another thing.

When you resize an image, it reduces the dimension of the image. When you compress an image, it reduces the file size of the image.

Experts recommend keeping the file size of the post image below 100 Kb.

It is possible to reduce the file size of your post image without losing its quality.

For this purpose, I always use a free online tool called TinyPng.

Editing blog post images

For many reasons, you need to edit your blog post image. Such as,

  • After resizing the image, most of the time you’ll not get the desired size of the image. So you need to crop the image to get the desired size.
  • If you want to brand your post image you need to edit the image (I’ll discuss the image branding in the next section).
  • If you want to overlay text information on your post image then you need to edit the image.

Whatever the reason, if you want to edit your blog post image then you can use photo editing software for windows computer Photoshop  (not free) or Gimp (free).

If you want to edit your blog post image online you can use online tools Canva and Picmonkey. Both of the tools are free and easy to use.

I strongly believe, blogging should not be hard and you don’t always need to be in front of your computer screen. That’s the reason most of the time I use my cell phone to edit my blog post image when I watch a television show.

I use Picsart to edit my post image on my cell phone. Picsart is a free and extremely powerful app.

Branding your blog post image

There is no use of adding an image to a blog post without branding it.

Brand your blog post image. So that, if anyone sees the image they can tell, oh, this image is from that blog.

Then, how can you brand your blog post image?

You can overlay your blog address, logo, your blog’s font, and color on your blog post image.
As I do to brand my blog post you can also do the same. See this post’s image for example.

Optimize the fileName of your post image

When we download an image from a stock photography site or from our camera, the file name of the image always differs from our post topic. The file name of the image looks like something “image0002” or “P001244“.

Obviously, this name doesn’t make any sense. So, change that file name of the image related to your blog topic. You can also include a keyword in the fileName name of the image.

So, how will you write the perfect file name for your blog post image?

Suppose, you are writing a post about “space mission”. If you use an image in that post, rename the file name of the image something like “space-mission“.

Don’t write the file Name like “SpaceMission” or “Space Mission“. You’ve noticed that I include a hyphen between two words.

The Format of your post image

A popular format for a post image is jpegpng or gif. You can use any one of them for your blog post image format. Gif is the animation’s format. You can also use animation in your blog post instead of an image.

Write “Alt” text for your blog post image

So far you have completed the back-end task for your post image. Now you can upload the image to your post.

If you are in WordPress post editor screen, just click on the add media to upload the image. In the next screen, click on upload image. Now choose the file from your computer and upload it to your blog’s media library.

Once uploading is completed, you will be given some option to edit. See the image below.

Blo post image

 

In ALT text form field, you can write the Alt text for your post image.

Why should you write “ALT” text for your blog post image?

Search engines can’t read image. It can read only text. So, writing alt text will tell search engines what the image is about. So that, they can understand your image properly.

Another thing, if your post image doesn’t appear in your reader’s browser for some reason, alt text will replace the image.

So, how will you write image “Alt” text?

Make sure your post image is related to your post topic. You are writing about a space mission. So, your post image should not be a dog’s picture.

Write a keyword of your post in the “Alt” text field of your image uploading screen.

You don’t need to use a hyphen between words. Just write it in plain text. Such as “space mission“.

Remove hyperlink from the image

Once you upload an image to your media library, WordPress will automatically add a link to the image.

Not only it is bad for SEO, but your readers will also be distracted when they are taken to your media library if they clicked on the image.

So, you should remove the hyperlink from your blog post image.

For removing the hyperlink, simply select the “None” option from the drop-down menu of the “link to” field on the image uploading screen. See the image below.

Blog Post image

Define the display size of your post image

During the editing of your post image, you defined sizes for the image. Do you remember that?

I recommended defining 1000 x 1500 px size for the post image.

That is the size of the image. But when you display it on your post you should not display it on its full size.

To display the image properly on your post you should know the width of your post content area. You can use the Firebug plugin to know the width of your post content area.

The width of the post content area should be between 600 to 700 px. So, you should display your blog post image not more than the width of your post content area.

How to set the display size of your post image?

On the WordPress image uploading screen, you can set this easily. Just select the desired size from the image uploading screen or you can use the custom size.

Write a description of your blog post image

In the image uploading screen of your WordPress dashboard, you’ll find a field to write the description for your post image.

I strongly recommend writing this description field properly. So that, if someone finds the image somewhere else on the web, they can easily understand what the image is about.

Write image caption

There is nothing wrong not to write image caption for your blog post image.

But if you use a stock image which you don’t own, it may need to include a credit link to the owner of the image.

So when you use an image in your blog post from somewhere else, check there if the image needs any credit link to include to use it commercially.

Conclusion

You spend hours and work hard to write a blog post. So why not use an image to increase the post’s look and search engine rankings.

Follow these guidelines I described in this post to use an image properly in your blog posts. I assure you, you’ll get positive results soon.

Say Something
Where have you stuck to use an image properly in your blog post? Please share in the comments below.

Also if you share any tips to properly use images in blog posts, I will appreciate you.

blog post image properly for greater benefits.

13 thoughts on “How to Use Image Properly in Your Blog Post for Greater Benefits?”

  1. I definitely agree that images are important!! My husband does my images for my blog with his photo shop software, and any others are done through Instagram and my Iphone! I love your recommendations for sizing and editing. I also never even thought about naming my images! Great advice!!

  2. This was a very helpful post! Thank you 🙂 I’ll have to start including these tips when I write my posts, or at least keep them in mind.

  3. I appreciate this helpful post. You share such fabulous ideas for adding images to blog posts. Optimizing the file name is a great tip. Thank you!

  4. Hello Liton,
    A single image on the blog can express more than text, you have clearly mentioned the importance of blog image. When I started my blog I haven’t used any image but that was my biggest mistake. Your techniques will surely help newbie bloggers to increase their readability.

Leave a Comment

Your email address will not be published. Required fields are marked *