Monday, February 8, 2016

Jepretcode

SEO Opencart Structured Data Google

"We do not detect any structured data on your site", itulah yang tampil ketika kita melihat di google webmaster ketika kita sudah masukkan opencart toko online yang kita punya, dan ini menjadi masalah, karena Google tidak mengerti konten yang ada di website toko online yang ingin kita masukkan ke dalam search engine google (lihat Juga Structured Data Untuk Blogspot pada artikel sebelumnya), dan ini sangat berpengaruh terhadap pencarian di google.
Lalu bagaimana caranya agar structur data opencart yang kita punya tampil di websmater tools, seperti gambar dibawah ini.
SEO Opencart Structured Data

Dari gambar diatas dapat dilihat bahwa opencart yang kita punya bisa dipasang seperti Breadcrumb kemudian descripsi untuk produk selain itu juga untuk title produk juga tampil bahkan kita bisa juga tambahkan seperti gambar atau image yang sangat membantu untuk pencarian gambar di pencarian google dan juga kita bisa tambahkan mata uang, harga dan juga untuk rating setiap produk yang direview oleh customer kita, baiklah untuk tidak memperpanjang cerita langsung saja kita mencoba dengan mengambil file yang ada di sini Opencart Structured Data

Setelah mendapatkan kode di atas maka kita hanya menambahkan kode tersebut ke dalam file product.tpl yang ada di opencat yang kita punya, mungkin juga saya menambahkan kode yang sama dibawah ini :

<div itemscope itemtype="http://schema.org/Product" style="display: none;">
    <div itemprop="name"><?php echo $heading_title; ?></div>
    <div itemprop="description"><?php echo $description; ?></div>
    <img itemprop="image" src="<?php echo $popup; ?>"/>
    <div itemprop="offers" itemscope itemtype="http://schema.org/Offer">
        <meta itemprop="priceCurrency" content="IDR" />
        <span itemprop="price"><?php if ($special) echo $special; else echo $price; ?></span>
        <?php $i = 1; { ?>
              <?php if ($rating < $i) { ?>
              <span class="fa fa-stack"><i class="fa fa-star-o fa-stack-1x"></i></span>
              <?php } else { ?>
              <span itemprop="aggregateRating" itemscope itemtype="http://schema.org/AggregateRating"> 
               <span itemprop="ratingValue"><?php echo $rating; ?></span>
               <span itemprop="reviewCount"><?php echo $reviews; ?></span></span>                  
        <?php } ?><?php } ?>
    </div>
</div>

Dari kode di atas dapat dijelaskan bahwa kita bisa menampilkan itemprop='name" untuk judul produk atau title produk kemudian baris selanjutnya kita dapat menampilkan descripsi (itemprop="description") dari produk, setelah itu kita juga ingin menampilkan image (gambar produk) (img itemprop="image"), dan kode selanjutnya kita ingin menampilkan mata uang dari toko online kita (meta itemprop="priceCurrency" disini saya menggunakan IDR karena mata uang Rupiah) dan juga kita ingin menampilkan Price atau Harga produk seperti kode (itemprop="price") dan keterangan kode selanjutnya adalah tentang rating dari review yang diberikan oleh pengguna atau customer toko online kita, disana dijelaskan bahwa jika tidak ada rating maka tidak akan menampilkan rating untuk produk dan jika ada rating maka rating akan tampil dan juga jumlah pengguna yang memberikan rating, mungkin bisa anda lihat dan sinkronkan antara gambar paling di atas dengan kode tersebut, jika telah siap maka yang pertama Anda lakukan adalah backup dahulu file product.tpl bawaan agar mudah nanti dikembalikan, setelah itu anda copy dan tambahkan didalam file product.tpl yang ada di dalam template opencart (saya sudah mencoba di opencart v.2 ke atas). tambahkan kode di atas setelah kode dibawah ini:

<div id="content" class="<?php echo $class; ?>">


Setelah Anda copy maka bukalah link berikut untuk menguji struktured data opencart atau toko online yang kita punya. https://developers.google.com/structured-data/testing-tool/
untuk mengujinya masukkan salah satu link produk opencart Anda dan lihat hasilnya.

Untuk Breadcrumb Opencart Agar tampil di structured data google Anda dapat lihat kode dibawah ini :

