If you have an image heavy page on your website, whether it’s an ecommerce website or an image gallery, there are a lot of things you can do to let Google know what that page (and your website) is about.
If done correctly, images can bring a good amount of traffic to your website. They tell search engines about their content and they have the potential to come up when people do image searches.
Image (Product) Category Names
Make sure you name your image categories or products with a keyword phrase people will most likely search for. When you choose it, put yourself in the mind of someone who isn’t in your industry. Make it a keyphrase that makes sense to your prospects.
Page Text Description Over The Images
If you have your ecommerce or an image gallery broken down by category, put an category description on top of the page above the images. Petsmart does a great job here, with an image and a search engine friendly description above the Dog Beds category. When I say search engine friendly, I mean that the text is not an image of text, but actual text over the image which Google can read.
Alt Text is part of the code used for images on your website. It serves a couple of purposes. For one, it’s there for visually impaired people who have screen readers read to them. Screen readers read the text on the screen as well as the alt text of images. Keep that in mind when alt tagging your images and you’ll think more along the lines of descriptions of the image. So an image of the Las Vegas Strip may have an alt text of “Las Vegas Strip” or “Las Vegas Strip at Night”. See below code:
This pulls the “las-vegas.jpg” image and gives it the alt text of “Las Vegas Strip” which screen readers read aloud, and search engines associate with the image.
Besides alt tags, sometimes image galleries allow for descriptions. Fill’em out! Again, this is read by search engines
Yes, contrary to what Dr. Ruth says, size does matter. However, in this case we want smaller… as in smaller image sizes. Different image programs allow you to compress your images when you save them. Keep an eye on the compression, the size you save, and the image quality. Don’t drop the compression too much or the image will be pixelated. Also, keep your images at 72 dpi, which is for the Internet, 300 dpi is used for print.
When putting an image on your website, make sure that the you upload the image as the final size you want it. Even though you can scale an image from 1000px x 1000px to 500px x 500px, doesn’t mean you should! The height and width of an image in the code is used so the browser knows how much space to reserve for the image when the webpage loads- It is not for resizing images in real time! Try not to leave it out as our right/wrong example above. In the wrong case, the page would load, then shift everything once the image is pulled in. Giving the image dimensions lets browsers leave the correct spacing open for the image.
Sometimes image galleries allow for descriptions. Fill’em out! Again, this is read by search engines
Hopefully this can help you optimize your website even more! Have any tips for search engine optimizing your images? Put them below.