Blog Kang Fatur: Belajar Ngeblog

    Social Items

Home / Belajar Ngeblog
Showing posts with label Belajar Ngeblog. Show all posts
Showing posts with label Belajar Ngeblog. Show all posts
Link Otomatis Terbuka Tanpa di Klik - kalo ngomongin soal link emang seru deh . . gimana engga, buat orang-orang yang bergaul ama dunia internet khususnya blog/website pasti ga bakalan jauh dari yang namanya link.
ok... kali ini saya mau share salah satu cara buat ngemodifikasi link, bukan cara baru sih dan bisa di bilang cara ini udah jadi rahasia umum yang diketahui banyak orang. tapi engga apa-apa lah, yang penting berbagi... sayang kan kalo ilmu di simpen sendiri aja. . .


Coba perhatiin link dibawah ini deh !!

HTML Color Code

Kode link diatas:

<a href="http://ade-tea.blogspot.com/2011/09/kode-warna-html-v4.html">HTML Color Code</a>


Link di atas ngegunain kode link yang biasa. Coba linknya disorot pake mouse deh !! Link tersebut engga akan terbuka secara otomatis (buat buka linknya harus di klik).

Sekarang coba perhatiin link dibawah ini !!

HTML Color Code

Kode link di atas:

<a href="http://ade-tea.blogspot.com/2011/09/kode-warna-html-v4.html"><span style="color:lime;">onMouseover="window.location=this.href"</span>&gt;</a>


Link di atas kalo disorot mouse akan terbuka secara otomatis sebab kode linknya udah ditambahin onMouseover="window.location=this.href"

Sedikit ulasan tentang cara modifikasi link, mudah-mudahan bermanfaat . . .


KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

Link Otomatis Terbuka Tanpa di Klik

SEO FRIENDLYBerbagai cara memang telah dilakukan untuk meningkatkan optimasi SEO blogspot, seperti halnya dalam memilih template blog. Memilih template blog yang benar memang mutlak diperlukan. Jika dalam memilih template blog dengan asal-asalan, alhasil nantinya SEO blogspot kita akan kacau.

Maka pilihlah template blog Sobat dengan benar. Benar disini maksudnya adalah tampilannya bagus, tidak mencolok mata, cocok untuk tema blog kita, dan yang lebih penting lagi adalah SEO Friendly.

