• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
HTML5 - Analytics and SEO
 

HTML5 - Analytics and SEO

on

  • 2,805 views

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.

Statistics

Views

Total Views
2,805
Views on SlideShare
2,802
Embed Views
3

Actions

Likes
2
Downloads
32
Comments
2

1 Embed 3

https://www.rebelmouse.com 3

Accessibility

Categories

Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

12 of 2 previous next

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
  • Thanks @Shivam for sharing facts about HTML5, WA and SEO at Google Birthday event Ahmedabad, The presentation is informative and useful

    Thanks!
    Are you sure you want to
    Your message goes here
    Processing…
  • 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
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • 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

HTML5 - Analytics and SEO HTML5 - Analytics and SEO Presentation Transcript

  • HTML 5 – WA and SEO
    Implications
  • Introduction
    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.
    HTML5
    2
  • Introduction
    Goals:
    Document real-world browser behaviour
    Document and standardise useful extensions
    Develop practical new features
    Ensure backwards compatibility
    Define robust error handling
    3
  • Features
    Why HTML 5?
    Need
    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.
    Solutions
    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.
    4
  • Features
    Why HTML 5?
    Solutions
    Change in Semantec Elements – Tags introduced and dropped
    Multimedia – Audio Video Tags
    Local Storage – End of Cookies
    2D drawing API – Canvas Tag
    Rich Front End – Form Controls and New Elements
    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.
    5
  • Semantic Elements
    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.
    The main semantic elements that HTML5 introduces are:
    <header> <footer> <nav> <article> <section> <aside>
    FEATURES
    6
    <header>
    div id = “header”
    <nav>
    div id = “content”
    div id = “side-bar”
    div id = “content”
    <article>
    div class = “post”
    <article>
    div class = “post”
    <article>
    div class = “post”
    <footer>
    div id= “footer”
  • 7
    SemanticElements - Tags
    Introduced
    Dropped
    FEATURES
    <center>
    <dir>
    <font>
    <frame>
    <frameset>
    <noframes>
    <s>
    <strike>
    <tt>
    <u>
    <xmp>
    <acronym>
    <applet>
    <basefont>
    <big>
    <video>
    <audio>
    <canvas>
    <nav>
    <header>
    <footer>
    <time>
    <summary>
    <source>
    <section>
    <progress>
    <output>
    <meter>
    <mark>
    <keygen>
    <hgroup>
    <header>
    <footer>
    <figure>
    <details>
    <datalist>
    <command>
    Referrence: http://www.w3schools.com/html5/html5_reference.asp
  • 8
    SemanticElements
    HTML 5 will help us (and search engines) better dissect a webpage.
    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
    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.
    <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.
    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.
    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
    FEATURES
    Referrence: http://blog.whatwg.org/the-road-to-html-5-link-relations
  • 9
    Audio Video
    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.
    Set of standard JavaScript APIs has been provided to allow developers to create their own playback controls
    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
    FEATURES
  • 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.
    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
    The information is accessible at any point (even after the page has rendered) and is not loaded automatically with each HTTP request
    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.
    FEATURES
    10
    Local Storage
  • 11
    2D drawing API
    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.
    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.
    APIs allow the developer to draw shapes and lines; apply color, opacity, and gradients; create text; transform canvas objects; and perform animation
    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.
    FEATURES
  • 12
    Rich Front End and Interactivity
    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:
    • Color
    • Date
    • Datetime
    • Datetime-local
    • Email
    • Month
    • Number
    • Range
    • Search
    • Tel
    • Time
    • URL
    • Week
    FEATURES
  • HTML5 is scheduled to be released in 2022 with complete specifications but we are seeing the hype starting from 2010.
    HTML5 specs are expected to simplify SEO and Web Analytics to a greater extent.
    A bigger threat is faced by existing RIAs like Flash / Flex / SilverLightas rich interactions are introduced within the core markup language
    Most browsers have already implemented HTML5 specs and are 90% feature compatible
    Be prepared to see the basic web concepts change along with HTML.
    Takeaway
    13
    Take Away
  • ie.microsoft.com/testdrive/
    www.W3c.org (dev.w3.org/html5/spec/Overview.html)
    www.Whatwg.org
    www.wikipedia.org/wiki/HTML5
    FEATURES
    14
    Références
  • Thank You!
    - Shivam