<?php echo $header; ?>
<div class="container">
  <ul class="breadcrumb" style="display: none;">   
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>    
    <ol vocab="http://schema.org/" typeof="BreadcrumbList">
    <li property="itemListElement" typeof="ListItem">
    <a property="item" typeof="WebPage" href="<?php echo $breadcrumb['href']; ?>"><span property="name"><?php echo $breadcrumb['text']; ?></span></a></li>    
   </ol>
    <?php } ?>
  </ul>
<ul class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
    <?php } ?>
  </ul>

Copy file diatas dan Anda timpa kode yang sama seperti dibawah ini (di baris pertama hingga baris ke 7) lihat kode dibawah ini dan timpa (replace) kode tersebut dengan kode di atas.

<?php echo $header; ?>
<div class="container">
  <ul class="breadcrumb">
    <?php foreach ($breadcrumbs as $breadcrumb) { ?>
    <li><a href="<?php echo $breadcrumb['href']; ?>"><?php echo $breadcrumb['text']; ?></a></li>
    <?php } ?>
  </ul>

Setelah Anda timpa atau replace dan simpan lalu silahkan lagi coba cek di alat pengujian structured data yang google sediakan lihat linknya di atas.

Untuk membantu lebih jelas silahkan ikuti caranya seperti video opencart structured data berikut ini :


Setelah berhasil maka kita tunggu sekitar 1 hingga 2 minggu untuk google webmaster tools untuk melakukan pekerjaannya hingga tampil, kita hanya menunggu. Sekian dulu saat ini, silahkan berkomentar untuk berdiskusi menyelesaikan masalah yang satu ini.

Friday, December 18, 2015

Jepretcode

Cara Menampilkan Google reCAPTCHA di Halaman Login

Google reCAPTCHA di Halaman Register
Google reCAPTCHA Register Customer

Cara menampilkan Google reCaptcha di halaman login, halaman register halaman checkout resgiter maupun untuk halaman affliate  login dan affiliate register toko online opencart khususnya versi 2.1.0.1, Kenapa harus menggunakan google reCaptcha ini, adalah untuk menghindari blog atau website toko online opecart yang kita kelola dari spam salah satunya adalah dengan menambahkan captcha, namun sebelum kita menambahkan google recaptcha ini maka kita harus setting dahulu cara menambahkan basic_captcha di opencart 2.1.0.1 agar saat menambahkan google reCaptcha tampil di setiap halaman,

lihat videonya disini untuk menambah basic_captcha di opencart 2.1.0.1


Setelah Anda melihat dan melakukan hal sesuai video di atas maka sekarang kita menambahkan atau menampilkan Google reCaptcha di halaman register, halaman login, halaman checkout register maupun halaman affilate login dan affiliate register disini saya menggunakan opencart v.2.1.0.1

1. Buka admin area
2. pilih tab extention
3. Pilih Captcha
4. Install Google reCAPTCHA
5. Pilih edit
6. Isi site key dan secret key google reCAPTCHA dan cara mendapatkan key lihat disini https://www.google.com/recaptcha/intro/index.html
7. Setelah mengisi site key dan secret key setelah itu pilih enable dan klik save.
8. Masuk ke setting pilih edit
9. Masuk ke tab Option dan paling bawah
10. Pada captcha pilih Google reCAPTCHA
11. Aktifkan atau centang register pada captcha page dan save
11. Buka file google_captcha.tpl yang ada di dalam folder catalog/view/.../template/captcha/
12.Hapus kode yang ada di dalam file google_captcha.tpl dan ganti dengan kode dibawah ini

<script src="//www.google.com/recaptcha/api.js" type="text/javascript"></script>
<fieldset>
  <legend><?php echo $heading_title; ?></legend>
  <div class="form-group required">
    <?php if (substr($route, 0, 9) == 'checkout/') { ?>
    <label class="control-label" for="input-payment-captcha"><?php echo $entry_captcha; ?></label>
    <div id="input-payment-captcha" class="g-recaptcha" data-sitekey="<?php echo $site_key; ?>"></div>
    <?php if ($error_captcha) { ?>
    <div class="text-danger"><?php echo $error_captcha; ?></div>
    <?php } ?>
    <?php } else { ?>
    <label class="col-sm-2 control-label"><?php echo $entry_captcha; ?></label>
    <div class="col-sm-10">
      <div class="g-recaptcha" data-sitekey="<?php echo $site_key; ?>"></div>
      <?php if ($error_captcha) { ?>
      <div class="text-danger"><?php echo $error_captcha; ?></div>
      <?php } ?>
    </div>
    <?php } ?>
  </div>
