Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

Los programadores ahora están ofendidos, pero no son necesarios. Intentarán arreglárselas sin ti, y luego te pedirán que arregles todo lo que se rompió en el proceso. Broma. Casi.


Hablamos sobre el vocabulario y la sintaxis de micro-marcado, reunimos varios complementos y herramientas para crear y verificar el marcado, y separamos uno de los complementos en pasos.


, Schema.org, .



Schema.org — , , . , , site.ru/product_page1 , : , , , .. .


Schema.org . , , :





— , . — , . Schema.org, Open Graph, Dublin Core — .


— html- . — , .


, Schema.org:



, , .



. : , — , — .


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

, :


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

:


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

: , :


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

Schema.org, — .


Google ( ).



Google . : , ( , ).


SEO Promopult: . — . -, , . , . ( ).



( ). , , : , .


: → → → .


— , ( ).


Schema.org


(, ) , (SKU, , ..).


schema.org.


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

— () Thing ( )


, :


  • Product — , . , , , .. , /: , , , , , , , , SKU ..
  • Event (). , : , , .. Schema.org Event . , (BusinessEvent), (Festival), (SportsEvent).
  • Recipe — . , , , .
  • Review (). — «» .


, Schema.org :


  • RDFa;
  • ;
  • ;
  • JSON-LD.

, (JSON-LD) — .


Google JSON-LD — , RDFa, .


: JSON-LD ( .). , ( ), . — RDFa ( , — ).


Google — JSON-LD.


JSON-LD


. , .


JSON-LD :


<script type="application/ld+json">
{
//  
}
</script>

— , ( <html>, <head> <body> html-). , : , .



<script type="application/ld+json">
{
"@context": "https://schema.org/", //    — Schema.org
"@type": "Product", //  — 
"name": "iPhone", //  —  
"image": "https://site.ru/iphone10.png", // URL  
"description": "iPhone 10", // 
"brand": "Apple", // -
"aggregateRating": { // 
"@type": "AggregateRating",
"ratingValue": "5", // 
"ratingCount": "56" //  
}
}
</script>

! , , . , .


JSON-LD


JSON-LD ( ) — , . JSON-LD, :



Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador


, . JSON-LD , , .


:



Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

  • .

Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

JSON-LD?


( ) — . <head> </head> .


JSON-LD .



HTML ( JSON-LD — JavaScript). — .


— :


  • itemscope — , (<div>...</div>) ();
  • itemtype — ;
  • itemprop — .

:


<div itemscope itemtype="http://schema.org/Movie">
<h1 itemprop="name"></h1>
<div itemprop="director" itemscope itemtype="http://schema.org/Person">:
<span itemprop="name"> </span>
(. <span itemprop="birthDate"> 20  1970 .</span>)
</div>
<span itemprop="genre"> </span>
<a href="../movies/interstellar-2-trailer.html" itemprop="trailer"></a>
</div>

— .



, -:



Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador


( ).



, .



Google — .


:


  • , ;
  • , Google (, ).


;


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

  • URL . , - — . — . . — , .
  • « ».

Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

  • . « » , . , . (, ) .

Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

  • Del mismo modo, etiquete todos los elementos obligatorios y opcionales. Luego haga clic en Finalizar. En la ventana emergente, la herramienta ofrecerá seleccionar un grupo de páginas similares seleccionadas por el sistema, o crear su propio grupo. Seleccione la opción que desee y haga clic en Crear grupo de páginas.

Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

  • En el siguiente paso, el sistema ofrecerá verificar el diseño correcto de otras páginas. Si hay muchas páginas similares, el sistema mostrará varias páginas de muestra. Verifique el marcado y corrija los errores si el sistema marca incorrectamente algunos elementos. Luego publique el micro-marcado.

Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

Googlebots rastreará las páginas del sitio y tendrá en cuenta el microdiseño especificado.


Cómo cambiar o eliminar el micro diseño


<> Abra la Consola de búsqueda y vaya a la sección Marcador. Seleccione el grupo de páginas que agregó al marcar. Edítelos o elimine el grupo por completo.
Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

Google , .


! Google. , . , - .



CMS?


CMS — . , . , :



Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

  • Schema. JSON-LD. ( 99$). — , , , , . , Schema.org .

Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

Schema:


Schema, . Settings → General. .


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

— Knowledge Graph. , — Person, , Organization ( ).


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

Schemas. « » «». , — .


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

, Schema. Advanced «Delete Data on Uninstall».


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

. — <head>...</head> JSON-LD.


Google ( ). , — .


Hágalo usted mismo Schema.org: personalizando el micro diseño sin un programador

. — .



  • Schema.org — , , .
  • . → CTR.
  • ? RDFa.
  • Google — JSON-LD.
  • Google . Search Console ( , ).
  • — . .
  • .

— . CMS — , .

Source: https://habr.com/ru/post/undefined/


All Articles