1. 1. Los Mitos de la Semntica Web WordCamp Buenos Aires 2015 @evaferreira92
2. 2. Hola! Soy Evangelina Y estoy para quejarme.
3. 3. Mitos de la Semntica Web 1. Qu es la Semntica 2. Por qu es importante 3. Mitos y Verdades
4. 4. Semntica? Volviendo al secundario...
5. 5. Semntica Anlisis Sintctico Anlisis Morfolgico Anlisis Semntico
6. 6. Anlisis Sintctico
7. 7. Anlisis Morfolgico
8. 8. Semntico Semntico, ca: (Del gr. , significativo). 1. adj. Perteneciente o relativo a la significacin de las palabras. 2. f. Estudio del significado de los signos lingsticos y de sus combinaciones, desde un punto de vista sincrnico o diacrnico.
9. 9. Semntica en la Web Interpretando nuestro sitio
10. 10. Semntica en la Web Etiquetas de HTML5 article section header footer aside nav figure figcaption
11. 11. Anlisis http://www.dw.de/activistas-cruzan- frontera-entre-las-coreas-por-la-paz/a- 18473129
12. 12. Explicale a Google Cmo se recorre el sitio? Cul es el contenido principal? o Por esto no te preocupes, es zarasa
13. 13. Explicale a Google Sin etiquetas semnticas de HTML5 Google ve divs con contenido.
14. 14. Cmo explicamos nuestro sitio?
15. 15. Pasar de esto...
16. 16. A esto
17. 17. Resaltar el contenido importante
18. 18. Resaltar el contenido importante
19. 19.
20. 20. Y la barra de navegacin interna del sitio
21. 21.
22. 22. Semntica en 2010 Article Section Aside Nav Header Footer Figure Figcaption
23. 23. Beneficios Por qu invertir tu tiempo
24. 24. Beneficios Mejor Comunicacin
25. 25. Beneficios Mejor Comunicacin SEO
26. 26. Beneficios Mejor Comunicacin SEO Accesibilidad
27. 27. Beneficios Mejor Comunicacin SEO Accesibilidad Layout ms claro
28. 28. Layout
29. 29. Mitos
30. 30. Semntica es HTML5
31. 31. Semntica es HTML5 Falso.
32. 32. Semntica es HTML5 Semntica es HTML.
33. 33. Decisiones semnticas h1- 6 strong hr p span CSS -------------------------------------- -------------------------------------- --------------------------------------
34. 34. Semntica en 2010 Article Section Aside Nav Header Footer Figure Figcaption
35. 35. Pero antes
36. 36. Semntica en 1992 http://info.cern.ch/hypertext/WWW/TheProject.html
37. 37. Semntica en 1992 http://info.cern.ch/hypertext/WWW/TheProject.html
38. 38. Jerarquizar contenidos.
39. 39. Semntica en 1999
40. 40. Semntica en 1999
41. 41. Organizar y jerarquizar la informacin http://www.w3.org/2003/12/semantic-extractor.html
42. 42. Anlisis de WordCamp Bs. As.
43. 43. Anlisis de WordCamp Bs. As.
44. 44. Anlisis de WordCamp Bs. As.
45. 45. Anlisis de WordCamp Bs. As.
46. 46. Anlisis del Onepage Website X
47. 47. Anlisis del Sitio X Landing Pages LANDING PAGES Templates Grow your business FULLY CUSTOMIZABLE TEMPLATES
48. 48. Update del Sitio X Landing Pages Templates Fully Customizable Templates Grow your business A/B Testing
49. 49. Se puede usar ms de 1 h1 en la pgina Verdadero
50. 50. Con cuidado
51. 51. Debe variar en todas las pginas
52. 52. El contenedor es un
53. 53. El contenedor es un Falso
54. 54. Muere un gatito.
55. 55. Si el contenedor es un muere un gatito http://hellogig gles.com/just -bunch-cats- bowls/
56. 56. Si el contenedor es un muere un gatito
57. 57. Si el contenedor es un muere un gatito
58. 58. Si el contenedor es un muere un gatito
59. 59. El contenedor no es un section.
60. 60. Funciones del contenedor
61. 61. Funciones del contenedor
62. 62. Funciones del contenedor Centrar la pgina en el medio de la pantalla.
63. 63. Funciones del contenedor Diseo, no semntica.
64. 64. El
    ya no existe
65. 65. El
    ya no existe Falso
66. 66. Etiqueta div = span Uso NO semntico o Diseo Cuando no estoy seguro Ante la duda, use divs!
67. 67. La semntica no es objetiva
68. 68. La semntica no es objetiva Verdadero
69. 69. La Semntica no es objetiva Lo dice el mismo estndar de la W3C. It depends on author's intent.
70. 70. Las nuevas etiquetas semnticas...
71. 71. No funcionan en IE8 Verdadero
72. 72. No Funcionan en IE8
73. 73. No Funcionan en IE8 HTML5Shiv / Modernizr
74. 74. Hay ms usuarios con problemas de visin, que usuarios de IE8.
75. 75. Otros elementos Semnticos
76. 76. Data-Attributes Atributos para CSS/JavaScript No es realmente semntico

    Juan Perez

77. 77. Inputs tel email number url date
78. 78. Resumen
79. 79. Resumen Semntica es HTML
80. 80. Resumen Semntica es HTML No es objetiva
81. 81. Resumen Semntica es HTML No es objetiva Mejor SEO y Accesibilidad
82. 82. Resumen Semntica es HTML No es objetiva Mejor SEO y Accesibilidad Y...
83. 83. Gracias! @evaferreira92
84. 84. Diseo y Maquetacin para Wordpress Maximiliano Stahl Desarrollando un Producto de Comunicacin Mailn Knoblovits Cmo Encontrar el Diseo Perfecto para tu Sitio Wordpress Lance Willett Del Dicho al Hecho: analizando proyectos Ricardo Aiello Charlas de WordCamp relacionadas
85. 85. Se Aceptan Preguntas! Gracias!