Content:

1. About images in posts

2. Image size

3. Image name

4. Image Alt Text

5. Image type

6. Image position in the text

7. Example on how it works in practice

Having images in your texts is of a great importance from visitors' point of view. It has been shown in the past that posts with images get more bookmarks, i.e., backlinks.

This text is not about technical details on how to add images into posts. There are many good tutorials about that aspect within Wealthy Affiliate. This is only about website image optimization, on SEO issues.

From a search engine point of view, an image is an empty space. If you have them too many, this might be understood by crawlers as a content with 'poor users experience'. Not good for your post. It is thus necessary to optimize them for both visitors and search engines.

Optimization of images implies the following aspects:

  • Image size
  • Image attributes
  • image type
  • Image position in the text.

    If you like this text you may press the green 'like' button below.


Join the Discussion
Write something…
Recent messages
MozMary Premium
so is it still necessary to use two plugins to get our camera pics on our website...I want to upload some photos I took...?
Reply
jvranjes Premium
In principle, you do not need any plugin for what you describe. I resize them manually every time so they get in the media library very small.
Reply
rosie40 Premium
does this mean if I call my image workfromhome.png I can't name it work-from-home? also in this case what would I call the alternate text. Also,, should I now go back through all my images and change their names??? and add the hypons as they aren't there
Reply
jvranjes Premium
Hi Rose
I would not go back and change image names, it could become a mess. Just do it properly in the future, with hyphens. But alt text can easily be changed in images. It is best to have a look in my another training
Reply
MelaniLukito Premium
New knowledge for me. Thank you for sharing.
Reply
MrKent Premium
So for the alt text I should add tag words to describe image. For the image file name I should use the post's targeted keyword plus another word or two after it. And then caption with a description of the picture, but only if the context calls for it..

So to see if I can apply it correctly, here is an example. if I have a picture of a smoothie in a post using the targeted keywords of "healthy smoothie ideas" I would put the alt text as something like "blended fruit smoothies recipe idea". For the image file name I'd put "healthy smoothies ideas one two"

1. Does it sound like I understand it correctly?

2. Is the image file name the same thing as "title" above the caption?

3. You said you need an extra word or two in the image file name after typing in the targeted keyword, can these words be anything such as one, two, three, four...etc? I don't understand what "with an additional extension for the file type" means.
Reply
jvranjes Premium
I never miss to add the caption. Make sure to do the same.

Image-file-name should be as I write it here.

I usually change the title into something that adds information and value.

Yes you can use 'one' etc but better use something that gives information.
Reply
bpais1 Premium
Excellent discussion of image optimization. I will definitely use this valuable info!
Reply
jvranjes Premium
Thank you Bob, kind words indeed.
Reply
ElianeLima Premium
Thank you, Jovo. Loved the info.
I appreciate the fact that you keep it simple as I'm a newbie and eager to learning more.
Thanks again!
Eliane
Reply
jvranjes Premium
Most welcome Eliane.
Reply
Tezsie Premium
Thanks for sharing this valuable info on images in WP, Jovo.
Your Alps pictures are beautiful, btw.
Reply
jvranjes Premium
Many thanks Tessa, great that you noticed it. This is Bernina pass in Swiss Alps.
Reply
Tezsie Premium
It must be huge
Reply
jvranjes Premium
One great place, there is a train passing it. We were staying in Livigno, which is across the border in Italy, one of the most pleasant places in the Alps.
Reply
Tezsie Premium
Wow, I´ll take your word for it as I´ve never been there. I love seeing trains on mountains and riding them.
Reply
Simobrat Premium
Hey Jovo,

Loved this info, thanks a bunch?

Just a quick question: for e.g. I have a total of 3 images in a post, can I all use the targeted keyword in their file names with just slight variations in terms of 1-2 words added at the end of the file name to signal difference?

May god bless you,
Simon
Reply
jvranjes Premium
I use it in all images. Cannot say for sure if this is good or bad, but my ranking is very good. Perhaps it is too much what I am doing, but we shall never know.
Reply
Simobrat Premium
I feel relieved now as i'm doing the same lol.
You're help is much appreciated, it was an eye-opener for me

