Thursday, December 21, 2017

Tutorial Memperbaiki Struktur Data Error Pada Blog

Struktur data adalah  cara penyimpanan, penyusunan dan pengaturan data di dalam media penyimpanan komputer sehingga data tersebut dapat digunakan secara efisien.

Dalam teknik pemrograman, struktur data berarti tata letak data yang berisi kolom-kolom data, baik itu kolom yang tampak oleh pengguna (user) ataupun kolom yang hanya digunakan untuk keperluan pemrograman yang tidak tampak oleh pengguna. Dan dalam dunia bloging, struktur data dapat meningkatkan PageRank blog Anda didalam google search engine.

Banyak yang menulis di blog tentang cara memperbaiki struktur data error pada blog, dan saya pun menuliskan hal yang sama, karena saya sendiri sudah menerapkannya di blog ini ketika struktur data sonirivaldi.blogspot.com error. Tapi tak semua struktur data blog ini dapat di perbaiki dengan melihat tutorial dari blog lain. Kemungkinan karena struktur data setiap blog berbeda-beda dan hanya sebagian struktur yang sama dengan blog lainnya.

Tutorial memperbaiki struktur data error pada blog :
1. Masuk ke web testing tool untuk menguji struktur data kalian yang eror  https://search.google.com/structured-data/testing-tool


2. Ketikan url kalian di kolom FETCH URL kemudian klik RUN TES. Jika struktur data web atau blog kalian error, maka di tandai dengan tanda (x) merah. Perhatikanlah dengan seksama bagian errornya blog kalian.
Jika di klik maka Anda akan melihat lebih detailnya bagian yang error, dan tampilannya seperti ini.

3. Jika errornya di bagian author, maka klik bagian yang error tersebut maka kalian akan melihat di sebelah kiri kodenya yang menyebabkan error., setelah itu bukalah blog kalian dan pilih menu edit Thema.
Cari kode yang seperti ini, ataupu mirip juga boleh.

<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/>

Hapus kodenya dan ganti dengan kode ini

<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 Anda bingun kenapa kode seperti yang diatas tidak ada di blog Anda ? maka cukup klik bagian yang error di struktur data tool kemudian copy barisan kode yang sebelah kiri yang menyebabkan eror, dan pastekan di menu edit thema kemudian hapus dan ganti dengan kode yang di berikan diatas.

4. Jika yang error di bagian datePublished dan dateModified, maka cari kode yang seperti ini


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

Ganti dengan kode ini

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

5. Jika yang error struktur data Image, maka cari kode yang seperti ini

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

Tambahkan kode dibawah ini tepat setelah kode diatas

<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>

Menjadi seperti ini

<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>

6. Jika yang error Name dan Headline, maka cari kode yang seperti ini

<h1 class='post-title entry-title'>
    <b:if cond='data:post.link or (data:post.url and 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 ganti dengan kode ini

<h1 class='post-title entry-title' itemprop='headline name'>
    <b:if cond='data:post.link or (data:post.url and 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>

perbedaannya hanya pada itemprop='headline name'

7. Jika yang error struktur data dibagian Publisher, maka cari kode yang seperti ini

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

Ganti menjadi kode dibawah ini

<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://isi dengan url image Anda' itemprop='url'/>
        <meta content='146' itemprop='width'/>
        <meta content='146' itemprop='height'/>
    </span>
</span>    

8. Jika yang error struktur data dibagian mainEntityOfPage, maka cari kode yang seperti ini. ( jika terdapat 2 kode seprti dibawah ini, maka hapus keduanya )

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

Ganti dengan kode dibawah ini. Karena jika satu yang di hapus tidak akan mempengaruhi error struktur data. Sudah dibuktikan di blog ini.

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

Selamat mencoba dan klik tombol share dibawah ini jika menurut kalian bermanfaat artikel diatas.



Bagikan

Jangan lewatkan

Tutorial Memperbaiki Struktur Data Error Pada Blog
4/ 5
Oleh

Subscribe via email

Suka dengan artikel di atas? Tambahkan email Anda untuk berlangganan.

Terimakasih telah memberi komentar di sonirivaldi.blogspot.com

loading...