El atributo HTML itemprop es un atributo global , que básicamente se usa para agregar una propiedad a un elemento. Esto se utiliza para agregar información adicional a la página web para que pueda ser relevante y más específicamente buscada por los motores de búsqueda.
Sintaxis:
<div itemscope itemtype="URL"> <span itemprop="itemNumber1">name of the item</span> <span itemprop="itemNumber2">name of the item</span> </div>
Los siguientes ejemplos demuestran el atributo HTML itemprop:
Ejemplo 1: En este ejemplo, el atributo itemprop se usa para especificar la propiedad del elemento span. Ayuda a los motores de búsqueda a comprender que el elemento en el div se trata de «geeksforgeeks» con una descripción como «GeeksForGeeks es un sitio web increíble que cubre artículos sobre la mayoría de los temas en el campo de la informática» y tiene el artículo «Programación dinámica».
HTML
<!DOCTYPE html> <html> <body> <h1>GeeksForGeeks</h1> <h4>Articles</h4> <div itempscope itemtype= "http://geeksforgeeks.org"> <span itemprop="description"> GeeksForGeeks is an awesome website that covers articles on majority of the topics on Computer Science field </span> <br><br> Article : <span itemprop="article"> Dynamic programming </span> </div> </body> </html>
Producción:
Atributo HTML itemprop
Ejemplo 2: En este ejemplo, los motores de búsqueda pueden entender que el div dado tiene una URL que contiene «Información» sobre una película llamada «Avengers» que es del género «Acción» y está dirigida por «Russo Brothers».
HTML
<!DOCTYPE html> <html> <body> <div itempscope itemtype= "https://en.wikipedia.org/wiki/Film"> <h1 itemprop="name">Avengers</h1> <br> <span>Directors : <span itemprop="Directors"> Russo Brothers </span> </span> <br> <span>Genre : <span itemprop="genre"> Action </span> </span> <br> <a itemprop="Information" href= "https://en.wikipedia.org/wiki/Avengers_(Marvel_Cinematic_Universe)"> Information </a> </div> </body> </html>
Producción:
Atributo HTML itemprop
Navegadores compatibles:
- Google Chrome
- Borde de Microsoft
- Firefox
- Ópera
- explorador de Internet
- Safari
Publicación traducida automáticamente
Artículo escrito por kamabokogonpachiro y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA