12
Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com

Best SEO Practices for HTML5

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

Page 1: Best SEO Practices for HTML5

Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com

Page 2: Best SEO Practices for HTML5

SEO Best Practices for HTML5

Hassan Bawab

CEO & Founder @ Magic

Logix

[email protected]

www.magiclogix.com

Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com

Page 3: Best SEO Practices for HTML5

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

Page 4: Best SEO Practices for HTML5

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

Page 5: Best SEO Practices for HTML5

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

Page 6: Best SEO Practices for HTML5

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

Page 7: Best SEO Practices for HTML5

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

Page 8: Best SEO Practices for HTML5

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

Page 9: Best SEO Practices for HTML5

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

Page 10: Best SEO Practices for HTML5

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

Page 11: Best SEO Practices for HTML5

Magic Logix | 16610 Dallas Pkwy #2200 Dallas, TX 75248 | Phone: 214.694.2162 | Fax: 972.692.5737 | www.magiclogix.com

Page 12: Best SEO Practices for HTML5

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