Lebih Penting SEO Atau Konten ?

Lebih penting Search Engine Optimization atau Konten sih ? banyak blogger yang mungkin kurang tahu tentang hal ini.

SEO atau Konten

Kali ini kita akan membahas lebih penting manakah SEO atau Konten, baiklah kita mulai dari SEO.

SEO (Search Engine Optimization)

Mungkin sudah banyak yang tahu apa itu SEO, SEO atau kepanjangan dari (Search Engine Optimization) adalah suatu cara atau teknik untuk membuat situs atau blog kita berada pada halaman/posisi satu di mesin pencarian (search engine) seperti Google, Bing, dan Yahoo.

Konten

Konten merupakan isi dari blog kita yang berbentuk tulisan dan gambar, biasanya konten yang kita buat di blog kita menurut niche atau kategori blog kita, tapi ada juga yang tidak menurut niche atau kategori blog kita, sama seperti blog ini, blog ini memiliki niche campuran.

Lebih Penting Yang Mana ?

Jawabannya tentu saja lebih penting Konten, coba sobat pikirkan, apa yang terjadi apabila blog sobat tidak memiliki konten, walaupun blog sobat sudah full optimasi SEO, tetap saja siapa yang mau lihat ?

Lebih Penting Konten

Lalu Bagaimana Dengan SEO ?

Bisa di katakan SEO juga penting, tapi lebih penting konten, nah SEO bisa di katakan hanyalah pelengkap untuk mengoptimalkan blog kita di Search Engine.

Apakah Bisa Tanpa Optimasi Mesin Pencari

Walaupun bisa di katakan SEO penting, tetap saja blog tanpa optimasi mesin pencari dan hanya mengandalkan konten yang berkualitas bisa berjaya di Search Engine dan bisa memiliki banyak PV, sobat tidak percaya ? berikut adalah gambar statistik blog saya yang lain, blog ini tidak pernah saya optimasi sedikit pun, bahkan setelah mengeposkan artikel tidak melakukan submit ke webmaster, namun blog ini tetap memiliki visitor, bahkan bisa di katakan pv blog ini stabil.


Jadi, kesimpulannya adalah blog tanpa optimasi mesin pencari juga bisa ikut bersaing di mesin pencari, dan tentunya juga bisa mendapatkan visitor, asalkan memiliki artikel yang berkualitas dan banyak di butuhkan orang.

Sekian artikel kali ini mengenai Lebih Penting SEO Atau Konten, Semoga Bermanfaat.
Baca selengkapnya

Cara Menentukan Niche Yang Tepat Untuk Blog

Cara Memilih Niche Yang Tepat Untuk Blog Anda

Saat kita akan membuat blog kita akan mendapatkan suatu pilihan yang sulit, pilihan yang sulit itu adalah menentukan Niche yang tepat untuk blog yang akan kita buat. Apa itu Niche ? Niche blog merupakan tema atau topik blog yang memfokuskan diri pada hal-hal yang spesifik. Artinya blog kita hanya membahas hal-hal tertentu saja sesuai dengan nama blog kita.
Niche sangat penting untuk blog, mengapa demikian ? karena blog yang memiliki Niche spesifik terlihat profesional dan lebih bonafide daripada blog gado-gado yang memiliki artikel campur aduk. Selain itu, blog yang mempunyai niche spesifik mempunyai kesempatan yang tinggi untuk diterima menjadi Publisher Google AdSense.

Cara Memilih Niche Yang Tepat Untuk Blog Anda

