I'm doing some SEO for a website I haven't built and it has this navigation bar:
<div align="right" id="menu">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><div align="center" class="menuitem1" onmouseover="this.className='menuitem1a'" onmouseout="this.className='menuitem1'" onclick="window.location='index.php'" >
<div style="margin-top:80px">Profile</div>
</div></td>
<td><div align="center" class="menuitem2" onmouseover="this.className='menuitem2a'" onmouseout="this.className='menuitem2'" onclick="window.location='customers.php'">
<div style="margin-top:80px">Customers</div>
</div></td>
<td><div align="center" class="menuitem3c">
<div style="margin-top:80px">Services</div>
</div></td>
<td><div align="center" class="menuitem4" onmouseover="this.className='menuitem4a'" onmouseout="this.className='menuitem4'" onclick="window.location='products.php'">
<div style="margin-top:80px">Products</div>
</div></td>
<td><div align="center" class="menuitem5" onmouseover="this.className='menuitem5a'" onmouseout="this.className='menuitem5'" onclick="window.location='contact.php'">
<div style="margin-top:80px">Contact</div>
</div></td>
</tr>
</table>
</div>
First thing I noticed, it has no anchors! Second when I made a sitemap of the website only index page was there. EDIT:It also spits errors on evaluation! Does this nave a negative impact from SEO perspective? Thanks in advance!
Yes it does. Since the JS is usually ignored by the crawler, it can't get to the rest of the pages because the navigation will not work for it. You need to change those DIVs to anchors and style them appropriately to retain the old style.
Also, this method isn't very accessible either since it's not obvious from the page content which of the elements are links. Never mind semantics