Saturday, 21 March 2015

Memperbaiki Halaman Statis Yang Hilang Author (Blog)

Advertisement
Dari pengalaman saya sebagai seorang blogger. Saya pernah mengalami error yang ditunjukkan oleh structure data di alat webmaster saya. sebelum saya melihat error yang hilang author di laman static. Saya melihat error yang terjadi di setiap posting saya. error yang terjadi seperti hilang author dan hilang updated.  Nah bagi kamu yang mengalami hal yang sama, saya punya 2 solusi untuk ini. Tapi solusi yang ke 2 untuk blog yang mempunyai template non standar.  Untuk setiap postingan yang hilang author dan updated. baca artikel saya tentang memperbaiki error structure data di alat webmaster (blog).

Update Terakhir menuntaskan kedua masalah: Solusi Perbaiki Missing Author Dan Updated

sebelum saya mulai, saya akan jelaskan sedikit tentang error yang terjadi di halaman statis kita. hilang author dan hilang updated disebabkan oleh hilangnya struktur kode vcard atau hcard termasuk waktu publish yang ada di dalam blog kita.  setelah saya teliti, ternyata untuk kode span auto vcard tersebut ternyata masih ada di laman statis kita namun memberikan isi yang kosong. inilah penyebab errornya author kita pada struktur kode yang ada. Untuk mengatasinya, kita harus melakukan edit pada template kita.

catatan : pembahasan kita kali ini hanya untuk mengatasi halaman statis yang hilang author. Untuk hilang updated, akan saya tuliskan di artikel yang lain. saya masih meneliti template saya untuk menemukan hilang update dan coba memperbaikinya.  Tutorial ini saya bagi menjadi 2 cara. Yang satu untuk template standar, dan yang satunya untuk template non standar terletak di bagian kedua artikel ini. Mari kita mulai. dan tentunya saya menggunakan profil google plus plus untuk menampilkan author di laman statis. 

Update : Kode telah saya tambahkan <b:else/> di bagian tengah. di bawah kode yang pertama atau yang telah saya tuliskan. ini supaya author dan jam tidak terduplikasi. terakhir letakkan kode </b:if> di akhir kode yang sama di bagian paling bawah. letakkan tepat di atas tag </div>. biasanya di bawahnya ada tag </b:includable> panduan ini khusus template standar. dan itu jika kamu menemukan kode yang sama di dalam tag footer atau header kamu sebelumnya. jika kamu tidak menemukannya, maka copy lah kode di bawah ini. di bawah ini adalah kode lengkap template kita agar memudahkan kamu untuk memperbaiki hilang author dan updated di statis page. dan juga agar tidak terduplikasi maka kita membutuhkan kode <b:else/>. jika kamu bingung, cari kode span class post author vcard. lalu hapus saja sampai tag penutup spannya. kemudian paste kan kode di bawah ini sebagai penggantinya. kode di bawah ini lengkap.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<span class='post-author vcard'>
 <data:top.authorLabel/>
  <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/>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <span itemprop='name'>
      <data:post.author/>
     </span>
    </span>
   </b:if>
</span>
<span class='post-timestamp'>
 <data:top.timestampLabel/>
  <b:if cond='data:post.url'>
   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
     <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
      <data:post.timestamp/>
     </abbr>
    </a>
  </b:if>
</span>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->
<span class='post-author vcard'>
 <b:if cond='data:top.showAuthor'>
  <data:top.authorLabel/>
   <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/>
   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
    <span itemprop='name'>
     <data:post.author/>
    </span>
   </span>
  </b:if>
 </b:if>
</span>
<span class='post-timestamp'>
 <b:if cond='data:top.showTimestamp'>
  <data:top.timestampLabel/>
   <b:if cond='data:post.url'>
    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
      <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
       <data:post.timestamp/>
      </abbr>
     </a>
   </b:if>
  </b:if>
</span>
</b:if> <!-- penutup b if static page -->