Cheers,
Simon
Reply
Tim-1 Premium
Hi Jovo,
Thanks for the excellent training! I picked up some great tips to improve my site!!
Reply
jvranjes Premium
Most welcome Tim.
Reply
NikolaR1 Premium
Hi Jovo, How do you change image file names? When I try to put hyphens it says that it is not allowed. But when I put a minus,it works.Thanks for your reply.
Reply
jvranjes Premium
Not sure where you are changing it. I do this in the directory in computer. Use hyphens because this will be understood as separation between words. Upload after that. Can't imagine why your operating system would not let you do so.
Reply
SherryV Premium
I had to delete my photos and make sure to rename the photo in my computer download file or picture files and then load into WP. So name your photo before loading into WP media.
Reply
viyee Premium
Hi Jovo, Thank you very much for the training. very helpful!
Reply
jvranjes Premium
Great to hear this. Most welcome Peony.
Reply
TommyK Premium
Great training Jovo, some more points that i failed to pck up on first time around so will need to make some changes.

Thank you Tommy
Reply
jvranjes Premium
Most welcome Tommy.
Reply
TommyK Premium
Can you go back to images that have already been uploaded to a post or page and make changes to the Alt text and add a caption?
Reply
jvranjes Premium
Yes this is doable at any time.
Reply
TommyK Premium
Thanks for the encouragement Jovo.
Reply
Donnie58 Premium
Excellent training, Jovo! Very informative, thanks!
Reply
jvranjes Premium
Thank you Don, it is great that you find it helpful. This is what I use myself and it has been working well at my side.
Reply
Kevinpierce Premium
So is the image name what you save it as when you download the image? And your saying you should't use the same keywords for the image name, title, and alt text?
Reply
jvranjes Premium
Yes for the first. No for the second, you do not use keyword again if you used it in file name..
Reply
SherryV Premium
I am starting to see what is going on with image SEO. Thanks. Somewhere in WP images I have seen a Caption and a Description box. Which one is the one to use?
Reply
jvranjes Premium
Just ignore description. Here is a bit more:
Reply
SherryV Premium
Very good. Got it.
Reply
peter65 Premium
Thanks for sharing this important information. But want to ask, where is the image file name located? thanks for your cooperation.
Reply
jvranjes Premium
Image file name is the name under which you save the image in media library.
Reply
peter65 Premium
Thanks. God bless you.
Reply
RayAleksandr Premium
Thank you Jovo, this is so useful especially about Alt text, image caption etc. I'll start fixing mine now (big job)!
Ray
Reply
jvranjes Premium
It is worth doing, good luck Ray.
Reply
theresroth Premium
Thanks for this great tutorial, the great print screen of the plug-in, but I still have a question.
What do you mean about the image width of 800, when 400 is showing?
Did the compression of 65 produce the 400 in width?
Reply
jvranjes Premium
Do not understand completely what you ask. The image is there just to show how it looks like, you can set any number.
Reply
theresroth Premium
Oh! Ok, so you changed from 800 to 400?
Thanks:-)))
Reply
Denson Premium
Thanks for the useful tidbit on alt text. Needed someone to simplify this for me and you did it!
Reply
jvranjes Premium
Most welcome.
Reply
annarella Premium
Hi Jovo,

Thank you for taking the time to do this wonderful training! I just want to ask a couple of things...

I know that I should only put the keyword in 1 of the image attributes, whether it's image file name OR alt text. I have been putting the keyword in the alt text. My keyword is the title of my post, which is often a long-tail keyword. This is what I have been doing and I'm not sure if it is correct...

Image file name - short description of the picture
Title - title of post (keyword) + description of picture (as in image file name)
Alt Text - exactly the same as Title (because, as I understand it, alt text is for SEO as well as for those with vision difficulties so, in this way, it covers both).

