Cara Memperbaiki Mistake Pada Struktur Information Blog: Lengkap

Jauh sebelumnya, di dunia information technology terutama yang berkaitan dengan dunia programming suduah dikenal istilah struktur data, saat ini struktur information ternyata sudah dilibatkan juga untuk memperbaiki struktur kode halaman web, istilah ini sering disebut dengan schema markup.

Tujuannya menyisipkan kode schema markup pada kode html halaman weblog adalah agar mesin pencari seperti yahoo bing maupun google lebih mudah memahami maksud yang terdapat di sebuah halaman blog, bukan hanya sekedar tulisan saja, sehingga mesin pencari dapat memberikan hasil pencarian yang lebih informatif terhadap pengguna.

Aturan penulisan Struktur information atau schema markup untuk sebuah halaman situs memiliki standar penulisan khusus, kode schema markup yang digunakan saat ini adalah hasil kerjasama kolaborasi perusahaan mesin pencari terpopuler di dunia yaitu google, yandex, yahoo dan bing dengan communitas terbuka, referensi legkap mengenai cara penulisan dan perintah penulisannya di publikasikan di situs schema.org

Saat ini blog-blog sudah banyak melibatkan schema markup pada struktur kodenya, bahkan bukan hanya digunakan untuk referensi mesin pencari saja, media sosial facebook twitter dan google+ menggunakan informasi struktur information schema markup untuk informasi ketika pengguna melakukan portion di media sosial tersebut.

Agar schema org dapat berfungsi dengan baik, maka anda harus dapat memastikan bahwa struktur information schema markup pada kode halaman weblog anda tidak fault dan strukturnya tertata dengan baik dan benar.

Cara Mengecek Struktur information schema markup blog 

Cara mengencek apakah struktur information schema markup weblog anda dalam keadaan baik atau fault anda bisa menggunakan tool khusus yang disediakan oleh google, silahkan buka situshttps://search.google.com/structured-data/testing-tool,

kemudian masukan alamat weblog anda, bisa alamat homepage atau alamat artikel, kemudian silahkan jalankan test.

Anda akan disajikan informasi struktur information schema markup yang dimiliki oleh halaman weblog anda, kurang lebih mungkin akan seperti tampilan gambar di bawah ini:

Untuk weblog saya pribdi ditemuka fault di bagian BlogPosting dan Website, kita coba klik yang di bagian blogposting, maka ditemukan adanya fault seperti gambar di bawah ini:

Itu artinya struktur information schema markup untuk halaman weblog tersebut perlu diperbaiki.

Cara Memperbaiki Kesalahan (Error) Struktur information schema markup pada weblog

Anda bisa menemukan banyak sekali fault struktur data, fault yang muncul bisa saja berbeda antara satu weblog dengan weblog lainnya, beberapa yang sering ditemukan seperti tampilan di atas, jika kebetulan anda menemukan error-error seperti di atas anda bisa memperbaikinya dengan langkah-langkah di bawah ini:

1. Mengatasi Error di bagian detail type "WebSite" 

Jika anda menemukan fault di bagian itemtype website, cara memperbaikinya adalah sebagai berikut:
cari kode </head pada template weblog anda, kemudian masukan kode di bawah ini sebelum kode </head

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
</b:if>

 

2. Mengatasi Error strukturdata pada "author"

Nilai propery "author" bisa kita isi dengan nama writer atau penulis artikel postingan yang bersangkutan, jika di dalam halaman artikel weblog anda anda menampilkan author, maka pada kode HTML untuk writer bisa kita sisipkan kode schema markup untuk author.

Pada kode html weblog anda silahkan cari kode di bawah ini:

<b:if cond='data:post.authorProfileUrl'>
    <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
        <data:post.author/>
    </a>  
<b:else/>

Kemudian ubah menjadi:

<b:if cond='data:post.authorProfileUrl'>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
        <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
        <a class='g-profile' expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
            <span itemprop='name'><data:post.author/></span>
        </a>
    </span>
<b:else/>

Jika halaman weblog anda tidak menampilkan writer maka anda bisa membuatnya sendiri:
Silahkan cari kode:

 <article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

kemudian tambahkan di bawahnya kode berikut:

 <article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<span itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <meta expr:content='data:post.authorProfileUrl' itemprop='url'/>
     <meta expr:content='data:post.author' itemprop='name' />
</span> 

