Tutorial Cara Mendaftarkan Blog Ke DMCA Protection

Tutorial Cara Mendaftarkan Blog Ke DMCA Protection. DMCA merupakan kepanjangan dari Digital Millenium Copyright Act yang artinya perlindungan hak cipta dari sebuah website atau blog. Singkatnya tujuan mendaftar DMCA untuk melindungi artikel-artikel blog kita di curi atau di copy paste/copas oleh orang lain karena dengan telah mendaftar DMCA secara langsung kita telah memiliki hak cipta atas artikel yang telah dipublikasikan di blog yang kita kelola (baca juga Cara Pasang Anti Copy Paste di Blog).

logo

Tanpa panjang lebar lagi berikut langkah-langkah untuk mendaftarkan blog ke DMCA protection :
  • Masuk ke situs DMCA http://dmca.com/
  • kemudian isi form Register your Protection Badge dan setelahnya klik submit
gambar 1
  • setelah itu buka email yang didaftarkan tadi karena DMCA akan mengirimkan email yang berisi data untuk log in ke situs DMCA tersebut. Cek inbox email dan klik url log in yang diberikan disana (contohnya seperti dibawah)
gambar 2
  • lalu anda akan dibawa ke halaman log in dan silahkan log in dengan username dan password yang diberikan pada email tadi
  • setelah log in, maka pada kolom Current Protected Pages akan terlihat disitu belum adanya website atau blog yang telah diproteksi oleh DMCA. Maka klik Add Badges to Your Site untuk memasukan website atau blog yang akan diproteksi.
gambar 3
  • kemudian pilih badge yang diinginkan lalu pasang di HTML blog atau website anda, misalnya dipasang di widget.
  • selesai

Itulah tutorial singkat cara mendaftarkan blog ke DMCA protection semoga dengan didaftarkannya blog ke DMCA protection bisa meminimalisir orang iseng yang suka mencuri artikel blog. Good luck dan semoga bermanfaat.

Memperbaiki Missing Error Structured Data Pada Blog

Untuk mengetahui adanya missing error pada struktur data blog anda, silahkan anda cek pada halaman Structured Data Testing Tool yang telah disediakan oleh google pada link berikut https://developers.google.com/structured-data/testing-tool/ setelah masuk ke halaman tadi kemudian klik ambil url dan masukan url blog anda ke kolom yang ada dan klik ambil & validasi setelah itu akan muncul hasil dari tes yang dilakukan tadi.

struktur data blog


Pada kolom sebelah kanan hasil tes tersebut akan terlihat beberapa missing error yang terjadi pada struktur data blog anda misalnya missing error pada Author, Name, Published, DatePublished, MainEntityOfPage dan ImageDateModifie. Beberapa blogger berpendapat tentang error-error pada struktur data blog tersebut dapat diabaikan alias tidak berpengaruh pada SEO, tetapi alangkah baiknya apabila error-error tersebut bisa kita perbaiki meskipun itu katanya tidak terlalu penting untuk SEO.

Untuk memperbaiki missing error yang terjadi pada struktur data blog tersebut silahkan ikuti langkah-langkahnya dibawah ini :

catatan : dalam memperbaiki missing tersebut lakukan langkah-langkahnya secara berurutan dan apabila ada missing error yang sudah fix dapat berlanjut pada langkah selanjutnya dan jangan lupa untuk selalu cek di structured data testing tool untuk mengetahui missing error tersebut telah diperbaiki atau tidak.

seperti biasa log in ke akun blogger dan klik template kemudian klik edit HTML

  • Memperbaiki Missing Error Pada Image di Homepage
Cari kode itemprop='image' kemudian hapus kode tersebut (biasanya terdapat dua buah kode tersebut)

  • Memperbaiki Missing Error pada Image, Publisher dan MainEntityOfPage Pada Halaman Posting dan Homepage
Cari kode berikut ini
<article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
lalu copy kode dibawah ini kemudian pastekan dibawah kode tadi

<div itemType='https://schema.org/WebPage' itemprop='mainEntityOfPage' itemscope='itemscope'/>
<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='600' itemprop='width'/>
  <meta content='300' itemprop='height'/>
  </div>
    </b:if>
  <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <meta content='URL LOGO BLOG ANDA' itemprop='url'/>
      <meta content='300' itemprop='width'/>
      <meta content='300' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
  </div>
ganti tulisan berwarna merah dengan url blog anda

  • Memperbaiki Missing Error DateModified Pada Halaman Posting dan Homepage
Temukan kode seperti dibawah ini
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a>
dan tambahkan kode berikut yang ditandai dengan warna merah
<span itemprop='dateModified'><a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><data:post.timestamp/></abbr></a></span>

  • Memperbaiki Missing Error Author dan Name pada Halaman Posting dan Homepage
