El marcado y la presentación son diferentes.
Esto es un poco como preguntar "¿por qué deberíamos tener paredes cuando tenemos pintura?" :)
Las etiquetas HTML indican cuál es su contenido : este es un titular, esta es una lista, etc.
CSS denota el aspecto que debería tener su contenido : los encabezados deben ser azules, las listas deben tener sangría tanto, el menú debe estar a la izquierda, etc.
Javsascript le dice cómo debe comportarse su página : animaciones, etc.
Entonces, sin contenido HTML, CSS y Javascript realmente no tienen nada en qué trabajar.
Estas categorías no son 100% en blanco y negro, por ejemplo, CSS puede especificar "transiciones" ahora, que son animaciones, pero son la idea básica.
Consulte las discusiones anteriores sobre este tema en StackOverflow aquí y aquí .
Un buen marcado ahorra mucho esfuerzo y funciona mejor
Si desea que algo se comporte como un enlace, puede usar <span class="mylink">
y usar un montón de CSS y JS para que se vea y se sienta bien. O simplemente puede usar un <a>
elemento y obtener todo eso de forma gratuita, sin necesidad de descargar ningún código adicional, porque los navegadores ya saben qué hacer y tienen la lógica implementada en un código rápido y nativo. Además , es mucho más probable que funcione correctamente para lectores de pantalla, navegadores móviles, motores de búsqueda, agregadores y otros casos de uso en los que no pensó.
Esta es también la razón por la que debe usar un <button>
para hacer clic en acciones, un <label>
para etiquetar un <input>
, y un <main>
para la sección principal de su página.
Qué tan bueno es el marcado en el SEO
Básicamente, el SEO consiste en convencer a los motores de búsqueda de que su contenido es la mejor coincidencia para un término de búsqueda. Obviamente, nadie en Google lee personalmente cada página web y la clasifica.
Por lo tanto, para que los motores de búsqueda sepan cuál es su contenido, un programa debe analizarlo.
Y oye, mira! ¡Tenemos todo este lenguaje llamado HTML destinado a etiquetar su contenido de una manera que las máquinas puedan entender! :)
Entonces, sí, un marcado claro ayudará a los motores de búsqueda a indexar mejor sus páginas.
Para usar un ejemplo extremo, si el titular de su página fuera en realidad una fotografía que tomó de un titular de periódico, podría parecer interesante, y la gente podría leerlo bien, pero para un motor de búsqueda, sería una imagen sin significado . Mientras que <h1>Turtle Groomer 5000</h1>
claramente le dice a los motores de búsqueda que tiene un producto que facilita la higiene testinal.