Tutorial Memasang Schema Recipe Untuk Blogspot, Cocok Untuk Blog Resep Pinterest - Hallo sahabat gambar, Pada Artikel yang anda baca kali ini dengan judul Tutorial Memasang Schema Recipe Untuk Blogspot, Cocok Untuk Blog Resep Pinterest, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Blog, Artikel Blogspot, Artikel SEO, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Tutorial Memasang Schema Recipe Untuk Blogspot, Cocok Untuk Blog Resep Pinterest
link : Tutorial Memasang Schema Recipe Untuk Blogspot, Cocok Untuk Blog Resep Pinterest

Tutorial Memasang Schema Recipe Untuk Blogspot, Cocok Untuk Blog Resep Pinterest

Schema berfungsi untuk memudahkan crawl robot mengetahui konten blog mu membahas tentang apa.

Ada konten yang isinya artikel, resep, produk, review tempat wisata dan lain sebagainya.

Nah disinilah fungsi schema tersebut. Dengan harapan jika crawl robot lebih mudah mengetahui isi konten blog kita, semoga konten kita lebih mudah,  cepat terindex dan yang pasti semoga lebih mudah ke page one.

sumber gambar: https://www.seobility.net/en/wiki/Markup_Language

Pada kesempatan ini saya ingin berbagi bagaimana cara saya memasang schema recipe untuk blogspot.

Karena jika untuk wordpress sangat mudah, kamu hanya perlu menginstall plugin recipe yang sudah banyak di internet.

Langkah-langkah Memasang Rich Snippet Bintang di Blogspot

1. Masukkan kode CSS ini pada template blogmu:

#recipe-schema { border: 1px dashed #ff4da9; padding: 25px; background: #fbeaf3; font-size: 15px; margin-bottom: 10px; }
.recipe-schema-image { float: right; clear: right; margin-left: 10px; padding: 5px; background: #eee; border: 1px solid #ddd; }
.recipe-schema-name { font-size: 18px; }
.schema-primary-meta-data { margin-top: -25px; border-bottom: 1px solid #D0E3DF; padding-bottom: 20px; }
.recipe-schema-ingredients, .recipe-schema-instructions { font-weight: bold; }
.recipe-schema-description { font-style: italic; }
@media screen and (max-width: 500px){
.recipe-schema-image { float: none; clear: both; margin-bottom: 30px; margin-left: 0; }
}

2. Jika kode CSS sudah terpasang. Ketika kamu ingin membuat postingan resep gunakan halaman kerja "HTML View":

Lalu masukkan kode dibawah ini:

<br />DESKRIPSI PARAGRAF PERTAMA

<br /><div id="recipe-schema" itemscope itemtype="http://schema.org/Recipe">
<img class="recipe-schema-image" itemprop="image" src="URL GAMBAR" width="150" alt="JUDUL RESEP"  />
<br /><div class="schema-primary-meta-data">
<span class="recipe-schema-name" itemprop="name"><strong>JUDUL RESEP</strong></span>
<br /><strong>Author: </strong><span itemprop="author">NAMA PENULIS</span>
<br /><strong>Prep Time: </strong><time datetime="PT20M" itemprop="prepTime">20 minutes</time>
<br /><strong>Cook time: </strong><time datetime="PT60M" itemprop="cookTime">60 minutes</time>
<br /><strong>Yield: </strong><span itemprop="recipeYield">Serves 12</span>
<br /><strong>Category: </strong><span itemprop="recipeCategory">KATEGORI RESEP</span>
<br /><strong>Cuisine: </strong><span itemprop="recipeCuisine">Brazilian</span>
<br /><strong>Keywords: </strong><span itemprop="keywords">KEYWORDS</span>
<br /><div itemprop="nutrition" itemscope itemtype="https://schema.org/NutritionInformation">
<strong>Nutrition facts:</strong>
<span itemprop="calories">115 calories</span>, <span itemprop="fatContent">Carbohydrates: 11g | Protein: 1g | Fat: 7g | Saturated Fat: 4g | Cholesterol: 14mg | Sodium: 46mg | Potassium: 14mg | Fiber: 1g | Sugar: 10g | Vitamin A: 173IU | Vitamin C: 1mg | Calcium: 28mg | Iron: 1mg</span>
  </div>
<br /><div itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating">
<strong>Rated: </strong><span itemprop="ratingValue">4.5</span>/5 based on <span itemprop="reviewCount">11</span> customer reviews</div>
</div>

<br /><span class="recipe-schema-description" itemprop="description">DESKRIPSI RESEP</span>

<br /><br /><span class="recipe-schema-ingredients">Ingredients:</span>
<ul>
<li><span itemprop="recipeIngredient">INGREDIENTS</span></li>
<li><span itemprop="recipeIngredient">INGREDIENTS</span></li>
<li><span itemprop="recipeIngredient">INGREDIENTS</span></li>
</ul>

<div class="recipe-schema-instructions">
Instructions:</div>
<ol>
<li><span itemprop="recipeInstructions">INSTRUCTIONS</span></li>
<li><span itemprop="recipeInstructions">INSTRUCTIONS</span></li>
<li><span itemprop="recipeInstructions">INSTRUCTIONS</span></li>
<li><span itemprop="recipeInstructions">INSTRUCTIONS</span></li>
<li><span itemprop="recipeInstructions">INSTRUCTIONS</span></li>
</ol>  
</div>

Lalu edit sesuai konten resepmu.

*Untuk penulisan waktu:

PT20M = 20 menit

PT1H20M = 1 jam 20 menit

Jika sudah beres semua, publish seperti biasa.

Setelah itu kamu bisa test hasil schema disini https://search.google.com/test/rich-results

Lalu kamu bisa validasi Pinterest disini https://developers.pinterest.com/tools/url-debugger/ 

Jika dilihat di Pinterest:

Baca juga: Template Blogspot Mirip Pinterest, Cocok Untuk Blog Wallpaper

Jika dari mesin pencari Google:

Dengan mengikuti kaedah schema seperti ini semoga konten kita bisa mendatangkan pengunjung yang banyak, amin

Demikianlah Artikel Tutorial Memasang Schema Recipe Untuk Blogspot, Cocok Untuk Blog Resep Pinterest

Sekianlah artikel Tutorial Memasang Schema Recipe Untuk Blogspot, Cocok Untuk Blog Resep Pinterest kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Tutorial Memasang Schema Recipe Untuk Blogspot, Cocok Untuk Blog Resep Pinterest dengan alamat link https://gambarwalpeper.blogspot.com/2021/06/tutorial-memasang-schema-recipe-untuk.html

Tweet