Ejemplos de estructura semántica de Html5
La Web Semántica, a veces conocida como Web 3.0 (no confundir con Web3), es una extensión de la World Wide Web a través de estándares[1] establecidos por el World Wide Web Consortium (W3C). El objetivo de la web semántica es hacer que los datos de Internet sean legibles por las máquinas.
Para permitir la codificación de la semántica con los datos, se utilizan tecnologías como el Marco de Descripción de Recursos (RDF)[2] y el Lenguaje de Ontología Web (OWL)[3]. Estas tecnologías se utilizan para representar formalmente los metadatos. Por ejemplo, la ontología puede describir conceptos, relaciones entre entidades y categorías de cosas. Esta semántica incorporada ofrece importantes ventajas, como el razonamiento sobre los datos y el funcionamiento con fuentes de datos heterogéneas[4].
Estos estándares promueven formatos de datos y protocolos de intercambio comunes en la Web, fundamentalmente el RDF. Según el W3C, “la web semántica proporciona un marco común que permite compartir y reutilizar los datos más allá de los límites de la aplicación, la empresa y la comunidad”[5] La web semántica se considera, por tanto, un integrador de diferentes contenidos y aplicaciones y sistemas de información.
Hoja de trucos de html semántico
Así es, la página de inicio es la número 2 a pesar de que las palabras clave Optimización del sitio web están incluidas tanto en el nombre del dominio como en el propio título de la página. El SEO tradicional diría que éste debería ser el enlace prioritario, así que ¿qué está pasando aquí?
Un análisis semántico del término “optimización de sitios web” revela algo interesante. Un sinónimo principal de este término de búsqueda es la palabra “análisis”, y otro sinónimo de “análisis” es la palabra clave “analizador”. En el caso de websiteoptimization.com, una página interna está superando a su propia página de inicio altamente optimizada porque contiene sinónimos que tienen mayor relevancia para el término de búsqueda.
Este conocimiento tiene implicaciones muy intrigantes para el SEO. Demuestra que el uso de sinónimos, aplicado correctamente a una página interna, puede superar a las páginas optimizadas para un término de búsqueda específico mediante el uso de palabras alternativas (sinónimos) en el título de la página y al principio del cuerpo del texto.
Chris Lewis es el autor de este artículo. Chris Lewis es el fundador de Search Engine Semantics, un sitio que ofrece servicios de consultoría, guías de información y recursos en línea para la correcta implementación de la semántica para el SEO.
Comentarios
Los creadores del HTML -físicos de partículas que compartían documentos- no tenían ningún interés en los elementos visuales. Se propusieron crear una World Wide Web de páginas legibles por las máquinas para mostrarlas en todos los sistemas y navegadores, incluidos los que hablaban en texto para los usuarios con problemas de visión. El resultado fue una biblioteca de documentos que sólo las máquinas (o los físicos de partículas) querrían leer.
A medida que la Web crecía, la falta de énfasis visual llevó a los diseñadores a estresarse intentando que las páginas tuvieran un aspecto determinado, lo que a su vez presionó a los desarrolladores de navegadores a crear características visuales y de diseño propias y extensiones que se alejaban de los estándares HTML.
Por ejemplo, los diseñadores pueden evitar los elementos de encabezamiento (<h1>, <h2>, etc.) porque carecen de sutileza: sin modificar, pueden parecer absurdamente grandes (<h1>, <h2>) o ridículamente pequeños (<h5>, <h6>). No se crearon pensando en el diseño visual. Su único propósito es definir una jerarquía de contenido de estructura anidada para que los humanos y las máquinas puedan inferir la estructura de la información. Sólo por casualidad los desarrolladores de navegadores impusieron tamaños y grosores de letra por defecto a los elementos de encabezamiento.
Etiquetas de texto semántico Html
Además de definir partes individuales de su página (como “un párrafo” o “una imagen”), HTML también cuenta con una serie de elementos a nivel de bloque que se utilizan para definir áreas de su sitio web (como “la cabecera”, “el menú de navegación”, “la columna de contenido principal”). Este artículo analiza cómo planificar la estructura básica de un sitio web y cómo escribir el HTML para representar esta estructura.
Secciones básicas de un documentoLas páginas web pueden tener y tendrán un aspecto bastante diferente entre sí, pero todas suelen compartir componentes estándar similares, a menos que la página muestre un vídeo o un juego a pantalla completa, forme parte de algún tipo de proyecto artístico o simplemente esté mal estructurada:
Enlaces a las secciones principales del sitio; suelen estar representados por botones de menú, enlaces o pestañas. Al igual que la cabecera, este contenido suele ser consistente de una página web a otra: tener una navegación incoherente en tu sitio web sólo hará que los usuarios se sientan confundidos y frustrados. Muchos diseñadores web consideran que la barra de navegación forma parte de la cabecera en lugar de ser un componente individual, pero esto no es un requisito; de hecho, algunos también argumentan que tener las dos separadas es mejor para la accesibilidad, ya que los lectores de pantalla pueden leer las dos características mejor si están separadas.