Jika seting di atas benar maka tampilan struktur information untuk "author" akan terlihat seperti gambar di bawah ini:

3. Mengatasi Error Pada "datePublished" dan "dateModified"

Struktur information untuk detail "datePublished" harus diisi dengan tanggal penerbitkan artikel, sedangkan dateModified bisa diisi dengan tanggal modifikasi artikel tersebut, jika didalam halaman artikel weblog anda menampilkan tanggal penerbitan artikel maka kita bisa sisipkan datePublished dan dateModified pada kode HTML untuk tanggal artikel tersebut.

<time class='timestamp-link' expr:content='data:post.timestampISO8601'><data:post.timestamp/></time>

Kemudian ubah menjadi:

<time class='timestamp-link' expr:content='data:post.timestampISO8601' itemprop='datePublished dateModified'><data:post.timestamp/></time>

 

4. Mengatasi Error Pada strukturdata "image"

Nilai untuk struktur information belongings "image" harus berisi url gambar, jika di dalam artiktikel disisipkan image, maka url gambar tersebut bisa kita gunakan untuk nilai belongings "image".

Cari kode berikut:

 <article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Kemudian tambahkan kode di bawah ini tepat setelah kode di atas menjadi:

<article class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
<meta expr:content='data:post.firstImageUrl' itemprop='url'/>
<meta content='320' itemprop='width'/>
<meta content='172' itemprop='height'/>
</div>
</b:if>

Sebenarnya kode di atas bisa anda tambahkan dimana saja di dalam bagian artikel tapi harus berada di lingkup tag HTML dengan itemtype='http://schema.org/BlogPosting'

Kode diatas akan mengisi nilai "image" dengan url gambar pertama yang anda sisipkan pada artikel weblog anda, Nilai untuk itempprop='widht' dan itemprop='height' bisa anda ubah sesuaikan dengan nilai ukuran gambar yang biasa anda gunakan pada artikel postinga.

Jika berhasil maka strukturdata schema untuk kode di atas akan kelihatan seperti gambar di bawah ini:

5. Mengatasi Error struktur information "name" dan "headline"

detail belongings "name" dan juga "headline" untuk itemtype='http://schema.org/BlogPosting', bisa kita isi dengan Judul artikel postingan yang bersangkutan, cara memperbaikinya adalah sebagai berikut:

Cari tag HTML yang digunakan untuk membungkus judul artikel postingan weblog anda, misal tag championship di weblog saya adalah:

<h1 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url in addition to data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
    <b:else/>
        <data:post.title/>
    </b:if>
</h1>

kemudian kita ubah menjadi:

<h1 class='post-title entry-title' itemprop='headline name'>
    <b:if cond='data:post.link or (data:post.url in addition to data:blog.url != data:post.url)'>
        <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a>
    <b:else/>
        <data:post.title/>
    </b:if>
</h1>

 Jika benar maka anda akan melihat hasilnya seperti tampilan di bawah ini:

6. Mengatasi Error struktur information "publisher"

Apa itu publisher dan apa bedanya dengan writer ?,  publisher adalah pemegang hak paten dan penerbit seluruh postingan sedangkan writer adalah penulis postingan.

detail belongings "publisher" harus menggunakan itemtype='https://schema.org/Organization' atau itemtype='https://schema.org/Person', dan detail type ini memiliki sub detail property, advert dan logo.
Untuk mengisi belongings ini saya biasanya menggunakan nama weblog dan logo blog.

Cara memperbaikinya, cari tag html yang memiliki itemtype='http://schema.org/BlogPosting'

Misal untuk weblog saya adalah:

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

Tambahkan di bagian bawah kode menjadi:

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<span itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <meta expr:content='data:blog.title' itemprop='name'/>
    <span itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
        <meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBWf5qaA665Hz5QPy8YC3Pfk9_epaS7-6l-4n0kPKRMUckZSYO_DW3DJHTYXYIn9xKILGNpl6FEzLLb2vfflSHYWF9x1VsXudsTHwrkDBYuJonotm1r-uTcwacQ9xbRr9UmXzO_nDitMg/s1600/pasien-bpjs.jpg' itemprop='url'/>
        <meta content='146' itemprop='width'/>
        <meta content='146' itemprop='height'/>
    </span>
</span>    