Solusi hilang author untuk template standar
Ikuti langkah saya untuk memperbaiki hilang author yang ada di halaman statis kita. pertama pastikan kamu sudah punya akun google+ yang terhubung dengan blog kamu. kemudian buka menu template > edit Html . cari kode ini <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> . kemudian buka semat kode tersebut. Maka akan terlihat seperti gambar di bawah ini.

contoh kode widget blog1
contoh kode widget blog1

Kemudian cari kode ini <b:includable id='post' var='post'>...</includable> dan buka lagi sematnya.

contoh kode includable post
contoh kode includable post

Sekarang cari footer yang ke 3 di dalam kode templatemu tadi. Lihat contoh kode di bawah ini. Jika ketemu yang nomor 1, gulir lagi ke bawah, sampai kamu menemukan nomor 3. tergantung letak author dan updated kamu.  jika letak author dan jam kamu di bawah maka cari kode authoraboutme di antara ketiga footer tersebut. jika di atas, cari kode post-header.

<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>

pastikan profil yang ada di tata letak sudah di centang. edit blog posting lalu cek “Tampilkan Profil Pengarang Di Bawah Pos”. jika sudah di centang, lanjutkan tutorial ini.

 jika Jika sudah ketemu, cari kode <b:if cond='data:post.authorAboutMe'> .

Catatan : untuk template standar biasanya sudah ada. Kalau belum ada, pilih menu tata letak, centang/aktifkan “Tampilkan Profil Pengarang Di Bawah Pos”.

 Kemudian copy kode dibawah ini.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<span class='post-author vcard'>
 <data:top.authorLabel/>
  <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/>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <span itemprop='name'>
      <data:post.author/>
     </span>
    </span>
   </b:if>
</span>
<span class='post-timestamp'>
 <data:top.timestampLabel/>
  <b:if cond='data:post.url'>
   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
     <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
      <data:post.timestamp/>
     </abbr>
    </a>
  </b:if>
</span>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->

pastekan kode tersebut diatas kode <b:if cond='data:post.authorAboutMe'> .  lalu kemudian gulir lagi ke bawah dan cari tag penutup </span> atau </b:includable> . diatas kode penutup  tersebut biasanya ada 2 tag penutup yaitu  </div>.  Nah pastekan tag penutup </b:if> tepat diatas 2 tag penutup </div> tadi. Jika kamu bingung, lihat kode lengkap yang terletak di akhir posting saya.  Setelah itu simpan template mu dan lihat hasilnya di halaman statis menu milikmu.

Solusi hilang author untuk template non standar
Sebenarnya caranya hampir sama dengan diatas. Jadi yang kamu perlukan hanyalah melakukan copy pada kode yang saya tulis di bawah ini. Pastikan dahulu jika templatemu tidak ada kode tersebut di bagian footer 3. Mari kita mulai saja solusinya.

Buka menu template > Edit Html di blog kamu. kemudian cari kode <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'> . buka semat kode tersebut lalu cari lagi kode dibawah ini.

<b:includable id='post' var='post'>...</includable>

Kalau sudah ketemu, sekarang cari lagi kode  footer yang ke 3 di dalam kode post mu tadi. Lihat contoh kode di bawah ini. Jika ketemu yang nomor 1, gulir lagi ke bawah, sampai kamu menemukan nomor 3.

<div class='post-footer-line post-footer-line-1'>
<div class='post-footer-line post-footer-line-2'>
<div class='post-footer-line post-footer-line-3'>

Setelah ditemukan. Pastikan di template non standarmu tidak ada kode ini <b:if cond='data:post.authorAboutMe'> di bagian footer yang ada author dan abbr  diantara ketiga footer tersebut.  apabila sudah ada. Maka kamu cukup melakukan hal yang sama pada solusi saya yang sebelumnya di bagian template standar. namun Jika tidak ada maka copy kode di bawah ini.

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<span class='post-author vcard'>
 <data:top.authorLabel/>
  <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/>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <span itemprop='name'>
      <data:post.author/>
     </span>
    </span>
   </b:if>
