На вашей странице есть несколько пустых элементов:
<div class="window">
<div class="image_reel" style = "border: 1px #707070 solid; ">
<a href="#"><img src="reel_1.png" alt="" /></a>
<a href="#"><img src="reel_2.png" alt="" /></a>
<a href="#"><img src="reel_3.png" alt="" /></a>
<a href="#"><img src="reel_4.png" alt="" /></a>
</div>
</div>
<div class="paging">
<a href="#" rel="1">1</a>
<a href="#" rel="2">2</a>
<a href="#" rel="3">3</a>
<a href="#" rel="4">4</a>
</div>
Более важно, чем иметь достойное описание страницы, иметь содержимое внутри ваших <a>
тегов и иметь атрибуты alt с разумным описанием изображений.
Обычно на такой странице у меня есть что-то вроде следующего:
HTML:
<div id="frontImage">
Here is some descriptive text which goes over
the contents of this page, and which pertains
to the image background I'll be using.
</div>
CSS:
#frontImage
{
position: relative;
display: block;
width: 400px; /* the width of the bg image */
height: 400px; /* the height of the bg image */
background-image: url(/img/someImage.png);
background-repeat: no-repeat;
text-indent: -999em; /* move the descriptive text off the screen */
}
Это позволит вам разместить текст на странице и превратить этот текст в изображение, которое увидит большинство людей. Просто убедитесь, что используемый вами текст действительно применим к контенту, связанному с ним.