Selasa, 14 Juli 2015

Penggunaan Microdata

Penggunaan Microdata
- 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.



  • Syarat dan Ketentuan
  • 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. 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.



  • Cara Memasang Microdata

  • Langkah berikut ini untuk memasang microdata pada blog :
    1. Login Blog
    2. Pilih template kemudian Edit HTML
    3. cari kode <b:includable id="post" var="post">
    4. 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://ancerafriono.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'>TechnologyNews</span>
    <span itemprop="contentLocation">http://ancerafriono.blogspot.com</span></div>

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

    Semoga Bermanfaat untuk informasi lainnya klik disini.


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

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




    Penggunaan Microdata
    - 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.



  • Syarat dan Ketentuan
  • 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. 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.



  • Cara Memasang Microdata

  • Langkah berikut ini untuk memasang microdata pada blog :
    1. Login Blog
    2. Pilih template kemudian Edit HTML
    3. cari kode <b:includable id="post" var="post">
    4. 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://ancerafriono.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'>TechnologyNews</span>
    <span itemprop="contentLocation">http://ancerafriono.blogspot.com</span></div>

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

    Semoga Bermanfaat untuk informasi lainnya klik disini.


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

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




    Tidak ada komentar:

    Posting Komentar