Nah, jika mungkin Sobat ingin membuat template blog Sobat agar menjadi template SEO friendly maka cara-cara di bawah ini mungkin bisa bermanfaat buat Sobat. Berikut cara-caranya!

  1. Page Title
    Biasanya format page title dari blogger adalah seperti ini, JUDUL BLOG : JUDUL POSTING. Nah, agar blog kita lebih disukai oleh Google sehingga ujung-ujungnya blog kita jadi rame, kita harus merubah format page title standar itu menjadi seperti ini, JUDUL POSTING | JUDUL BLOG.

    Caranya cari kode berikut ini di Edit HTML, cukup dengan menekan tombol Ctrl+F pada keyboard!

    <title><data:blog.pageTitle/></title>

    Kalo udah dapet kodenya, silakan Sobat hapus dan ganti dengan kode berikut ini!

    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/></title>
    </b:if>



    Atau Sobat juga bisa tambahkan dengan beberapa kata kunci (keyword).

    <b:if cond='data:blog.pageType == "item"'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
    <b:else/>
    <title><data:blog.pageTitle/> | KATA KUNCI SOBAT| KATA KUNCI SOBAT </title>
    </b:if>



    Ganti kode "KATA KUNCI SOBAT" dengan keyword yang Sobat incar. Setelah semua selesai jangan lupa untuk save template.

  2. Meta Keyword dan Deskripsi
    Suatu mesin pencari seperti Google sangat menyukai sebuah website/blog yang jelas tema dan isi content-nya. Jadi, Sobat harus tambahkan suatu tag yang namanya meta tag. Caranya adalah dengan menambahkan kode berikut ini sebelum kode <b:skin><![CDATA[/*.

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <meta name="description" content="DESKRIPSI BLOG SOBAT" />
    <meta name="keywords" content="KATA KUNCI, KATA KUNCI, KATA KUNCI" />
    </b:if>


    Setelah itu, save template Sobat.

  3. Memasang Breadcrumbs
    Breadcrumbs adalah menu navigasi yang ada di atas sebuah posting atau artikel. Contohnya bisa dilihat diblog saya ini. Cara pasangnya juga sudah banyak dibahas di blog-blog guru blogging.

  4. Memasang Related Post
    Related post sangat bagus untuk SEO maupun buat pengunjung. Jadi pasanglah segera related post di blog Sobat. Caranya sudah banyak dibahas di blog-blog para guru blogging.

  5. Mematikan Setting Blog Archive (Arsip Blog)
    “Lho?”
    “Buat apa?”

    Begini, Google sangat membenci dengan yang namanya duplicate content. Jadi ketika kita mengaktifkan opsi blog arsip, misalnya kejadiannya seperti ini, Sobat ingin membuat sebuah blog di blogger.com. Lalu membuat 3 posting, 1 buah setiap hari. Maka di halaman utama atau homepage Sobat akan ada 3 posting dan sebuah link arsip seperti ini, http://BLOGSOBAT.blogspot.com/2007_03_01_archive.html, yang memunculkan 3 posting yang sama dengan yang dimunculkan oleh homepage. Intinya, 2 buah link yang memunculkan sebuah halaman yang sama. Bagi Search Engine apa lagi Google, ini adalah masalah serius. Oleh karena itu kita harus me-nonaktifkan opsi arsip.

    Caranya, cukup klik tab Setting, pilih Archiving. Nah, pada bagian Archiving Frequency ubah menjadi No Archive. Selesai sudah! :)

  6. Menambahkan Kode ‘Rel=Canonical’
    Gunanya kita menambahkan ‘rel=canonical’ adalah untuk menghindari konten ganda, karena seperti para Master of SEO bilang bahwa Google sangat tidak dapat mentolerir sebuah duplicate content. Caranya mudah, cukup klik Edit HTML, lalu Sobat tambahkan kode berikut setelah kode <head>.

    <link expr:href='data:blog.url' rel='canonical' />


    Save template dan selesai.

  7. Tag Heading
    Google sangat menyukai sebuah tulisan atau judul dengan tag H1. Oleh karena itu ubahlah ukuran judul posting Sobat dengan tag H1. Caranya cari kode berikut!

    <b:if cond='data:post.title'>
    <h3 class='post-title entry-title'>
    <b:if cond='data:post.link'>
    <a expr:href='data:post.link'><data:post.title/></a>
    <b:else/>
    <b:if cond='data:post.url'>
    <a expr:href='data:post.url'><data:post.title/></a>
    <b:else/>
    <data:post.title/>
    </b:if>
    </b:if>
    </h3>
    </b:if>

    Kode yang dicetak tebal dihapus dan diubah dengan tulisan h1. Setelah itu tambahkan kode berikut sebelum kode ]]></b:skin>.

    h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }


Nah, mungkin cukup sekian dulu dari saya tentang bagaimana cara mengedit template blog agar SEO friendly kali ini. Sebelumnya tips ini saya rangkum dari berbagai sumber ketika saya lama belajar SEO blogspot walaupun SEO blog saya belum seoptimal blog master di luar sana. :)

Semoga bermanfaat dan sukses selalu!

Terima kasih.

KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

Cara Mengedit Template Blog Agar SEO Friendly

Related Post
Halo para sobat, dah lama nggak posting, postingannya yang enteng-enteng aja deh! biar nggak mudeng! sore-sore udah mudeng, kasihan khan!

Nah dulunya sih! bikin related post dengan thumbail itu caranya lumayan susah sih! yaitu dengan cara pasang CSS, lalu harus utak atik dikit di bagian footer postingan! dan hasilnya pun nggak selalu bagus, kadang-kadang thumbailnya nggak ditampilkan dengan alasan nggak kedeteksi gambar didalam posting.

Nah, untuk trik yang sekarang, lebih mudah lagi nih! selain mudah! sobat juga nggak perlu repot-repot pasang-pasang CSS, dan nggak perlu khawatir gambar thumbail nggak kedeteksi, pasti aja kedeteksi.

Tapi, ada sayangnya juga nih! Related post thumbail ini nggak bisa nampilkan artikel-artikel terkait (maksudnya yang satu kategori) jadi! related post thumbailnya nampilkan indeks artikel secara acak gitu!! (ini juga kemungkinan saya. tau acak ato nggak sih)

Sekedar pengen tahu aja! saya cari-cari trik kayak gini! lumayan buat tampilan blog nggak berat-berat amat seperti related post thumbail nya yang pake CSS. lebih simple dan cepat!

LinkWithinLinkWithin
trik ini juga sebenarnya bisa ningkatin page view blog kamu, soalnya navigasi jadi lebih mudah! jadi memudahkan para pembaca blog kamu buat baca-baca artikel yang satu, ke artikel yang lainnya.

jika kamu pengen pasang, tinggal ikutin trik-trik berikut ini!

  • Login Blogger Dulu Pastinya
  • Ambil Script Related Post-nya di Link Within ini.
  • disana, isikan Email sobat, Url Blog sobat.
  • jangan sampe salah ngisi, soalnya nantinya bakalan error kalo udah dipasang, isi dengan data yang bener.
  • Plattformnya ya... pastinya Blogger, sesuai dengan platform yang kita pake, silakan highlight bagian Blogger untuk kolom Plattform-nya, kalo pake plattform lain (selain Blogger), pilih salah satu di sana.
  • Tentukan Berapa artikel yang akan ditampilkan dalam related post-nya. minimal 3, maksimal 5.
  • Jika blog sobat memiliki background yang gelap seperti blog saya ini, centang bagian "My blog has light text on a dark background".
  • kalau sudah, klik Get Widget

sekarang tingggal tahap Pemasangan widgetnya! ikuti langkah berikut ini!

  • Setelah klik 'Get Widget' sobat akan diarahkan ke tahap pemasangan widget!
  • Klik link bagian 'Install Widget' untuk memasang widget di blog.
  • Setelah itu, sobat akan diarahkan lagi ke halaman blogger.
  • Pilih salah satu blog yang akan dipasangi Related Post, pastikan sesuai dengan blog yang tadi ksobat masukan di bagian awal.
  • Selesai, tidak perlu di edit-edit lagi, silakan klik 'Menambah Widget'
  • Pastikan nama widget 'linkwithin' tidak diubah, karena jika diubah akan menyulitkan untuk mengikuti trik selanjutnya.
  • Setelah itu, pindahkan posisi widget 'LinkWithin' tersebut ke bawah posting.
  • Klik simpan untuk menyimpan Widgetnya.
  • Sekarang lihat Blog sobat!

Sebenarnya, trik ini sudah selesai, tetapi jika kamu ingin sedikit optimisasi, agar Related Post ini hanya tampil pada saat 'Pembaca' Membuka artikel. jadi Related post nggak ikut-ikutan tampil saat di Home Page/Beranda!

Nah, karena lagi ngerjain Blog yang baru, saya bakalan ulas trik selanjutnya di postingan yang lain deh! semoga bermanfaat!




KOMENTAR ANDA SANGAT BERMANFAAT BAGI PERKEMBANGAN BLOG INI

Membuat Related Post with Thumbail di blogger

Subscribe to: Posts (Atom)

Subscribe Our Newsletter

Notifications

Disqus Logo