1 Des 2016

Mengatur Robot.txt dan Tag Tajuk Robot Khusus SEO Friendly

Mengatur Robot.txt dan Tag Tajuk Robot Khusus SEO Friendly - Kali ini saya akan kembali membahas seputar SEO. Topik yang akan kita bahas kali ini adalah mengatur Robot.txt dan Tag Tajuk Robot Khusus agar mejadi lebih SEO Friendly. Bagi anda yang menggunakan platform blogger mungkin pernah menemui Robot.txt dan Tag Tajuk Robot Khusus ini di setelah Prefenrensi Penelusuran. Namun bagi blogger baru seperti saya ini, pasti akan bertanya - tanya untuk apa sih pengaturan Robot.txt dan Tag Tajuk Robot Khusus ini. Setelah membaca referensi di beberapa blog akhirnya saya cukup paham untuk apa fungsi mereka berdua. Selama ini saya tidak cukup berani otak atik Robot.txt dan Tag Tajuk Robot Khusus ini, karena sering saya membaca warning jika tidak terlalu paham tentang Robot.txt dan Tajuk Tag Robot Khusus ini akan berakibat fatal pada Search Engine terutama Google.

Baca Juga :


Apa Fungsi Robot.txt?

Fungsi Robot.txt adalah sebagai rambu - rambu bagi Crawl Robot Search Engine dalam mengindex blog kita, dalam Robot.txt kita bisa memberikan rambu mana halaman yang boleh untuk di index dan mana halaman yang dicegah atau tidak perlu untuk di index. Pengaturan Robot.txt dalam SEO adalah salah satu yang krusial, penting bagi anda untuk mengatur Robot.txt ini agar apa yang muncul pada search engine tentang situs anda dapat terkontrol. Dalam SEO sebaiknya tidak semua halaman pada blog kita harus masuk index google misalkan halaman pencarian berdasarkan label atau mungkin daftar isi juga lebih baik dicegah untuk tidak di index search engine. Di beberapa tutorial ada yang menggunakan Robot.txt ini untuk memblokir double index (biasanya versi Web dan Mobile), biasanya yang diblok adalah yang versi mobile. Namun disini saya ingin mengataka Jangan Blokir Versi Mobile, alasannya adalah saat ini SEO yang paling menjanjikan adalah SEO yang multi platform, baik versi Web atau Mobile. Jika anda memblokir atau mencegah versi Web di Robot.txt ini akan merugikan anda sendiri. Jika yang jadi masalah adalah tampilan versi mobilenya anda bisa membaca artikel Cara Menonaktifkan Mobile Version Pada Blogger, Namun untuk crawl robot search engin jangan pernah diblokir dalam Robot.txt.

Cara Mengatur Robot.txt

Untuk mengatur Robot.txt silahkan anda login dulu pada akun blogger anda kemudian masuk pada menu Setelan > Preferansi Penelusuran dan klik Edit pada Robot.txt Khusus, untuk jelasnya lihat pada gambar berikut.


Secara Default Robot.txt yang ada pada blog ketika diaktifkan adalah sebagai berikut.
User-agent: Mediapartners-Google
Disallow: 
User-agent: *
Disallow: /search
Allow: /
Sitemap: http://omahblog.com/feeds/posts/default?orderby=UPDATED
Dari Robot.txt diatas perhatikan tulisan yang saya blok warna kuning dan tulisan warna merah. Disallow digunakan untuk memblokir atau mencegah Robot Search Engine merayapi atau crawl suatu halaman. Secara default robot.txt memblokir semua Sub Direktori /Search jadi setiap Url halaman anda dimulai dengan Http://urlanda.com/search/....... akan dicegah untuk dirayapi oleh robot search engine. Biasanya yang banyak digunakan untuk sub direktori /Search ini adalah Label. untuk Allow adalah halaman yang boleh untuk dirayapi. untuk tulisan yang berwarna merah adalah sesuai dengan alamat blog anda. Agar hasil pencarian di Search Engin anda menjadi SEO, anda bisa memasukkan Robot.txt berikut pada kolom Robot.txt.
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=
Allow: /
Sitemap: http://omahblog.com/feeds/posts/default?orderby=UPDATE
Robot.txt diatas mengizinkan semua untuk dicrawl kecuali direktori search update dan search label. Dengan Robot.txt diatas maka hasil dalam SERP (Search Engine Result Page) tidak akan menampilkan halaman Label anda dan Update anda. Untuk pemasangan anda tinggal masukkan Robot.txt diatas pada Setting di blog anda, ubah tulisan berwarna merah sesuai dengan alamat blog anda lalu  Simpan. Anda bisa melihat pada gambar berikut untuk contoh pemasangan.


