SEO Implications " A Cure for "Div-itis": Search Engines and Responsive Sites

HTML5 offers many benefits from better optimization, to cleaner code and cutting edge functionality.  But there are a variety of factors to consider when building a new website. Is it right for you?

SEO Implications " A Cure for "Div-itis": Search Engines and Responsive Sites

HTML5 is not just easier to code and understand. It's also easier for search bots to crawl. The markup has less "cruft" and fewer unnecessary elements, and is mostly free from the "div-itis" seen on many websites. Other than their classes and IDs, <div> elements don't have much semantic meaning to a page crawler. However, as far as we know right now, there are no direct search benefits of using HTML5. Google isn't going to boost your rating if you recode your HTML4 site in HTML5. But, page crawlers may be able to process things a bit faster, as most HTML5 sites tend to be cleaner and easier to parse. Google and other major search providers will need to update their search algorithms as more HTML5 sites appear on the web. Cleaner markup also allows the pages to translate across a variety of browsers and devices more easily.

One of the biggest benefits of HTML5 is that it improves page segmentation, meaning that the different yet common parts of most websites (headers, footers, navigation menus, main content areas, sidebars, etc.) are treated as separate entities in a hierarchical fashion. There's no way currently for a page crawler to read your <div> ID or class and know for sure what it will find within that element of the website. With HTML5, there is a much more straightforward, what-you-see-is-what-you-get ordering and labeling of common website parts. The search engines can now more easily and consistently judge the content on your page for relevance and importance when someone makes a search, helping the user find what they are looking for faster. Good things!

Is the Market Ready for Responsive and Adaptive?

Is HTML5 absolutely the way to go when you are building a new website? There are several factors to consider. What is your target audience? If they are using older desktop browsers for the most part, chances are they will not fully/properly support some of the cool features on your HTML5 site. Also, it's a standard that is in flux, and not set in stone. Validating HTML5 at the moment is somewhat difficult, and may have to be revisited when the spec is finalized.

However, if you are building responsive or adaptive websites it is absolutely the way to go! Gone are the days (for the most part) of simply needing a desktop and mobile (read: smartphone) version of your website. Who knows what devices are coming down the pike. Your refrigerator or toaster may contain a web browser in a few years, and who knows what size its display will be. The best way to serve up one responsive/adaptive website to your audience and their many web capable devices is with HTML5. Along with enhanced interactivity and media tags in HTML5, more and more content is being brought out of Flash and able to be crawled. Use CSS3 for simple animations and media queries to adjust your page layout based upon the available device canvas. Use jQuery image galleries whenever possible. Put as much of your content onto the page in a crawlable format as possible, and use HTML5 to do it! It's a way to reach as many devices as possible while allowing for forward thinking practices and page structure.

The Future of Responsive and Adaptive Sites

It's true that HTML5 is still in transition, but that doesn't mean we shouldn't be building websites with it today. Optimization, clean code and cutting edge functionality are just some of the benefits we can experience with HTML5, CSS3, and an ever-growing number of cool JavaScript libraries and utilities. If you want to stay ahead of the curve, and more importantly serve up a responsive or adaptive web experience to whatever device may hit your website, it is essential to get the ball rolling now. After all, within two years HTML5 will be THE recommended standard for page markup, even though at the moment it is still somewhat experimental. We will start to see more and more big sites becoming responsive and adaptive. If you are a web nerd like me, chances are one of the first things you do now when you visit a website is resize your browser, the responsive/adaptive check and subsequent "hem-haw". HTML5 will help us bridge the gap between website owners, search engines, a growing number of web enabled devices and users. 

Andy Carolla - 2012-09-14

Adworkshop has been our agency of record for over 25 years. They are more than our marketing partners, they are our friends. With a commitment to excellence, and a desire to improve the results of each successive marketing campaign, the Adworkshop team delivers results that consistently exceed our expectations.
Ron Ofner
Executive Director, ARTC
Just a quick note that we started early "Online Registration" for our AfterSchool Workshops this morning and it is going brilliantly! Almost 100 signups so far and only 2 very simple phone questions and 1 email. Thank you! Thank you! Thank you!
James Lemons
Executive Director, LPCA
We are pleased, and this feels like just the right touch and balance. Thanks for a great outcome!
Doug Whiteman
Founder, The Whiteman Agency
Just a quick note to express my appreciation for the great work you do for the foundation. The annual report and newsletters look amazing!
Chris Morris
Communications Manager, Adirondack Foundation
The billboards look great and really stand out - they will even look better when it is not snowing!
Bonnie Porter
Corporate Communications Coordinator, Gouverneur Hospital
About Adworkshop

Adworkshop is an employee-owned integrated marketing agency providing strategic consulting and creative marketing solutions that help clients solve their evolving business challenges. Rooted in destination marketing from the 1980 Winter Olympic Games, Adworkshop has grown into an agency of 30+ talented employees whose expertise across marketing disciplines leads to innovative strategies and measurable results for destination marketing organizations, tourism businesses, active outdoor companies, educational institutions, health care companies, economic development agencies, and other businesses.

Latest News

County legislature votes to continue increasing economic development with a robust marketing strategy led by a full-service agency with offices in Lake Placid and Saratoga Springs, New York

January 3, 2019

Fast-Growing Marketing Agency with Offices in Lake Placid and Saratoga Springs Hires Seasoned Strategist to Lead Creative Team

October 30, 2018
Sign up and stay tuned for the latest in industry news and marketing trends.
Where To Find Us
44 Hadjis Way
Lake Placid, NY 12946
ph: (518) 523-3359
f: (518) 523-0255
153 Regent Street
Suite 1020
Saratoga Springs, NY 12866
ph: (518) 687-1350