Cara Membuat Breadcrumb Blog Tanpa Error

Cara Membuat Breadcrumb Blog Tanpa Error

BREADCRUMBS atau breadcrumb adalah navigasi internal blog di atas judul posting halaman dalam, berupa tautan teks (text link) ke halaman depan dan halaman label (label page) atau halaaman indeks posting per kategori.

Template-template blog seo friendly terbaru biasanya sudah menampilkan breadcrumbs. Google dan situs-situs ternama juga menampilkan breadcrumbs ini.

Secara harfiyah, dalam bahasa Inggris breadcrumbs artinya remah roti. Entah kenapa disebut demikian, mungkin karena ukuran hurufnya yang biasanya lebih kecil dari ukuran font halaman posting.

Banyak tutorial lama Cara Membuat Breadcrumb ternyata belakanan error, karena menggunakan schema mark up. Pasalnya, schema breadcrumb di data vocabulary sudah tidak berlaku lagi.

Cara Membuat Breadcrumb Tanpa Error

Berikut ini Cara Membuat Breadcrumb Tanpa Error.  Berikut ini langkah-langkah pembuatan breadcrumb di template blog.

1. Temae > Edit HTML.

2. Copas kode berikut ini tepat sebelum kode ]]></b:skin> atau </style>

.breadcrumbs{ padding:5px 5px 5px 0;margin:0;font-size:95%;line-height:1.4em;border-bottom:1px solid #cadaef}

3. Cari (Ctrl+F) kode seperti ini : <div class='post hentry'>

4. Copas atau simpan kode breadcrumb blog berikut ini tepat setelah kode <div class='post hentry'>

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

5. Save. Simpan Template!

Demikian Cara Membuat Breadcrumb tanpa schema dan tidak error di Structured Data, seperti dishare maskolis.

Good Luck & Happy Blogging! (www.contohblog.com).*

Akun Media Sosial yang Wajib Dimiliki Blogger

Akun Media Sosial yang Wajib Dimiliki Blogger

Media sosial adalah laman atau aplikasi yang memungkinkan pengguna dapat membuat dan berbagi isi atau terlibat dalam jaringan sosial (KBBI).

Media sosial (social media) seperti Facebook dan Twitter berperan besar dalam meningkatkan pengunjun blog.

Bahkan, salah satu tips mempercepat indeks mesin pencari dan popularitas blog adalah dengan mempromosikan atau membagikan link blog di media sosial.

Jumlah media sosial sangat banyak. Namun, terpopuler ada lima, yaitu Facebook, Twitter, Instagram, Youtube, dan Linkedin. Kelima media sosial itulah yang harus dipunyai seorang bloger.

Akun Media Sosial yang Wajib Dimiliki Blogger

Berikut ini akun media sosial yang wajib dimiliki blogger (bloger) dan dipasang di sidebar atau di menu header/footer untuk meningkatkan follower dan interaksi dengan pembaca.

1. Facebook

Facebook masih menjadi media sosial terpopuler atau paling banyak digunakan di dunia. Di Indonesia, Facebook menempati posisi tiga besar setelah Youtube dan WhatsApp, diikuti Instagram, Line, dan Twitter.

Akun Facebook yang harus kita buat sebagai blogger adalah akun pribadi (personal) dan akun halaman (Fan Page).

Tiap kali posting, bagikan postingan itu di kedua akun tersebut. Kita bisa share secara manual, atau bisa menggunakan tools share otomatis seperti dlvr.it.

2. Twitter

Twitter adalah microblogging, yaitu blog mini dalam arti tempat berbagi info dalam jumlah karakter terbatas (280 karakter).

Informasi peristiwa terkini juga hal-hal yang trending dan viral ada di Twitter dengan fitur tagar (hashtag). Blogger wajib punya akun Twitter untuk membagikan postingan sekaligus berinteraksi dengan para pengguna lainnya.

Kita juga bisa gunakan dlvr.it untuk share posting ke Twitter secara otomatis. Versi gratisnya dibatasi tiga artikel per hari.

3. Instagram

Instagram tergolong media sosial baru yang langsung "ngehits" berkat keunggulan konten foto dan video, plus dipopulerkan selebritas.

Sayangnya, kita belum bisa share otomatis postingan blog ke Instagram. Kita hanya bisa memposting artikel baru di IG secara manual dengan menyertakan link.

4. Youtube

Youtube belum tergoyahkan sebagai media sosial berbagi video, meski bermunculan situs berbagi video yang baru.

YouTube tercatat menjadi aplikasi media sosial yang paling banyak digemari di Indonesia. Di Alexa, Youtube menempati posisi dua setelah Google dalam Top Sites.

Seperti halnya IG, kita belum bisa share otomatis postingan blog ke Youtube. Kita harus membuat video menarik dan menyertakan link blog di keterangan dan di profil.

5. Linkedin

Linkedin adalah media sosial para profesional atau kalanan pekerja. Kita bisa memanfaatkan Linkedin untuk promosi blog dan mengundang pengunjung. Kita bisa repost artikel di blog kita di fitur artikel (post) di Linkedin.

Jangan lupa, pasang link media sosial di sidebar, footer, atau di bagian mana saja yang pas dan mudah dilihat pengunjung blog.

Selain kelima media sosial yang wajib dimiliki blogger di atas, medsos lainnya adalah Pinterest. Kita bisa bagikan postingan blog kita di sana dengan menyediakan tombol berbagi ke Pinterest.

Itu dia Akun Media Sosial yang Wajib Dimiliki Blogger. Good Luck & Happy Blogging! (www.contohblog.com).*

Cara Mengatasi Error Breadcrumbs Template Blog di Structured Data

Cara Mengatasi Error Breadcrumbs Template Blog di Structured Data

Google mengirimkan notifikasi error breadcrumb kepada admin blog yang kode breadcrumbnya menggunakan schema markup http://data-vocabulary.org/Breadcrumb.

Sumber atau penyebab error breadcrumb adalah schema tersebut sudah tidak lagi berlaku, seperti disebutkan Google Search Console dalam notifikasinya.

Jadi, sumber error adalah kode http://data-vocabulary.org/Breadcrumb dan karenanya harus dihapus yang oleh Google disebut sebagai "Tindakan Manual".

Jika kode breadcrumb blog Anda tidak menggunakan kode http://data-vocabulary.org/Breadcrumb, misalnya menggunakan kode breadcrumb Maskolis, yang tanpa schema, maka aman dan tidak akan ada notifikasi.

Cara Mengatasi Error Schema Breadcrumbs 

1. Klik Tema > Edit HTML
2. Cari dan Ganti kode:

<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span>
<b:loop values='data:post.labels' var='label'> &#187;
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
</b:loop> &#187; <span><data:post.title/></span>
</div>

dengan kode:

<div class='breadcrumbs'>
<a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'>Home</a>
<b:loop values='data:post.labels' var='label'> &#187;
<a expr:href='data:label.url + &quot;?&amp;max-results=7&quot;' expr:title='data:label.name' itemprop='url'><data:label.name/></a>
</b:loop> &#187; <span><data:post.title/></span>
</div>

3. Save!

Cara Lainnya: Ganti!

Cara lainnya mengatasi error breadcrumbs adalah dengan mengganti kode bredcrumbs. Hapus semua kode terkait breadcrumb dan ganti dengan kode breadcrumb Maskolis berikut ini.

1. Tema > Edit HTML
2. Copas kode berikut ini tepat sebelum  kode ]]></b:skin>