Bila anda ingin memblokir halaman tertentu anda bisa memasukkannya pada baris Disallow. sebagai contoh saya memiliki halaman www.omahblog.com/p/tidak penting.html. maka ketika saya aplikasikan kedalam robot.txt akan menjadi seperti ini.
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Disallow: /search?updated-min=
Disallow: /search?updated-max=
Disallow: /search/label/*?updated-min=
Disallow: /search/label/*?updated-max=
Disallow: /p/tidak penting.html
Allow: /
Sitemap: http://omahblog.com/feeds/posts/default?orderby=UPDATE
Halaman yang saya ingin cegah saya letakkan persis seperti yang saya blok warna kuning pada robot.txt diatas.

Cara Mengatur Tag Tajuk Robot Khusus

Selain mengatur Robot.tx mengatur Tag Tajuk Robot Khusus juga penting untuk SEO. sebenarnya Tag Tajuk Robot Khusus ini sama fungsinya dengan Robot.txt yakni untuk mencegah apa yang boleh dirayapi dan apa yang tidak boleh. untuk mengaturnya menjadi lebih SEO Friendly anda masuk pada menu Setelan > Preferansi Penelusuran dan klik Edit pada Tag Tajuk Robot Khusus. Sesuaikan setting anda dengan gambar berikut.


Setelah anda sesuaikan setting seperti pada gambar diatas anda bisa Simpan. Itulah bagaimana cara mengatur Robot.txt dan Tag Tajuk Robot Khusus agar menjadi lebih SEO Friendly. Sekian artikel saya kali ini semoga bermanfaat.

30 Nov 2016

Cara Menonaktifkan Mobile Version Pada Blogger

Cara Menonaktifkan Mobile Version Pada Blogger - Pada dasarnya Blogger menyediakan mobile version atau versi seluler untuk memudahkan pembaca mengakses blog lewat perangkat Mobile karena seperti yang kita tau hampir setiap lapisan masyarakat saat ini memiliki apa itu namanya ponsel, Mulai dari ponsel pintar Android, Iphone atau masih versi Java dan Symbian. Template yang ada pada Mobile Version secara default adalah bawaan dari blogger. Adanya Mobile Version ini memangkas pemakaian data saat mengakses blog lewat perangkat Mobile oleh pengguna. Meski demikian tampilannya yang sangat "biasa" membuat pemilik blog menonaktifkan fitur ini, terutama bagi pemilik blog dengan template yang responsive. Ada beberapa keuntungan yang didapat dengan menonaktifkan fitur Mobile Version ini antara lain.

Baca Juga:


1. Tampilan Lebih Menarik

Tidak dapat dipungkiri bahwa pemakaian Mobile Version yang sangat biasa tampilannya kurang menarik bagi pemilik blog atau pun pembaca meski dengan pemakaian data yang ringan. Pemilik blog lebih memilih memakai Template Responsive yang tampilannya tidak berbeda jauh dengan versi web dan pemakaian datanya juga tidak terlalu besar.

2. Dapat Menampilkan Iklan

Hal yang hilang ketika memakai Mobile Version adalah tidak munculnya iklan. Iklan yang biasanya memakai java script tidak terbaca oleh Mobile Version. Hal ini cukup mengganggu para blogger yang memasang iklan pada blognya, karena hal ini menyebabkan turunnya penghasilan mereka.

Sebenarnya masih banyak keuntungan yang didapat ketika menonaktifkan Mobile Version ini, namun saya rasa dua hal diatas adalah yang paling utama. Pertanyaannya adalah apakah dengan menonaktifkan Mobile Version ini pengunjung akan berkurang? Bila anda memakai template responsive seharusnya tidak, karena template responsive pun sangat nyaman diakses lewat mobile. Namun untuk yang belum responsive, bisa saja pengunjung anda kabur karena tampilan yang kurang friendly. Maka dari itu sebelum menonaktifkan Mobile Version pada blogger, ada baiknya ganti terlebih dahulu template anda dengan template yang responsive.

Bagaimana cara menonaktifkan mobile version pada blogger?


Pertama masuklah pada akun blogger anda dan pilih menu Template. Disana akan muncul 2 tampilan template yakni Langsung di blog dan Mobile atau Seluler. Pilih icon Setting yang ada pada bawah tampilan seluler. Lebih jelasnya perhatikan yang saya beri tanda warna merah pada gambar berikut.


Setelah anda klik icon Setting seperti pada gambar diatas, akan muncul tampilan baru seperti gambar dibawah ini.
Perhatikan yang saya beri garis warna merah pada gambar diatas. Untuk menonaktifkan mobile version anda pilih Option Kedua yakni Tidak Tampilkan template seluler di perangkat seluler. Setelah anda pilih kemudian anda Simpan. 

Setelah langkah diatas, maka ketika anda mengakses blog anda lewat perangkat mobile yang akan muncul adalah tampilan layaknya versi web. Ini menandakan bahwa proses penonaktifan Mobile Version telah berhasil. Sekian artikel saya tentang Cara Menonaktifkan Mobile Version Pada Blogger semoga artikel ini bermanfaat.

29 Nov 2016

Membuat Akun OpenId Untuk Blogger

Membuat Akun OpenId Untuk Blogger - Bagi anda yang sering blogwalking tentu tidak asing dengan yang namanya OpenId. Biasanya OpenId disediakan secara default pada setiap platform blog terutama blogger pada kolom akun komentar. OpenId menjadi salah satu alternatif pilihan akun untuk komentar di blog selain menggunakan akun Google, LiveJournal, WordPress, TypePad dan AIM. Namun tidak jarak masih banyak yang bingung bagaimana cara menggunakan akun OpenId ini untuk berkomentar. Pada kesempatan kali ini saya akan coba membahas tentang bagaimana cara membuat akun OpenId untuk blogger dan cara penggunaannya untuk komentar. Namun sebelum itu, ada baiknya anda mengetahui dahulu apa keuntungan komentar dengan akun OpenId.

Baca Juga :


Apa Keuntungan Komentar Dengan Akun OpenId?


Bicara soal keuntungan atau manfaat yang didapat tentu cukup beragam pendapat setiap orang. Namun saya akan coba jelaskan keuntungan yang didapat berdasarkan pengalaman saya sendiri.

1. Mendapatkan Backlink saat komentar

Ini adalah salah satu alasan kuat kenapa saya lebih memilih menggunakan akun OpenId. Dengan berkomentar menggunakan akun OpenId secara otomatis link dari nama komentar akan mengarah pada blog kita yang artinya ini merupakan backlink untuk blog kita. Sebenarnya untuk mendapat backlink saat komentar jauh lebih efektif menggunakan Name/Url, namun tidak semua blog membuka fasilitas ini di komentarnya, alternatifnya ya memakai OpenId

2. Lebih aman dalam menggunakan akun

Ini yang banyak orang tidak sadari, menggunakan akun OpenId saat berkomentar lebih aman dibandingkan menggunakan akun utama seperti akun Google. Menggunakan akun OpenId mengurangi resiko akun utama anda terjadi "kecelakaan". :)

3. Lebih mudah dalam penggunaannya

Bagi sebagian orang mungkin lebih ribet memakai OpenId, namun ada juga yang berpendapat (termasuk saya) menggunakan OpenId lebih mudah. Saya memandang lebih mudah karena keuntungan di poin pertama dan kedua.

Mungkin tiga poin diatas adalah keuntungan yang minimal pernah saya rasakan saat menggunakan OpenId. Sekarang, Bagaimana cara membuat akun OpenId agar dapat digunakan dalam komentar? Seperti yang saya katakan diawal, sebenarnya tiap blog secara default sudah memiliki OpenId namun sayangnya masih sering terjadi error dari OpenId bawaan blog mulai dari kata - kata "Ups" sampai "Kredensial OpenId Anda tidak Dapat Diverifikasi". Untuk mengatasi hal tersebut anda harus membuat akun OpenId di Stack Exchange OpenId.

Bagaimana Cara Membuat Akun OpenId?


1. Buka situs Stack Exchange


Membuat Akun OpenId Untuk Blogger

Tampilan situs Stack Exchange kira - kira seperti pada gambar diatas. untuk mendaftar akun baru anda pilih Register seperti yang saya beri kotak warna merah. Kemudian akan muncul formulir yang harus anda isi sesuai data anda. Tampilan formulirnya adalah sebagai berikut

Membuat Akun OpenId Untuk Blogger
Untuk kolom pertama anda masukkan alamat Email (pastikan alamat email anda valid untuk verifikasi akun). Kolom kedua adalah optional bisa anda isi atau kosongkan, namun sebaiknya anda isi dengan nama yang anda inginkan untuk ditampilkan saat komentar menggunakan OpenId. kolom ketiga dan ke empat adalah Password , password untuk OpenId biasanya berupa kombinasi karakter khusus, angka, Upper Case dan Huruf. kemudian anda isi Chapta sesuai gambar dan setelah anda isi semua anda klik Send Confimation Email. Bukalah email anda, anda akan mendapat email dari Stack Exchange untuk verifikasi.

2. Pemasangan HTML pada blog

Setelah anda verifikasi, silahkan login pada akun anda dan anda akan menemui tampilan seperti berikut.

Membuat Akun OpenId Untuk Blogger

Pada gambar diatas, perhatikan yang saya beri garis warna merah, anda klik tulisan tersebut untuk memunculkan kode HTML untuk dipasang pada blog anda. kode yang muncul adalah seperti berikut

Membuat Akun OpenId Untuk Blogger
Pada gambar diatas terdapat 2 kode HTML (perhatikan yang saya beri garis kotak warna biru). Copylah kode tersebut dan Edit, berilah tanda / (Garis Miring) di akhir setiap kode sebelum tanda >. Sehingga kode tersebut menjadi seperti ini

<link href='https://openid.stackexchange.com/openid/provider' rel='openid2.provider'/>

<link href='https://openid.stackexchange.com/user/f79094bf-1cc6-47ac-818e-93f0f5181b63' rel='openid2.local_id'/>

Kode yang berwarna merah adalah kode unik, sesuaikan dengan milik anda di akun Stack Exchange. Setelah anda ubah sekarang anda letakkan kedua kode tersebut pada Template Blog anda, dan letakkan tepat dibawah kode <head>. Setelah selesai kemudian carilah kedua kode berikut.

<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/> 
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>

Jika kedua kode diatas telah ada pada blog anda (biasanya letaknnya dibawah <head>), anda bisa langsung simpan Template anda dan akun OpenId anda bisa anda gunakan, namun bila tidak ada, anda tambahkan kedua kode tersebut tepat dibawah kode <head> dan simpan Template anda.

3. Cara menggunakan OpenId untuk komentar

Sebelum anda menggunakan akun OpenId anda, yang perlu anda pahami adalah setiap ingin menggunakannya anda harus dalam keadaan Log In terlebih dahulu pada akun OpenId anda. kemudian saat komentar pilih menggunakan akun OpenId seperti gambar berikut.

Membuat Akun OpenId Untuk Blogger

Kemudian masukkan Url OpenId anda. Biasanya Url OpenId ini adalah alamat blog anda. Namun bila anda tidak terlalu yakin, anda bisa mengeceknya pada menu Setelan > Lainnya, lebih jelasnya perhatikan gambar berikut.

Membuat Akun OpenId Untuk Blogger

Sekian artikel saya tentang Membuat Akun OpenId Untuk Blogger , semoga artikel ini bermanfaat untuk anda.


28 Nov 2016

Membuat Profil Pribadi Pada Wikipedia

Membuat Profil Pribadi Pada Wikipedia - Wikipedia adalah salah satu situs yang menyediakan informasi berupa Ensiklopedia. Wikipedia saat ini menjadi situs Ensiklopedia terbesar di dunia, mereka menyediakan hampir semua bahasa di dunia termasuk Bahasa Indonesia. Secara formal wikipedia sudah ada sejak tahun 2001 dan terus berkembang hingga saat ini Biasanya wikipedia banyak digunakan untuk referansi - referensi pendidikan dan karya ilmiah karena memang infomrasi yang disediakan cukup lengkap dan informasi tersebut juga dari penulis - penulis yang dapat dipercaya sumbernya. Namun tahukah anda bila di Wikipedia kita juga bisa menulis atau membuat profil tentang diri kita sendiri? Wikipedia sebenarnya sudah cukup lama menyediakan fasilitas bagi anggotanya untuk menulis tentang biografi atau profil atau sejenisnya. Bukan hanya nama - nama orang penting saja yang bisa masuk dalam situs Wikipedia, faktanya orang awam seperti kita pun bisa. Berikut saya akan coba menjelaskan tentang bagaimana cara membuat profil pada wikipedia.

Baca Juga :


1. Buat akun pada situs Wikipedia Indonesia

Tentu hal pertama yang harus anda lakukan adalah membuat akun di Wikipedia. Jika anda sudah membukanya. untuk bisa mendaftar anda hanya perlu mengisi beberapa data pribadi dan diperlukan email yang valid untuk verifikasi. Masukkan data anda pada pada form yang muncul seperti gambar di bawah ini.
Membuat Profil Pribadi Pada Wikipedia

Anda masukkan Nama Pengguna, Kata Sandi dan Email anda. Selain itu ketikkan Chapta atau verifikasi kata yang disediakan pada kolom, setelah selesai klik Buat Akun Anda. Bukalah email anda bila diwajibkan untuk melakukan Verifikasi email.

2. Buat Profil Anda

Langkah kedua adalah membuat profil anda. Masuklah pada akun Wikipedia anda, saat anda baru pertama kali menggunakan Wikipedia anda dianjurkan untuk membuat halaman pengguna. Halaman pengguna inilah yang disediakan Wikipedia untuk menuliskan profil kita. Untuk lebih jelasnya anda bisa lihat gambar berikut.

Membuat Profil Pribadi Pada Wikipedia

Pada gambar diatas pilihlah tepat seperti yang saya beri garis kotak warna merah untuk membuat halaman pengguna atau profil. Kemudian akan muncul editor seperti pada MS. Word untuk menuliskan profil anda. Tuliskan profil anda dengan lengkap disana, jelaskan tentang diri anda. Karena Wikipedia adalah situs ensiklopedia, sebaiknya bahasa yang anda gunakan adalah bahasa baku dan sesuai EYD (Ejaan Yang Disempurnakan). Sekedar tips untuk anda, Letakkan beberapa link rujukan bisa dari internal wikipedia atau pun link eksternal. bagi anda pemilik blog, anda bisa memanfaatkan hal ini untuk mendapatkan backlink secara gratis dari wikipedia. Setelah anda selesai menulis profil anda. anda bisa menyimpannya dan profil anda pun sudah jadi.

26 Nov 2016

Membuat Kotak Script Pada Blog Dengan Prism Syntax Highlighter

Membuat Kotak Script Pada Blog Dengan Prism Syntax Highlighter
Membuat Kotak Script Pada Blog Dengan Prism Syntax Highlighter - Biasanya dalam posting kita memerlukan sebuah kotak atau box untuk menempatkan script agar bisa mudah dicopy oleh pembaca. Saya pernah membahas sebelumnya tentang cara membuat kotak script ini pada artikel Membuat Kotak Script Sederhana Pada Posting Blogger. Pada artikel kali ini saya akan membahas kembali tentang cara pembuatan kotak script. Jika dalam artikel tentang kotak script saya sebelumnya membuat kotak script yang sederhana, artikel ini akan mencoba memberikan tutorial tentang membuat kotak script dengan tampilan yang cukup menarik. Saya pribadi telah menerapkan otak script ini pada beberapa artikel terakhir saya setelah membaca tutorial dari Arlina Design. Setelah coba tutorial tersebut dan berhasil saya ingin coba share dengan membuat artikelnya. Perlu diketahui juga bahwa blog ini juga menggunakan template versi gratisan dari Arlina Design, jadi bagi anda yang tertarik dengan model template yang saya pakai bisa coba kunjungi webnya mbak Arlina (linknya ada di Footer hi hi hi).

Ok lanjut tentang cara membuat kotak script yang menarik tadi. Sebenarnya kotak script yang menarik ini ada namanya yakni Prism Syntax Highlighter. Selain tampilannya yang bagus, menggunakan kotak script dengan Prism Syntax Highlighter ini juga memudahkan untuk mengcopy kode atau tulisan didalamnya hanya dengan double clik. Berikut langkah untuk membuat kotak script dengan prism syntax highlighter.

1. Login pada akun anda dan plih menu Template > Edit HTML

Pada tutorial ini saya akan membahas pemasangan kotak script pada blogger, untuk yang menggunakan CMS lain atau untuk website buatan sendiri bisa menyesuaikan. pada blogger anda silahkan Login dan masuk pada menu Template > Edit HTML.

2. Salin kode CSS berikut dan letakkan tempat sebelum kode </style>

 

/* CSS Prism Syntax Highlighter */
pre {
    padding: 50px 10px 10px 10px;
    margin: .5em 0;
    white-space: pre;
    word-wrap: break-word;
    overflow: auto;
    background-color: #2c323c;
    position: relative;
    border-radius: 4px;
    max-height: 500px;
}

