Jump to content
Sign in to follow this  
andy10676

SEO a pure CSS Slideshow

Recommended Posts

I am a photographer and built my site useing a CSS Slideshow and am trying to figure out the SEO. Will the alt tag be crawled like this or no? Thanks for any and all help!

 

CSS

#site_Wrapper #allSlide_Wrapper #slide_Wrapper_retouch li:nth-child(1) span{ background-image:url(/images/retouch/rt_001.jpg);}#site_Wrapper #allSlide_Wrapper #slide_Wrapper_retouch li:nth-child(2) span{ background-image:url(/images/retouch/rt_002.jpg); -webkit-animation-delay: 10s; -moz-animation-delay: 10s; -o-animation-delay: 10s; -ms-animation-delay: 10s; animation-delay: 10s;}

 

HTML

<div id="slide_Wrapper_retouch"> <li><span>Image 01</span><alt="Before and After of Maggie Wakim. Full glamour photo retouching done in house at Andrew Gallagher Studios. Photographed in Achusnet, Massachusetts."></li> <li><span>Image 02</span><alt="Before and After of Taylor Kinzler. Full glamour photo retouching done by Andrew Gallagher Studios. Photographed in studio Lakeville, Ma."></li> <li><span>Image 03</span><alt="Before and After of Jillian Zucco. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed downtown New Bedford, Massachusetts."></li> <li><span>Image 04</span><alt="Before and After of Stephanie Vegliante. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed in studio North Dartmouth, Massachusetts."></li> <li><span>Image 05</span><alt="Before and After of Marlena Johnson. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed downtown New Bedford, Massachusetts."></li> <li><span>Image 06</span><alt="Before and After of Maggie Wakim. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed downtown New Bedford, Massachusetts."></li> <li><span>Image 07</span><alt="Before and After of Taylor Kinzler. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed in studios Lakeville, Massachusetts."></li> <li><span>Image 08</span><alt="Before and After of Olivia Marques. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed downtown New Bedford, Massachusetts."></li> <li><span>Image 09</span><alt="Before and After of Joclyne Nunes. Full glamor photography retouching done by Andrew Gallagher Studios. Photographed in studios N. Dartmouth, Massachusetts."></li>

</div>

Share this post


Link to post
Share on other sites

No, that's not valid HTML, the search engine and the browsers will completely ignore it. The alt attribute belongs only to the <img> element.

 

Be sure to check your code in the HTML validator: http://validator.w3.org/

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...