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
| Tool | Purpose |
|---|---|
| WordPress Media Library | Upload images and add alt text. |
| Yoast SEO or Rank Math | Remind you about missing image optimization as part of overall on-page SEO. |
| TinyPNG | Compress PNG and JPEG images to reduce file size. |
| Squoosh | Compress and convert images to modern formats like WebP. |
| Google PageSpeed Insights | Identify oversized images affecting page speed. |
Where do you add Alt Text?
In WordPress:
Log in to the dashboard.
Go to Media → Library.
Click the image.
Find the Alt Text field.
Enter a clear description.
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
Post a Comment