</fieldset>

Sumber : https://github.com/opencart/opencart/commit/577754ad9af63cb3ad81160c8abee185fb45ba01

13. setelah di ganti kemudian save dan silahkan di coba.

Jadi intinya lakukan pengaturan untuk menampilkan basic_captcha seperti petunjuk sehingga dalam menampilkan google reCAPTCHA tidak ada tempat yang tidak tampil seperti saat konsumen register saat checkout, dan menampilkannya di halaman login baik untuk login konsumen maupun untuk login affiliate

google reCAPTCHA di halaman Login Affiliate

Gambar di atas menampilkan google reCAPTCHA di halaman Login Affiliate

google reCAPTCHA di halaman Register Affiliate

Gambar diatas adalah menampilkan Google reCAPTCHA di halaman Register Affiliate

google reCAPTCHA di halaman Register Saat Checout

Gambar diatas saat konsumen belanja dahulu kemudian ingin checkout dan register disana maka kita bisa menambahkan google reCAPTCHA di halaman ini

google reCAPTCHA di halaman Guest Checkout

Gambar di atas untuk menampilkan saat konsumen belanja ketika memilih guest, jadi kita bisa menampilkan Google reCAPTCHA di halaman Guest Checkout

google reCAPTCHA di halaman Login Customer

Gambar diatas untuk menampilkan Google reCAPTCHA di halaman Login jadi, pada saat Customer Login maka kita bisa menambahkan captcha disini.

Sunday, November 15, 2015

Jepretcode

Blogspot Saat Google Structured Data Testing Tool

Blogspot saat google structured data testing toolCara yang benar dalam mengatasi permasalahan dan kesalahan yang terjadi saat blogspot kita di Testing Tools di Google structured Data, mungkin bagi kita yang pernah mencoba salah satu tools yang disediakan oleh google untuk menguji stuktur data sebuah website baik itu blogspot maupun yang lainnya, nah disini saya akan mencoba berbagi cara mengatasinya, karena ada beberapa permasalahan yang terjadi ketika blogspot kita di test di tools ini.
Untuk mengujinya kita bisa lakukan di tempat ini Google Structured Data Testing Tool dan coba uji struktur data web kamu disini, dan saya sekarang khusus menceritakan tentang blogger atau blog dari blogspot. setelah Anda coba halaman web utama dan adakah yang mendapatkan masalah seperti gambar dibawah ini?
Cara mengatasi google structured data testing tool image url
Coba kita lihat pada gambar di atas terlihat ada 4 kesalahan, sekarang yang kita atasi adalah image_url dan image (Properti image_url tidak dikenali oleh google untuk objek dengan jenis BlogPosting / Untuk !image: ada pesan Nilai untuk bidang image diwajibkan diwajibkan oleh !cuplikan Kaya) untuk mengatasi adalah buka template Anda cari kode berikut : "itemprop='image_url'" untuk mengatasinya adalah hilangkan tulisan _url pada image sehingga menjadi "itemprop=;image'" tanpa tanda kutip dua, setelah itu simpan template dan coba lagi test struktur datanya, 
cara_mengatasi_google_structured_data_testing_tool_image_url(2)
Lihat gambar diatas maka permasalahan image_url dan image di atas sudah teratasi, namun itu untuk halaman utama, lalu bagaimana jika ulr postingan kita atau url artikel yang kita testing tools google data sekarang, dan lihat apa yang terjadi. jika saya test pada postingan atau artikel maka hasilnya adalah seperti dibawah ini: 
cara_mengatasi_google_structured_data_testing_tool_image
Ada 3 kesalahan di ketemukan dan image masih bermasalah pada postingan, lalu bagaimana mengatasinya, sebelumnya cari kode berikut pada template blog :

<b:if cond='data:post.thumbnailUrl'>
      <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
    </b:if>


Nah berikut kode nya Anda copy dan paste dan himpit kode diatas dengan kode dibawah ini, cara ini sekaligus mengatasi kesalahan Headline seperti gambar di atas berikut kodenya:

<b:if cond='data:post.thumbnailUrl'>
   <h2 itemprop='headline'><data:blog.pageTitle/></h2>
      <meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
 <b:else/>
   <meta content='masukkan url gambar yang diinginkan' itemprop='image'/>
   <h2 itemprop='headline'><data:blog.pageTitle/></h2>
 </b:if>