1. Pilihlah Niche yang sesuai Bakat, Minat, dan Hobby anda
Cara yang paling ampuh untuk menentukan Niche Blog adalah dengan memilih apa yang kita sukai, misalnya hobby, minat, atau bakat sobat, misalnya sobat suka dengan bermain basket, maka niche untuk blog sobat bisa mengenai Permainan Bola Basket, dengan demikian sobat dapat lebih mudah untuk membuat artikel-artikel yang nantinya akan menjadi isi dari blog sobat.
2. Pilihlah Niche yang sesuai dengan keahlian anda
Misalkan sobat mempunyai keahlian dalam bidang Blogger, nah kan bisa dijadikan Niche untuk blog sobat, misalkan berbagi mengenai Tutorial-tutorial Blog, dengan demikian sobat juga lebih mudah untuk membuat artikel.
3. Pilihlah Niche yang banyak dicari
Pilihlah Niche yang mempunyai Prospek Tinggi atau Niche yang banyak dicari di mesin pencari, dan jangan membuat Niche yang hanya bertahan musiman saja, anggap saja dipasar, misalkan dipasar sedang musim buah, nah pasti akan banyak sekali pedagang buah, tapi misalkan musimnya sudah lewat, apa yang terjadi ? pasti akan sepi kan ?.
4. Tetap Konsisten dengan Niche blog yang telah anda tentukan
Nah setelah sobat menemukan Niche yang tepat untuk blog sobat, sobat harus berani mempertanggung jawabkan apa yang sudah sobat pilih, jadi jangan berbalik arah lagi, jalani aja terus sampai sukses :), Buatlah artikel yang berkualitas agar artikel blog sobat tidak kalah di mata mesin pencarian.
5. Pilihlah Niche Gado-Gado
Nah jika sobat tidak memiliki keahlian niche khusus yang paling cocok adalah memilih niche gado-gado, apa itu niche gado-gado ? yaitu niche campuran, jadi sobat lebih leluasa untuk memposting artikel di blog sobat, jangan lupa menambahkan label karegori di setiap post.

Semoga Bermanfaat
Baca selengkapnya

Bahaya Terlalu Banyak Link Keluar Di Artikel Blog

Hal ini yang paling sering di lakukan para blogger, mereka tidak tahu dampak dari terlalu banyak link keluar yang ada di blog kita.

Bahaya Link Keluar

Biasanya yang selalu meletakkan link keluar adalah blog yang memiliki niche download, mereka tidak tahu betapa ruginya dan dampak dari kita meletekkan link keluar itu.

Maksud dari link keluar adalah link yang mengarah atau menuju ke situs lain, ada juga yang melakukan link exchange atau tukar link, bahkan sangat banyak sekali melebihi seratus link exchange, banyak sekali link keluar. Hal tersebut bisa mengakibatkan link bocor dan bisa berakibat buruk bagi blog kita.

Apakah tidak boleh meletakkan link keluar di artikel ?
Jawabannya tentu saja boleh, tapi sebaiknya kita meletakkan tag rel='nofollow' dan tentunya juga tag target='blank'
Contoh link
<a href='http://www.linkdownload.com'>Download</a>
Setelah di tambahkan tag nofollow dan target blank
<a href='http://www.linkdownload.com' rel='nofollow' target='blank'>Download</a>

Bagaimana cara menambahkannya ?
Caranya sangatlah mudah, ketika kita membuat link di dalam post editor, ada 2 kolom yang bisa kita contreng, berikut gambarnya

Membuat Link

Mudah bukan, maksud dari Open this link in a new window adalah membuka link di tab baru tag target='blank, nah jika link keluar dari blog kita contreng bagian Add 'rel=nofollow' attribute.

Demikian artikel kali ini, semoga bisa menambah wawasan kalian.
Baca selengkapnya

Membuat Menu Navigasi Responsive Pure CSS Di Blog

Menu Navigasi Responsive Pure CSS

Menu Navigasi merupakan sebuah bagian yang penting untuk di pasang di blog, yakni untuk meletakkan tombol pintas untuk menuju salah satu konten-konten yang ada di blog kita.

Seperti halnya menu navigasi yang ada di blog ini, sudah saya susun untuk memudahkan sobat melihat daftar menu yang ada di blog ini, jika sobat tertarik ingin memasang navigasi responsive pure css ini silahkan di simak tutorialnya :


Langkah pertama adalah dengan meletakkan CSS Menu Navigasinya, letakkan di atas]]></b:skin> atau </style>