I don't know if I should be using the whole long-tail keyword or just a portion of it because it can get quite long when I add the description of the picture as well.

If I'm copying the exact same title (keyword) and putting it in the alt text of all the images in that post, will that be seen as "keyword stuffing"? I do set them apart from one another by adding a description of the picture after the keyword, but should I be using variations of the keyword in the alt text and not the exact same words all the time?

Thanks very much - I just want to make sure I'm on the right track or if I have to make some changes to what I'm doing!

Anna
Reply
jvranjes Premium
Hi Ana, I always try to put different things in title and alt text. Title can be your site name plus something, in order to brand it. I use keyword in the image file name, plus a word or two, and this is for every image. Alt text I use to really describe the image in few words, not using keyword; here you can use some synonym. Use full keyword, regardless where you use it.
Reply
annarella Premium
Thanks very much - I appreciate your help in clarifying this for me! :)
Reply
Takatomo Premium
Hi Jovo,

Great tutorial, thank you for this. Nobody has covered in great detail like this.

On page 4, you state:

Use the keyword here if you did not use it in image file name. Otherwise use synonym or a tag word.

I didn't know this. You cannot use the keyword on both of them? I would guess alt is more important, so use the keyword in alt and I should use a file name using synonymous word?
Reply
jvranjes Premium
Thank you. You can use in both places, but this is an overkill, too much. Better use something else. Alt text is 'visible' to people who have problems and use some readers, so if you put keyword there it will look ugly when repeated over and over again.

Also sometimes images do not display and then alt text becomes visible in the empty box, so again it look ugly.

There is more, see here: Here are some more details on this:
Reply
Takatomo Premium
Thank you Jovo,

I knew Image Optimization and thought I've been doing it, but obviously not enough. I have to go back and do it again.

Thanks again!
Reply
manifestator Premium
Oh my god, thanks so much, now i have to go and fix all my images in all my previous articles, nice one, so much help from this training.
Thank you jovo
Reply
jvranjes Premium
You are most welcome.
Reply
JoshThomson Premium
Hi Jovo,
In this training on page 3 you say that "the name should be written in hyphens, like 'this-is-one-image' ", are you referring to the image file name?
Also, do you include a keyword in your file name or do you include your keyword into the alt text instead?
Reply
jvranjes Premium
The page is about image file name, so yes 2 times. Keyword - if in the image file name then not in alt text.
Reply
JoshThomson Premium
Thanks :)
Reply
Jurgen78 Premium
I just tried Irfanview with the riot plugin which works great. You can adjust the quality with a slider or just type in the percentage and it also saves it as a progressive jpg.

Cheers!
Jurgen
Reply
jvranjes Premium
Thank you Jurgen, this will be useful to people visiting this place.
Reply
Jurgen78 Premium
Thanks for the training. I got some work to do compressing my images ;)
Reply
DJ-Yogi Premium
I use now picresize.com and I like it.
Reply
LenaMiglena Premium
Does the Alt text need to have hyphens as well?
Reply
jvranjes Premium
No, make it as a normal text. This because It will appear under the image automatically when you pin it to Pinterest. I guess otherwise machine would indeed be able to read it.
Reply
LenaMiglena Premium
Thank you!
Reply
LenaMiglena Premium
Very valuable information...for me as a beginner especially! Thank you.
Reply
SZev Premium
Great training, thanks Jovo!
Reply
jvranjes Premium
No problem, great if it helps.
Reply
Delighted1 Premium
Very useful thanks.
Reply
jvranjes Premium
Great to hear that, thank you.
Reply
SuzetteH Premium
Question about Jpeg Optimizer and TinyPnG. What is the difference? I went to both sites and they seem to do the same thing. The TinyPNG says you can resize .png or .jpg files. So I am confused as to why you said they are for two different types of images.
Reply
jvranjes Premium
TinyPng is not doing it good for jpeg. Here are numbers for one example: a photo of 3.2 MB becomes 520 kB with TinyPNG, Jpeg-optmizer gives 9.2 kB. Test it and you will see. See the names of the two softwares, each of them is optimized for specific type of files.
Reply
SuzetteH Premium
Thank you dear :) May have to check this out when I am not so tired
Reply
SuzetteH Premium
Wow, lots of great information here. Thank you for describing the different image file types. Looks like I got some work ahead of me
Reply
jvranjes Premium
You are welcome Suzette, great it is of help to you.
Reply
VERINK Premium
Thank very much I will just the same.
Reply
jvranjes Premium
Welcome.
Reply
SuzQ Premium
Excellent training and detailed descriptions. Thank you.
Reply
jvranjes Premium
Welcome SuzQ.
Reply
SusanAL Premium
Thank you, Jovo, for taking the time to share.

