Cara Memasang Microdata

Tugas3

·  Cara Memasang Microdata

Langkah berikut ini untuk memasang microdata pada blog :

Masuk atau login Blog

Pilih template kemudian Edit HTML

cari kode <b:includable id="post" var="post">

Templekan kode yang dibawah ini setelah kode nomor 3

<div class='post hentry uncustomized-post-template' property='blogpost' itemscope='' itemtype='http://schema.org/Blog' style='display:none;'>
<div expr:content='data:post.title' itemprop='name alternateName'/>
<div expr:content='data:post.url' itemprop='url'/>
<div content='http://cipocok3.blogspot.com/' itemprop='additionalType'/>
<div expr:content='data:post.thumbnailUrl' itemprop='image thumbnailUrl'/>
<span itemprop='description articleBody articleSection'><data:post.body></span>
<span itemprop='author editor'><data:post.author></span>
<span itemprop='datePublished dateCreated'><data:post.timestamp></span>
<span itemprop='version'>penggunaanmicrodata</span>
<span itemprop="contentLocation">http://cipocok3.blogspot.com</span></div>

Setelah itu tempelkan kode kemudian save / publish dan cek kembali di google. 


atau bisa langsung diketikan ketika di compose dibagian HTML di modif seperti ini :

<div class="recipe-description summary" itemprop="summary">
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Penggunaan Microdata</span></div>
</div>
<div style="text-align: justify;">
- Sebelum mengetahui penggunaan Microdata, agan harus mengenal HTML dulu supaya lebih paham dalam mengenali penggunaan Microdata yang akan dibahas. karena Microdata adalah sebuah markup untuk menghiasi tampilan sebuah HTML, salah satunya yaitu untuk tampilan blog selain untuk menghias tampilan HTML, microdata juga berfungsi mempercepat untuk ditemukan oleh mesin pencari seperti google yaiu ketika kita posting yang sudah ada microdatanya maka postingan tersebut akan lebih cepat dicari dan postingan tersebut akan muncul dihalaman awal.</div>
<div style="text-align: justify;">
<br /></div>
<br />
<li itemprop="ingredient" itemscope="itemscope" itemtype="http://data-vocabulary.org/RecipeIngredient" style="text-align: justify;">
<span itemprop="name"> Syarat dan Ketentuan</span></li>
<span style="font-family: Arial, Helvetica, sans-serif;"><div style="text-align: justify;">
Microdata ini mempunyai Syarat dan Ketentuan untuk menaruhkan kata kunci di dalam HTML. Syarat untuk microdata pada HTML yaitu terdapat 2 kosakata yang berbeda sehingga kosakata yang digunakan cukup unik, kosakata untuk microdata yang support yaitu vocabulary.org dan schema.org.&nbsp;<span style="background-color: white; text-align: justify;">beberapa webmaster terutama Google menyarankan penggunaan kosakata dari schema.org, dengan alasan kosakata schema.org lebih banyak dan lebih fleksibel dari pada kosakata data-vocabulary. Walau contoh yang diberikan oleh Google masih menggunakan data-vocabulary namun disarankan pada webmaster untuk menggunakan Schema yang lebih banyak kosakatanya dan kemungkinan kedepannya, data-vocabulary tidak lagi digunakan.</span></div>
</span><br />
<div>
<div style="text-align: justify;">
<br /></div>
<li itemprop="ingredient" itemscope="itemscope" itemtype="http://data-vocabulary.org/RecipeIngredient" style="text-align: justify;"><span itemprop="name">Cara Memasang Microdata</span></li>
<br />
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">Langkah berikut ini untuk memasang microdata pada blog :</span></span></div>
<div style="text-align: justify;">
<ol>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">Login Blog</span></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">Pilih template kemudian Edit HTML</span></span></li>
<li><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white;">cari kode&nbsp;</span></span><span style="background-color: white; color: blue; font-family: sans-serif; font-size: 17px; line-height: 17px; text-align: left;">&lt;b:includable id="post" var="post"&gt;</span></li>
<li style="text-align: justify;"><span style="font-family: sans-serif;"><span style="background-color: white; font-size: 17px; line-height: 17px;">Templekan kode yang dibawah ini setelah kode nomor 3.&nbsp;</span></span></li>
</ol>
</div>
<div style="text-align: justify;">
<blockquote style="background: rgb(208, 236, 209); border-color: rgb(236, 193, 238) rgb(236, 193, 238) rgb(236, 193, 238) rgb(0, 149, 216); border-style: dotted dotted dotted solid; border-width: 3px 3px 3px 5px; color: #52944a; font-size: 17.4400005340576px; height: auto; margin: auto; overflow: hidden; padding: 6px; text-align: start; width: 587.4375px;">
&lt;div class='post hentry uncustomized-post-template' property='blogpost' itemscope='' itemtype='http://schema.org/Blog' style='display:none;'&gt;<br />
&lt;div expr:content='data:post.title' itemprop='name alternateName'/&gt;<br />
&lt;div expr:content='data:post.url' itemprop='url'/&gt;<br />
&lt;div content='http://cipocok3.blogspot.com/' itemprop='additionalType'/&gt;<br />
&lt;div expr:content='data:post.thumbnailUrl' itemprop='image thumbnailUrl'/&gt;<br />
&lt;span itemprop='description articleBody articleSection'&gt;&lt;data:post.body&gt;&lt;/span&gt;<br />
&lt;span itemprop='author editor'&gt;&lt;data:post.author&gt;&lt;/span&gt;<br />
&lt;span itemprop='datePublished dateCreated'&gt;&lt;data:post.timestamp&gt;&lt;/span&gt;<br />
&lt;span itemprop='version'&gt;penggunaanmicrodata&lt;/span&gt;<br />
&lt;span itemprop="contentLocation"&gt;http://cipocok3.blogspot.com&lt;/span&gt;&lt;/div&gt;</blockquote>
</div>
</div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; text-align: justify;">Setelah itu tempelkan kode kemudian save / publish dan cek kembali di google.&nbsp;</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; text-align: justify;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; text-align: justify;">atau bisa langsung diketikan ketika di compose dibagian HTML di modif seperti ini :</span></span><br />
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<br /></div>

