Widget Postingan Halaman Toko Online Parabola Terstruktur Data Schema.Org
Membuat Postingan Halaman Toko Online Parabola
Cara membuat widget postingan halaman toko online parabola, terstruktur data schema.org , dan hasil nya lolos uji di " Pengujian Hasil Kaya Google atau Rich Snippet Google " sebagai berikut :Tahap ke-1
Parabola Mini Kvision dan Nex Parabola
Deskripsi Produk:
Hubungi kami,
Hp/Wa. 0811-222-1721
Price:
Rp.850.000
Berikut ini langkah - langkah yang bisa kamu ikuti untuk membuat artikel postingan produk jualan toko online blogspot yang benar dan terstruktur. Salin kode HTML di bawah ini , ke dalam halaman postingan blogspot dengan "mode HTML".
<div>
<div class="produk-saya" itemscope="" itemtype="https://schema.org/Product">
<meta content="925872" itemprop="mpn">
<meta content="0446310786" itemprop="sku">
<meta content="Parabola Mini Kvision dan Nex Parabola" itemprop="name">
<img alt="" itemprop="image" src="https://blogger.googleusercontent.com/img/a/AVvXsEhriCe2XXNcBQOb908kDaa0rxFbApstOzLt8l6GR4F9aFPMHOv3fjsIo0ORBJ98pKcDmWiFwbeFQBh2uFRr0X0iVnjAume3SfPFWKJPwktDwMcya0--bgRdrsRgG9X1NFEp6zvgGlMD04UHsrdayZSaAoUyzvnVM-xbjZzPHA2tAkgK3OHJXLskSKBK=s320" />
<br /> <br />
<a class="nama-produk" itemprop="name"><b>Parabola Mini Kvision dan Nex Parabola</b></a>
<br />
<h4>Deskripsi Produk:</h4>
<div class="description-item" itemprop="description">
<li>1 bh Antena Parabola</li>
<li>1 bh LNB Ku-Band</li>
<li>1 bh Receiver Dekoder K-Vision atau Nex Parabola</li>
<li>15 Meter kabel coaxcial</li>
<li>Harga sudah termasuk dengan pemasangan area Bandung dan sekitarnya.</li><br />
<b>Hubungi kami, <br /> Hp/Wa. 0811-222-1721</b>
<div itemprop="offers" itemscope="" itemtype="https://schema.org/Offer">
<link href="https://raqysa.blogspot.com/2022/02/widget-postingan-halaman-toko-online.html" itemprop="url"></link>
<meta content="https://schema.org/InStock" itemprop="availability">
<span class="daftar-harga" content="IDR" itemprop="priceCurrency">Price:</span>
<meta content="https://schema.org/UsedCondition" itemprop="itemCondition">
<span class="harga-produk" content="850.000" itemprop="price">Rp.850.000</span>
<meta content="2022-11-05" itemprop="priceValidUntil">
</div>
<div class="rating-saya" itemprop="aggregateRating" itemscope="" itemtype="https://schema.org/AggregateRating">
<span class="skor" itemprop="ratingValue"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>5.0</span> <span class="rating" itemprop="reviewCount">20</span>
</div>
<div itemprop="review" itemscope="" itemtype="https://schema.org/Review">
<div itemprop="author" itemscope="" itemtype="https://schema.org/Person">
<meta content="Raffa Prb" itemprop="name">
</div>
<div itemprop="reviewRating" itemscope="" itemtype="https://schema.org/Rating">
<meta content="4" itemprop="ratingValue">
<meta content="5" itemprop="bestRating">
</div>
<div itemprop="brand" itemscope="" itemtype="https://schema.org/Brand">
<meta content="Kvision dan Nex Parabola" itemprop="name">
</div>
</div>
</div>Keterangan
Url gambar (warna biru) ganti dengan Url gambar / foto produk jualan.
Nama Produk Anda (warna biru) ganti dengan nama produk sendiri
11 (warna biru) = Angka nilai rating produk
Rp.850.000 (warna biru) = Angka nilai harga
Deskripsi = Isi dengan penjelasan produk
Salin kode CSS dibawah ini.
Nama Produk Anda (warna biru) ganti dengan nama produk sendiri
11 (warna biru) = Angka nilai rating produk
Rp.850.000 (warna biru) = Angka nilai harga
Deskripsi = Isi dengan penjelasan produk
Tahap ke-2
Merapikan Tampilan Artikel Produk AndaSalin kode CSS dibawah ini.
.rating, .skor {font-size:13px;}
.nama-produk {color:#111!important;font-size:20px;font-weight:500;}
.daftar-harga {font-size:12px;color:#888;}
.harga-produk {font-size:18px;color:#B12704;}
.produk-tersedia {font-size:15px;color:#B12704;}
.description-item {font-size:14px;}
.fa-star, .fa-star-half {color:#ffa403;font-size:13px!important;}
.produk-saya img {float:left;margin:0 20px 10px 0;padding:0;width:200px;height:250px;}
.produk-saya {font-family:'Roboto';width:45.78%;background:#ffffff;float:left;display:inline-block;margin-right:20px;margin-left:20px;margin-bottom:20px;box-sizing: border-box;padding:8px;border:1px solid #cccccc;border-radius:3px;}
.rating-saya {padding:10px;}
@media screen and (max-width: 800px){
.box-info {margin: 15px 10px 50px;}
.box-list li {width:90%;}
}
@media only screen and (max-width: 640px) {
.produk-saya {width:100%;margin:0;margin-bottom:20px;float:none}
.produk-saya img {width: 100%;float: none;height: 100%;margin: 0 0 20px 0;}
Letakan kode CSS diatas, didalam mode file template blogger kamu dan letakan
diatas kode </style> atau ]]></b:skin>
Widget Postingan Halaman Toko Online Parabola Terstruktur Data Schema.Org
Harga : *Belum termasuk Ongkos kirim