pre::before {
    font-size: 16px;
    content: attr(title);
    position: absolute;
    top: 0;
    background-color: #eee;
    padding: 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: block;
    margin: 0 0 15px 0;
    font-weight: bold;
}

pre::after {
    content: 'Double click to selection';
    padding: 2px 10px;
    width: auto;
    height: auto;
    position: absolute;
    right: 8px;
    top: 8px;
    color: #fff;
    line-height: 20px;
    transition: all 0.3s ease-in-out;
}

pre:hover::after {
    opacity: 0;
    top: -8px;
    visibility: visible;
}

code {
    font-family: Consolas,Monaco,'
    Andale Mono','Courier New',Courier,Monospace;
    line-height: 16px;
    color: #88a9ad;
    background-color: transparent;
    padding: 1px 2px;
    font-size: 12px;
}

pre code {
    display: block;
    background: none;
    border: none;
    color: #e9e9e9;
    direction: ltr;
    text-align: left;
    word-spacing: normal;
    padding: 0 0;
    font-weight: bold;
}

code .token.punctuation {
    color: #ccc;
}

pre code .token.punctuation {
    color: #fafafa;
}

code .token.comment,code .token.prolog,code .token.doctype,code .token.cdata {
    color: #777;
}

code .namespace {
    opacity: .8;
}

