Source Code : Schema untuk Artikel Blogger ( Microdata )
Source Code : Schema untuk Artikel Blogger ( Microdata )

Source Code : Schema untuk Artikel Blogger ( Microdata )

  +
Untuk teman-teman yang sedang melakukan pembuatan template blogger, kali ini saya akan berbagi source-code yang mungkin bermanfaat untuk temen-temen kreator template saat melakukan optimasi Rich Result / Pengujian Hasil Kaya ( Google )

Langsung saja berikut adalah source code nya :
Schema untuk Artikel Blogger ( Microdata )
<article expr:id='data:post.id' itemscope='' itemtype='http://schema.org/BlogPosting'> <meta expr:content='data:blog.canonicalUrl' itemprop='mainEntityOfPage'/> <meta expr:content='data:blog.canonicalUrl' itemprop='url'/> <b:if cond='data:view.isSingleItem'> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription' itemprop='description'/> <b:else/> <meta expr:content='data:post.snippets.short' itemprop='description'/> </b:if> <b:else/> <b:if cond='data:post.metaDescription'> <meta expr:content='data:post.metaDescription' itemprop='description'/> <b:else/> <meta expr:content='data:post.snippets.short' itemprop='description'/> </b:if> </b:if> <b:if cond='data:post.date.iso8601'> <meta expr:content='data:post.date.iso8601' itemprop='datePublished'/> </b:if> <b:if cond='data:post.lastUpdated.iso8601'> <meta expr:content='data:post.lastUpdated.iso8601' itemprop='dateModified'/> </b:if> <b:if cond='data:view.isSingleItem'> <figure itemprop='image' itemscope='' itemtype='https://schema.org/ImageObject'> <b:if cond='data:post.thumbnailUrl'> <img expr:alt='data:post.title' expr:data-src='resizeImage(data:post.thumbnailUrl, 800, "2:1")' height='400' width='800'/> <meta expr:content='resizeImage(data:post.thumbnailUrl, 800, "2:1")' itemprop='url contentUrl'/> <b:else/> <img data-src='https://dummyimage.com/800x400/434343/FFFFFF.png' expr:alt='data:post.title' height='400' width='800'/> <meta content='https://dummyimage.com/800x400/434343/FFFFFF.png' itemprop='url contentUrl'/> </b:if> <meta content='800' itemprop='width'/> <meta content='400' itemprop='height'/> <figcaption itemprop='caption'> <data:post.title/> </figcaption> </figure> <b:if cond='data:view.isPost'> <nav itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'> <ol> <li itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:blog.canonicalHomepageUrl' itemprop='item'> <meta content='0' itemprop='position'/> <span itemprop='name'><i class='icon'>store</i></span> </a> </li> <b:loop index='i' values='data:post.labels' var='label'> <span class='pager'>\</span> <li itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'> <a expr:href='data:label.url + "?max-results=6"' itemprop='item'> <meta expr:content='data:i+1' itemprop='position'/> <span itemprop='name'> <data:label.name/> </span> </a> </li> </b:loop> </ol> </nav> </b:if> <h1 itemprop='name headline'> <data:post.title/> </h1> <div itemprop='author' itemscope='' itemtype='http://schema.org/Person'> <a expr:href='data:post.author.profileUrl' itemprop='url'> <img expr:alt='data:post.author.name' expr:src='resizeImage(data:post.author.authorPhoto.image, 40, "1:1")' height='40' itemprop='image' width='40'/> <b itemprop='name'><data:post.author.name/></b> </a> </div> <div itemprop='articleBody'> <data:post.body/> </div> </b:if> </article>
Diperbarui
Tambahkan Komentar

Silahkan berikan komentar jika ada pertanyaan / masukan untuk postingan ini.


Source Code : Schema untuk Artikel Blogger ( Microdata )

Source Code : Schema untuk Artikel Blogger ( Microdata )

Source Code yang mungkin bermanfaat untuk template creator.