#menu{background:#464646;color:#eee;height:35px;}
#menu ul,#menu li{margin:0;padding:0;list-style:none}
#menu ul{height:35px}
#menu li{float:left;display:inline;position:relative;font:bold 13px Arial;}
#menu li a{color:#ccc}
#menu a{display:block;line-height:35px;padding:0 14px;text-decoration:none;color:#333;}
#menu li:hover > a,#menu li a:hover{color:#fff}
#menu input{display:none;margin:0 0;padding:0 0;width:80px;height:35px;opacity:0;cursor:pointer}
#menu label{font:bold 30px Arial;display:none;width:35px;height:36px;line-height:36px;text-align:center}
#menu label span{font-size:13px;position:absolute;left:35px}
#menu ul.menus{height:auto;overflow:hidden;width:180px;background:#fff;position:absolute;z-index:99;display:none;border:1px solid #ccc;border-top:none;color:#333}
#menu ul.menus a{color:#333}
#menu ul.menus li{display:block;width:100%;font:12px Arial;text-transform:none;}
#menu li:hover ul.menus{display:block}
#menu a.prett,#menu a.trigger2{padding:0 27px 0 14px}
#menu li:hover > a.prett,#menu a.prett:hover{background:#fff;color:#333}
#menu a.prett::after{content:"";width:0;height:0;border-width:6px 5px;border-style:solid;border-color:#eee transparent transparent transparent;position:absolute;top:15px;right:9px}
#menu ul.menus a:hover{background:#BABABA;}
#menu a.trigger2::after{content:"";width:0;height:0;border-width:5px 6px;border-style:solid;border-color:transparent transparent transparent #eee ;position:absolute;top:13px;right:9px}

Lalu letakkan CSS untuk membuat navigasi ini menjadi Responsive, letakkan di atas]]></b:skin> atau </style>

@media screen and (max-width: 768px){
#menu{position:relative}
#menu ul{background:#838383;position:absolute;top:100%;right:0;left:0;z-index:3;height:auto;display:none;}
#menu ul.menus{width:100%;position:static;border:none}
#menu li{display:block;float:none;width:auto;text-align:left}
#menu li a{color:#fff}
#menu li a:hover{color:#333}
#menu li:hover{background:#BABABA;color:#333;}
#menu li:hover > a.prett,#menu a.prett:hover{background:#BABABA;color:#333;}
#menu ul.menus a{background:#BABABA;}
#menu ul.menus a:hover{background:#fff;}
#menu input,#menu label{position:absolute;top:0;left:0;display:block}
#menu input{z-index:4}
#menu input:checked + label{color:white}
#menu input:checked ~ ul{display:block}
}

Langkah terakhir adalah meletakkan kode HTML pemanggilannya, letakkan di bawah bagian header </header>

<nav id='menu'>
<input type='checkbox'/>
<label>&#8801;<span>Navigation</span></label>
<ul>
<li><a href='/' title="Home">Home</a></li>
<li><a href='#' title="Menu 1">Menu 1</a></li>
<li><a class='prett' href='#' title="Drop Menu">Drop Menu</a>
<ul class='menus'>
<li><a href='#' title="Drop Menu1">Drop Menu 1</a></li>
<li><a href='#' title="Drop Menu2">Drop Menu 2</a></li>
<li><a href='#' title="Drop Menu3">Drop Menu 3</a></li>
</ul>
</li>
<li><a href='#' title="Menu 2">Menu 2</a></li>
<li><a class='prett' href='#' title="Drop Menu1">Drop Menu 1</a>
<ul class='menus'>
<li><a href='#' title="Drop Menu 1">Drop Menu 1</a></li>
<li><a href='#' title="Drop Menu 2">Drop Menu 2</a></li>
<li><a href='#' title="Drop Menu 3">Drop Menu 3</a></li>
</ul>
</li>
<li><a class='trigger2' href='#' onclick='window.open(&apos;http://translate.google.com/translate?u=&apos;+encodeURIComponent(location.href)+&apos;&amp;amp;langpair=id%7cen&amp;amp;hl=en&apos;); return false;' rel='nofollow' target='_blank' title='English'>Translate</a></li>
</ul>
</nav>

Silahkan ganti tanda # dengan link tujuan, dan silahkan ganti daftar menu navigasinya sesuai dengan keinginan sobat

Semoga Bermanfaat.
Baca selengkapnya

Cara Membuat Postingan Blog Tidak Bisa Di Block

Copy Paste suatu artikel merupakan suatu tradisi yang sulit untuk di hindari, terutama bagi seseorang yang tidak memiliki kreatifitas, mungkin copy paste sudah menjadi tradisi turun temurun :D.

Copy Paste

