Websites & Apps

Explicación detallada de Microdata en HTML5

DROPIDEA Por Admin
June 1, 2025 289 vistas
DROPIDEA | دروب ايديا - Explicación detallada de Microdata en HTML5

La especificación HTML5 microdata es una forma de clasificar el contenido para describir un tipo específico de información—por ejemplo, reseñas, información personal o eventos. Cada tipo de información describe un tipo específico de elementos, como una persona, evento o reseña.

Por ejemplo, un evento tiene propiedades como ubicación, hora de inicio, nombre y categoría. Microdata utiliza atributos simples en etiquetas HTML (generalmente o

) para asignar nombres cortos y descriptivos a elementos y sus propiedades.

A continuación se muestra un ejemplo de un bloque HTML corto que demuestra la información de contacto básica de Abdulmoneim Ibrahim. Mi nombre es Abdulmoneim Ibrahim, pero me llaman Moneim.

A continuación se muestra mi página de inicio:

www.example.com Vivo en Dokki, Giza, y trabajo como ingeniero en Arab Engineering Company. Aquí está el mismo código HTML codificado utilizando microdata.

Mi nombre es Abdulmoneim Ibrahim pero me llaman Moneim.

A continuación se muestra mi página de inicio:

www.example.com Vivo en Dokki, Giza, y trabajo como ingeniero en Arab Engineering Company.

A continuación se explica cómo funciona este ejemplo. En la primera línea, itemscope indica que el contenido

es un elemento.

Y itemtype="http://data-vocabulary.org/Person" indica que el elemento es una persona. Cada propiedad de un elemento de persona se identifica mediante el atributo itemprop. Por ejemplo, itemprop="name" describe el nombre de la persona.

Contenidos del tema Toggle Entidades anidadas Información de fecha y hora Contenido no visible Entidades anidadas El ejemplo anterior muestra la información de contacto de Abdulmoneim Ibrahim, pero no incluye su dirección. El siguiente ejemplo muestra el mismo código HTML, pero en este caso incluye la propiedad address. Mi nombre es Abdulmoneim Ibrahim,

pero me llaman Moneim. A continuación se muestra mi página de inicio: www.example.com.

Vivo en Dokki, Giza

y trabajo como ingeniero en Arab Engineering Company. A continuación se explica cómo funciona este ejemplo: la propiedad address{1} es en sí misma un elemento que contiene un conjunto de propiedades.

Esto se evidencia al colocar el atributo itemscope en el elemento que describe la propiedad address y usar el atributo itemtype para especificar el tipo de elemento descrito, como en este ejemplo: . Para más ejemplos, consulte Elementos anidados.

Información de fecha y hora Para especificar fechas y horas claramente, use el elemento time con el atributo datetime. Aquí, la propiedad startDate indica la fecha de inicio de un evento.

El valor se especifica en el atributo datetime utilizando

el formato de fecha estándar. El uso de este formato permite presentar la fecha y hora de manera detallada a los motores de búsqueda y, opcionalmente, la zona horaria en formato estándar ("2009-10-15T19:00-08:00"), mientras se mantiene la visualización de la fecha en su página de una manera que sea fácil de entender para el usuario ("15 de octubre de 2009, 7 PM"). 15 de octubre de 2009, 7 PM Contenido no visible Por lo general, Google no mostrará contenido no visible a los usuarios.

En otras palabras, no muestre el contenido a los usuarios de una manera, y use texto oculto para codificar información por separado para motores de búsqueda y aplicaciones web. Debe codificar el texto que realmente aparece a los usuarios cuando visitan páginas web. Hay algunas excepciones a estas directrices.

Sin embargo, en algunos casos puede resultar beneficioso proporcionar información más detallada a los motores de búsqueda, incluso si no desea mostrar esta información a los visitantes de la página. Por ejemplo, si la calificación de un restaurante es 8.5, los usuarios (no los motores de búsqueda) asumirían que esta calificación se basa en una escala del 1 al 10. En este caso, puede indicar esto usando una etiqueta meta como la siguiente:

Calificación: 8.5 A continuación se explica cómo funciona este ejemplo: la etiqueta meta se utiliza para especificar información adicional que no es visible en la página—en este caso, nos referimos al hecho de que la calificación "mejor posible" es 10. El valor de la propiedad se especifica utilizando el atributo content.

Del mismo modo, proporcionar la duración de un evento en formato ISO puede ayudar a garantizar que aparezca correctamente en los motores de búsqueda, como en este ejemplo: Duración: una hora y media A continuación se explica cómo funciona este ejemplo: use la etiqueta meta para especificar el valor de la propiedad (que es la duración en este caso).

Esto le permite usar el valor del atributo content("PT1H30M") para especificar la duración en formato estándar ISO 8601, mientras mantiene la visualización de la duración con texto que sea fácil de entender para el usuario (una hora y media) en la misma página. Google considera el elemento principal de la etiqueta meta para determinar la información proporcionada de manera recíproca dentro de la etiqueta meta.

Por lo tanto, en este caso, es necesario asegurarse de que el nodo principal directo de la etiqueta meta rodee el texto una hora y media. Para obtener más información sobre vocabularios y ejemplos específicos, consulte: Reseñas Personas Productos Empresas e instituciones Recetas Eventos Vídeo (tenga en cuenta que aunque Google admite la codificación de vídeo, actualmente solo la utilizamos para mejorar los resultados de búsqueda de vídeo).

Para verificar la codificación, use la herramienta de prueba de fragmentos enriquecidos.

#microdata #FragmentosEnriquecidos

DROPIDEA

Esperamos que este artículo te haya aportado valor real. En DROPIDEA, siempre nos esforzamos por ofrecer contenido de alta calidad que te ayude a crecer y evolucionar en el espacio digital. Síguenos para más artículos y guías útiles.

Compartir artículo