HTML 5 has ushered in the world of Web 2.0 to Web 3.0. How will it better search engine optimization strategies, impact social media marketing and help paid search?

1. HTML 5 and SEO

3. Towards Web 3.0

5. Users don’t read, they scan

6. Web users are impatient and insist on instant gratification

7. Users don’t make optimal choices

8. Users follow their intuition

10. Structure

11. HTML 4 div=”header” div=”nav” div=”section” div=”article” div=”sidebar” div=”footer”

12. HTML 5 <header> <nav> <section> <article> <aside> <footer>

13. Overall ranking factors

14. On Page ranking factors

15. An example of page structure using HTML 5

16. Developer’s Role Conveying the search engine about info structure of the document Example : <address> <time> <article> Etc…

17. Explanation <address>Written by W3Schools.com <br /><a href="mailto:us@example.org">Email us</a> <br />Address: Box 564, Disneyland<br />Phone: +12 34 56 78</address> The <address> tag allows search engines to read and recognize the content written within the tag as an address. This could also include your residential address! The developer can include content as per his interpretation

18. Time Element Real-time search <p> I have a date on <time datetime="2008-02-14"> Valentines day </time> </p> The <time> tag can be used to real-time search. The page becomes self-descriptive, increasing it’s relevance

19. One Step Towards Semantic Web A web of data that can be processed directly and indirectly by machines Has remained largely unrealized and its critics have questioned its feasibility Allowing users to find, share and combine information more easily <meta name="author" content="John Doe“> <item>cat</item> <item rdf:about="http://dbpedia.org/resource/Cat">Cat</item>

20. Outcome One step towards semantic web Conclusive info can be easily obtained Accurate results Real-time results

21. Video and Audio Optimization

22. A Long Time Ago Multimedia on the Web was limited to tinkling MIDI tunes and animated GIFs Bandwidth got faster and compression technologies improved MP3 audio, Real video All sorts of proprietary players battled it out Victor in 2005: Adobe Flash

23. Embed Video <tag> Currently, video platforms accept embedding of files in the following format – <embed src="http://www.tizag.com/files/html/htmlex ample.mpeg" autostart="false" />

26. Client Side Storage Directly accessible by javascript Fast, Affordable and Reliable Storage options There are two options when it comes to storing data on the client side: Web Storage—supported in all the latest browsers Web SQL Databases—supported in Opera, Chrome, and Safari

27. Types Session storage: The new basic method for client-side storage Local storage(global storage): Domains on equal or lower level can access the local storage data. Database storage: This is the advanced technique of client-side storage

28. A Short Example sessionStorage.setItem('fullname', 'John Paul'); // defining the session variable alert("Your name is: " + sessionStorage.getItem('fullname')); // accessing it alert("Hello " + sessionStorage.fullname); // another way of accessing sessionStorage.removeItem('fullname'); // finally unset it

29. How Local data differs from SESSIONS Persistence Session data persists even after the browser window is closed Scope Can be accessed across all browser windows

30. Sample Code for Accessing the Local Database Storage var database = openDatabase("Database Name", "Database Version"); database.executeSql("SELECT * FROM test", function(result1) { // do something with the results database.executeSql("DROP TABLE test", function(result2) { // do some more stuff alert("My second database query finished executing!"); }); });

31. Analytics

32. Usability

33. New Form elements Placeholder text Email URL Number (slider/Spinboxes) Date Picker Search boxes Color picker

34. Drag-n-Drop With the Drag-n-Drop functionality in HTML 5, interactivity between a visitor and the site increases tremendously Implementation of this functionality also ensures ease of use at the back-end in comparison to the previous versions of HTML function dragStartHandler(event) { if (event.targetinstanceofHTMLLIElement) { // use the element's data-value="" attribute as the value to be moving: event.dataTransfer.setData(internalDNDType, event.target.dataset.value); event.dataTransfer.effectAllowed = 'move'; // only allow moves } else { event.preventDefault(); // don't allow selection to be dragged } }

35. Drag-n-Drop in HTML 5

36. Geolocation PPC tracking Location specific sites/content Site visit evaluation Targeting

37. Geolocation Example of a "one-shot" position request – function showMap(position) { /* Show a map centered at (position.coords.latitude, position.coords.longitude). */} One-shot position request. navigator.geolocation.getCurrentPosition(showMap);

39. Server Side Events

40. Web Socket Two way Ajax Events How they work Facebook feeds

41. Incorporating Social Media You can include widgets on your site which will instantly increase your social media exposure with little or no coding knowledge.

42. Talk To Our Experts! Twitter LinkedIn Facebook http://www.convonix.com | T: +1 909 525 4071 | info@convonix.com