Upload
magic-logix
View
1.765
Download
0
Embed Size (px)
DESCRIPTION
http://www.MagicLogix.com Magic Logix CEO Hassan Bawab Discusses SEO Best Practices for HTML5 at the Big Design Conference in Addison, Texas 2012. Slideshow includes Top 5 HTML5 Benefits for SEO, Introducing New Tags, Benefits, an HTML5 Taxonomy and Status, and other tips you can utilize SEO for HTML5. Visit our website for more information. Hope this helps.
Citation preview
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
SEO Best Practices for HTML5
Hassan Bawab
CEO & Founder @ Magic
Logix
www.magiclogix.com
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Introduction
HTML5 is a hot topic currently, and just
the use of it will generate buzz and
press for your site. It also creates such
visually appealing aesthetics that users
will want to share it. Think of the
PACMAN Google Doodle and how many
people you told when you saw it.
These are just some of the ways that
HTML5 can benefit you.
T E S T I M O N I A L:
“We are truly impressed and satisfied with
the results that Hassan Bawab and Magic
Logix have delivered. Our website traffic
has increased drastically from our initial
website design and development, to our
current SEO Campaign! Due to the exposure
from online marketing and SEO, we have
now managed to open 13 locations across
Texas.”
- Jose Fuentes, Owner, Gloria’s Restaurants
www.gloriasrestaurants.com
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Top 5 HTML5 Benefits for SEO -1
• HTML5 allows for the implementation of rich media. In addition to making your website more attractive, this will also increase your CTR, time on site, and ultimately increase your page rank.
• Web Developers are more likely to use HTML5 over Flash. This allows mobile sites to be more dynamic and increases the usability for mobile consumers (especially Apple users).
• HTML5 increases the popularity of Geo Locations, and increases the use in applications because it is higher browser compatibility
T E S T I M O N I A L:
“Magic Logix built this large and complex
website for us in timescales most agencies
would have considered impossible. The
website was a critical part of our launch and
they delivered a top notch service with a
dedication and passion for perfection. We
would not have been successful without
them!”
- Ketan Karia, CMO
Actian Corporation
www.actian.com
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Top 5 HTML5 Benefits for SEO -2
•HTML5 allows Google and other search engines to index the id tags of page elements and place higher importance on the content based upon which the element is contained within. This can have an extremely positive effect on how you place within the ranking algorithm, especially if you have a lot of rich media content.
•HTML5 allows developers to build drag and drop tools into websites and have them work efficiently. This increases user interaction, average time on site, and page speed.
T E S T I M O N I A L:
“Magic Logix built this large and complex
website for us in timescales most agencies
would have considered impossible. The
website was a critical part of our launch and
they delivered a top notch service with a
dedication and passion for perfection. We
would not have been successful without
them!”
- Ketan Karia, CMO
Actian Corporation
www.actian.com
Introducing NEW Tags -1
• <article> generally used for blogs, allows a
block of content to be self-contained
• <section> specifies a subsection of a block of
content, such as an <article>. If a blog post was
broken into several sections by subheaders,
each section could be wrapped with a
<section> tag. Just as books have chapters,
blocks of content can have section.
• <header> could serve two purposes: (1) to
specify the header of a page or (2) to indicate
the header section of a self-contained block of
content (an <article>). <header> tags might
contain navigation, branding or the document
headline.Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Introducing NEW Tags -2
• <hgroup> is used to wrap a section of headings
(<h1> through <h6>). A great example would be an
article with both a headline and subheadline at the
top:
<hgroup>
<h1>Main Headline</h1>
<h2>Article tagline or subheading</h2>
</hgroup>
• <footer> is a bit like the <header> tag. It could
specific the <footer> of an entire HTML document or
the footer of an <article>. This may contain things
like footer navigation or meta-data about an article
(author, data, etc)
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Introducing NEW Tags -3
• <nav> is mean to enclose site navigation. This can
be used anywhere: main site navigation,
previous/next article links, or pagination.
• <aside> is for content related to the parent element
in which is resides, but not strictly part of the main
document. In other words, could be used on a
website sidebar or it could be used within an
<article> for special call outs – like the “did you
know” call outs found in many books.
• <video> is for video content. Its purpose is to
provide a cross-browser compatible way to display
video.
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Introducing NEW Tags -4
• <summary> – This defines a visible heading for a
<details> element (only works in Google Chrome!)
• <details> – This is for additional details that a user
can view or hide (only works in Google Chrome!)
• <time> – This defines the date and time which has
likely been introduced as Google hasn’t been brilliant
at determining the date of blog posts in the past.
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Other Benefits
• Developers can now integrate this rich media into
social media sites like Twitter and Facebook. Thus
increasing visits to their individual pages on these
already popular sites.
• Decrease HTTP requests and bandwidth usages
• HTML5 provides a new SQL-based database API that
allows for local data storage.
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com
Conclusion
According to binvisons, Quarterly HTML
Census, Q3 2011, here is some statistics
how HTML being used by Top 100 sites
•HTML5 = 34%
•HTML 4.01 = 20%
•XHTML 1.0 = 46%
Musing from Magi:
“Mark your content wisely with HTML5”
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com