</span>
<span class='post-timestamp'>
 <data:top.timestampLabel/>
  <b:if cond='data:post.url'>
   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
     <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
      <data:post.timestamp/>
     </abbr>
    </a>
  </b:if>
</span>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->
<!-- biasanya ada kode author lagi. tambahkan tag penutup setelah sampai di span. tagnya </b:if> -->

Paste kode tersebut tepat diatas tag footer. kemudian berikan tag penutup </b:if> yang terletak di dekat 2 tag </div> atau </b:includable> di bagian akhir kode  yang telah kita buka sebelumnya.  simpan templatemu dan lihat hasilnya di halaman statis blog mu. Jika sudah terlihat maka kamu telah berhasil memperbaiki data structure yang hilang author. sebagai contoh, kode lengkapnya akan terlihat seperti di bawah ini. karena nama author dan jam saya berada di bawah posting dan di urutan pertama. maka kodenya terlihat seperti di bawah ini.

update : 27/03/2015

<div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<span class='post-author vcard'>
 <data:top.authorLabel/>
  <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/>
    <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
     <span itemprop='name'>
      <data:post.author/>
     </span>
    </span>
   </b:if>
</span>
<span class='post-timestamp'>
 <data:top.timestampLabel/>
  <b:if cond='data:post.url'>
   <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
    <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
     <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
      <data:post.timestamp/>
     </abbr>
    </a>
  </b:if>
</span>
<b:else/>
<!-- jika selain statis page, maka tampilkan di bawah ini -->
<span class='post-author vcard'>
 <b:if cond='data:top.showAuthor'>
  <data:top.authorLabel/>
   <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/>
   <span class='fn' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'>
    <span itemprop='name'>
     <data:post.author/>
    </span>
   </span>
  </b:if>
 </b:if>
</span>
<span class='post-timestamp'>
 <b:if cond='data:top.showTimestamp'>
  <data:top.timestampLabel/>
   <b:if cond='data:post.url'>
    <meta expr:content='data:post.canonicalUrl' itemprop='url'/>
     <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'>
      <abbr class='published updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'>
       <data:post.timestamp/>
      </abbr>
     </a>
   </b:if>
  </b:if>
</span>
</b:if> <!-- penutup b if static page -->

</div>

Nah itulah cara memperbaiki error hilang author pada structure data di alat webmaster kita. semoga dengan cara ini bisa bermanfaat dan menyelesaikan masalah yang terjadi pada blog mu. sebagai tambahan info, lihat gambar di bawah ini. kode yang terlihat sama dengan kode yang saya tuliskan di atas. jangan lupa cek struktur data mu di google struktur data. setelah di check tidak ada  error lagi, dan apabila dilihat di hatom sudah muncul namamu. maka kamu sudah berhasil memperbaiki error hilang author.


contoh kode lengkap
contoh kode lengkap

catatan paling penting: apabila tidak berfungsi, cobalah untuk membersihkan kode terlebih dahulu menggunakan tombol "Kembalikan template ke widget default" untuk membersihkan beberapa error. kemudian cek lagi di halaman statis. apabila belum muncul, paste kan kode yang sebelumnya kita ubah. biasanya akan ikut hilang saat kita menekan tombol widget default karena fungsi tombol ini adalah mengembalikan semua kode yang di ubah menjadi default. jika masih belum muncul, coba untuk edit css yang ada di template, cari kode

div.post-footer atau .post-footer dan ubah display : none; menjadi display : block; atau display: inline;

sebagai pengalaman
dulu saya pernah mencoba memindahkan halaman author dari atas ke bawah melalui tata letak blog posting. namun saat di lihat di blog. nama author dan jam tetap tidak berpindah ke bawah. jadi solusi yang saya gunakan waktu itu adalah memakai tombol "kembalikan template ke widget default". dan hasilnya, semua normal kembali. nah barangkali hal seperti juga berpengaruh pada kode yang kita paste kan sebelumnya jika masih belum bisa muncul.