code .token.property,code .token.tag,code .token.boolean,code .token.number {
    color: #e5dc56;
}

code .token.selector,code .token.attr-name,code .token.string {
    color: #88a9ad;
}

pre code .token.selector,pre code .token.attr-name {
    color: #fafafa;
}

pre code .token.string {
    color: #40ee46;
}

code .token.entity,code .token.url,pre .language-css .token.string,pre .style .token.string {
    color: #ccc;
}

code .token.operator {
    color: #1887dd;
}

code .token.atrule,code .token.attr-value {
    color: #009999;
}

pre code .token.atrule,pre code .token.attr-value {
    color: #1baeb0;
}

code .token.keyword {
    color: #e13200;
    font-style: italic;
}

code .token.comment {
    font-style: italic;
}

code .token.regex {
    color: #ccc;
}

code .token.important {
    font-weight: bold;
}

code .token.entity {
    cursor: help;
}

pre mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

pre code mark {
    background-color: #ea4f4e!important;
    color: #fff!important;
    padding: 2px;
    border-radius: 2px;
}

.comments pre {
    padding: 10px 10px 15px 10px;
    background: #2c323c;
}

.comments pre::before {
    content: 'Code';
    font-size: 13px;
    position: relative;
    top: 0;
    background-color: #f56954;
    padding: 3px 10px;
    left: 0;
    right: 0;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    margin: 0 0 10px 0;
    font-weight: bold;
    border-radius: 4px;
    border: none;
}