Hapus dan ganti kode Author (Person) pada HTML template blog anda dengan kode dibawah ini
<span class='author' itemprop='author' itemscope='itemscope' itemtype='http://schema.org/Person'><a expr:href='data:post.authorProfileUrl' itemprop='url' rel='publisher' title='author profile'>
<span class='post-author vcard'><span class='fn' itemprop='name'><data:post.author/></span>
</span></a></span>

  • Memperbaiki Struktur Data Blog yang Dobel
Cari kode berikut ini jika terdapat pada template blog anda kemudian hapus
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
Demikianlah langkah-langkah untuk memperbaiki missing error pada struktur data blog, semoga membantu dan good luck.

sumber : bungfranki.com

Cara Memperbaiki Thumbnail Artikel yang Tidak Muncul Ketika Share ke Facebook

Cara memperbaiki thumbnail artikel atau postingan blog yang tidak muncul ketika artikel di share ke facebook. Ketika kita selesai membuat suatu artikel dan mempublikasikannya di blog tentu saja artikel yang kita tulis tersebut ingin dibaca oleh semua orang. Untuk bisa menarik pembaca atau pengunjung datang ke blog yang kita kelola salah satunya dengan cara membagikannya ke media sosial.

share facebook

Facebook merupakan lahan yang besar untuk menarik pengunjung untuk datang ke blog kita. Ketika kita share artikel ke facebook kadang kalanya thumbnail atau gambar kecil dari artike tersebut tidak ikut muncul. Hal tersebut terjadi karena mesin telusur facebook gagal mengambil data-data dari halaman blog yang kita share, dan apabila muncul pun thumbnailnya bukan merupakan gambar yang kita sisipkan pada artikel blog tersebut.

Untuk memperbaikinya bisa dilakukan dengan cara sebagai berikut :

  • log in ke akun blogger seperti biasa
  • klik template dan edit HTML 
  • kemudian cari kode <head>
  • copy kode dibawah ini dan pastekan di bawah kode <head> tadi

