Los fundamentos de la semántica
Semántica es una palabra que infunde miedo en el corazón de muchos diseñadores, pero no tiene por qué ser un tema difícil o complicado. Se trata de una expresión significativa, evitando el marcado de presentación y utilizando etiquetas apropiadas y significativas siempre que sea posible.
Esencialmente, diseñar y escribir código HTML de forma semántica es tan simple como mantener su HTML preocupado por el contenido de la página y no por el diseño. Algunos de los simples pasos a continuación lo ayudarán a asegurarse de que sea semánticamente agradable para los motores de búsqueda, las arañas y los visitantes.
Explore los elementos de Envato
Etiqueta de título
Asegúrese de que la etiqueta del título de su página sea descriptiva y significativa. Asegúrese de que cambie para cada página de su sitio para reflejar el contenido de esa página.
Encabezados
Es posible definir los encabezados de su página con etiquetas div y span, pero eso no transmite ningún significado de que sea un encabezado. Usar etiquetas h1 a h6 para diferenciar y diseñar los encabezados de su página es mucho mejor.
Tablas y formularios
Por defecto, las tablas y formularios no son semánticos y pueden ser muy generales. También carecen de accesibilidad para aquellos que usan navegadores no estándar. Para las tablas, asegúrese de usar la etiqueta thead para explicar las columnas de su tabla. Para los formularios, adhiérase al uso de la etiqueta para describir para qué sirve cada entrada, casilla de verificación, etc.
Imágenes
Parece que se dice una y otra vez, pero use atributos para todas sus imágenes para asegurarse de que se describan dentro del contenido de la página, tanto para el beneficio de los motores de búsqueda como para los usuarios discapacitados.
Parece sencillo ... pero ¿por qué?
El uso de código semántico no hará que su sitio web se vea diferente y no beneficiará directamente a sus lectores de ninguna manera. Un efecto directo que puede ver es que los motores de búsqueda controlan su sitio web de una manera más correcta y efectiva.
Además, la codificación semántica está allanando el camino para el futuro. Nuevos dispositivos, software y aplicaciones estarán disponibles en los próximos 5, 10, 100 años que todavía usan el contenido en la web para potenciarlos. La semántica establece el estándar que los futuros sistemas se adherirán e interpretarán, ¡así que prepárese para el futuro!
