Your SlideShare is downloading. ×
0
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
HTML5 - Analytics and SEO
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

HTML5 - Analytics and SEO

2,657

Published on

HTML5 is being regarded as the biggest technology buzz of 2010. An introduction to HTML5 and discussion on how it will change the web, and its implications on further SEO and analytics fields.

HTML5 is being regarded as the biggest technology buzz of 2010. An introduction to HTML5 and discussion on how it will change the web, and its implications on further SEO and analytics fields.

Published in: Technology
2 Comments
2 Likes
Statistics
Notes
  • Thanks @Shivam for sharing facts about HTML5, WA and SEO at Google Birthday event Ahmedabad, The presentation is informative and useful

    Thanks!
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • Delivered this presentation on 'Google Fun and Learn' event at Ahmadabad to demonstrate how HTML5 would change the world of web we (virtually) live in. The biggest buzz of 2010
    - How it became a buzz
    - How it is evolving
    - and how it will affect
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total Views
2,657
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
35
Comments
2
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide
  • HTML 5 an array of elements will be available to describe navigation, text sections, articles and headers. The improved sectioning could quite easily assist a search engine in understanding the layout of a page and also to us in terms of SEO and analyticsXHTML 2.0 is an upgrade or replacement for the existing markup standards. It’s not “backwards compatible” with HTML 4.01 and not yet supported by browsers such as Firefox and Internet Explorer. HTML 5 is designed to generate better search results, and to create a more accessible Web for people of all abilities and using all types of devices
  • Transcript

    1. HTML 5 – WA and SEO <br />Implications<br />
    2. Introduction<br />HTML5 is being developed as the next major revision of HTML (HyperText Markup Language), the core markup language of the World Wide Web. The WebHypertext Application Technology Working Group (WHATWG) started work on the specification in June 2004 under the name Web Applications 1.0.<br />HTML5<br />2<br />
    3. Introduction<br />Goals:<br />Document real-world browser behaviour<br />Document and standardise useful extensions<br />Develop practical new features<br />Ensure backwards compatibility<br />Define robust error handling<br />3<br />
    4. Features<br />Why HTML 5?<br />Need<br />Rich Internet Applications (RIAs), and the Semantic Web have all pushed HTML, CSS, and JavaScript to and beyond their limits, often relying on plug-ins such as Adobe® Flash to power components such as video and audio, as well as highly graphical and interactive applications. The Adobe Flex development framework, Microsoft®'s Silverlight platform, and JavaFX are introduced to cover up for HTML weaknesses.<br />Solutions<br />With full multimedia support, local storage and offline application support, a native 2D drawing API, and a host of new application development APIs, all provided with the intent of proving that HTML, CSS, and JavaScript can provide a rich front end to your Web sites and applications.<br />4<br />
    5. Features<br />Why HTML 5?<br />Solutions<br />Change in Semantec Elements – Tags introduced and dropped<br />Multimedia – Audio Video Tags<br />Local Storage – End of Cookies<br />2D drawing API – Canvas Tag<br />Rich Front End – Form Controls and New Elements<br />With full multimedia support, local storage and offline application support, a native 2D drawing API, and a host of new application development APIs, all provided with the intent of proving that HTML, CSS, and JavaScript can provide a rich front end to your Web sites and applications.<br />5<br />
    6. Semantic Elements<br />Semantic elements are structured to provide a standard identification to the page areas rather than leaving on the developer to choose the names for their classes and div IDs.<br />The main semantic elements that HTML5 introduces are:<br /><header> <footer> <nav> <article> <section> <aside><br />FEATURES<br />6<br /><header><br />div id = “header”<br /><nav><br />div id = “content”<br />div id = “side-bar”<br />div id = “content”<br /><article><br />div class = “post”<br /><article><br />div class = “post”<br /><article><br />div class = “post”<br /><footer><br />div id= “footer”<br />
    7. 7<br />SemanticElements - Tags<br />Introduced<br />Dropped<br />FEATURES<br /><center><br /><dir><br /><font><br /><frame><br /><frameset><br /><noframes><br /><s><br /><strike><br /><tt><br /><u><br /><xmp><br /><acronym><br /><applet><br /><basefont><br /><big><br /><video><br /><audio><br /><canvas><br /><nav><br /><header><br /><footer><br /><time><br /><summary><br /><source><br /><section><br /><progress><br /><output><br /><meter><br /><mark><br /><keygen><br /><hgroup><br /><header><br /><footer><br /><figure><br /><details><br /><datalist><br /><command><br />Referrence: http://www.w3schools.com/html5/html5_reference.asp<br />
    8. 8<br />SemanticElements<br />HTML 5 will help us (and search engines) better dissect a webpage. <br />HTML 5 is designed to generate better search results, and to create a more accessible Web for people of all abilities and using all types of devices<br />The new <section> tag in HTML 5 can be used to identify separate sections on a page, chapter or a book. Each section can then have its separate HTML heading. <br /><Header> tag in HTML 5, not the same as the head element, is a blessing for SEO experts because of its flexibility. The <header> tag, unlike <H1> tag, can contain a lot of stuff, including H1, H2, H3 elements, paragraphs of text and hard-coded links. <br />One of the most important new tags would be the <nav> tag, which can be used to identify a collection of links to other pages.<br />The “no-referrer” link relation / attribute to HREF Tag. This would allow privacy to websites to do not want be visible as a referrer. Referrers from these links will reported as direct traffic in Web analytics tools<br />FEATURES<br />Referrence: http://blog.whatwg.org/the-road-to-html-5-link-relations<br />
    9. 9<br />Audio Video<br />HTML5 includes support for two new elements, <audio> and <video>, which allow Web developers to include multimedia content without relying on the user to have additional browser plug-ins installed.<br />Set of standard JavaScript APIs has been provided to allow developers to create their own playback controls<br />File formats supported by each browser and the patent licensing issues that go along with the various codecs that these files can be encoded with<br />FEATURES<br />
    10. Local storage APIs and offline applications support that will further bring Web applications in line with their desktop counterparts in terms of functionality, even when not connected to a network or the Internet.<br />Set of APIs allows developers to store information on the visitor's computer while remaining reasonably confident that they will still be there at a later date<br />The information is accessible at any point (even after the page has rendered) and is not loaded automatically with each HTTP request<br />Specification includes same-origin restrictions, which prevent Web sites from reading or changing data stored by other Web sites. We can just hope this is not hack able.<br />FEATURES<br />10<br />Local Storage<br />
    11. 11<br />2D drawing API<br />The element has been standardized and included in the HTML5 specification, along with a series of 2D drawing APIs that can be used to create shapes, text, transitions, and animations inside the element.<br />It facilitates the production of graphs, interactive games, paint applications, and other graphics on the fly without requiring external plug-ins such as Adobe Flash.<br />APIs allow the developer to draw shapes and lines; apply color, opacity, and gradients; create text; transform canvas objects; and perform animation<br />Allow the <canvas> to be interactive and respond to user input such as mouse events and key events, facilitating the production of games and Web applications on the canvas.<br />FEATURES<br />
    12. 12<br />Rich Front End and Interactivity<br />Providing an external JavaScript library that provided UI, HTML5 aims to fill some of the gaps left by its predecessor in this space by providing a whole range of new form input types:<br /><ul><li>Color
    13. Date
    14. Datetime
    15. Datetime-local
    16. Email
    17. Month
    18. Number
    19. Range
    20. Search
    21. Tel
    22. Time
    23. URL
    24. Week</li></ul>FEATURES<br />
    25. HTML5 is scheduled to be released in 2022 with complete specifications but we are seeing the hype starting from 2010. <br />HTML5 specs are expected to simplify SEO and Web Analytics to a greater extent.<br />A bigger threat is faced by existing RIAs like Flash / Flex / SilverLightas rich interactions are introduced within the core markup language<br />Most browsers have already implemented HTML5 specs and are 90% feature compatible <br />Be prepared to see the basic web concepts change along with HTML.<br />Takeaway<br />13<br />Take Away<br />
    26. ie.microsoft.com/testdrive/<br />www.W3c.org (dev.w3.org/html5/spec/Overview.html)<br />www.Whatwg.org<br />www.wikipedia.org/wiki/HTML5<br />FEATURES<br />14<br />Références<br />
    27. Thank You!<br />- Shivam<br />

    ×