Website Photos and SEO
Things you need to know about adding photos to your website for Search Engine Optimization
I am posting a piece of an article i found on yoast.com because this is an something i think allot of DIY web designers need know more about! There are great ways to use photos to help your with your SEO, as well as increase the traffic flow, and create a better user experience but there is also things you can do when you add photos that really harm your website ranking as well. I have only added a portion of this article but invite you to check out the whole article as it is a good read! https://yoast.com/image-seo/
Preparing images for use in your article
When you have found the right image to use, either an illustration, chart or photo, the next step is to optimize that image for use on your website. There are a number of things to take in consideration:
Choose the right file name
Image SEO starts with the right file name. Of course this is the first location to use that keyword. Without even looking at the actual image, you want Google to know what the image is about. It’s simple: if your image is a sunrise in Paris showing the Notre Dame, the file name shouldn’t be DSC4536.jpg, but notre-dame-paris-sunrise.jpg. The main keyword would be Notre Dame, as that is the main subject of the photo, that is why I added that at the beginning of the file name.
Scale for image SEO
Loading times are an important UX and therefore SEO aspect. The faster the site, the easier to visit and index a page is. Images can have a huge impact on loading times, especially when you load a huge image and show it really small, like using a 2500×1500 pixels image and showing it at 250×150 pixels size. The entire image will still have to be loaded. Scale the image to the size you want to show it. WordPress helps by providing the image in multiple sizes after upload already. Unfortunately that doesn’t mean the file size is optimized as well, that’s just the image size.
Reduce file size
The next step in image SEO should be to make sure that scaled image is served in the smallest file size possible. There are tools for that. Of course you could just export the image an test what percentage of quality is acceptable, but I prefer (especially with retina and similar screens) to use 100% quality images.
You can still reduce the file size of these images by for instance removing the EXIF data. We recommend using tools like ImageOptim or websites like JPEGMini or PunyPNG. I’ve also heard great stories about Kraken.io, but I haven’t used that myself, to be honest.
After you have uploaded the image, tools like YSlow can tell you if your image optimization succeeded.
add a comment or question below if you like! –