Originally Posted by
NateN34
This pure html coding thing doesn't really fly these days anymore. Try putting some type of CMS ...
There is absolutely no need to use a CMS of any sort for a single-page site. It's a dentist's landing page, and unless you can think of a good way to do online dentistry, the landing page is really all that's needed. A CMS would be a tremendous waste of resources.
The design needs some work, to be sure*, but design has nothing to do with whether or not a CMS is used. And why on earth would a single-page site need a menu? A single static HTML page with a bit of CSS would do just fine. There are problems with Dr. Mani's page, but they have nothing to do with the fact that it's a static HTML page. Now on to the review:
Leaving aside Google's misuse of microdata and non-standard tags without proper namespacing (that's not your fault, and it makes the plusone thing work), there are some major issues with the HTML on the site. I'm not talking about the appearance---if the HTML were correct, changing the appearance would be the proverbial piece of sugar-free, orthodonture-appliance-friendly, dentist-approved cake.
HTML is intended to be a WYSIWYM (what you see is what you mean) environment, so anything in the tags inside the body that directly tells the browser how to display things is a sign that you're doing it wrong. The <br> tag, for instance, has only a couple of legitimate uses: it can be used to indicate line breaks in a stanza of poetry, or it can be used within a data unit like an address (although, for use with microformat data, it would be better to use <span>s or <p>s to separate the address parts).
Once the page means what it's supposed to mean, there is a means of applying appearance rules to the page: CSS (or Cascading Style Sheets). Normally, that would involve a separate file, but for a single static page, it can be included on the page within <style> tags in the head section.
This is getting well beyond the scope of a simple review. I've already taken a bit of a whack at cleaning up the HTML and giving it semantic markup (including extending the microformat data within the page to make it easier for machine readers like Google to understand your address and so forth):
HTML Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" itemscope itemtype="http://schema.org/Organization">
<head>
<title>Peter Mani DDS</title>
<meta itemprop="name" content="Peter Mani DDS Emergency Dentist Riverside CA">
<meta itemprop="description" content="Emergency Dentist Riverside CA, Denture Repairs, Dentures, General Dentist, Teeth Whitening.">
<meta itemprop="image" content="http://www.951dds.com/tooth.jpg">
<meta name="description" content="Home page for the office of Peter Mani, DDS.">
<meta name="keywords" content="Emergency Dentist Riverside CA, dentist, toothache, Sunday, Emergency, pain, emergency dentist , 2011">
</head>
<body>
<g:plusone annotation="inline"></g:plusone>
<script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<div id="header">
<h1 id="site_title"><img src="toothlogo.jpg">Peter Mani DDS</h1>
<p itemprop="streetAddress">7759 California Ave</p>
<p><span itemprop="addressLocality">Riverside</span>, <span itemprop="addressRegion">CA</span> <span itemprop="postalCode">92504</span></p>
<p>General Dentistry by Appointment</p>
<p itemprop="telephone">951-687-8700</p>
</div><!-- end header div -->
<div id="main_content">
<h2 id="content_headline">Have a toothache?</h2>
<p>Give us a call. We often answer the phone afterhours and I check the voice messages regularly 7 days a week.</p>
<h2 id="location_heading">Our location</h2>
<img src="map2.jpg">
</div>
<div id="about">
<h2>About the doctor</h2>
<p>Dr Mani grew up locally in Riverside California graduating from Poly Highschool in 1996. He graduated dental school in San Francisco. Upon graduating he returned back to Riverside to serve the community where he grew up. He is a member of the American Dental Assocation, California Dental Association, and the Tri-County Dental Society. Outside of work Peter enjoys watching sports, going to the gym, and riding motorcycles. Dr Mani was born in Chicago. His favorite sports team is the Chicago Bears.</p>
</div><!-- end about div -->
<div id="links">
<h2>Links</h2>
<ul id="linklist">
<li><a href="http://www.ada.org">American Dental Association</a></li>
<li><a href="http://www.cda.org">California Dental Association</a></li>
<li><a href="http://www.tcds.org/">Tri-County Dental Society</a></li>
<li><a href="http://dental.uop.edu">Unversity of the Pacific School of Dentistry</a></li>
<li><a href="http://www.riversideca.gov">City of Riverside</a></li>
<li><a href="http://www.chicagobears.com">The Chicago Bears</a></li>
<li><a href="http://www.nba.com">NBA.com</a></li>
</ul>
</div><!-- end links div -->
<div id="hitcounter">
<a href="http://www.easycounter.com/"><img src="http://www.easycounter.com/counter.php?friendlydentist" border="0" alt="Website Hit Counters"></a>
<br><a href="http://www.easycounter.com/">HTML Hit Counter</a><br><center>10/04/2011
</div><!-- end hitcounter div -->
</body>
</html>
Note that there are no <br>, <center> or <font> tags to be found anywhere. Note, too, that it doesn't look like much as it stands -- it still needs to be styled, but at least the HTML part makes sense, and is accessible both to Google and to people with disabilities. Send me a PM (that's personal message, if you're not a denizen of the web world), and we can hammer out a more appropriate design.
_______
* Okay, a lot of work.
LinkBack URL
About LinkBacks
x10Hosting Member
Posting Permissions
Reply With Quote