Skip to content Skip to sidebar Skip to footer

Widget HTML #1

DATE PUBLISHED DI WEBMASTER ERROR SERTA CARA MENGATASINYA

DATE PUBLISHED DI WEBMASTER adalah salah satu menjadi penilaian penting bagi semua blog. Dikalangan blogger tidak akan pernah lepas dari sebuah kesalahan webmaster baik itu seorang master blog maupun masih pemula.

Kesalahan yang terjadi pada webmaster biasanya di sebabkan oleh pemasangan template blog yang baru atau melakukan upgrade template. 

Kebanyakan dari kalangan blogger biasanya lebih sering merubah tampilan blog dengan cara mengganti template dengan tampilan yang baru dengan alasan agar tidak membosankan. 

Dengan terjadinya perubahan pada sebuah template blog, maka secara otomatis HTML yang di dalam blog akan berubah dengan kata lain struktur HTML nya akan berbeda dengan yang lama.

Hal ini juga akan membawa perubahan pada webmaster terutama tentang struktur data yang dimiliki.

Kebanyakan dari blogger juga sering lupa akan perbaikan webmaster jika melakukan pergantian template blog padahal hal ini sangat berguna dan harus dilakukan, biasanya bisa dikatakan dengan penataan ulang tampilan blog/template baru dari sebuah website atau blog.

Kesalahan pada webmaster yang sering terjadi biasanya seperti tampak pada gambar berikut:


Silahkan anda perhatikan pada tanda yang diberi kotak merah. Semua kesalahan seperti pada gambar sering dialami oleh  beberapa para blogger. Untuk melihat dan melakukan pengujian silahkan anda kunjungi situs  Structured Data Testing Tool


Terjadinya error seperti gambar diatas biasanya disebabkan oleh hal berikut ini:

Umumnya para webmaster yang merancang template blog menggunakan format struktur : schema.org menggunakan Microdata, yang digunakan membuat tag HTML, misalnya penggunaan tag <h1> untuk judul, <h2> untuk sub judul, dan seterusnya.

Struktur microdata tag lainnya yang sangat penting misalnya date published, image, headline, description, article body, dan author, harus bisa diterjemahkan dalam bahasa HTML agar data tersebut ramah untuk mesin pencari.

Berikut ini adalah cara untuk mengatasi kesalahan yang terjadi seperti gambar diatas:

  1. Mengatasi kesalahan Missing and Required

    Sebenarnya cara untuk mengatasi kesalahan pada Missing and Required sangat mudah. kita hanya perlu mengganti name menjadi headline. lihat perintahnya berikut ini yang perlu diganti:

    <h1 class='post-title entry-title' itemprop='name'>, ganti ‘name’ dengan ‘headline
    <h2 class='post-title entry-title' itemprop='name'>, ganti ‘name’ dengan ‘headline
    <h3 class='post-title entry-title' itemprop='name'>, ganti ‘name’ dengan ‘headline

  2. Mengatasi kesalahan Date Published

    Langkah Pertama:
    Silahkan anda cari kata berikut ini di html kalian:


    <div class='date-posts'><div class='post-outer'><div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
    Jika sudah ditemukan kata diatas pada html blog kalian, selanjutnya copy kode dibawah ini dan letakkan di bawah kode yang kalian cari tadi


    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:content='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.dateHeader/>T<data:post.timestamp/></span></abbr></a>

    Langkah Kedua:
    Silahkan anda cari kode berikut di html kalian (tekan ctrl+f untuk memudahkan pencarian) 


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

    Jika tidak menemukan kode diatas silahkan cari kode berikut ini:


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

    Jika sudah menemukan kode diatas, silahkan anda copy kode dibawah ini dan letakkan di bagian bawah kode yang anda cari tadi:



    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:content='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.dateHeader/>T<data:post.timestamp/></span></abbr></a>

    Langkah Ketiga:
    Silahkan anda cari kode berikut ini didalam html blog kalian:

    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
    Kemudian copy kode dibawah ini dan letakkan di bagian bawah kode yang anda cari tadi.


    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'><data:post.timestamp/></span></abbr></a>

    jika sudah selesai, silahkan anda simpan hasil edit html anda.

    Langkah Keempat

    Selanjutnya anda rubah format pengaturan time, header, dan sebagainya. untuk lebih jelasnya silahkan anda lihat gambar berikut ini:



    Jika anda sudah menyesuaikan data seperti semua langkah yang sudah saya jelaskan, silahkan anda melakukan uji coba hasil beberapa perubahan html kalian Structured Data Testing Tool

    Sekian tutorial yang bisa saya bagikan, semoga bisa bermanfaat buat kalian semua. Terimakasih