Photo and image tips for SEO

WebTuts+ offers a brief tutorial

Basically:

  • Add “alt-attribute” info so that search engines know what the photo is.
  • Use a descriptive file name instead of something like dsc0023.jpg
  • Pay attention to file size because this affects load times, which affect search rankings.

How-To: Add information into the Alt-attribute

add alt-attribute for imageThe alt-attribute contains the text that will display if the image cannot be displayed. It is also read by search engines like Google. Just type the info into the the Alt-text field and save.

You can see that this image has a file name vinworld.png – it might be good to have a more descriptive name, but this beats the socks off of DSC052.png, don’t you think? At least you have a vague notion of world.

The full-size is 353 x 350 pixels. We can certainly handle larger images, but, in this case, it is unlikely that we will ever need anything larger for a logo type image.

Note: unless you change the settings at the bottom of the screen, when you insert this image in to a post, it will just sit with no alignment, and it will link to the image file itself if clicked on. You will insert the full-size file.

Adding a Caption

Some themes and some layouts can display the image with a caption. Some of our custom layouts use images with captions to create what look like 2,3 or 4 boxes of text with an image at the top and text below. Sometimes, there are also titles above the images.

Use the Caption input box for captions. You can include hyperlinks and other html tags, but you must put them in directly as the editor functions do not work in this space. The other way it to put the straight text into the Caption field, then inset the image and edit the caption in the edit window to add bold, italics, links, etc.

Revisions

Tags: , ,

No comments yet.

Leave a Reply