Bad semantic markup?

Good morning from totally cloud covered 11 degrees C wakefiled UK…

Is is true that search engine spiders read code in the order revealed when you view the source code of a page? If this is true is it fair to say that the souce code for has a problem in that the H2 tag is read first then the H1.

Heres the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
<title>York wedding photographer - Call David Honan 077520 28747</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Language" content="en" />
<link rel="stylesheet" type="text/css" href="css/frontpage.css" />
<meta name="google-site-verification" content="QuJCWse990KzCSW_6xHnJI8RemJ4uORIrAxU96bO6ug" />
<div id="logo">
  <h2>Hi and welcome to - York's wedding photographer.</h2>
  <p><strong>"York wedding photography with personality"</strong><br/>

   If you want a <strong><a href="web_page/about_me.htm" title="York wedding photographer">York wedding photographer</a> </strong>who's got the personality to keep everyone smiling, willing to give you total control over your pics and delivers drop dead gorgeous  Graphistudio wedding albums you're in luck ;-)</p>
  <p>Using the very best of Nikon camera equipment &amp; Elinchrom studio lighting, professional wedding photographic services comes as standard as does a few laughs along the way.</p>
  <p>York & Leeds areas covered.</p>
  <p>Call David Honan today on 077520 28747 / 01904 410 142 and get your wedding photographer booked for 2010 and 2011.</p>

  <p class="datestamp">Last updated: 11th May 2010, just after Later Live with Jools Holland.</p>
<div id="intro">
  <h1>York wedding photographer </h1>
    <h2 class="marginzap">Tel 01904 410142 / 077520 28747</h2>
    <h2 class="marginzap2"><a href="web_page/louisa_simon.htm" title="York wedding photographer examples">Examples</a> | <a href="web_page/prices.htm" title="York wedding photographer prices">Prices </a>| <a href="web_page/about_me.htm" title="York wedding photographer with personality">About Me</a> | <a href="york_wedding_photographer_advice.htm" title="York wedding photography advice">Advice</a></h2>

<div id="portfolio">
    <li><a href="../web_page/louisa_simon.htm" title="York wedding photographer - KP Club examples"><img src="images/thumb/louisa_ready_99.jpg"alt="&#8220;The big kiss &#8221;" /> </a></li>
    <li><a href="../web_page/thumbnails4.htm" title="York wedding photographer - Swinton Park examples"><img src="images/girl2_99.jpg" alt="&#8220; Keep your distance bridesmaids, this is my show &#8221;"/></a></li>
    <li><a href="../web_page/thumbnails2.htm" title="York wedding photographer - Feversham Arms examples"><img src="images/thumb/gaze_99_2.jpg" alt="&#8220;eyes meet&#8221;"/></a></li>
    <li><a href="../web_page/thumbnails5.htm"><img src="images/thumb/confetti_99_2.jpg" alt="&#8220; Hey stop pouring confetti down my back!&#8221"/></a></li>
    <li><a href="../web_page/richard_jodie.htm"><img src="images/thumb/Rj_museum_99_99.jpg" alt="&#8220; ST Mary VIP's &#8221;"/></a></li>
    <li><a href="../web_page/thumbnails3.htm"><img src="images/thumb/sophie_smile_99.jpg" alt="&#8220; Dress amazing at any angle :-) &#8221;"/></a></li>

<div id="footer">
  <p><a href="" title="eMail York wedding photographer David Honan"></a> | <a href="web_page/prices.htm" title="York wedding photographer prices">Prices</a> | Studio: 5 Drummond House | 
    College Mews | Heworth Green | York | Y031 7SH | Tel: 01904 410 142 / 077520 
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "' type='text/javascript'%3E%3C/script%3E"));
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-1376189-4");
} catch(err) {}</script>


Any insighs welcome :slight_smile:

There is no different between writing h2 tag firstly or h1 tag FOR search engines. Be sure about it.

This is one of the problems that HTML5 is supposed to resolve, by including the <header> sectioning element. At the moment, it’s all decidedly ambiguous, because many, many, many pages have content (even if it’s just the header and navigation) before the heading that they want as <h1>. It seems wrong to have site branding in ordinary <p>s or <div>s, it looks like it should be in <h*>, but that makes a mess of the page structure.

Given how search engines can and do spider and index pages that don’t have any structural or semantic markup, I don’t think they will be penalising this site for its questionable use of heading tags!

The fact you have h1 and h2 tags already sets you apart, you would be amazed how many sites do not have these basic semantic markup tags set. I wouldnt worry about what order they are in on the code as long as your main title is h1 and your sub titles are h2, h3 etc you will be fine.

If your thinking of improving your site why now add a photography ecommerce suite to it, we have done a few recently and improved the site by a big margin.

Try validating your site using:

As far as the H1 and H2 tags are concerned then maybe change the order and set new sizes in you CSS file.