September 2019

Cara Memperbaiki Kesalahan Breadcrumb Pada Schema.org
Cara Memperbaiki Kesalahan Breadcrumb Pada Schema.org

OpODab.com ¬ Hai sobat opodab, kali ini saya akan membagikan cara untuk memperbaiki kesalahan breadcrumb yang terdeteksi oleh mesin crawler google. Sebelumnya saya ingin memberi tau apa itu breadcrumb dan apa fungsinya. Breadcrumbs adalah navigasi pada blog yang membantu pengunjung untuk memahami lokasi mereka saat berada dalam sebuah website. Dengan kata lain, breadcrumbs ini menyempurnakan navigasi seperti homepage, kategori, tag, dan arsip website. Lalu apa fungsinya breadcrumb ini? Dikutip juga dari dewailmu.id (), Sebenarnya breadcrumbs ini berfungsi sebagai navigasi website yang memudahkan mesin pencari melakukan crawl sehingga dapat menemukan website kita dengan mudah. Dilihat dari SEO, cara ini cuku bagus mendongkrak sedikit skor seo anda.


Saya tidak akan mmembahas banyak mengenai pengertian dan fungsi breadcrumb di atas, dan bagaimana cara menambahkannya pada blog kita. Karena kalian bisa baca dan pahami pada blog sebelah. Lanjut ke pembahasan untuk memperbaiki kesalahan breadcrumb ini. Bagaimana saya tau bahwa ada kesalahan pada breadcrumb, kalian bisa check struktur website anda di sini() lalu anda pastekan link blog anda di situ. Nanti hasilnya akan muncul di situ, apakah sudah tersedia breadcrumb, atau apakah ada kesalahan atau tidak. Contoh kesalahan breadcrumb ini bisa anda lihat pada photo di atas yang menunjukkan bahwa posisi dari ItemList dari BreadcrumbList tidak ada, padahal sangat di butuhkan penempatan posisinya. Lalu bagaimana cara memperbaiki BreadcrumbList pada ItemList? Ah, kelamaan ngomong mulu... wakakkaakak. Lanjut ya?

Ok apa yang kita butuhkan sekarang? kopi dan cemilan tentunya untuk menunggu internet kita yang lemot terhubung ke server blog kita. Yang benar adalah kita butuh code yang nantinya kita sisipkan pada template blog kita. Sebelumnya saya perlihatkan dulu potongan source code BreadcrumbList yang saya gunakan, kodenya di bawah ini :

<b:includable id='breadcrumb'>
<div class='breadcrumbs' itemscope='' itemtype="http://schema.org/BreadcrumbList">
<span><a class='homex' expr:href='data:blog.homepageUrl'><span><data:homeMsg/></span></a></span><i class='fa fa-angle-right'/>
<b:loop values='data:posts' var='post'>
<span class='ultagnya'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span class='labeltag' itemprop="itemListElement" itemscope='' itemtype="http://schema.org/ListItem">
<a typeof='WebPage' expr:href='data:label.url' itemprop="item"><span itemprop="name"><data:label.name/></span></a>
</span>
<b:if cond='data:label.isLast != "true"'><i class='fa fa-angle-right'/></b:if>
</b:loop>
<b:else/>
<span class='labeltag'>Unlabelled</span>
</b:if>
<i class='fa bread-title fa-angle-right'/><span class='bread-title'><data:post.title/></span>   
</span>
</b:loop>
</div>
</b:includable>

Trus kodene opo dab? baiklah kalau sobat buru-buru. Yang kita butuhkan source code nya adalah index='num' dan
<meta expr:content='data:num+2' itemprop='position'/>
dah itu aja source code nya. Lalu kita cari kode berikut
<b:loop values='data:post.labels' var='label'>
dan tempatkan index='num' tepat setelah <b:loop dan tempatkan
<meta expr:content='data:num+2' itemprop='position'/>
setelah link dari url label itu. Tepat setalah kode </a>. Setelah kita sisipkan kodenya jangan lupa disimpan ya, dan tunggu sampai proses penyimpanannya selesai, sambil ngopi tentunya. Untuk memastikan source code BreadcrumbList secra lengkap ada di bawah :

<b:includable id='breadcrumb'>
<div class='breadcrumbs' itemscope='' itemtype="http://schema.org/BreadcrumbList">
<span><a class='homex' expr:href='data:blog.homepageUrl'><span><data:homeMsg/></span></a></span><i class='fa fa-angle-right'/>
<b:loop values='data:posts' var='post'>
<span class='ultagnya'>
<b:if cond='data:post.labels'>
<b:loop index='num' values='data:post.labels' var='label'>
<span class='labeltag' itemprop="itemListElement" itemscope='' itemtype="http://schema.org/ListItem">
<a typeof='WebPage' expr:href='data:label.url' itemprop="item"><span itemprop="name"><data:label.name/></span></a>
<meta expr:content='data:num+2' itemprop='position'/></span>
<b:if cond='data:label.isLast != "true"'><i class='fa fa-angle-right'/></b:if>
</b:loop>
<b:else/>
<span class='labeltag'>Unlabelled</span>
</b:if>
<i class='fa bread-title fa-angle-right'/><span class='bread-title'><data:post.title/></span>     
</span>
</b:loop>
</div>
</b:includable>

