Hello and welcome back to another Three Money Methods Traffic Tuesdays! I’m your host Jonathan Kraft and today we’re going to be talking about ranking in Google Image Searches! We’ve talked about this briefly in the past, but we’re going to talk about simple ideas for how to get ranked in image searches.
WebProNews recently had an article on this; I don’t think they went in depth enough to really explain step-by-step what to do – you probably should really read WebProNews, you get a lot of interesting stuff out of here.
They talk in this article about some interesting statistics about image search. If you look here, they say:
“300 million digital photos are taken every day; 100 billion images are taken per year! That means there were half a trillion images in circulation by 2009. That trend is not going to decrease. Image search makes up about 5.7% of all Google searches and up to 15% of searches are image-related!”
This is a big deal! We have that statement in English that a picture is worth a thousand words; well if you look here, you can just look on the page – where are your eyes drawn? To this guy, to this thing, to this red hair over here, maybe even to this little graphic down here and then you go to the bold text. Maybe you go to the $2 first then you go to the bold text, then you go to the bold text, then you go to the blue text. The image is the most powerful thing on the page.
A video is even a moving image and is even more powerful than that.
But I thought I would show you actual traffic statistics from my Strive4Impact site. We get some decent traffic on this site. If we look at the top traffic sources here, you can see that the number 3 source of traffic is actually Google Images. A Google Image search during the time period we’re looking at is the 3rd most brought-in source of traffic.
So what I’m going to do is … well, a couple of things: number one, I’m going to make a proclamation in this video, I’m working with a friend to try and get their website ranked in the Top 10 for a certain keyword phrase so I’m going to talk about that at the end of the video and proclaim something just as a goal and something that I’m working on.
But first I want to talk to you about what we do to actually get the images to rank well in the actual page code. And again, as with all things code that I talk to you about, you don’t have to know how to do this yourself, but you have to know how to look at it to see if the person who you’re hiring to do it for you is doing it correctly.
We are just going to go and grab … I’m going to talk to you about ice cream in just a minute, but here’s an image on NBC.com about ice cream and I’m going to copy this image location. If we go up to the address bar actually, you can see its NBC.gov/news/news_summer-blah-blah-blah/Denver_ice_cream.
I’m going to copy this – the thing that the image is actually called is Denver_ice_cream. That’s really important!
They’ve keyworded their actual image name. I’m going to show you the code here; how we do this to make the code actually in a way that Google can find out what the image is about.
So when you go to put an image on a page, you use this code: img src=”whatever your image source is.” In this case, if we were putting up this image of the ice cream, we would have img src and this is the image code of the ice cream. So that would actually put the image on a page. The things we can add in here are alt text so alt= and alt describes what the image is about, you can put alt text in a video too. So we would say for Denver Ice Cream, we would say, “This is the best Denver Ice Cream.”
You don’t want to do “spammy” but you want to describe what the image is about; “This is the best Denver Ice Cream.” I would not go any longer than that in your alt text.
But that’s what’s going to show up when you actually roll-over the image.
So if you are on a page and you roll-over something and you get that little box that pops up, this is what you would see is this alt text. I’m going to show you this when we actually put it up on a page. So that’s another way to optimize that image.
So now what you would do is take that alt text and put it inside of here and you have img src=this and the alt is this.
The one thing you want to make sure you do, because it helps your pages load quicker and it also says that you’re taking time to actually care about the user experience, is to set a width and a height for all of your images; width=250, height=200. Now that might not be exact but good enough for now. Then you want to add text around your image that actually shows what the image is about. This is just inserting a page break in between the image and what text I’m going to use; “You can get Denver’s best ice cream by attending one of our ice cream giveaways.” Let’s just say that that was the text I put around the image.
So right up above it this is what the code would look like if I was really trying to optimize that image. I’ve got text above it that says: “This is the Denver Ice Cream Giveaway.” I’ve got alt text inside of the image that says: “This is the best Denver Ice Cream, 2009 Free Ice Cream giveaway in Denver.” I’ve got the width and the height tags set so that it loads quicker; Internet Explorer or Firefox don’t have to figure out size to load the image. “Our fans love our Denver Ice Cream giveaways. You can get Denver’s best ice cream by attending one of our ice cream giveaways.”
Let’s take all of this code and I’ve put it into a Notepad document here so I can save it as a HTML file. You don’t have to know how to do all of “this” stuff, but in WordPress, make sure that your images have alternate text; make sure the words around your image represent what the image is – the actual file name of the image represents what it is as well.
I always use dashes (-) instead of underscores (_); so if I was really going to do this right, I would change these underscores to dashes. I would save the file as something new and I would change these underscores to dashes because dashes, according to Google, dashes are better than underscores. But I’m going to go ahead and save this as an HTML file and upload it and I don’t know if you know you can do this, but in Notepad that you can just save it as “All Files” and save it as an HTML.
I’m going to save the page as denver-ice-cream and I’ll go ahead and click Save. The only other thing I’m going to add into this code is I’ll put a page break in there and then I said, “Find out more about great Denver ice cream.” And the title description that actually defines that link is “Denver ice cream” and then the text is “Denver ice cream” so it will be a link back into their store that actually says that their website is about Denver ice cream.
What I’m going to do is go ahead and save this page and we’re going to upload that page that I just made, that Denver Ice Cream page, we’re going to upload it to Three Money Methods. So now if I go over here and I go www.ThreeMoneyMethods.com but then I’m going to go to Denver.html and then we go!
So now I have “Denver Ice Cream giveaway” and this is in bold up top. If I roll-over the image, I get that image text showing up; now you can’t see it because it doesn’t capture on the video here, but one way to actually be able to see it is by going into the Properties, you can see the alternate text says, “This is the best Denver ice cream, 2009 Free Ice Cream Giveaway in Denver. Fans love our Denver ice cream giveaways. You can get Denver’s best ice cream by attending one of our ice cream giveaways.” Now that sounds a little spammy, you might not want to be that spammy – “Great Denver Ice Cream.” If you click on this, there’s the rollover showing up; it doesn’t show up on the image for you guys, I don’t know why. But if you roll-over this and click on it, then you will actually go to the Red Trolley which is my friend’s ice cream store here in Denver.
What my goal is and what my proclamation is, is that we’re going to have in the Top 10 search results for Denver ice cream, they are going to come up at least 3 out of the Top 10 search results! You can see right now, if you look for “Denver ice cream” they don’t even show up … yet! We are going to fix that and make sure that we get them into the number one spot; at least 3 out of the Top 10 search results in Google for “Denver ice cream.”
Wish us much success for that! I will do a report back here on Three Money Methods to see before the end of 2009. I will definitely be making another video to show you how that shaped up for them.
At any rate, the things you need to remember from this video:
- Alt text for your images.
- Text around your images is very important. Make sure the text around your images is describing what the images are.
- The name of the file is very important.
- Use keywords that are separated not by underscores but by dashes.
- Also use Title Text to describe the image.
- Just to make sure you’ve got the best placement possible; add Title Text and alt text. So, “this is the best Denver ice cream.”
Don’t overlook image search, it’s very important; it can help you get more traffic coming to your website just by doing something small on a regular basis helps people to know what things are on your website.
Definitely look forward to seeing you back here for another edition of Three Money Methods Traffic Tuesdays. We’re going to be covering some awesome topics in our next video.
Look forward to seeing you back here next week!