Banyak cara yang dapat kita lakukan untuk mengecilkan kesempatan artikel kita di copy paste oleh orang lain, salah satunya adalah dengan membuat postingan di blog tidak bisa di block, berikut cara penerapannya :

Langkah pertama adalah menuju ke dashboard www.blogger.com
Lalu ke Template > Edit HTML
Cari dan letakkan kode di bawah ini tepat di atas kode </head>

<script type="text/javascript">if (typeof document.onselectstart!="undefined") {document.onselectstart=new Function ("return false");}else{document.onmousedown=new Function ("return false");document.onmouseup=new Function ("return true");}</script>

Langkah terakhir klik Simpan Template

Cara di atas hanya untuk mengecilkan kesempatan untuk para pencuri konten, tapi tetap saja artikel di blog kita masih bisa di copas, ya bisa di katakan cara untuk mencuri artikel di blog itu ada 1001 macam cara, Semoga Bermanfaat.
Baca selengkapnya

Cara Membuat Tombol Share Social Media Responsive Di Blog

Tombol share ke sosial media adalah sebuah fiture yang bisa dikatakan penting karena bisa untuk memperluas penyebaran artikel blog sobat, contohnya seperti tombol vote google plus, katanya, tombol vote tersebut dapat memperbaiki peringkat blog kita di serp.

sosial responsive

Widget share social media ini terdiri atas 5 tombol, yaitu tombol share facebook, twitter, google plus, linkedin, dan pint it, berikut cara pembuatannya :

Pertama-tama silahkan masuk ke Dasboard www.blogger.com lalu ke Template > Edit HTML
Langkah kedua adalah meletakkan CSS untuk widget social sharingnya, letakkan di atas ]]></b:skin> atau </style>

