Anyone working on optimizing their website knows how important it is to optimize images. But do you know if you’re using the right types of image files across your site? Below, we’ll explain the differences between the three major image file types and when it’s best to use which.Read More
When it comes to website optimization, images are sometimes an afterthought. Copy, design, and coding all play important roles in an optimized website, but images can also increase your visibility in image based searches. Optimizing images is easy do if you follow these best practice guidelines:
Utilize image compression and file type: Maintaining fast load times is important for an optimized website. If your site is using lots of image data, you’ll need to compress the images to keep them from affecting your site’s performance. You should also consider which file extension your images use. For example, a .png file can show more colors than a .jpg file, but it’s larger and will take longer to load.
Create an image sitemap: To increase the chances that search engines will index the images on your website, create an image sitemap.
Don’t forget social sharing buttons: The advent of image sharing sites like Pinterest has only increased the importance of sharing buttons, especially for images. By adding social sharing buttons, you’ll increase the chance that web pages and images reach a wider audience.
Optimize image metadata: Most importantly, you should optimize the file name and alt tag. For both, use five to seven words to describe what the image is. If possible, use keywords that you’d like to target. If the image contains text, include this text in the alt data as well.
We are often asked to implement new navigation on sites that have poor optimized rankings. Many times, this is due to an image-based navigation, or a navigation structure that has been poorly designed.
While we understand that everyone wants an attractive and interesting site, a CSS, text-based navigation is a must-have for almost every website. It is your choice whether or not you want to give up looks for optimization, but in most cases, the text-based navigation looks just as good as an image-based one.
Here is the SEO difference. Image based navigations display all the ‘words’ of page names inside an image (a gif, jpg or png) and while that allows for a multitude of style options, the search spiders can not read your image. It only sees an image, and perhaps an alt tag. Text-based navigations, however, have the navigation (page names) in the code, so the spider reads it as plain language, and therefore, can follow links and index pages with better accuracy.
For a huge selection of menu code, and great design ideas, visit this CSS Showcase page.