Very helpful! Yesterday I was pulling my hair out about this.Thanks to you, I won't go bald. =)
Reply
jvranjes Premium
I know the feeling, I passed through it myself.
Reply
TinaB Premium
Hi Jovo. This is an excellent training on optimizing images. Nearly everything you want to know is right here. I like the way you explain all the attributes step by step. I appreciate you including the names of tools you use to compress images. I've heard of tinypng, but not jpeg optimizer.
- Tina
Reply
jvranjes Premium
Hi Tina, thank you, very kind words indeed. I use jpeg optimizier practically every day, very useful, so this is why I recommend it. Thanks again.
Reply
TinaB Premium
Hi Jovo. I find out that if you use tinyjpg to compress the file size, then you still need to resize the image by using a photo editor. So it's a 2-part process.

Do you have to do the same thing with jpeg-optimizer? Or does it do both parts in one process?

Tina
Reply
jvranjes Premium
Hi Tina, I use both regularly, though tinypg far less but I did not need to resize the images.

I use far more jpeg because I use my own photos of mountains, and this is always one step process. Typically my photos are around 3-4 MB and jpeg reduces them to below 100 kB and that is it, no extra work.
Reply
TinaB Premium
If jpeg is typically a 1-part process, then that's good news as it saves you from doing an extra step. Thanks, Jovo.
Reply
SuzetteH Premium
Great training! Thank you! Looks like I have some work ahead of me!
Reply
jvranjes Premium
Welcome.
Reply
Schlazone314 Premium
"Remember: always resize images before adding them to media library." I could not have said it better myself sir! Thank you for the tutorial!
Reply
jvranjes Premium
You are welcome.
Reply
TechniSmart Premium
Hi Jovo,

