Member Avatar for mukeshsoftona

How to do it...

  • 13 Contributors
  • 12 Replies
  • 188 Views
  • 2 Weeks Discussion Span
  • Latest Post Latest Post by benettonchris
jithuwebtech commented: image optimization mean spider doesn't read images it only read texts so we need to read image then we use the ALT tag for reading the images +0

Dani AI

Generated

Several posters here correctly pointed to alt text and file names — e.g. , , and — but image optimization is broader than a single attribute. Google does parse img elements and uses alt text, filenames, nearby page content, structured data, and sitemaps to index images, so treating images as both accessibility content and indexable assets is important (Google guidance, updated March 2, 2026). (developers.google.com)

Practical checklist to fill gaps from earlier replies:

  • Keep filenames short and descriptive (use hyphens).
  • Write concise, useful alt text (describe the image’s content or function; avoid keyword stuffing).
  • Add visible captions or surrounding text that explains the image’s role on the page.
  • Use ImageObject/schema when images are critical (recipes, products, charts) and add images to an image sitemap when they’re not discoverable via normal HTML. (developers.google.com)

Performance and delivery (these are the parts most often missed): serve the right bytes to the right device. Use responsive markup (srcset/sizes or <picture>) and modern formats (AVIF/WebP) with a universal fallback. Reserve layout space with width/height or CSS aspect-ratio to avoid CLS, and lazy-load off-screen images while keeping hero/LCP images eager. Example pattern (format selection + sizes + reserved space):

<picture>
  <source type="image/avif" srcset="hero-800.avif 800w, hero-1600.avif 1600w">
  <source type="image/webp" srcset="hero-800.webp 800w, hero-1600.webp 1600w">
  <img src="hero-1600.jpg" alt="Team meeting in a bright office" width="1600" height="900" loading="eager">
</picture>

See MDN for responsive-image syntax and web.dev for WebP/AVIF, lazy loading, and other image-performance tactics. (developer.mozilla.org)

Final notes: avoid blocking image resources in robots.txt, keep image URLs stable, strip unnecessary EXIF when privacy or size is a concern, and verify results with Lighthouse/PageSpeed Insights and Search Console image reports. Common regressions to watch for: empty alt on informative images, oversized images scaled in HTML/CSS, and lazy-loading an LCP image. (web.dev)

Recommended Answers

All 12 Replies

Member Avatar for incionraja

Google search engine can crawl only the text. they cant crawl the images. so we informed those ways with "alt" attributes. So Google will crawl our images then displayed in search result.

Member Avatar for evantanski

Optimizing an image is very useful for bloggers, especially those who write themes about fashion, travel, photography, beauty and wellness and everything that relates to the most popular hobbies of people. Using the right image encourages people to share the page to other users, in effect, create back links. In addition, putting the right keywords in the file name will also help search engine determine relevancy to the site's content.

Member Avatar for ADRIANEra

you have to put your image on the Google or you desired place on the search engine then take its url and start to optimism it

Member Avatar for aaricevans

Image optimization is all about adding image to alt tags. Image can be an effective SEO source. If a site accommodate too abounding images, one can add alt tags in images using keywords in alt tags. Adding alt tags in images is like assuming search engine bots the name of image.

Member Avatar for pankajrocks

You can optimize your images by putting alt text on link of an image, this will help your images to get index on search enignes.

Member Avatar for AccurateAG

Hi Mukes:

There are a few things you can do to optimize your images:

1. ALT TAG your image.
2. Check your load time with one of the online tools. If you have too many images, load time suffers.
3. You can also edit your images to reduce the load time. Again, there are several tools you can use on line. Personally, I tried this once, and I do not feel it decreased my load time. Your results may vary.

John

Member Avatar for Jashandeep

Google can not crawl images and flash use keywords as a name of the image is known as image optimizations.

Member Avatar for skillguru123

Google crawl only text Google can not crawl images for image you can try 'alt' attribute.

Member Avatar for Frasesdeamor9

properly optimizing images involves using the "Alt" attribute when adding images to your site. Basically Google Crawlers cannot read images, so you add the "Alt" attribute to tell these crawlers what it is. What you place here also is what is shown in the event the image doesn't load (say someone is using a web browser that is not compatible for some reason).

Member Avatar for anoopvkwebtech

It is the process of making graphic arts ready for a website.Image optimization services as a part of seo process.Image optimization consist of strategies to make your graphic search engine friendly.

Member Avatar for sharma.gaurav

Make your image web specific through Photoshop or other tools, edit image save it from save for web option(take less loading), use keyword in title and ALT tags for optimizing images from SEO point of view.

Member Avatar for benettonchris

Google does not crawl images but it crawls text. So, we give alt attributes to these images.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.