yang berikutnya saya akan mencoba mengatasi masalah hilang author dan updated menggunakan author blogger di halaman statis seperti yang kita lihat di bagian posting blog ini. apabila berhasil, akan saya tuliskan lagi di artikel yang lain. pada point/cara pertama, karena saya pakai template standar bawaan blogger dan berhasil. maka saya tuliskan pengalaman saya buat kalian agar bermanfaat. silahkan cek bagian menu untuk melihat hasil yang saya perbaiki di bagian bawah tulisan. Dan semoga kamu paham dengan apa yang saya jelaskan disini. Sampai bertemu lagi di artikel admin yang lain dan mohon maaf jika gambar yang saya buat tidak bagus. salam hangat dari admin.
Recent Posts

    14 comments:

    1. Replies
      1. terima kasih bang panggung. semoga bisa menyelesaikan permasalahan yang sering terjadi pada kita semua.

        Delete
    2. akhirnya dapat juga informasinya, udah lama cari2 sampai menumpuk 28 yang hilang author dan update di blog ku

      ReplyDelete
      Replies
      1. kalau belum bisa memperbaiki error yang ada, silahkan baca update posting yang baru bang. jika ada yang kurang dipahami maupun dimengerti. silahkan tanyakan langsung kepada saya. untuk menunggu hasil. biasanya dalam 2 hari atau 1 minggu. paling lama 2 minggu.

        Delete
    3. Masih agak bingung nih tentang Webmaster tools. Punya saya masih banyak hilang author sama updatenya

      ReplyDelete
      Replies
      1. sebagai saran dari saya kang juman. cek dulu di menu tata letak > blog post. cek disitu. apakah nama author dan jam sudah dicentang atau belum. jika sudah tapi masih error. coba masuk ke menu template > edit html > pilih kembalikan ke template widget ke default. setelah itu cek di posting. apabila nama author dan jam atau tanggal sudah kelihatan. maka tinggal menunggu hasil. apabila masih error. karena si akang agak bingung dengan cara ini. saya sarankan ganti template saja ^_^. nah semoga membantu

        Delete
    4. bingung gan harus karena struktur templatenya agak berbeda,,tapi makasih gan udah dishare caranya

      ReplyDelete
      Replies
      1. sip gan, kalau pake template yg bukan standar agak sedikit berbeda. bisa saja kodenya seperti ini /article di tag penutup. tergantung dimana letak akhir dari tulisan kita. disebut footer artikel. sebenarnya juga bisa diluar dari itu, caranya mudah. cukup ambil keseluruhan kode. trus di pasang atau paste ke template kita. lihat analisa dimana nama author dan jam muncul. mau di atas tulisan atau di bawah juga tidak apa2. asalkan ada itu, pasti errornya bisa diperbaiki. kode di atas di artikan seperti ini. jika halaman ini sama dengan halaman statis, maka tampilkan kode ini. sedangkan jika bukan. tampilkan kode di bawah ini. begitu gan artinya. semoga di pahami. he... ^_^

        Delete
    5. Wah ternyata ini masalahnya, saya pernah menghapus author blog di sidebar, jadi eror nya seperti yang di bahas disitu. Dan trafik yang hilang akibat kesalahan ini luar biasa. Terima kasih infonya gan.

      ReplyDelete
      Replies
      1. wah bang, kalau dihapus kita jadi tidak tahu lagi siapa author blognya. hehehe.

        sama2 bang, kalau ada error lain dari struktur data, cek tulisan baru saya tentang masalah data struktur. semoga harinya menyenangkan ^_^

        Delete
    6. bingung juga nyari kode-kodenya hehehe...

      ReplyDelete
      Replies
      1. tidak apa2 bang kalau bingung. asalkan tidak berputar2 di tiang. hehehe
        bagian mana yg abang bingung, barangkali saya bisa bantu jelaskan kode tersebut untuk bang digital ^_^

        Delete

    Masukkan Komentar anda disini. mohon maaf, Link Aktif yang ada di dalam komentar akan terhapus secara otomatis oleh system blog ini.
    komentar akan di tampilkan setelah disetujui oleh admin. terima kasih