Any good example of an optimized image for SEO?

Hello all. I haven’t had any luck on any other forums asking this question. All I am being told is to do this, that and the other but cannot figure out why someone simply cannot show me an example of an image properly optimized for SEO so I am hoping I will have better luck here.

I would like to see a screenshot of an image with all fields filled out so i can have a clear idea of how to properly optimize my image’s Title, alt, description and caption fields, can anyone help with this please?

Welcome to the forums, @winstonhenderson1.

Are you talking about “fields” in WordPress, or another CMS? “Alt” text is important for both human visitors and search bots, but the others are optional and would only be used in certain circumstances.

Edit: I know this isn’t what you were asking for, but this comprehensive article is well worth a read:

https://webaim.org/techniques/alttext/

Thanks for the welcome and response. To clarify I am referring to the fields in wordpress image like what’s showing with the arrows in this screenshot:

Well, as I say, you should always fill the “Alternative Text” field (this is the “alt” attribute). It’s important for human visitors if the image fails to load, or they’re unable to view it for whatever reason, and it also helps search bots to index the image correctly.

Whether or not you need a caption surely depends upon your design. I’m not a WordPress user, so I’m not sure how or where “Description” is used, but you would seldom need more text to describe an image than what is in the alt attribute.

Trying to over-optimise images by filling every field may have detrimental consequences. My main concern would be that visually-impaired users may be subjected to large amounts of redundant text read out by assistive technology. If @Stomme_poes is around, she might be able to clarify exactly what would happen. The other issue is that search bots might see it as an attempt at keyword-stuffing.

See the article above for guidance on writing good alternative text for images.

Thanks. Yes, that is a major concern of mine, not to add the same info in title, alt and description fields which is exactly why I would like to see an example of a properly optimized image for SEO.

i have many tutorials and people giving advice on how to do this but it’s very surprising and baffling to me why I cannot get a single person to show me an example of one?

I think the problem is thinking of it as an SEO issue. You should be adding alt text and a description or caption for your human visitors rather than trying to game the likes of Google.

With an earring like that you should be describing (for human visitors) what colour it is, how big it is, what it’s made of.

1 Like

Yeah, all of this info I am aware of but again I came here with this trying to see if i can get an example of one.

You seem to be asking for an example of a page with every field completed, but what we are saying is that you would seldom, if ever, need to complete all of them. Whether you actually need anything more than the alt attribute is really something only you can judge, as only you know the content and design of your page.

IMHO, one of the more (if not the most) important optimizations would be to reduce image file weights to as low as possible without losing quality.

As for what to put in the various inputs (note, img tags have no title attribute) I think a lot depends on what you consider important information about the image in conjunction with its context.

As others have posted, having an alt attribute value is very important. It should be a relatively short phrase that best conveys the contents of the image within its context.

As for the permalink, caption and description inputs, again, it depends on what you consider to be most important about it. For example, the image is of an earring. It could be used in a post about “handcrafted”, “silver wire”, “antique”, “inexpensive” or any number of other things.

1 Like

I actually recently did an audit on the Wordpress editor and I never really figured out what the description part even does.

The one at the top is, so far as I can tell, for the content writers when you upload media and you’re on that Media Library page looking at your things… the file has a short name (earring) and the back-end of the editor also adds that as the aria-label of the image… for whoever is accessing the Media Library. So, not the people reading the content on the live page, but if you’ve got co-workers, that top part is good to keep unique for yourselves.

The alt will be invisible (unless the image doesn’t load) and is meant for accessibility reasons. Keep it under ~100 characters to reduce verbosity and garbage (this is a general rule of thumb, and meant for human users).

The caption will be visible and there, while it could have some SEO impact (it’s content like all other content), it’s basically also for humans viewing the page. If an image doesn’t benefit from a caption, leave it blank, but it’s good for things like charts and graphs, tables, etc.

But yeah, if any WP folks know what the point of the description is… I’d be curious. I think you can also see it in the Media Library but I don’t think it appears in the end-result site.

4 Likes

Thanks, @Stomme_poes.

I tried looking for help at WordPress: https://en.support.wordpress.com/images/image-settings/

It says:

Description: An optional description of the image that will display on the image’s attachment page (if you choose for the image to be linked to its attachment page

As I don’t use WP, that’s less than clear to me, but it sounded like the deprecated longdesc attribute.

Not sure if its much help but from past experience id always use a site like tinypng.com to compress the image for speed, as this is something all speed checkers look at for compressed images.

I also use Smush as a WordPress plugin which helps compress images.

The way to picture it is Google is blind and cannot see the picture so the alt text is to explain the image for google. Like Mittineague says you need to think what the key highlight is for the image, for example is it the material the earring is made out of, e.g. a precious stone etc? Or is it about affordable earrings etc.

The same really applies to your blog posts etc or pages, if you are just focusing on something like “Earring” are you really going to be found?

And definitely do not keyword spam, it needs to be written for humans but with focus words in the text.

So key focus would be on the permalink and the alt tag. So name the image before uploading with a relevant name not just “earring.jpg” and write the alt tag as if you are explaining the image for someone who cannot see it using the words you are hoping to be seen for.

I hope that helps.

Optimizing an Image for SEO, does require your keywords to be included in the image, but it should does not digress from the image identification text. The Alt, Title and Description for the image should contain a text that describes the image content for occasions where the image is not loaded or there is any error. So, considering this, the text should be precise to describe the image as well as include the keywords.

Sorry for the late response guys and thanks for the info. I did some research on some of the top Jeweler’s images and was very surprised to find that most of them are not optimized.

Those that do have some info mainly seem to have the Title, description and alt fields with the same exact info. For example, the first image in this link here:

I had expected the different fields would have different info?

As I keep saying, I find it hard to picture a situation where you would require the use of all those fields. Perhaps for charts or complicated diagrams, but not for ordinary images. So my guess would be that anyone completing them all is doing so because they think it will help with SEO rolleyes, and is effectively keyword-stuffing. The fact that the text in all fields is identical is disappointing, but sadly not surprising.

“the Title, description and alt fields with the same exact info”

Filling out the fields this way is not necessary simply because that information is already in the description below the image. You can leave all these fields blank if you can’t think of anything else to write that improves on the description. Once someone hovers over the images a couple of times and sees them repeating the description, then they won’t hover again.

Not the alt attribute! eek That’s the only one you really must have.

I was reading in WAI-ARIA that the audio will read the alt and read the description, so it will duplicate what was said. Since he has no idea what else to put in alt other than the description, why not leave it blank?

Because the alt attribute is required on all images (even if it is null).

To quote from the article linked above:

Every image must have an alt attribute. This is a requirement of HTML standard (with perhaps a few exceptions in HTML5). Images without an alt attribute are likely inaccessible. In some cases, images may be given an empty or null alt attribute (e.g., alt="" ).

So if the “description” is the same as the alt text, then it’s the description which is redundant and should be left blank. This would seem to be doubly true given that there is some confusion over where - or if - the description text is displayed.

null will be fine then, since the caption is clear enough.

The “description” I was talking about was the caption, the item description/name, under the photo that is readable by the user. Sorry about that; should have made a distinction.