Just to let you about my post which I linked to your tutorial. --Michael
Reply
jvranjes Premium
Thank you Michael, very kind.
Reply
AlexEvans Premium
Hi Jovo, very helpful tutorial,thank you for creating. I haven't thought in terms of this, so it has given me a new perspective.
Alexander
Reply
jvranjes Premium
Hi Alexander, I work a lot with photos so this is from the first hand experience.
Reply
AlexEvans Premium
First hand experience is the best kind of information Jovo.
Reply
KatieMac Premium
This is so helpful Jovo I had not realized how important images were and how google spiders work till Robert A highlighted it to. many thanks for these great insights
Reply
jvranjes Premium
You are most welcome Katie.
Reply
Mike-Writes Premium
Thanks for sharing this great information!
Reply
jvranjes Premium
You are most welcome.
Reply
GinaGo Premium
Thanks so much for taking the time to put this training together! It is most helpful. ~Gina
Reply
jvranjes Premium
Thank you Gina, it makes me happy if it helps.
Reply
Firekeeper Premium
thanks Jovo, this helped me one step further in optimizing my site! Especially the tips dealing with images.
Reply
jvranjes Premium
You are welcome Stefaan, great to hear it was helpful.
Reply
mattmike7 Premium
Thanks for the great information. Now I just have to learn how to do it. Deanna
Reply
jvranjes Premium
It is not complicated. Ask if you are in trouble.
Reply
Dinh Premium
Thanks for sharing this awesome information!
Reply
jvranjes Premium
Welcome.
Reply
Loes Premium
Very usefull training Jovo, I almost never add the caption, I will go over the images, to add some appropriate captions
Reply
jvranjes Premium
I have hundreds of them and have been making mistakes, so a lot of work to do to put things in order. Thank you Loes.
Reply
Loes Premium
Sighhhh yes..
Reply
AngelsBird Premium
Some new points learned...
Thks!
Reply
jvranjes Premium
Hartelijk bedankt.
Reply
AngelsBird Premium
alstublieft.... :-)
Reply
dunbar Premium
Hi and thanks for these great tips, it never ceases to amaze me how much more we can learn, thanks again, cheers Helen
Reply
jvranjes Premium
Hi Helen, you are right. This text is the part of my own learning. Thank you.
Reply
StubearBlack Premium
Thank you so much! I went back through my image library in WordPress and found a bunch of humongous images. I resized them inside of there. Is this optimal? It seemed to help immediately once I tested out the specific page containing an image in question.
-Stu
Reply
jvranjes Premium
I do not know how you did it but if you see the new size in the library and when you upload it into post then this should be fine.
Reply
StubearBlack Premium
I just went to image library, then clicked on the image, then "edit image" and resized it from there. It seemed to help the load time immensely!
Reply
cronkito Premium
Thanks! I had never thought to look at google images to find my site, very interesting. (It was near the top on the image search I did!) Also, I have been using compressjpeg.com to smoosh my images. It has been free so far and seems to work quite well.
Reply
jvranjes Premium
Good practice, just make them small enough.
Reply
cronkito Premium
I have been aiming for under 1MB, a couple I still need to compress some.
Reply
Successlive Premium
I have many photographs on my website, this lessen should help my SEO. Thanks Jvranjes
Reply
jvranjes Premium
You are welcome. i also have hundreds of them.
Reply
SamiWilliams Premium
Thank you for this tutorial I had several questions answered here today.
Sami
Reply
jvranjes Premium
Thank you Sami, this makes the text useful, great to hear this.
Reply
Ilina Premium
Thank you Jovo, great tutorial. It was really helpful! :)
Reply
jvranjes Premium
I was hoping it could be helpful, thank you.
Reply
JewelCarol Premium
Love yr training, awesome, thank you Jovo. :))
Reply
jvranjes Premium
Great to hear that Jewel, thanks.
Reply
EKautz Premium
Great training Jovo!

I have a question for you, you mention in the last bullet point on page 3 of 7 that search engines will not like it if the fie name of your image and other image attributes have the same keywords, do you know why this is?

Thanks Jovo!

ROCK ON!
E
Reply
jvranjes Premium
Keyword stuffing, nothing else. Better avoid.
Reply
EKautz Premium
Oh boy I need to change some things on my images then. I made everything the same thinking it would then be the same for every user and never even thought about Google and SEO.

Thanks much Jovo!
Reply
rwagener Premium
This is a great training - thanks. It has helped me understand the importance of the aspects of adding images and how google interacts with them. Appreciated and valuable. Richard
Reply
jvranjes Premium
Many thanks Richard, your comment is very appreciated.
Reply
Judy-B Premium
I have not paid much attention to size of images. I put a lot on my site, some have captions and some not. I think I should think about it more and follow your excellent tutorial. Thank you. :)
Reply
jvranjes Premium
Thank you Judy. I use a lot of photos and compression and size are important for me.
Reply
Campino Premium
Great training Jovo. Easy to follow and clear. This can be a small guide for everyone when adding images to a website.

Have I optimized the images? Let's look at Jovo's training.

To be honest I did know that part before joining Wealthy Affiliate, but to find these info I lost many many hours. Now, there is all in one place thanks to you.

Have a great weekend,