.comments pre::after {
    font-size: 11px;
}

.comments pre code {
    color: #eee;
}

.comments pre.line-numbers {
    padding-left: 10px;
}

pre.line-numbers {
    position: relative;
    padding-left: 3.0em;
    counter-reset: linenumber;
}

pre.line-numbers > code {
    position: relative;
}

.line-numbers .line-numbers-rows {
    height: 100%;
    position: absolute;
    pointer-events: none;
    top: 0;
    font-size: 100%;
    left: -3.5em;
    width: 3em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding: 0;
}

.line-numbers-rows > span {
    pointer-events: none;
    display: block;
    counter-increment: linenumber;
}

.line-numbers-rows > span:before {
    content: counter(linenumber);
    color: #999;
    display: block;
    padding-right: 0.8em;
    text-align: right;
    transition: 350ms;
}

pre[data-codetype='CSSku']:before {
    background-color: #00a1d6;
}

pre[data-codetype='HTMLku']:before {
    background-color: #3cc888;
}

pre[data-codetype='JavaScriptku']:before {
    background-color: #75d6d0;
}

pre[data-codetype='JQueryku']:before {
    background-color: #e5b460;
}


Kemudian simpan kode 3 kode dibawah ini tepat sebelum kode </body>

 

<script src='https://arlina-design.googlecode.com/svn/prism.js' type='text/javascript'/>


 
<script>
$('pre').attr('class', 'line-numbers');
Prism.hooks.add("after-highlight",function(e){var t=e.element.parentNode;if(!t||!/pre/i.test(t.nodeName)||t.className.indexOf("line-numbers")===-1){return}var n=1+e.code.split("\n").length;var r;lines=new Array(n);lines=lines.join("<span></span>");r=document.createElement("span");r.className="line-numbers-rows";r.innerHTML=lines;if(t.hasAttribute("data-start")){t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)}e.element.appendChild(r)})
</script>

 
<script type='text/javascript'>
var pres = document.getElementsByTagName(&quot;pre&quot;);
for (var i = 0; i &lt; pres.length; i++) {
  pres[i].addEventListener(&quot;dblclick&quot;, function () {
    var selection = getSelection();
    var range = document.createRange();
    range.selectNodeContents(this);
    selection.removeAllRanges();
    selection.addRange(range);
  }, false);
}
</script>