.sharing-post{margin:20px auto;overflow: hidden;}
.entry-social{overflow: hidden;}
.entry-social a{display: block;padding:0px;color: #FFFFFF !important;font-weight: 300;font-size:12px;}
.entry-social div{float: left;margin-right: 5px;width:95px;background-color: #ccc;margin-top:5px;transition:all .4s ease-in-out;}
.entry-social .title-sharing-post{background:none;padding: 4px 5px 4px 0;width:130px;font-size:20px;font-family: 'Trebuchet MS', sans-serif;font-weight:400;text-transform:uppercase;display:none}
.entry-social .fb{padding: 7px 5px 7px 7px;width:130px;}
.entry-social .fb:hover{background-color: #324b81;}
.entry-social .twitter,.entry-social .gplus{padding: 7px 5px 2px 7px;}
.entry-social .twitter:hover{background-color: #01A7dE;}
.entry-social .gplus:hover{background-color: #BA3227;}
.entry-social .linkedin{padding: 7px 5px 0 7px;height:27px;}
.entry-social .linkedin:hover{background-color: #136F9B;}
.entry-social div.pinterest{width:107px;}
.entry-social .pinterest a{padding: 7px 7px 2px 7px}
.entry-social .pinterest a:hover{background-color: #B01C23;}
jika ingin menampilkan tulisan Sharing This, silahkan hapus kode display:none pada kode CSS .entry-social .title-sharing-post{....}

Lalu letakkan kode HTMLnya di bagian bawah artikel, biasanya di bawah <div class='post-footer-line post-footer-line-1'>

<div class='sharing-post'>
<div class='entry-social'>
<div class='title-sharing-post'>Share This:</div>
<div class='fb'>
    <span class='fb-like' data-layout='button_count' data-send='true' data-show-faces='false' data-width='90' expr:data-href='data:post.url'></span>
  </div>
<div class='twitter'>
<a class='twitter-share-button' data-count='horizontal' data-related='' data-via='' expr:data-text='data:post.title' expr:data-url='data:post.url' href='http://twitter.com/share' title='Share via Twitter'>Tweet</a>
  </div>
<div class='gplus'>
<span class='g-plusone' data-count='true' data-size='medium' expr:data-href='data:post.url'>
</span>
  </div>
<div class='linkedin'>
    <script expr:data-url='data:post.url' type='IN/Share'></script>
  </div>
<div class='pinterest'>
<a expr:href='&quot;http://www.blogger.com/share-post.g?blogID=&quot; + data:blog.blogId + &quot;&amp;amp;postID=&quot;+ data:post.id + &quot;&amp;amp;target=pinterest&quot;' rel='nofollow' target='_blank' title='Pin It'><img alt='pinit' height='21' src='http://2.bp.blogspot.com/-GBohPdcIzF8/U_mMASBohHI/AAAAAAAAde8/ugBc_zbc6Fo/s1600/PinExt.png' title='Pin It' width='43'/></a>
</div>
</div>
    </div>
<div style='clear:both;'></div>

Langkah selanjutnya adalah meletakkan javascript untuk tombol sharenya, lewati langkah ini jika di template sobat sudah ada javascript tombol share facebook, twitter, google plus, dan linkedin, letakkan kode javascript di bawah ini tepat diatas kode </body>

Javascript facebook

<div id='fb-root'/>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;js.async=true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Javascript twitter, google plus, dan linkedin

<script async='async' src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
<script async='async' src='//platform.linkedin.com/in.js' type='text/javascript'/>
<script type='text/javascript'>
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

Langkah terakhir adalah mengklik Simpan Template, Semoga Bermanfaat.
Baca selengkapnya

Pengertian Mengenai SEO On Page Dan SEO Off Page

SEO On Page dan SEO Off Page

Dalam membangun suatu blog atau web tentunya kita memerlukan optimasi mesin pencari, optimasi tersebut tidak lain dan tidak bukan adalah SEO, sudah tau apa itu SEO ? Search Engine Optimization atau biasa disebut SEO adalah suatu teknik untuk memaksimalkan suatu website agar lebih dikenal atau lebih mudah dibaca oleh search engine, itu adalah pengertian singkat mengenai SEO, selebihnya sobat bisa mempelajari di Google.

SEO katanya ada dua, yaitu SEO On Page dan SEO Off Page, kali ini kita akan membahas SEO On Page dan SEO Off Page, berikut penjelasannya.

SEO On Page

Optimasi SEO On Page bisa dikatakan mengoptimasi suatu blog atau web yang dilakukan dari dalam blog atau web anda, contohnya seperti menggunakan template yang SEO Friendly, Memasang Meta Tag, Menggunakan fitur bold, underline, atau italic di dalam artikel, dan optimasi lainnya.

SEO Off Page

Optimasi SEO Off Page adalah kebalikan dari SEO On Page, SEO Off Page adalah mengoptimasi suatu blog atau web dari luar situs tersebut, Contohnya dengan membangun Backlink yang berkualitas, memperbanyak inbound link (link dari situs web lain yang mengarah ke situs web anda), Semakin bermutu link yang mengarah ke web site anda, maka semakin baik pula reputasi web site anda dimata search engine. Melakukan link building dapat dilakukan dengan banyak cara, diantaranya dengan membuat reciprocal link baik dengan derektori/social bookmark ataupun bertukar link dengan blog/website lain, mendaftarkan blog dan artikel ke social bookmark/direktori, dan berkomentar di blog/website lain dengan meninggalkan link di form komentator.

Itu dia sedikit pengertian mengenai SEO On Page dan SEO Off Page, Semoga Bermanfaat.
Baca selengkapnya

Membuat Daftar Isi Otomatis Sederhana Di Blog

Daftar Isi

Daftar Isi berperan cukup penting untuk pengunjung, perannya yaitu untuk merangkum semua artikel yang ada di blog kita disebuah halaman khusus yang telah kita buat, jika sobat tertarik mari disimak cara pembuatannya :

1. Masuk Blogger, kemudian ke bagian Laman > Laman Baru.

Klik Laman Untuk Membuat Daftar Isi


2. Sekarang masukkan judul untuk halamannya, disini saya memasukkan judul " Daftar Isi " lalu klik mode HTML dan lalu paste script sitemap dibawah ini tepat didalamnya
<script src="https://jakataruna.googlecode.com/svn/branches/sitemap.js" type="text/javascript">
</script>
<script src="http://blog.jakrapp.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>
ganti link blog http://blog.jakrapp.com dengan link blog agan

3. Dan langkah terakhir klik Publikasikan

Sekian artikel kali ini mengenai cara pemasangan sitemap sederhana untuk blog, Semoga Bermanfaat.

Baca selengkapnya