Ok so we all have the client who wants the coming soon page up ASAP or a splash page but even when I try to explain that this is bad(More so involving a splash page) for SEO since there is not much content and the index.html page won’t show as high in SEO.
My main issue is how to give content to the markup with the little markup you have and this is a a way I went about and I just wanted to know if I was correct in doing so or what other ways I can do to improve.
Also, Lets say you nest an h4 in an “a” element and would like to use image replacement on the h4. Would you position the “a” element and give it the same dimensions as the image in the h4? or would you position the h3 and give the h4 the dimensions instead of the “a” element.
Here is markup I used.
<body>
<div id="container">
<div id="main_content">
<h1 id="logo">Drive and Ambition</h1>
<h2 id="brb">Be right back</h2>
<a href="#" title="Shop for Drive and Ambition Now!"><h3 id="shop_now">Shop Now</h3></a>
<a href="#" title="Follow Drive and Ambition on Facebook"><h4 id="facebook_icon">Follow us on Facebook</h4></a>
<a href="#" title="Follow Drive and Ambition on Twitter"><h4 id="twitter_icon">Follow us on Twitter</h4></a>
</div>
</div>
<div id="footer">
<p class="footer_text">© Drive and Ambition 2011</p>
</div>
</body>