.breadcrumbs{ padding:5px 5px 5px 0; margin:0;font-size:90%; line-height:1.4em; border-bottom:1px dotted #ccc}

3. Cari (Ctrl+F) kode <div class='post hentry'> atau yang serupa dengannya.
4. Copas kode berikut ini tepat setelah kode tersebut.

<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>

5. Simpan Template.

Demikian Cara Mengatasi Error Schema Breadcrumbs Template Blog di Structured Data. Good Luck & Happy Blogging! (www.contohblog.com).*

Cara Memasang Kotak Pencarian (Search Box) di Sidebar Blog

Cara Memasang Kotak Pencarian (Search Box) di Sidebar Blog

Kotak Pencarian (Search Box) adalah widget wajib ada di blog. Fungsinya memudahkan pengunjung mencari tulisan atau artikel yang mereka butuhkan.

Admin blog sendiri sering menggunakan kotak pencarian ini untuk mencari postingan yang akan diedit atau ditautkan dalam tulisan baru (internal link).

Banyak sekali model, desain, atau gaya kotak pencarian yang bisa dipasang di sidebar blog, mulai dari kotak cari bawaan Blogger hingga yang sudah dimodifikasi -sederhana (simple), hover, dan banyak pilihan lainnya.

Dengan adanya kotak pencaria, blog atau website akan lebih ramah pengguna (user friendly). Apalagi kegiatan utama user internet secara umum adalah mencari (searching).

Cara Memasang Kotak Pencarian (Search Box) di Sidebar Blog

1. Kotak Pencarian Bawaan Blogger

Blogger menyediakan kotak pencarian yang tinggal dipasang di sidebar blog. Berikut ini cara memasangnya:

- Klik Layout > Add a Gadget
- Pilih/klik Blog Search

- Save Arrangement!
- Selesai!

Kotak pencarian sudah muncul di sideba blog.

2. Kotak Pencarian Modifikasi (Stylish)

Kita juga bisa gunakan kotak pencarian yang sudah dimodifikasi. Berikut ini cara memasangnya di sideba blog.

- Klik Layout > Add a Gagdget
- Pilih/kklik HTML/Javascript

- Copas atau salin-tempel salah satu kode berikut ini di kotak yang tersedia. Silakan pilih search box yang sesuai dengan desain blog atau selera Anda.

Kotak Pencarian Simple

Kode:

<style>
form.example {margin:0}
form.example input[type=text] {padding: 10px;font-size: 15px;border: 1px solid #f0f0f0;border-right: none;float: left;width: 85%;background: #f1f1f1;}
form.example button {float: left;width: 15%;padding:7px 10px;background: #f1f1f1;color: black;font-size: 20px;border: 1px solid #f0f0f0;border-left: none;cursor: pointer;}
form.example button:hover { background: #c00;color:#fff;}
form.example::after {content: "";clear: both; display: table;}
</style>
<form class="example" action="/search" method="get">
<input id='q' name='q' onblur='if(this.value==&apos;&apos;)this.value=this.defaultValue;' onfocus='if(this.value==this.defaultValue)this.value=&apos;&apos;' type='text' value='Search...'/>
<button type="submit"><i class="fa fa-search"></i></button>
</form>

Kotak Pencarian Hitam

Kode:

<style> #searchbox { width: 280px; background: url(http://1.bp.blogspot.com/-dwLNyhnHlTg/VEQZwf9drLI/AAAAAAAAAlg/rbd0HN4EZrY/s1600/search-box.png) no-repeat; } #searchbox input { outline: none; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } #searchbox input[type="text"] { background: transparent; border: 0px; font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif; font-size: 14px; color: #f2f2f2 !important; padding: 10px 35px 10px 20px; width: 220px; } #searchbox input[type="text"]:focus { color: #fff; } #button-submit{ background: url(http://4.bp.blogspot.com/-4MYBYE0i0Xk/VEQYlljvriI/AAAAAAAAAlQ/_TRkRG5EX1c/s1600/search-icon.png) no-repeat; margin-left: -40px; border-width: 0px; width: 40px; height: 50px; } #button-submit:hover { background: url(http://4.bp.blogspot.com/-6S4K8eHPM-c/VEQdf7l84GI/AAAAAAAAAls/j7_kGSpkIfg/s1600/search-icon-hover.png); } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input name="q" type="text" size="15" placeholder="Enter keywords here..." /> <input id="button-submit" type="submit" value=" "/> </form>

Kotak Pencarian Grey dan Hitam

Kode:

<style> #searchbox { width: 240px; } #searchbox input { outline: none; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } #searchbox input[type="text"] { background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 13px #f2f2f2; border: 2px solid #f2f2f2; font: bold 12px Arial,Helvetica,Sans-serif; color: #6A6F75; width: 160px; padding: 14px 17px 12px 30px; -webkit-border-radius: 5px 0px 0px 5px; -moz-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; text-shadow: 0 2px 3px #fff; -webkit-transition: all 0.7s ease 0s; -moz-transition: all 0.7s ease 0s; -o-transition: all 0.7s ease 0s; transition: all 0.7s ease 0s; } #searchbox input[type="text"]:focus { background: #f7f7f7; border: 2px solid #f7f7f7; width: 200px; padding-left: 10px; } #button-submit{ background: url(http://4.bp.blogspot.com/-slkXXLUcxqg/VEQI-sJKfZI/AAAAAAAAAlA/9UtEyStfDHw/s1600/slider-arrow-right.png) no-repeat; margin-left: -40px; border-width: 0px; width: 43px; height: 45px; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input name="q" type="text" size="15" placeholder="Enter keywords here..." /> <input id="button-submit" type="submit" value=" "/> </form>

Kotak Pencarian Unik

Kode

<style> #searchbox { background: url(http://2.bp.blogspot.com/-Un3z-hkw1XA/VD0V9GO8zrI/AAAAAAAAAf0/ww_5VsvWayY/s1600/search-box1.png) no-repeat; width: 250px; height: 65px; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } #searchbox input { outline: none; } #searchbox input[type="text"] { background: transparent; padding: 5px 0px 5px 20px; margin: 10px 15px 0px 0px; border-width: 0px; font-family: "Brush Script MT", cursive; font-size: 12px; color: #595959; width: 65%; font-weight: bold; display: inline-table; vertical-align: top; } #button-submit { background: url(http://1.bp.blogspot.com/-zyJC7B-dSaU/VDv8-68fNJI/AAAAAAAAAe0/pkUajFr2kcQ/s1600/magnifier.png) no-repeat; border-width: 0px; cursor: pointer; margin-top: 10px; width: 19px; height: 25px; } #button-submit:hover { background: url(http://1.bp.blogspot.com/-pIwlQno5_6U/VDxR9OdzvYI/AAAAAAAAAfM/YDBC2P705tc/s1600/magnifier-hover.png) no-repeat; } #button-submit:active { background: url(http://1.bp.blogspot.com/-pIwlQno5_6U/VDxR9OdzvYI/AAAAAAAAAfM/YDBC2P705tc/s1600/magnifier-hover.png) no-repeat; outline: none; } #button-submit::-moz-focus-inner { border: 0; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input class="textarea" name="q" type="text" size="15" placeholder="Search here..." /> <input id="button-submit" type="submit" value="" /> </form>

Kotak Pencarian Type Here

Kode

<style> #searchbox { background: #d8d8d8; border: 4px solid #e8e8e8; padding: 20px 10px; width: 250px; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } #searchbox input { outline: none; } #searchbox input[type="text"] { background: url(http://2.bp.blogspot.com/-xpzxYc77ack/VDpdOE5tzMI/AAAAAAAAAeQ/TyXhIfEIUy4/s1600/search-dark.png) no-repeat 10px 6px #fff; border-width: 1px; border-style: solid; border-color: #fff; font: bold 12px Arial,Helvetica,Sans-serif; color: #bebebe; width: 55%; padding: 8px 15px 8px 30px; } #button-submit { background: #6A6F75; border-width: 0px; padding: 9px 0px; width: 23%; cursor: pointer; font: bold 12px Arial, Helvetica; color: #fff; text-shadow: 0 1px 0 #555; } #button-submit:hover { background: #4f5356; } #button-submit:active { background: #5b5d60; outline: none; } #button-submit::-moz-focus-inner { border: 0; } </style> <form id="searchbox" method="get" action="/search"> <input name="q" type="text" size="15" placeholder="Type here..." /> <input id="button-submit" type="submit" value="Search" /> </form>

Kotak Pencarian Radius Box

 

Kode

<style> #searchbox { background: url(http://3.bp.blogspot.com/-g-zH25_DoxI/VD1BuatkgII/AAAAAAAAAgc/00hxspfvv3s/s1600/searchbar.png) no-repeat; width: 208px; height: 29px; } input:focus::-webkit-input-placeholder { color: transparent; } input:focus:-moz-placeholder { color: transparent; } input:focus::-moz-placeholder { color: transparent; } #searchbox input { outline: none; } #searchbox input[type="text"] { background: transparent; margin: 3px 0px 0px 20px; padding: 5px 0px 5px 0px; border-width: 0px; font-family: "Arial Narrow", Arial, sans-serif; font-size: 12px; color: #828282; width: 70%; display: inline-table; vertical-align: top; } #button-submit { background: url(http://4.bp.blogspot.com/-OcDQ6Z9ojlQ/VD1KnwJjFOI/AAAAAAAAAgs/cu_pKN6bpL8/s1600/magnifier.png) no-repeat; border-width: 0px; cursor: pointer; margin-left: 10px; margin-top: 4px; width: 21px; height: 22px; } #button-submit:hover { background: url(http://2.bp.blogspot.com/-4-xFDFGKJrA/VD1Kn04f9TI/AAAAAAAAAgw/2ta84QY1x9A/s1600/magnifier-hover.png) no-repeat; } #button-submit:active { background: url(http://2.bp.blogspot.com/-4-xFDFGKJrA/VD1Kn04f9TI/AAAAAAAAAgw/2ta84QY1x9A/s1600/magnifier-hover.png) no-repeat; outline: none; } #button-submit::-moz-focus-inner { border: 0; } </style> <form id="searchbox" method="get" action="/search" autocomplete="off"> <input name="q" type="text" size="15" placeholder="search..." /> <input id="button-submit" type="submit" value="" /> </form>

Kotak Pencarian Background Warna

Kode

<style> #search-box { position: relative; width: 100%; margin: 0; } #search-form { height: 40px; border: 1px solid #999; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #fff; overflow: hidden; } #search-text { font-size: 14px; color: #ddd; border-width: 0; background: transparent; } #search-box input[type="text"] { width: 90%; padding: 11px 0 12px 1em; color: #333; outline: none; } #search-button { position: absolute; top: 0; right: 0; height: 42px; width: 80px; font-size: 14px; color: #fff; text-align: center; line-height: 42px; border-width: 0; background-color: #4d90fe; -webkit-border-radius: 0px 5px 5px 0px; -moz-border-radius: 0px 5px 5px 0px; border-radius: 0px 5px 5px 0px; cursor: pointer; } </style> <div id='search-box'> <form action='/search' id='search-form' method='get' target='_top'> <input id='search-text' name='q' placeholder='Search here...' type='text'/> <button id='search-button' type='submit'><span>Search</span></button> </form> </div>

Ganti kode yang berwarna merah dengan kode warna yang ada dalamm gambar juka akan mengubah background tombol pencariannya.

Kotak Pencarian Hover

Kode:

<style type="text/css">
#hbz-searchbox{background-color:#F5F5F5;border:1px solid #EDEDED;padding:5px;border-radius:10px;margin:10px auto;min-width:238px;max-width:288px}
#hbz-input{background-color:#FEFEFE;border:medium none;font:12px/12px HelveticaNeue,Helvetica,Arial,sans-serif;margin-right:2%;padding:4%;box-shadow:2px 1px 4px #999 inset;border-radius:9px;width:60.33%}
#hbz-input:focus{outline:medium none;box-shadow:1px 1px 4px #0D76BE inset}
#hbz-submit{background:transparent linear-gradient(to bottom,#34ADEC 0%,#2691DC 100%) repeat;border-radius:9px;border:medium none;color:#FFF;cursor:pointer;font:13px/13px HelveticaNeue,Helvetica,Arial,sans-serif;padding:4%;width:28%}
#hbz-submit:hover{background:transparent linear-gradient(to bottom,#2691DC 0%,#34ADEC 100%) repeat}
<form id="hbz-searchbox" action="/search" method="get">
    <input type="text" id="hbz-input" name="q" placeholder="Type Here..." />
    <input type="hidden" name="max-results" value="8" />
    <input id="hbz-submit" type="submit" value="Search" />
</form>

Clean Search Box

Kode

 <style>
#nbc-searchsimplebox1
{
padding:10px;
}
#nbc-searchsimplesubmit1
{
border:1px solid orange;
background: orange;
padding:5px;
color:#ffffff;
font:14px verdana;
}
#nbc-searchsimpleinput1
{
-moz-border-radius: 10px;
-khtml-border-radius: 10px;
-webkit-border-radius: 10px;
border:1px solid #dcdcdc;
background:#ffffff;
padding:5px;
color:#888888;
font:14px verdana;
}
</style>
<div id='nbc-searchsimple1'>
         <form action='/search/max-results=8'  method='get' id="nbc-searchsimplebox1">
            <input name='q' id='nbc-searchsimpleinput1' onblur='if (this.value == "") {this.value = "Search this site...";}' onfocus='if (this.value == "Search this site...") {this.value = ""}' type='text' value='Search this site...'/>
            <input id='nbc-searchsimplesubmit1' type='submit' value='Search'/>
         </form>
      </div>

White color Search box

Kode:

<style>
#MBBOldSearch {display: block;clear: both;margin: 10px 0;}
#MBBOldSearch #MBBSinput {
background: url(http://4.bp.blogspot.com/-C7mh2vX4gp4/Ue6-L3iTnXI/AAAAAAAAAhI/-K6xVaVoM1g/s1600/noxdo_blogspot_com_Search-icon.png) no-repeat scroll 8px center transparent !important;padding: 7px 15px 7px 35px !important;color: #444;font-weight: bold;text-decoration: none;border: 1px solid #D3D3D3 !important;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
-moz-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;width: 52%;}
#MBBOldSearch #MBBSsubmit {color: #444;font-weight: bold;text-decoration: none;padding: 6px 15px;border: 1px solid #D3D3D3;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}
</style>
 <div id="MBBOldSearch">
    <form action="/search/max-results=8">
        <input name="q" id="MBBSinput" type="text" />
        <input value="Search" id="MBBSsubmit" type="submit" />
    </form>
</div>

Demikian Cara Memasang Kotak Pencarian (Search Box) di Sidebar Blog. Good Luck & Happy Blogging! (www.contohblog.com).*

Sumber: Helplogger, Mybloggerguides, Codiblog

Tips SEO: Cara Meraih Peringkat #1 di Google

Tips SEO: Cara Meraih Peringkat #1 di Google

Meraih peringkat nomor satu di Google menjadi idaman setiap bloger, juga internet marketer dan pemiliki website pada umumnya.

Postingan blog atau artikel di website yang ada Peringkat #1 di Google potensial mendapatkan kunjungan terbanyak.

Sayangnya, peringkat tinggi di halaman hasil pencarian Google (SERP) jarang terjadi secara kebetulan.

Bahkan, penulis konten atau internet marketer yang paling terampil dan berpengetahuan luas pun harus berjuang untuk mendapatkan tempat teratas.

Meskipun tidak ada cara untuk benar-benar menjamin peringkat tinggi, posting ini akan melihat beberapa strategi yang dapat digunakan siapa pun untuk secara serius meningkatkan peluang mereka mengklaim tempat #1 di Google itu.

Cara Meraih Peringkat #1 di Google

1. Niche

Bagian dari sukses di SEO adalah memahami lanskap kompetitif. Sebagai pemilik usaha kecil, Anda tidak ingin bersaing dengan organisasi besar yang memiliki anggaran pemasaran yang tampaknya tidak terbatas.

Meskipun selalu ada kesempatan Anda dapat mengungguli mereka, lebih besar kemungkinan Anda hanya akan membuang-buang waktu dan uang Anda.

Inilah sebabnya mengapa begitu penting untuk masuk ke "ceruk pasar" (niche). Inilah yang saya maksud dengan ini: Alih-alih mencoba bersaing dengan perusahaan besar untuk kata kunci yang sangat populer (dan biasanya lebih umum), menelusuri dan menjadi "ikan besar di kolam kecil."

Ingat, ini sering kali berarti mengubah fokus bisnis Anda dari produk atau layanan yang lebih umum ke yang lebih spesifik.

Misalnya, alih-alih secara eksklusif menawarkan layanan renovasi rumah umum, Anda dapat mempertimbangkan untuk mengkhususkan diri dalam "renovasi kamar mandi satu hari" atau "makeover dapur khusus."

Frasa kata kunci yang lebih spesifik ini kemungkinan akan jauh lebih mudah untuk diperingkat, yang berarti Anda dapat mulai memeringkat lebih cepat.

2. Pilih kata kunci yang realistis.

Siapa pun bisa mendapatkan posisi teratas di Google, jika mereka menargetkan kata kunci yang tepat.

Sebagai contoh, jika saya mengoptimalkan halaman untuk "boneka wubbie nubbie biru," saya mungkin bisa meraih pemberhentian teratas dalam beberapa hari. Namun (dan itu besar namun), apakah saya benar-benar ingin peringkat untuk frasa ini? Mungkin tidak, mengingat itu bahkan bukan produk nyata.

Maksud saya adalah ini: Jika Anda memilih kata kunci yang cukup tidak jelas, mudah peringkatnya.

Tentu saja, kami tidak ingin peringkat untuk kata kunci yang tidak jelas; kami ingin memberi peringkat untuk kata kunci yang sebenarnya dicari orang. Permintaan nyata yang diketik seseorang di browser mereka.

Dengan menggunakan alat seperti Perencana Kata Kunci Google atau KeywordTool.io, cari kata kunci yang relevan yang memiliki jumlah pencarian yang layak, tetapi sedikit kompetisi.

Setelah situs web Anda memiliki otoritas yang sedikit lebih banyak dan Anda memberi peringkat untuk sejumlah kata kunci yang lebih mudah, Anda selalu dapat beralih ke kata kunci yang lebih kompetitif yang akan memberi Anda lebih banyak lalu lintas.

3. Optimalkan setiap bagian konten untuk kata kunci Anda.

Inilah saatnya menggunakan kata kunci (keywords) itu di tempat-tempat strategis di halaman Anda.

Meskipun Anda tentu tidak ingin terlalu sering menggunakan kata kunci, penting untuk menggunakannya dalam berbagai cara di dalam konten Anda.

Yang paling penting, fokuslah untuk menggunakannya di:

• URL: Misalnya, alih-alih www.yoursite.com/sh8xks6.htm, gunakan www.yoursite.com/your-keywords-here.
• Tag judul. 
• Judul: H1, H2, dll.
• Alt tag gambar dan keterangan gambar, jika perlu.
• Sepanjang konten Anda.

Ingatlah bahwa Google (dan pembaca Anda) menyukai konten komprehensif (lengkap) yang melakukan pekerjaan dengan baik untuk membahas topik yang sedang dibahas.

Jadi, walaupun penting untuk menggunakan kata kunci Anda di suatu tempat di konten Anda, itu bukan pengganti untuk menulis konten yang lebih panjang dan lebih mendalam yang benar-benar sesuai dengan topik.

4. Tambahkan banyak konten ke situs Anda.

Menurut Content Marketing Institute, 88% perusahaan B2B sekarang menggunakan pemasaran konten sebagai bagian dari strategi pemasaran mereka secara keseluruhan.

Ini melibatkan penggunaan berbagai jenis konten - posting blog, buletin, webinar, infografis, video, dll. - untuk menarik pelanggan potensial.

Jika Anda ingin mendapatkan peringkat teratas di Google, Anda harus menambahkan konten baru ke situs Anda secara teratur.

Tapi jangan hanya menambahkan konten demi konten; tambahkan konten bermanfaat dan berkualitas tinggi yang benar-benar memberikan nilai kepada pelanggan dan prospek Anda.

Konten ini akan membantu Anda meningkatkan peringkat Anda dengan dua cara utama.

Pertama, lebih banyak konten berarti lebih banyak kata kunci, dan karenanya lebih banyak peluang bagi Google untuk mengembalikan situs Anda dalam hasil pencarian.

Kedua, semakin banyak konten yang Anda miliki, semakin banyak tautan yang umumnya Anda kumpulkan. Plus, memiliki banyak konten sangat bagus untuk membuat pengunjung tinggal di situs Anda lebih lama. Menang-menang!

5. Dapatkan tautan ke situs Anda.

Tautan (links) --terutama backlink-- terus memainkan peran penting dalam hal SEO.

Faktanya, menurut laporan Mozilla Search Engine Ranking Factor 2015, inbound link adalah elemen terpenting untuk mencapai peringkat tinggi.

Beberapa strategi yang dapat Anda gunakan untuk memperoleh tautan ke situs Anda meliputi:

• Menambahkan situs Anda ke direktori bisnis lokal dan meninjau situs seperti Yelp, TripAdvisor, dan Google Bisnisku.
• Menulis posting tamu (guest post) di situs populer di niche Anda. Bahkan jika Anda tidak mendapatkan tautan yang diikuti di pos atau bio Anda, peningkatan visibilitas yang Anda dapatkan membuatnya bermanfaat.
• Membuat konten yang selalu hijau yang ingin ditautkan oleh blogger dan jurnalis lainnya (mis., Posting How-to, tutorial, panduan, dll.)
• Mencari tautan rusak di situs industri, dan meminta mereka menggantinya dengan tautan ke situs Anda.

Tidak ada cara pasti untuk mendapatkan peringkat # 1 di Google. Namun, menargetkan kata kunci dan audiens yang tepat dapat secara signifikan meningkatkan peluang Anda.

Ikuti itu dengan membuat dan mempromosikan banyak konten yang dioptimalkan dengan baik, dan Anda siap melakukannya! Peringkat teratas itu bisa terjadi jauh lebih cepat daripada yang Anda pikirkan.

Tips Lainnya

Cara meraih peringkat pertama di Google atau meningkatkan trafik blog lainnya dikemukakan laman Thunder Quote.

Tidak jauh berbeda dengan tips lainnya, Thunder menekankan 4 cara berikut ini:

Kiat # 1- Gunakan kata kunci

Kita perlu menggunakan kata kunci yang relevan yang diinput audiens yang menjadi target kita ke dalam mesin pencari Google.

Bagaimana mengetahui kata kunci yang harus digunakan? Untuk mengidentifikasi kata kunci yang sedang tren atau dicari ini, Anda dapat mengunjungi platform media sosial yang sering dikunjungi segmen pasar target Anda untuk melihat apa kata atau frasa yang mereka gunakan.

Anda juga dapat menggunakan Google Trends. Google tren menunjukkan kepada Anda apa kata-kata populer pada suatu titik waktu tertentu. Jika Anda melihat tren penurunan popularitas kata kunci tertentu, Anda mungkin tidak boleh mengadopsi kata kunci dalam posting blog Anda.

Kiat # 2- Penyisipan kata kunci di seluruh bagian postingan

Kata kunci utama Anda juga harus muncul dalam judul, judul dan subjudul, URL jika memungkinkan, teks alt gambar (mesin pencari tidak dapat membaca gambar), deskripsi meta.

Tip # 3- Backlinks - Internal dan Eksternal

Tautan balik mengacu pada tautan yang mengarahkan pembaca dari halaman lain ke situs Anda. Ada 2 jenis backlink - Internal dan Eksternal.

Tautan balik internal adalah tautan ke pos terkait sebelumnya di situs yang sama untuk navigasi yang lebih mudah dan informasi lebih lanjut. Backlink eksternal, di sisi lain, adalah tautan dari situs eksternal dan ini berkontribusi pada kredibilitas situs Anda karena Anda sedang dirujuk.

Beberapa contoh yang lebih umum untuk membuat backlink meliputi share ke media sosial dan berpartisipasi dalam komunitas online.

Kiat # 4- Tulisan panjang, namun mudah dibaca

Mesin pencari lebih suka posting yang lebih panjang. Semakin lama posting Anda, semakin tinggi peluang Anda muncul di pencarian teratas. Alasannya sederhana. Semakin lama posting Anda, semakin banyak petunjuk mesin pencari untuk mengidentifikasi tentang apa posting Anda.

Posting blog yang ideal harus memiliki sekitar 1000 kata untuk memastikan kata kunci yang cukup untuk mendapat peringkat tinggi di mesin pencari!

Anda dapat melakukan ini dengan menjaga paragraf Anda pendek --gunakan lebih banyak spasi, gunakan kalimat pendek.

Anda juga dapat menggunakan poin berpoin dan bermain-main dengan font untuk membuat posting Anda lebih mudah dibaca. Mengingat bahwa orang cenderung membaca saat bepergian, pos-pos semacam itu akan membuatnya lebih ramah mata.

Demikian Tips SEO: Cara Meraih Peringkat #1 di Google.

Last but not least, untuk blog Blogger, jangan lupa gunakan desain, tema, atau template blog SEO Friendly sehingga blog mudah dan cepat terindeks dan diperingkat Google.

Good Luck & Happy Blogging! (www.contohblog.com).*

Sumber

Cara Menampilkan Tulisan Terbaru di Sidebar Blog

Cara Menampilkan Tulisan Terbaru di Sidebar Blog

WIDGET Tulisan Terbaru, Recent Posts, Latest Post, Posting Terbaru, atau Entry Terbaru alias Artikel Terbaru merupakan salah satu widget yang wajib ada di blog. Biasanya di sidebar atau di samping halaman utama blog.

Cara Menampilkan Tulisan Terbaru di Sidebar Blog ada dua cara, yaitu menggunakan widget Feed dan menggunakan kode script.

Cara Menampilkan Tulisan Terbaru di Sidebar Blog

1. Widget Feed

1. Klik Add a Gadget > Pilih Feed
2. Masukkan kode berikut ini di kolom Feed Url

https://www.namabloganda.blogspot.com/feeds/posts/default

Simpan! Widget Recent Posts mestinya sudah muncul di sidebar blog Anda.

Jika cara di atas gagal atau bermasalah, gunakan cara kedua berikut ini.

2. Gunakan Kode

1. Add a Gadget > pilih HTML/JavaScript
2. Isi judul widget dengan Recent Posts atau Terbaru
3. Copas kode berikut ini:

<script type='text/javascript'>
//<![CDATA[
function recentpostslist(json) {
document.write('<ul>');
for (var i = 0; i < json.feed.entry.length; i++)
{
for (var j = 0; j < json.feed.entry[i].link.length; j++) {
if (json.feed.entry[i].link[j].rel == 'alternate') {
break;
}
}
var entryUrl = "'" + json.feed.entry[i].link[j].href + "'";//bs
var entryTitle = json.feed.entry[i].title.$t;
var item = "<li>" + "<a href="+ entryUrl + '" target="_top">' + entryTitle + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
//]]>
</script>
<script src="/feeds/posts/summary?max-results=5&alt=json-in-script&callback=recentpostslist"></script>

4. Simpan! Hasilnya akan seeprti ini:

Demikian Cara Menampilkan Tulisan Terbaru di Sidebar Blog. Good Luck & Happy Blogging! (www.contohblog.com).*