👩🏻‍🎨 💪🏾 📣 Faça Você Mesmo Schema.org: personalizando o micro-layout sem um programador ↘️ 🌊 🚕

Os programadores agora estão ofendidos, mas não são necessários. Eles tentarão lidar sem você e, em seguida, solicitarão a correção de tudo o que ocorreu no processo. Piada. Por pouco.

Falamos sobre o vocabulário e a sintaxe de micromarcações, reunimos vários plugins e ferramentas para criar e verificar marcações e separamos um dos plugins em etapas.

, Schema.org, .

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

Schema.org . , , :

Open Graph. Facebook, (, , ). Facebook, (, , ..).
. W3C, 2007 . , , . , , Schema.org.
Dublin Core. — .

Schema.org

JSON-LD
JSON-LD

JSON-LD?

CMS?

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

— html- . — , .

, Schema.org:

;
;
RDFa;
JSON-LD.

, , .

. : , — , — .

, :

: , :

Schema.org, — .

— Google ( ).

Google . : , ( , ).

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

( ). , , : , .

: → → → .

— , ( ).

Schema.org

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

— schema.org.

— () 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, :

technicalseo.com — , (, , , FAQ-, ..). .

schemaapp.com — (, 14- ). Schema.org.

hallanalysis.com — . .

, . JSON-LD , , .

Structured Data Testing Tool Google;

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>

— .

, -:

webcode.tools — , 14 . JSON-LD;

htmlstrip.com ( 3 : , , );

Local Business Schema Generator — . JSON-LD — .

( ).

, .

Google — .

, ;
, Google (, ).

;

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

. « » , . , . (, ) .

Da mesma forma, identifique todos os elementos obrigatórios e opcionais. Depois clique em Concluir. Na janela pop-up, a ferramenta oferecerá para selecionar um grupo de páginas semelhantes selecionadas pelo sistema ou criar seu próprio grupo. Selecione a opção desejada e clique em Criar grupo de páginas.

Na próxima etapa, o sistema oferecerá a verificação do layout correto de outras páginas. Se houver muitas páginas semelhantes, o sistema mostrará várias páginas de amostra. Verifique a marcação e corrija os erros se alguns elementos estiverem marcados incorretamente pelo sistema. Em seguida, publique a micromarcação.

O Googlebots rastreará as páginas do site e levará em consideração o micro-layout especificado.

Como alterar ou remover o micro-layout

<> Abra o Search Console e vá para a seção Marcador. Selecione o grupo de páginas que você adicionou ao marcar. Edite-os ou exclua o grupo completamente.