Kemudian Simpan Template anda

3. Cara menggunakan pada saat membuat posting

Anda dapat menggunakan kode HTML dibawah ini pada saat anda membuat artikel. Ada 4 jenis kode yakni kotak script untuk HTML, CSSJavaScript dan JQuery. Sesuaikan dengan kebutuhan mana yang ingin anda gunakan.

 
<pre title="HTML" data-codetype ="HTMLku"><code class="language-markup"> ... kode HTML (yang sudah di`escape`) di sini ... </code></pre>
<pre title="CSS" data-codetype ="CSSku"><code class="language-css"> ... kode CSS di sini ... </code></pre>
<pre title="Javascript" data-codetype ="JavaScriptku"><code class="language-javascript"> ... kode JavaScript di sini ... </code></pre>
<pre title="jQuery" data-codetype ="JQueryku"><code class="language-javascript"> ... kode jQuery di sini ... </code></pre>

Perlu diketahui juga sebelum memasukkan kode yang akan ditampilkan pada didalam kotak, anda perlu melakukan yang namanya Escape, anda dapat mengkonversinya di Ads Converter milik Arlina Design atau converter escape lainnya.

Memperbaiki Crawl Error 404 Google Webmaster Tools

Beberapa hari ini saya banyak posting tentang Google Webmaster Tools. Mulai dari Cara Mendaftar Google WebmasterCara Submit SitemapMemperbaiki Sitemap Error, hingga kemarin saya posting tentang Cara Cepat Terindeks Google Dengan Fetch As Google. nah hari ini saya akan kembali membahas tentang Memperbaiki Crawl Error Google Webmaster Tools. Salah satu penyebab crawl error yang biasa terjadi adalah karena ada beberapa halaman yang tidak ada, atau tidak eksis lagi. error ini biasa disebut Error 404. Dalam hal ini bisa karena faktor kelalaian dari anda, bawaan dari template, atau bahkan faktor - faktor lain. Google biasanya mencoba crawl blog anda secara keseluruhan agar dapat terindex secara penuh dalam search engine, namun tidak jarang ada halaman yang mereka tidak temukan dalam blog kita dan kebanyakan kita tidak sadar akan hal itu. tentu tidak baik bagi blog kita apabila saat google melakukan crawl terlalu banyak ditemukan Page Not Found dalam blog kita. saya pernah mengalami hal ini, ada beberapa halaman pada blog ini yang sudah tidak ada dan saya tidak sadar itu. akhirnya setelah mencari informasi akhirnya saya menemukan solusinya. sebelum membuat postig ini saya sudah terapkan cara ini dan berhasil. jika anda punya masalah yang sama dengan saya, anda bisa mengikuti langkah - langkah dibawah ini untuk memperbaikinya.