Setelah sobat pastikan kodenya sudah benar dan templatenya yang di edit sudah di save dan sudah terupdate, saatnya kita menuju ke pengujian. Dan pengujiannya menggunakan fasilitas google juga yang bernama Structured Data Testing Tools (). Lalu fetch link url blog sobat yang bermasalah dan lihat hasilnya. Seharusnya sudah tidak ada lagi kesalahan posisi breadcumlist dan itemlist ini. 

Bagaimana apakah kalian berhasil? Semoga berhasil ya, karena ini sangan mudah. Jika mesih belum paham silahkan kalian tonton video di bawah ini. Setelah kalian menontonnya kalian akan tau apa yang harus di lakukan setelah memperbaiki kesalahan BreadcrumbList dan ItemList ini. Dan semoga tutorial sederhana ini dapat membantu sobat semua dalam menyelesaikan kesalahan posisi BreadcrumbList dan ItemList dangan cepat dan benar. Tidak lupa kritik dan saran senantiasa opodab nantikan agar dapat memberikan informasi yang berguna bagi sobat opodab semua.


Ciao,
OpODab,

Cara untuk menghapus spasi dan enter dengan menggunakan notepad
Cara untuk menghapus spasi dan enter dengan menggunakan notepad
OpODab.com - Hai sobat opodab semua, kali ini saya akan membagikan tips atau trik untuk menghapus line kosong dan spasi kosong agar tulisan tampak lebih rapat. Untuk lebih jelasnya apa itu spasi kosong (tab) dan enter ( Empty Line ) silahkan lihat contoh di bawah ini:

    A
   
    B
   
    C
   
    D
   
Dari contoh di atas kita akan mencoba merapatkan menjadi seperti di bawah ini

A
B
C
D

Jadi apakah sobat opodab sudah paham dengan apa yang saya maksudkan?

Mari lanjut ke pembahasan, sebelumnya mari kita perhatikan lagi contoh di atas, jika dalam satu file kita hanya terdapat 4 baris ( seperti contoh di atas ) tentu kita akan dengan mudah menggunakan fungsi tombol delete ataupun backspace pada keyboard, namun bagaimana jika dalam satu file terdapat ribuan baris? tentu akan sangat merepotkan bukan? Ok lanjut, yang pertama kita siapkan dulu alatnya yaitu menggunakan notepad++, sobat bisa download secara gratis di sini ().

kemudian kita buka file .txt kita yang akan kita edit. Jika file tersebut dalam format yang lain silahkan copy ke notepad dan simpan sebagai textfile (.txt). Kali ini saya akan membagikan triknya dengan 2 cara, sebagai berikut.

1. Menggunakan Edit

Langkah pertama adalah blok semua tulisan dalam file tersebut dengan menekan tombol "CTRL + A" pada keyboard sobat, kemudian Kalian bisa klik menu Edit pada sebelah kanan atas kemudian pilih menu Line Operations dan kemudian pilih Remove Empty Lines ( Containing Blank Characters ). Langkah pertama sudah selesai, lanjut ke langkah kedua. Lalu bagiamana untuk menghapus spasi yang kosong? Masih menggunakan menu Edit (pastikan semua tulisan masih dalam kondisi terblok (CTRL+A), namun kali ini pilih menu Blank Operations dan kemudian pilih Trim Leading Space. Atau kalian dapat menggunakan (kondisi masih terblok "CTRL+A") tombol pada keyboard dengan menekan "SHIFT+TAB". OK trik pertama sudah selesai, lanjut ke trik kedua.

2. Mengunakan Menu Search

Mungkin cara pertama kurang cocok menurut sobat semua, silahkan coba cara kedua ini menggunakan menu pencarian. Langkah pertama silahkan klik menu Search yang terletak di sebelah kiri menu Edit, kemudian kalian pilih menu Find, dan akan muncul menu dialog baru. Pada menu dialog baru tersebut silahkan sobat pilih menu Replace, pada tab Fine What isikan dengan perintah "^\s*" tanpa tanda petik ya. Biarkan kosong pada bagian Replace With. Lihat kebawah ada option Search Mode dan pilih Regular expression. Langkah yang terakhir Pilih Replace All. Dan finally cara keudua juga sudah selesai.

Saatnya opodab berpamitan, dan semoga trik ini dapat menambah wawasan kita semua dan menambah ilmu yang bermanfaat juga bagi kita. Lebih jelasnya anda bisa lihat videonya di bawah. Untuk artikel lain yang mungkin bermanfaat untuk sobat opodab semua, silahkan gunakan menu pencarian yang sudah opodab siapkan juga di bagian kanan atas. Kritik dan saran selalu opodab nantikan agar dapat terus memberikan informasi yang bermanfaat bagi sobat opodab semua.



Ciao,
OpODab,

Author Name

{facebook#https://www.facebook.com/OpoWaeDab} {twitter#https://twitter.com/opowaedab} {google-plus#https://plus.google.com/+OpODabBlogspot} {pinterest#https://www.pinterest.com/OpODab/} {youtube#https://www.youtube.com/c/opogendanggendut}

Formulir Kontak

Nama

Email *

Pesan *

Diberdayakan oleh Blogger.