How to Configure Image in Blogger: A Complete Step-by-Step Guide

byLawraz -
configure image in blogger

Images play a very important role in blogging. They make your posts attractive, improve reader engagement, and also help in search engine optimization (SEO). If you are using Blogger (Blogspot) as your blogging platform, learning how to configure images properly will boost your site’s indexing and visibility in Google.

In this guide, I will explain step-by-step how to upload, edit, and optimize images in Blogger. You will also learn how to use alt text, titles, and descriptions for better SEO. By the end of this article, you will be able to configure your blog images correctly and drive more traffic to your website.

If you are new to blogging, you may also want to check my guide on How to Use Images Effectively in Blog Posts where I explained how images increase engagement.

Why Configuring Images in Blogger is Important

Before we go into the technical steps, let’s understand why configuring images is so important:

  • Boost SEO: Properly optimized images help Google understand your content.

  • Faster Indexing: When you add alt text and descriptions, your images can appear in Google Image Search.

  • User Engagement: A blog post with beautiful images keeps readers on the page longer.

  • Professional Look: Well-configured images make your blog posts look neat and professional.

  • Better Loading Speed: When you resize and compress images before uploading, your blog loads faster.

Now, let’s go into the actual steps.

Step 1: Uploading an Image in Blogger

Uploading an image in Blogger is very simple. Here’s how:

  1. Login to your Blogger dashboard.

  2. Open the post where you want to insert an image.

  3. Place your cursor at the location in your article where the image should appear.

  4. Click the Insert Image button (the small picture icon in the toolbar).

  5. Choose one of the options:

    • Upload from computer

    • Photos (Google Photos)

    • By URL

    • From Blogger album

Once uploaded, the image will appear inside your post editor.

Step 2: Configuring Image Properties

When you insert an image, you will notice several options below it:

  • Small, Medium, Large, X-Large, Original size

  • Left, Center, Right alignment

  • Add caption

  • Properties

Let’s go deeper into the most important part: Properties.

Step 2.1: Adding Alt Text and Title Text

When you click on Properties, you will see two boxes:

  • Title text – This is the text that shows when someone hovers over your image.

  • Alt text (Alternative text) – This is the most important for SEO. It tells search engines what the image is about.

Example:
If your blog post is about “How to Configure Image in Blogger”, and you upload a screenshot of the Blogger editor, your alt text could be:

Alt text: Blogger post editor showing image upload option
Title text: How to upload an image in Blogger

Pro Tip: Always make your alt text descriptive and include your target keyword naturally.

Step 2.2: Adding Captions

Captions appear directly under the image. They help readers understand the context of the image.

Example:

Screenshot showing Blogger image settings panel.

Captions are optional but recommended if you are using screenshots, charts, or infographics.

Step 2.3: Choosing the Right Image Size

Blogger allows you to resize images inside the editor. However, it’s better to resize before uploading to reduce file size and improve loading speed.

  • For most blogs, 800–1200px width works well.

  • Use JPEG format for photos.

  • Use PNG format for graphics and screenshots.

  • Compress images using free tools like TinyPNG or ILoveIMG before uploading.

This helps improve Core Web Vitals which is now a Google ranking factor.

Step 3: Best SEO Practices for Blogger Images

Now that you know how to upload and configure images, let’s focus on SEO.

Step 3.1: Use Descriptive File Names

Before uploading, always rename your image file.

Wrong: IMG12345.jpg
Correct: configure-image-in-blogger.jpg

Google reads file names, so using keywords improves indexing.

Step 3.2: Use Keywords in Alt Text

Always include your target keyword in at least one image alt text.

Example: If your post keyword is “configure image in Blogger”:

  • Alt text: Step-by-step guide to configure image in Blogger post editor.

Step 3.3: Create Image Sitemap (Optional but Powerful)

By default, Blogger includes images in your sitemap. But you can create a separate image sitemap for better crawling.

You can use free tools like XML-sitemaps.com to generate one. Then submit it to Google Search Console.

If you are still learning how sitemaps work, check my beginner guide on How to Submit Sitemap in Blogger (link placeholder).

Step 3.4: Optimize for Mobile

Most readers use mobile phones. Blogger automatically makes images responsive, but always preview your post on mobile to ensure the image fits correctly.

Step 4: Advanced Image Settings in Blogger

Blogger also allows some advanced configurations for images.

Step 4.1: Linking Images

When you click on an image in Blogger, you will see an option:

  • Link to: None, URL, or Image link

  • None → Image will not be clickable.

  • Image link → Opens the image in full size when clicked.

  • Custom URL → You can link your image to another page (great for affiliate marketing or internal linking).

Example: If you want to send readers to your “About Page”, you can link your image to /p/about.html.

Step 4.2: Editing HTML for Images

For more control, switch to HTML View in Blogger. A typical image code looks like this:

<img alt="configure image in blogger" 
     src="https://1.bp.blogspot.com/.../configure-image.jpg" 
     title="How to configure image in Blogger" 
     width="600" height="400" />

Here you can:

  • Add alt and title manually.

  • Control image width and height.

  • Add loading="lazy" to improve speed.

Example:

<img alt="Blogger image upload example" 
     src="https://1.bp.blogspot.com/.../blogger-upload.jpg" 
     title="Upload image in Blogger" 
     loading="lazy" width="700" height="450"/>

Step 5: Common Mistakes to Avoid

Many beginners make mistakes when uploading images in Blogger. Here are some to avoid:

  1. Uploading very large images – Slows down your site.

  2. No alt text – Search engines cannot understand the image.

  3. Using random file names – Hurts SEO.

  4. Keyword stuffing in alt text – Keep it natural.

  5. Not compressing images – Leads to poor Core Web Vitals.

Step 6: Using Infographics and Screenshots

Apart from normal pictures, you can use infographics and screenshots to make your posts more valuable.

  • Infographic: A designed visual that explains information. Great for shares and backlinks.

  • Screenshot: A captured image of your screen. Useful for tutorials like this one.

Read my guide on Difference Between Infographic and Screenshot (link placeholder).

Step 7: How Configured Images Improve Blog Engagement

When you configure images properly:

  • Your posts appear in Google Image Search.

  • You get higher CTR (Click Through Rate) from search results.

  • Readers spend more time because visuals make reading easier.

  • Social sharing improves (especially on Pinterest, Twitter, and Facebook).

Conclusion

Configuring images in Blogger is not difficult, but it is one of the most important parts of blogging success. By following the steps in this guide:

  • Upload images with proper file names.

  • Always add alt text and title text.

  • Compress and resize before uploading.

  • Use captions and links wisely.

  • Avoid common mistakes.

When done correctly, your images will not only look beautiful but also help in SEO, traffic growth, and user engagement.

Next, you should read my full tutorial on How to Optimize Blog Images for SEO to make sure your images rank better in Google search results.

Tags:

You might like

View all
Previous Post Next Post
Share to other apps
Copy Post Link