pada kode diatas masukkan url photo yang Anda inginkan. Setelah di copy dan himpit beberapa kode seperti diatas, sekarang coba lakukan lagu testing google dan hasilnya apakah seperti dibawah ini
dan sekarang headline dan image sudah teratasi, nah sekarang masih ada satu kesalahan lagi yaitu datePublished tidak ada dan diwajibkan atau Nilai untuk bidang datePublished diwajibkan, bagaimana cara untuk mengatasinya, yaitu Anda cari kata "timestamp" pada kode dibawah ini.

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

Maka tulisan "timestamp" diganti dengan "dateHeader" seperti berikut :

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

Setelah di coba ulang dan hasilnya seperti diatas masih ada kesalahan karena setelan bahasa dan pemformatan coba ganti bahasa blog Anda dengan bahasa Inggris (Amerika Serikat) - English(United States). jika tidak ingin ganti bahasa coba Format Header Tanggal saja diganti lihat gambar dibawah ini dan setelah itu coba dicek kembali:


Lihat dan masalah datepublished sudah teratasi, namun sebelum itu setting seperti berikut Mengonfigurasi Posting Blog.

Mengonfigurasi Posting Blog

Kemudian permasalahan properti !articleBody/aiaBlogId: tidak dikenali oleh google untuk objek dengan jenis Person seperti gambar diatas, maka untuk mengatasinya adalah dengan cara menghapus tulisan tersebut di dalam template blog lihat kode berikut di dalam template

<meta expr:content='data:blog.blogId' itemprop='articleBody/aiaBlogId'/>
<meta expr:content='data:post.id' itemprop='articleBody/aiaPostId'/>

Maka tulisan 'articleBopdy/aiaBlogId' dan articleBody/aiaPostId' dihapus saja tanda kutip satunya jangan. dan jika ada juga seperti kode berikut maka yang dihapus adalah tulisan BlogId dan PostId saja.

<meta expr:content='data:blog.blogId' itemprop='blogId'/>
<meta expr:content='data:post.id' itemprop='postId'/>

Dua hal di atas terjadi mungkin karena plugin yang menggunakan ID seperti facebook fb admin, dan lainnya.

Untuk selengkapnya dan selanjtunya dapat lihat pada video cara mengatasi kesalahan saat testing tools google structured data :

Wednesday, July 8, 2015

Jepretcode

Membuat Toko Online di Wordpress

Untuk dapat merubah wordpress kita menjadi toko online maka kita bisa lakukan dengan cara mengintall plugin seperti WooCommerce, seperti yang kita ketahui bahwa wordpress dan plugin WooCommerce dapat kita gunakan secara gratis. sehingga kita hanya membutuhkan nama domain dan sewa hostingnya saja jika kita mampu setting wordpress dijadikan toko online dengan menggunakan plugin woocommerce.

Berapa biaya saya jika saya ingin membuat sebuah toko online? :
  1. Yang pertama yang harus Anda lakukan adalah membeli sebuah nama domain toko online Anda
  2. Menyewa hosting tempat domain kita disimpan agar orang lain bisa mengaksesnya.
Untuk membeli nama domain dan sewa hosting atau server toko online kita Anda bisa cek harga di penyedia jasa penjualan nama domain dan sewa hosting, mungkin Anda bisa cek di google, Anda bisa menentukan mana yang baik diantara semuanya dan apakah menggunakan hosting luar negeri atau dalam negeri. Saran saya pelajari dahulu di berbagai forum masing-masing kualitas penyedia jasa hosting sehingga Anda tidak kecewa nantinya.

Pilihan manakah yang harus saya jalankan jika saya ingin membuat sebuah toko online dengan wordpress? :
  1. Jika Anda menyewa jasa orang lain tentu biayanya akan berbeda jika kita membuat sendiri
  2. Jika Anda ikut kursus dulu atau workshop toko online, tentu biaya kursus atau workshop saja sudah besar.
  3. Belajar sendiri (Apa bisa, sementara kita nggak tau apa-apa tentang program).
