![]() ![]() |
Moderator Alumni![]() Group: Hall Of Fame
Joined: 31-August 02
Posts: 15,634
|
Jan 27 2007, 06:52 PM |
|
|
Images can be hard for search engines, but there are some things that you can try to do.
When you choose a file name for a picture, you can use hyphens in it, such as: delaware-coast.jpg With the alt attribute for the image, I think that focusing upon providing visual alternative text in the spirit of what the alt attribute is about isn't a bad idea. For instance: HTML <img src="http://www.example.com/images/delaware-coast.jpg" alt="View of the Delaware Coast near Dewey Beach, showing the boardwalk" height="300" width="500"> I try to take another step with some images, using captions for them. I try to keep those captions and the images together in some type of container that shows the search engine that they are related, and that might put some whitespace around the picture and caption: Some links to pages that describe slightly different ways to do that, and present those in different ways: Image captions on Web pages (HTML and CSS techniques) Floatutorial (See Tutorial number 2) There's some argument over the best way to add a caption to an image, and float the image within some text using CSS. A great blog thread that covers a lot of these issues is this one: SimpleQuiz › Part XI › Image Floating Regardless of which one you use, there may just be a benefit to segregating the image and caption from the rest of the text on a page with a little whitespace, from an SEO perspective. It may give that caption some added weight when a search engine tries to decide how to index an image. |
||
| Offline | ![]() |
Moderator Alumni![]() Group: Hall Of Fame
Joined: 31-August 02
Posts: 15,634
|
Jan 27 2007, 07:56 PM |
|
|
QUOTE Regardless of which one you use, there may just be a benefit to segregating the image and caption from the rest of the text on a page with a little whitespace, from an SEO perspective. It may give that caption some added weight when a search engine tries to decide how to index an image. I base this statement on Document segmentation based on visual gaps Here's some text from that document that describes how a visual gap segmenting an image and caption from the rest of text might help determine relevance: QUOTE [0047] Although the segmentation process described with reference to FIGS. 4-7 was described as segmenting a document based on geographic signals that correspond to business listings, the general hierarchical segmentation technique could more generally be applied to any type of signal in a document. For example, instead of using geographic signals that correspond to business listings, images in a document may be used (image signals). The segmentation process may then be applied to help determine what text is relevant to what image. |
||
| Offline | ![]() |
Centenarian PosterGroup: Members
Joined: 5-March 06
Posts: 110
|
Jan 29 2007, 12:17 AM |
|
|
QUOTE I try to take another step with some images, using captions for them. I try to keep those captions and the images together in some type of container that shows the search engine that they are related, and that might put some whitespace around the picture and caption: I agree. Google seems to like text that's within 7 - 10 words radius above and below an IMG element in the source code. Any text outside of that radius (besides text in H elements, though the H should be in the same "container" as the image) are ignored. For example, on this page: http://quest.nasa.gov/aero/background/ which ranks first for "airplanes" http://images.google.com/images?svnum=10&a...amp;btnG=Search You got: CODE were the good and bad features of the airplanes and what needs to be improved. Many times, experimental concept airplanes are quite unique-looking because they are trying out a strange, new concept or technological advance. Most experimental planes, like the X-36 and X-29 pictured here have names starting [b]with "X" as in eXperimental.</span></p> <h4><a name="military"></a>Fighter/Military Airplanes</h4>[/b] <p><a href="images/F-15_big.jpg"><img src="images/F-15_small.jpg" alt="F-15" align="right" hspace="4" vspace="4" width="75" height="46"></a><a href="images/F-16_big.jpg"><img src="images/F-16_small.jpg" alt="F-16" align="right" hspace="4" vspace="4" width="72" height="46"></a><span class="body">There are many different kinds of military airplanes. Transport airplanes carry armies, equipment, and supplies hundreds of miles to where they are needed. Reconnaissance, or spy, airplanes fly secret missions to photograph enemy territory. Fighter airplanes were used for the first time in World War I. Today, most fighters have advanced computer, navigational, and weapons systems and are able Where the IMG I'm looking at is CODE F-16_small.jpg Searching for "different kinds of military airplanes", a snippet below IMG that lies within the 7~10 words radius, returns the image: http://images.google.com/images?svnum=10&a...amp;btnG=Search while searching for "transport airplanes", which lies outside the radius, doesn't return the image as a result: http://images.google.com/images?svnum=10&a...amp;btnG=Search Above the IMG element, searching "with X as in eXperimental" returns the IMG as a result: http://images.google.com/images?svnum=10&a...amp;btnG=Search but searching "X-29 pictured here" returns nothing: http://images.google.com/images?svnum=10&a...amp;btnG=Search |
||
| Offline | ![]() |
![]()
|
|
| Lo-Fi Version | Time is now: 9th February 2010 - 03:29 PM |
| Meet our Moderators: | cre8pc : projectphp : sanity : Black Phoenix : bwelford : EGOL : Ruud : rustybrick : AbleReach : swainzy : joedolson: eKstreme: dazzlindonna : SEOigloo: iamlost : RisaBB |