Step 9: Optimize Images

 

Step 9: Optimize Images

What is Image Optimization?

Image optimization means improving your website's images so they:

  • Load quickly.

  • Help search engines understand what they show.

  • Improve accessibility for people using screen readers.

This involves giving images meaningful names, adding alt text, and keeping file sizes small.


Why do you need it?

Google cannot understand an image just by looking at it. It relies on information like the file name and alt text.

Image optimization can:

  • Improve image search visibility.

  • Help your page's SEO.

  • Make the website load faster.

  • Improve accessibility.


Example

❌ Current

File name

IMG_1234.png

Alt text

None

Google learns almost nothing about the image.


✅ Better

File name

root-learning-online-tutoring-logo.png

Alt text

Root Learning online tutoring for children

Now Google understands what the image represents.


What should you work on?

1. Rename image files

Before uploading an image, give it a descriptive file name.

Examples:

❌

image1.jpg

❌

photo.png

✅

online-math-tutor.jpg

✅

children-learning-online.jpg

2. Add Alt Text

Alt text is a short description of the image.

Examples:

Logo

Root Learning logo

Teacher teaching

Certified teacher providing an online tutoring session for a child

Student studying

Child learning mathematics during an online tutoring lesson

Write alt text that describes what is actually shown in the image.


3. Compress images

Large images slow down websites.

Compress them before or after uploading to reduce file size while maintaining good quality.


4. Choose the right file format

  • JPEG (.jpg): Best for photographs.

  • PNG (.png): Best for logos and images with transparent backgrounds.

  • WebP (.webp): Modern format with smaller file sizes and good quality.


Tools for Step 9

ToolPurpose
WordPress Media LibraryUpload images and add alt text.
Yoast SEO or Rank MathRemind you about missing image optimization as part of overall on-page SEO.
TinyPNGCompress PNG and JPEG images to reduce file size.
SquooshCompress and convert images to modern formats like WebP.
Google PageSpeed InsightsIdentify oversized images affecting page speed.

Where do you add Alt Text?

In WordPress:

  1. Log in to the dashboard.

  2. Go to Media → Library.

  3. Click the image.

  4. Find the Alt Text field.

  5. Enter a clear description.

  6. Save the changes.


Your output for Step 9

By the end of this step, your website's images should have:

  • ✅ Descriptive file names.

  • ✅ Meaningful alt text.

  • ✅ Optimized file sizes for faster loading.

  • ✅ Appropriate file formats.

Well-optimized images help improve user experience, accessibility, page speed, and give search engines more information about your content.

Comments

Popular posts from this blog

Step 18: Add More Helpful Content

Step 19: Build Backlinks

SEO: Step 1: Get the Website URL