Nah dari 3 pilihan diatas jika kita punya uang yang sangat terbatas, maka pilihannya tidak lain adalah sedikit berusaha belajar bagaimana cara membangun sebuah toko online di wordpress, bahkan jika Anda ingin tidak perlu uang untuk sekedar belajar. Anda bisa menggunakan komputer Anda menjadi sebuah server lokal yang lebih dikenal denga nama localhost(cari digoogle bagaimana cara membuat komputer kita menjadi localhost). jadi jika Anda memilih pilihan no 3 diatas karena alasan tertentu seperti uang, maka Anda adalah termasuk orang yang mau belajar dan betul-betul ingin membangun sebuah toko online. di google sekarang banyak sekali orang memberikan cara-cara melakukan itu semua bahkan ada yang menyajikan dalam bentuk video dan mereka upload video mereka di Youtube, sehingga yang melihat dan belajar lebih mudah dipahami, karena tinggal ikuti cara-cara yang disajikan melalui video dan gambarannya pun lebih jelas.
Mungkin Anda bisa lihat dibawah ini video cara membuat toko online di wordpress menggunakan plugin WooCommerce, disana dijelaskan secara step by step dan dengan durasi yang tidak panjang, dan di jadikan beberapa video agar tidak ribet dalam belajar. Bahkan jika anda ikuti caranya seorang yang tidak paham atau pandai dalam program akan bisa membangun sebuah toko online dengan wordpress.


Jepretcode

Cari Uang di Youtube

Cari Uang di Youtube? Kok bisa? gimana caranya? Pernah terlintas oleh Anda kenapa orang-orang mau upload video mereka di youtube bahkan sampai video seperti lagu lagu yang ada hak ciptanya saja banyak di youtube, kok bisa?. apa mereka dapat uang? padahal youtube adalah media berbagi video yang gratis ditonton oleh penggunanya. lalu dari mana datangnya uang?.
Mungkin gambarannya seperti ini. Anda pernah lihat iklan yang tampil pada video ketika kita melihat video yang ada di youtube?. kalau Anda sering nonton di youtube pasti Anda bilang ya. nah dari situlah datangnya uang di youtube untuk kita. Jadi logikanya Adalah ketika ada orang yang pasang iklan di youtube lalu youtube menempatkan iklan tersebut di video yang kita upload. jadi youtube mendapatkan bayaran dari yang memasang iklan dan youtube membayar kita dari uang orang yang memasang iklan karena iklan mereka ditampilkan divideo yang kita upload, simple kan.
Lalu bagaimana sebenarnya nilai hitungannya?. Ada yang bilang per 1000 views kita mendapatkan $1-$5. Namun itu tidak jadi patokan karena banyak hal lain yang mempengaruhi nilai yang didapat. Seperti ada 2 video yang hampir sama topiknya, dan salah satu video mempunyai views hingga 15 ribu perhari dan satunya lagi cuma 500 views perhari. tentu berbeda yang dihasilkan. Untuk viewsnya saja sudah tentu yang 15 ribu lebih banyak iklan yang tampil, namun yang 500 views bisa saja lebih besar dari 15 ribu karena beberapa hal, misalnya kata kunci yang tepat dan sesuai dengan iklan, kemudian lamanya orang melihat iklan saat tampil selain itu yang menonton video lebih cenderung menghabiskan videonya untuk ditonton hingga akhir video dan itu tentu berbeda dari yang cuma buka kemudian baru 1/4 video langsung close videonya. Jadi banyak faktor yang mempengaruhi nilai iklan yang tampil di video kita di youtube.
Mungkin Anda ingin juga mencoba mendapatkan uang di youtube?. karena youtube tidaklah dibatasi kalau hanya orang-orang tertentu saja, namun semua orang yang ada didunia ini bisa mendapatkan uang di youtube, termasuk Anda. Lalu bagaimana caranya mendapatkan uang di youtube?. Ada beberapa hal yang perlu dilakukan yang terpenting adalah kita memiliki akun di youtube dan tentunya bisa upload video yang kita punya. namun ada beberapa acuan kita belajar di youtube cara menghasilkan uang namun saya sarankan dari channel Cari Uang di Youtube karena dichannel ini atau saluran ini, kita diajarkan dari awal bagaimana caranya mendapatkan uang di youtube, dan videonya juga nggak terlalu panjang dan mengurangi kebosanan dalam menonton video dan kalau untuk belajar mendingan kita mendapatkan ilmu sedikit-sedikit namun paham, sementara ada saluran lain juga yang menjadi tambahan ilmu.
Mungkin Anda bisa lihat video bagaimana cara cari uang di youtube dibawah ini.

Disana ada beberapa video didaftar putarnya dan dijelaskan secara step by step, semoga membantu Anda dalam usaha mencoba mendapatkan uang di youtube.
Namun Anda juga pelajari apa-apa saja yang tidak boleh Anda lakukan di youtube sehingga Akun Anda aman dari banned youtube.