• Keyword rich filename
• Keyword rich Alt tag
• Keyword rich Title tag
• Caption with image which includes keyword
• Keyword optimized text on page
• Keyword optimized URL of the page
• Keyword within the H1 (post/page title)
• Keyword within one H2 on the post/page
• Small resolution (1280px or 2048px for iPad optimized)
• Small file size (256kb at most)
• Compressed images
• Images within sitemap
• OpenGraph & Twitter Card usage
• EXIF/IPTC retained in image files
• Responsive/Flexible images
• Retina images

Best Way To Name Images For SEO

By default, cameras create filenames that are not very descriptive. That is ok for when you keep the images on a computer. But once they are online, search engines like Google and Bing prefer descriptive keywords within the filenames in order to identify related searches.

When preparing your images for the web, be sure to rename the files so the keyword you want those images to rank well for are included.  If the keyword has multiple words, then use hyphens or underscores in place of spaces.

DSC0123.jpg engagement-01.jpg
smith-engagement-photo.jpg smith-orlando-fla-engagement-photo.jpg
Smith Engagement Photo Smith Engagement Photo in Orlando Florida

Keyword Rich Alt Tag

Although you can see images, search engines only crawl for data on your website. So instead of seeing your beautiful photograph and knowing what it is, it relies on metadata to determine that. The filename is just a start. The Alt or Alternative text is another, and equally as important. In fact the Alt text is specifically what tells search engines what the image is.

So you want to make sure that your keyword is also included within the alt text.  It would look like this:

<img src=”http://yourwebsite.com/image.jpg” alt=”Hoboken Engagement Photography”>

Keyword Rich Title Tag

Like the Alt tag, you can include a Title tag that is used when images are broken on a site. This isn’t crucial for image SEO, but it can’t hurt to include one.  To make it easy you can simply use the same text you’re using for your Alt text. For example:

<img src=”http://yourwebsite.com/image.jpg” alt=”Smith Engagement Photo” title=”Smith Engagement Photo”>

Captions Include Keyword

If you are placing a single image, or a group of images on a page then adding a caption that includes related keywords can also benefit your SEO.

Keyword Optimized URL Of The Page

The URL of your page has a lot to do with its SEO as well. Ideally, you want the URL to contain your keyword alone, or with a couple of other words. Either way, the keyword should be towards the beginning of the URL. For example:

  • Bad: http://yourwebsite.com/page1234/
  • Good: http://yourwebsite.com/hoboken-engagement-photography/

Keyword Within The H1

The H1 tag is an HTML element that is included within your WordPress theme.  The H1 is commonly the page or blog post title. For this page, the H1 tag is “Be Proactive With Image SEO”. Here are couple of important notable items for H1 tags:

  1. There should only be one H1 tag on a page or post.
  2. The focus keyword should be towards the beginning of, or the entire H1 tag.

Keyword Within One H2

The H2 tag is just like an H1 tag, excerpt it’s for subtitles.  You can have multiple H2 tags on one page or post. However, it is important that at least one of them contains your focus keyword in a phrase.  Any others included should have related keywords to the focus keyword. For example:

  • Hoboken Engagement Photographer
  • Hoboken New Jersey Engagement Photography

Also, like the H1 tag, make sure that the H2 tag which includes your focus keyword also is towards the beginning of the H2.

Image Speed Optimization

Search engines prefer websites that load fast and one way to do that is to make sure your images are not too large. In fact, most website visitors wait roughly three seconds for a website to load on a desktop or five seconds on a mobile device like a phone or tablet.  In addition, Amazon found out that for every one second their website slows down they lose over a billion and a half dollars a year. That is a huge impact that says a lot.

Google uses page load time as a factor in their ranking algorithm and as of April 2015 mobile friendliness is also a factor in ranking.

So as you read through the speed optimization advice remember that if your site load is over 10 seconds not only will you lose visitor attention but you will potentially lose customers.

With this all said, there are multiple methods of making your image speed optimized.  The next few sections will discuss some of these methods in image SEO.

Image size plays a huge role in image SEO. Thanks @imagely! Click To Tweet

Small Resolution

The first is to have your image small enough to look at big small screens and small/large enough to look good on large screens.

At the end of the day, image size preference depends on each website owner, photographer, graphic designer, artist, etc.  With that said, our recommendation is to either keep your images around 1280px at the longest length or 2048px to be iPad optimized.

File Format

There are many image file formats, but the two most common formats are JPG and PNG. Both of which can be optimized to a large degree. So we strongly recommend using either of them, but preferably JPG when no transparency is needed.

Small File Size

Next on the fast loading image list is the file size for image SEO.  Your image could be very large if the resolution, DPI, PPI, and compression are all set larger than necessary.  We recommend aiming for no more than 256kb in image size. However, as with anything, it’s purely a preference of the site owner which direction to go.

Compressed Images

Speaking of compressed images, Photoshop and Lightroom do great jobs at compressing. However, there are plugins and apps that can further help reduce image size without degrading quality. Here are some of those tools:

  • JPEGmini is a free and paid standalone app for the computer, and the Pro version has a Lightroom plugin that can be incorporated within your Lightroom to NextGEN Gallery workflow.
  • Kraken is a WordPress plugin that uses its server to compress your images for the web. The service starts at $50/year.
  • TinyPNG is a free WordPress plugin with a limited volume per month. There is also a $40 Photoshop plugin.
  • ImageOptim is a free plugin that optimizes offline via drag and drop (similar to JPEGmini Lite).

Many of these tools can kick your image SEO into overdrive.

Responsive / Fluid

Google now requires websites to be fully mobile-friendly to rank well. This goes for images too.  There are two types of responsive capability.

  • Responsive is when there are multiple sizes of each image on the server. Depending on the screen size, a specific image will be shown to the viewer. That means on big screens the larger image will show and the image load speed will be optimized for that. On small screens, the smaller image will be shown and the image load speed will be optimized for that.
  • Fluid is the more commonly used method where one image is on the server and scales down to fit smaller screens.  Both are acceptable but responsive can be beneficial for site load speed.

Retina

Modern screens have a high pixel density commonly referred to has retina. The way retina-ready images work is as follows.

If an image is 500px at the longest length, then on retina screens a 1000px image is displayed at half the size. Meaning the 1000px image is displayed at 500px. It also means that on standard displays only the 500px image is shown to the viewer.

This method helps display images in better quality on retina screens and keep image load speed as fast as possible on standard screens.

Images Within Sitemap

This is a screenshot of the sitemap feature within WordPress SEO by Yoast. It can be configured in many ways suitable for most needs. Images are also included within the post/page sections.

Google no longer requires an image sitemap specifically, as long as the robots.txt file does not block images, and the site has a valid page and/or post sitemap.  So instead of an image specific sitemap, images are included in the normal sitemap.

Social Media

Social media has become a very important aspect of SEO. Having images shared and talked about will help page/post and image rankings. NextGEN Plus and NextGEN Pro include image commenting and social sharing features.

When it comes to sharing images on social media it’s important to include Open Graph and Twitter Card metadata.

Crafting Digital Excellence – Let’s Build Your Future!