yang warna biru adalah url logo blog, silahkan anda ganti dengan url gambar untuk logo weblog anda.
angka 146 diatas untuk itemprop='width' dan itemprop='height' anda bisa sesuaikan dengan ukuran logo weblog anda.

Kode di atas sebenarnya bisa diletakan dimana saja namun harus tetap berada di lingkup tag html yang memiliki itemtype='http://schema.org/BlogPosting'

7. Mengatasi Error Struktur information "mainEntityOfPage"

Item belongings "mainEntityOfPage" bisa kita isi dengan sebuah url atau creativeWork (webpage, article, dll)
Jika memilih url, kita bisa mengisinya dengan url artikel weblog yang bersangkutan, jika memilih creativeWork webPage, maka kita bisa menggunakan itemType='https://schema.org/WebPage' untuk tag HTML yang digunakan untuk detail belongings tersebut.

Kita akan coba mengisi mainEntityOfPage dengan url artikel weblog yang bersangkutan.

Jika anda tidak menggunakan link untuk judul artikel maka silahkan cari kode:

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>

kemudian tambahkan di bagian bawahnya menjadi:

<div class='post hentry' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<meta expr:content='data:post.url' itemprop='mainEntityOfPage' />

Jika kebetulan judul artikel postingan anda menggunakan link maka anda bisa menambahkan itemprop='mainEntityOfPage' pada tag HTML untuk link tersebut polanya akan menjadi:

<h1><a itemprop='mainEntityOfPage' href='xxx'>title</a></h1>

Jika berhasil maka akan terlihat seperti gambar di bawah ini:

Apakah Struktur information berpengaruh untuk SEO?

Menurut Moz: Jika dikaitkan dengan seo sampai saat ini pengaruh schema markup pada rangking hasil pencaian masih menjadi perdebatan, masih dalam proses ekperimen dan sampai saat ini kabarnya belum ada bukti yang dapat meyakinkan bahwa keberadaan struktur information markup dalam struktur html halaman weblog dapat meningkatkan peringkat di hasil pencarian.


Tapi ada indikasi bahwa cuplikan hasil pencarian dari informasi schema org yang terdapat di halaman weblog dapat meningkatkan click throught charge per unit of measurement (CTR), akan lebih menarik pengguna untuk lebih mengklik judul di hasil pencarian.

Jika saya tidak terlambar mendapatkan informasi terbaru tentang schema markup ini, pernyataan yang sama di perkuat dari pihak google bahwa sampai saat ini schema org belum digunakan sebagai google rangking faktor, tapi kemungkinan besar menurut saya pribadi schema org ada kemungkinan akan digunakan sebagai google rangking faktor di kemudian hari.

Lantas Apa keuntungan melibatkan struktur information schema markup pada kode halaman blog?

Meskipun belum berpengaruh ke seo, Keberadaan schema markup ini menurut saya harus tetap kita libatkan di struktur htlm halaman blog, google menganjurkan weblog untuk memiliki struktur information schema markup untuk tujuan agar mesin pencari lebih mudah menangkap maksud yang terkandung didalam halaman weblog sehingga yang dipahami bukan hanya tulisan saja, tetap mesin pencari akan memahami apa maksud setiap bagian tulisan tersebut.

Dengan melibatkan struktur information yang baik, maka index google akan lebih cepat dan lebih baik, serta mesin pencari akan mampu memberikan hasil pencarian dengan informasi yang lebih baik, dan itu artinya weblog akan lebih mudah dikenali, walaupun dampaknya tidak secara instan dapat kita rasakan

Khusus untuk publisher adsense Kita tau bukan bahwa terkadang bentuk penolakan google adsense adalah navigasi tidak jelas, ada kemungkinan penyebabnya adalah weblog masih baru dan struktur information schema markup template yang digunakan tidak memberikan informasi keberadaan navigasi weblog pada halaman tersebut.

Penutup

Perbaikan fault pada schema markup memang sulit untuk disajikan karena akan tergantung pada struktur HTML yang digunakan di template weblog anda, dan mungkin saja struktur htmlnya berbeda, dengan memahami aturan principal kode schema markup sebenarnya sangat mudah sekali untuk menjadikan struktur blognya mendukung schema markup yang baik dan benar.

Artikel  tentang Panduan Cara Memperbaiki Error pada struktur information blog, setidaknya dapat memberikan tambahan wawasan dan petunjuk kepada anda untuk memperbaiki kesalahan struktur information pada template weblog anda.