Dean
Reply
jvranjes Premium
Thank you Dean. Kind words. In fact I passed through the same process of learning the stuff and then decided to put it in a file.
Reply
MudreM Premium
Useful as usual. Thanks Jovo.
Reply
jvranjes Premium
You are most welcome.Thank you.
Reply
2Al Premium
Great advice. I didn't add captions to the images in my posts. Time to edit. Thank you for sharing.
Reply
jvranjes Premium
You are most welcome.
Reply
Mark1957 Premium
Thanks Jovo, good and informative training of great value.
Mark
Reply
jvranjes Premium
Thank you Mark, your words make me happy.
Reply
Mark1957 Premium
You're welcome Jovo, you always give great value with your comments, blogs and trainings.
Mark
Reply
jvranjes Premium
I truly appreciate what you are saying.
Reply
Sherefashion Premium
Thank you for this
Reply
jvranjes Premium
You are most welcome.
Reply
stn67 Premium
I use the image editor that is in the library before I start charging the image. Is not that good enough?
Reply
jvranjes Premium
This looks like a perfectly sized image. Thank you.
Reply
stn67 Premium
It is made after I charged to my library and before I put it into the article
Reply
jvranjes Premium
Just be sure that you reduce the size before adding to media library.
Reply
stn67 Premium
It would pretty much say that this picture is still too Big
Reply
jvranjes Premium
You mean the one you showed? No worry, 18 kB is fine.
Reply
stn67 Premium
I changed the size after I charged it to wordpress
Reply
CarolynCal1 Premium
Thanks a lot Jovo. I will keep these tips in mind.
Reply
jvranjes Premium
You are welcome Carolyn.
Reply
Ruthchicago Premium
Thanks for sharing this tutorial! Do you have any advice on the use of featured images? For example, should they be a uniform size and shape?
Reply
jvranjes Premium
Featured image depends on theme, I have not been lucky with this. But yes I think they should be uniform.
Reply
Ruthchicago Premium
Ok, that's what I thought...thank you!
Reply
JeffreyS Premium
Thank you so much. Great info.
Reply
jvranjes Premium
You are very welcome Jeffrey.
Reply
KatieMac Premium
Nice easy to follow tutorial many thanks
Reply
jvranjes Premium
You are kind as always with me Katie.
Reply
KatieMac Premium
I appreciate all those who contribute to our learning here, you have a good weekend
Reply
roamy Premium
Good tutorial easy to follow and understand thanks.
Reply
jvranjes Premium
Many thanks Roamy, you are most welcome.
Reply
olivingstone Premium
Fab stuff, thanks Jovo!
Reply
jvranjes Premium
Thank you Olive.
Reply
Prestones Premium
Excellent training Jovo!

For those interested, short animations are possible with gif pictures (see https://en.wikipedia.org/wiki/GIF#Animated_GIF ), and several picture formats allow transparent backgrounds - see https://en.wikipedia.org/wiki/Transparency_(graphic)

Great job!

Dennis
Reply
Darwyn Premium
Thank you for the addition Dennis.
Cheers
Darwyn
Reply
jvranjes Premium
Thanks Dennis, great addition to the text.
Reply
Darwyn Premium
Thanks Jovo, this is a very helpful and well detailed piece of training my friend. I never knew that setting up and detailing images had so many benefits to your overall site. I have bookmarked for future use and sharing.
Cheers
Darwyn
Reply
jvranjes Premium
Thank you so much Darwyn. There are many small details about figures which help when acting together.
Reply
CaroleG Premium
Great training. It answers a few questions I had. Thanks for sharing.
Reply
jvranjes Premium
You are welcome Carole.
Reply
rj3 Premium
Excellent training (well written) and very timely. Thanks Jovo.
Reply
jvranjes Premium
You are welcome.
Reply
krazykat Premium
Very useful Jovo. This training explained questions I had. Thank you!
Reply
jvranjes Premium
I am happy if it is helpful to you, thank you.
Reply
SaulGold Premium
Very good point. The old story of not enough or too much.
Thanks, Saul
Reply
jvranjes Premium
Thank you Saul.
Reply
kiliwia62 Premium
Great training, great info.
Thanks Jovo :)
Reply
jvranjes Premium
Many thanks.
Reply
Martintoal1 Premium
Thanks for sharing
Reply
jvranjes Premium
You are welcome.
Reply