<!-- [ Social Media meta tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='ISI DESKRIPSI ALTERNATIF DISINI' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='KODE-APLIKASI' property='fb:app_id'/>
<meta content='KODE-ADMIN' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
  • setelah itu cari kode <body> 
  • copy kode dibawah ini dan pastekan dibawah kode <body> tadi

<div id='fb-root'/>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'KODE-APLIKASI',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script>
  • klik simpan/save template

catatan
  1. ganti ISI DESKRIPSI ALTERNATIF DISINI dengan deskripsi sesuai keinginan (deskripsi alternatif akan muncul apabila artikel tidak diberikan deskripsi)
  2. KODE-APLIKASI ganti dengan kode aplikasi facebook anda
  3. KODE-ADMIN ganti dengan kode fans page atau kode profil facebook anda

Tambahan Tips
  • gambar yang disisipkan atau diupload pada artikel dimensinya tidak kurang dari 600x315 pixel

Setelah semua langkah-langkah tadi diterapkan, silahkan cek link artikel di link dibawah dengan catatan kode aplikasi dan kode admin sudah diisikan di blog


Masukan link url artikel yang akan di share pada kolom yang ada dan klik debug kemudian klik fetch new scrape information maka secara otomatis data-data dari blog anda akan tersimpan pada sistem penelusuran facebook dan masalah thumbnail pun teratasi.

Nah itulah cara memperbaiki thumbnail artikel yang tidak muncul saat dishare ke facebook, semoga bermanfaat dan good luck.

sumber : arlinadzgn 

Tutorial Cara Membuat Widget Recent Post Berdasarkan Label

Tutorial cara membuat, memasang dan menampilkan Recent Post atau Latest Post atau juga Posting Terbaru yang berdasarkan label atau kategori. Widget recent post ini tanpa menggunakan javascript dalam pemasangannya dan contohnya bisa dilihat ada pada bagian footer blog ini.

recent post


Recent post bisa dibilang penting fungsinya pada sebuah blog. Dengan adanya widget recent post pada blog dapat memudahkan pengunjung untuk melihat lihat artikel-artikel terbaru apa saja yang dipublikasikan pada blog. 

Oke langsung saja cara pemasangan widget recent post bisa dilakukan sebagai berikut :

  • seperti biasa log in dulu ke akun blogger
  • pada dashboard klik tata letak kemudian klik tambahkan gadget (bisa di sidebar atau footer untuk penempatannya)
  • scroll ke bawah dan klik feed
  • copy link di bawah dan paste kan pada kolom url feed
http://www.URL_BLOG_ANDA.com/feeds/posts/default/-/Ganteng
  • klik lanjutkan
  • atur tampilan sesuai keinginan
  • klik simpan dan lihat hasilnya

keterangan

  1. ganti http://www.URL_BLOG_ANDA.com dengan url blog
  2. ganti Ganteng dengan nama label atau kategori yang ingin ditampilkan
  3. apabila nama label terdiri dari dua kata, misal nama label Ganteng Banget sisipkan kode %20 diantara kedua kata tersebut. contoh penulisannya jadi Ganteng%20Banget
  4. satu lagi yang tidak kalah penting penulisan huruf besar/kecil dari nama label tersebut sangat berpengaruh

Nah cukup mudah kan cara membuat widget recent post berdasarkan per label atau per kategori, good luck dan semoga bermanfaat.

Tutorial Cara Memperbaiki dan Meningkatkan Kadar SEO Blog

Pada artikel sebelumnya telah dibahas mengenai cara mengetahui kadar keSEOan sebuah blog di chkme. Setelah mengetahui hasilnya dan apabila hasil yang blog kita peroleh di bawah 80% maka hal tersebut bisa kita perbaiki lagi kadar keSEOannya.

Untuk memperbaiki dan meningkatkan nilai keSEOan blog sebenarnya cukup mudah. Kita hanya perlu memperbaiki missing-missing yang ada pada blog yang kita kelola. Missing yang terjadi diantaranya pada heading, keyword, deskripsi, frames and iframes usage, flash movies/animations, images, website link dan lain sebagainya.


Permasalahan missing tersebut masalahnya berbeda pada setiap blog dan belum tentu sama. Contoh kasusnya pada blog si A permasalahannya ada missing pada images belum tentu pada blog si B mempunyai missing pada images juga. Jadi cara memperbaikinya dengan melihat laporan hasil kadar keSEOan blog kita sendiri dari chkme tersebut.

  • Memperbaiki Tag Heading H1:Zero, That is Really Bad
Permasalahan missing tag heading H1 ini penyebabnya adalah tidak terbacanya tag h1 alias judul blog. Nah cara memperbaiki missing meta tag heading H1:Zero, that is really bad tersebut ada dua caranya. Silahkan ikuti langkah langkahnya sebagai berikut :
  • masuk ke dashboard blog anda lalu klik tempalte dan klik edit HTML
  • silahkan cari kode <div id='header-inner'> atau lengkapnya seperti dibawah ini

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<imgexpr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a>
</div>

  • tambahkan elemen <h1> dan </h1> pada kode diatas. contohnya seperti dibawah ini
<div id='header-inner'>
<h1><a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></a></h1></div>

  • nah itu cara yang pertama. cara yang pertama ini bisa bisa dipakai memperbaiki mising tag h1 atau judul blog yang menggunakan huruf bukan gambar/logo
  • untuk cara yang kedua bisa dipakai memperbaiki mising tag h1 atau judul blog yang memakai gambar atau logo. contohnya seperti dibawah ini
<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<h1><img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/></h1></a>
</div>

  • silahkan save dan cek kembali blog di chkme.
Begitulah dua cara mengatasi missing meta tag h1. Perlu diingat yang membedakan dua cara tersebut hanya h1 atau judul blog kita memakai huruf atau memakai gambar/logo saja.

  • Mengatasi Meta Keyword dan Meta Deskripsi yang None 
Banyak yang mengalami hal ini, khususnya pada blogger pemula yang lupa atau tidak mengisi keyword dan deskripsi di HTML template blog. Dan bisa dipastikan ketika blog di cek kadar keSEOannya di chkme meta deskripsi dan meta keyword hasilnya akan none.

Cara mengatasi meta deskripsi meta keyword dan meta deskripsi yang menjadi none bisa dilakukan dengan cara : 
  • kembali masuk ke dashboard blog klik template dan HTML
  • temukan kode <head> dan masukan kode dibawah ini tepat dibawah kode <head> tadi

<meta content='ganti dengan deskripsi blog anda' name='description'/>
<meta content='ganti dengan keyword atau kata kunci blog anda' name='keywords'/>
 
  • klik save template anda dan silahkan cek kembali blog di chkme
Untuk yang terakhir cara mengatasi missing descriptions pada images. Missing description pada images terjadi karena ketika kita membuat artikel dengan memasukan gambar, gambar tersebut tidak diberi description dan title. Untuk lebih jelasnya mengenai description dan title pada gambar silahkan baca artikel Cara Optimasi Gambar Pada Blog

Kembali ke bahasan cara mengatasi missing descriptions pada images, untuk mengatasinya silahkan ikuti langkah-langkah dibawah ini :
  • masih didalam html template blog, cari kode berikut 

<img src='url_gambar.jpg ' />

  • dan ubah setiap kode seperti diatas menjadi kode seperti dibawah ini

<img alt='image' title='image' src='url_gambar.jpg' />
  • klik save dan cek kembali kadar keSEOan blog anda di chkme
Nah begitulah cara cara memperbaiki kadar keSEOan blog yang dicek di chkme. Semoga bisa mendapatkan kadar SEO 100% pada blog yang anda kelola dan semoga bermanfaat.