Baca Juga : Memperbaiki Sitemap Error Pada Google Webmaster Tools

1. Login pada Google Webmaster Tools anda dan masuk menu Crawl
Langkah pertama tentu anda harus login ke Google Webmaster Tools anda. jika anda belum punya silahkan baca artikel berikut : Cara Mendaftar Google Webmaster Tools. Saya anggap anda sudah punya akunnya. pilih blog mana yang akan diperbaiki dan masuk ke menu Crawl.

2. Lihat pada sub menu Crawl Error
Selanjutnya anda lihat sub menu Crawl Error, disitu akan ada list Url mana saja yang mengalami error saat proses crawl. Perlu anda cermati disini ada dua versi Crawl Error yang harus anda perbaiki, yang pertama adalah versi Desktop yang pada gambar dibawah saya beri nomor satu, dan yang kedua versi Smartphone yang pada gambar dibawah ini saya beri nomor dua.
dari gambar diatas dapat dilihat saya memiliki tiga Url yang error. tentu milik saya dan milik anda berbeda. anda bisa catat Url - url tersebut pada notepad atau anda bisa Download laporan tersebut yang nantinya bisa dibuka dengan Ms. Excel.

3. Buka menu Google Index yang ada pada sidebar
Setelah Url - url tadi anda catat dan anda simpan. anda buka menu Google Index yang ada pada sidebar, kemudian akan muncul beberapa sub menu dan anda pilih Remove URLs.
Memperbaiki Crawl Error 404 Google Webmaster Tools

Pada gambar diatas langkah selanjutnya adalah anda klik Temporarily Hide seperti pada nomor satu, dan akan muncul kolom, pada kolom tersebut yang saya beri nomor dua, masukkan Url Error milik anda (Url yang telah anda simpan tadi) seperti berikut :
Http://AlamatBlogAnda/UrlErrorAnda
Ganti tulisan warna biru dengan alamat blog anda, dan ganti tulisan warna merah dengan Url Error. kemudian klik Continue. lakukan juga hal ini satu per satu pada Url yang error baik versi Desktop atau Smartphone.

4.  Akan muncul tampilan seperti gambar dibawah ini
Memperbaiki Crawl Error 404 Google Webmaster Tools
Pada gambar diatas URL nya pastikan sudah benar, kemudian untuk Request Type anda pilih Temporaily hide page from search results and reove from cache. kemudian anda klik Submit Request.

5. Sampai disini proses request agar URL anda tidak dirayapi atau Crawl sudah berhasil
Anda hanya tinggal menunggu prosesnya kurang lebih 1x24 jam.

6. Masuk lagi pada menu Crawl
Sembari menunggu proses Remove Url pada langkah sbelumnya, anda bisa langsung masuk pada langkah berikutnya. Silahkan anda masuk lagi ke menu Crawl dan pilih sub menu Crawl Error. pada langkah ini kita akan tandai semua Url - url error tadi menjadi sudah diperbaiki (Mark As Fixed). Silahkan anda centang semua Url Error tersebut dan klik tombol Mark As Fixed.
Memperbaiki Crawl Error 404 Google Webmaster Tools
Jika sudah melakukan Mark As Fixed akan muncul konfirmasi dan anda klik saja OK seperti berikut
Memperbaiki Crawl Error 404 Google Webmaster Tools

Setelah melewati beberapa langkah diatas, anda hanya tinggal menunggu blog anda dikunjungi oleh google, biasanya 1x24 jam. setelah itu anda akan bisa melihat status Error pada Crawl sudah hilang. Terima kasih sudah mengunjungi posting saya tentang Memperbaiki Crawl Error 404 Google Webmaster Tools, Semoga artikel ini bermanfaat.

24 Nov 2016

Mendaftarkan Blog Pada Yandex Webmaster

Pada artikel kali ini saya akan membahas kembali tentang Yandex. Jika sebelumnya saya telah membuat artikel tentang Cara Membuat Akun Email Baru Pada Yandex. Kali ini topiknya kembali ke SEO, yakni Mendaftarkan Blog Pada Yandex Webmaster. Seperti yang kita tahu bahwa untuk dapat terindex dalam suatu Seacrh Engine kita perlu terlebih dahulu mendaftar pada Webmaster perusahaan tersebut. Misalkan Google dengan Google Webmasternya atau Yahoo dan Bing dengan Bing Webmasternya. Yandex pun demikian, untuk dapat terindex dalam Yandex Search Engin anda harus daftar terlebih dahulu pada Yandex Webmaster. Selain mendaftar Yandex Webmaster, sebelumnya saya juga pernah membahas tentang Cara Mendaftarkan Blog Pada Google Webmaster dan juga Cara Mendaftarkan Blog Pada Bing Dan Yahoo Webmaster. Bila anda belum mendaftarkan blog anda pada Google Webmaster atau Yahoo dan Bing Webmaster, anda bisa membaca artikel tersebut.