Sumber: http://jokeyinside.blogspot.com/2014/06/softskill-web-science.html

http://bloggeraneukaceh.blogspot.com/2014/07/cara-memasang-blog-posting-di-blogger.html

Syarat dan Ketentuan dari Microdata

Tugas 2

Syarat dan ketentuan agar microdata dapat digunakan yakni 

      Didalam Microdata memiliki syarat dan ketentuan key di dalam html. syarat dan untuk microdata pada html yaitu memiliki 2 kosakata yang memiliki perbedaan masing masing , agar dapat kosakata yang digunakan cukup menarik jika digunakan , kosakata yang support untuk microdata  yaitu vocabulary.org dan schema.org. beberapa webmaster terutama google menyuruh menggunakan kosakata yang lebih baik yaitu schema.org . karna kosakata schema.org lebih baik dan lebih fleksibel gampang dari pada kosakata data-vocabulary. Meskipun contoh memang sudah diberikan oleh google yang masih menggunakan data-vocabulary tetapi disarankan memakai webmaster  untuk menggunakan schema yang lebih baik dan bagus kosakata kata nya yaitu menggunakan schema dan vocabulary semakin lama akan tertinggal.

Pengertian Microdata

Tugas 1

       Apa itu microdata , microdata adalah sebuah mekanisme anotasi berupa pasangan variable dan memiliki nilai pada sebuah html.anotasi ini jika kita ketahui dapat menambahkan arti dari data yang diberikan dalam sebuah dokumen html. Untuk microdata sendiri itu dikembangkan oleh komunitas WHATWG yakni Web Hypertext Application Technology Working Group , yang telah mengusulkan format html 5. Dalam perkembangan nya format html 5 kemudian jika kita lihat dan kita ketahui bahwa html 5 telah di adopsi oleh W3C kepanjangan nya World wide Web Consortium untuk di kembangkan sebagai standar format html yang baru.