Kembali pada pembahasan tentang Yadex, perlu anda ketahui bahwa saat ini Yandex menjadi Search Engine terbesar ke 4 di dunia. Yandex memberikan alternatif pilihan bagi pengguna internet untuk menggunakan Search Engine selain Google, Yahoo dan Bing Search Engine. Pangsa pasar Yandex sendiri kebanyakan masih berbasis di eropa seperti Rusia, Belarusia dan juga Kazakhstan. Hal ini mungkin dikarenakan basis Yandex sendiri yang berada di Rusia dan lebih familiar dengan bahasa yang digunakan disana. Namun akhir - akhir ini Yandex mulai mencoba menyaingi Search Engine lain untuk menggaet pasar dunia. Mereka banyak melakukan perbaikan mulai dari hasil dari Search Engine mereka, Translate yang mereka miliki serta fasilitas di dalam Yandex Webmaster mereka. Mungkin dalam 3 hingga 5 tahun mendatang Yandex akan menjadi sepopuler Google, Yahoo dan Bing.

Bagaimana Cara Mendaftar Yandex Webmaster?


1. Anda harus memiliki akun Yandex

Untuk dapat mendaftar pada setiap layanan Yandex termasuk Yandex Webmaster, tentu anda harus membuat akun Yandex. Bagi anda yang terlah memiliki akun Yandex anda bisa lanjut pada langkah kedua. Namun bagi anda yang belum memiliki akun Yandex, anda harus mendaftar terlebih dahulu pada Yandex, anda dapat membaca cara mendaftar di Yandex pada Cara Membuat Akun Email Baru Pada Yandex. Setelah mendaftar anda bisa lanjut pada langkah kedua.

2. Buka alamat Yandex Webmaster

Setelah anda punya akun Yandex, masuklah pada alamat Yandex Webmaster. Halaman utama Yandex Webmaster adalah seperti gambar berikut.

Mendaftarkan Blog Pada Yandex Webmaster

Log in menggunakan akun Yandex anda dengan mengklik link yang saya beri warna merah pada gambar. Sedikit info bahwa Yandex sudah memlakukan banyak riset dan pengembangan untuk Webmaster mereka. Webmaster mereka juga cukup mudah digunakan. Setelah anda Log in akan muncul halaman awal Yandex Webmaster di akun anda. 

3. Tambahkan blog anda pada Yandex Webmaster

Pada langkah ketiga yang anda harus lakukan adalah menambahkan blog anda pada Yandex Webmaster. Anda yang baru daftar pada Yandex Webmaster biasanya langsung diarahkan untuk menambahkan blog anda ke Yandex Webmaster.

Mendaftarkan Blog Pada Yandex Webmaster

Perhatikan yang saya beri garis warna merah, untuk menambahkan blog anda, anda bisa kli tanda + yang saya beri tanda kotak warna merah. Akan muncul halaman baru seperti berikut.

Mendaftarkan Blog Pada Yandex Webmaster

Pada kolom yang saya beri warna merah masukkan alamat blog anda, misalkan www.omahblog.com kemudian klik Add.

4. Lakukan Verifikasi blog anda

Langkah keempat adalah melakukan verifikasi sama halnya dengan verifikasi Google Webmaster. Verifikasi ini diperlukan untuk menunjukkan bahwa anda benar - benar pemilik blog yang anda daftarkan. untuk melakukan verifikasi akan diberikan kode HTML Meta Tag yang harus anda letakkan pada template blog anda tepat dibawah kode <head>, sebenarnya ada 3 metode lain untuk verifikasi blog anda yakni dengan HTML File, DNS Record dan Whois, pada tutorial kali ini saya akan menggunakan cara kode HTML Meta Tag. Berikut contoh kode HTML Meta Tag yang diberikan.

Mendaftarkan Blog Pada Yandex Webmaster

5. Submit Sitemap anda.

Sebenarnya blog anda sudah terdaftar pada Yandex Webmaster, namun belum secara penuh masuk dalam Seacrh Engine mereka. Agar setiap artikel anda dapat terindex dengan baik anda perlu memasukkan yang namanya Sitemap. Masuklah pada menu Indexing Setting dan pilih Sitemap Files. Masukkan sitemap anda dengan format Http://alamatbloganda.com/sitemap.xml. Anda tinggal mengubah tulisan yang berwarna merah dengan alamat blog anda dan klik Add. untuk lebih jelasnya anda bisa melihat pada gambar berikut.

Mendaftarkan Blog Pada Yandex Webmaster

Setelah anda klik Add maka proses agar blog anda dapat terindex oleh Yandex Search Engine sudah selesai, anda hanya perlu menunggu proses index yang dilakukan oleh robot Yandex berjalan. Sekian artikel saya tentang Mendaftarkan Blog Pada Yandex Webmaster, semoga artikel ini dapat bermanfaat.