SEO

SEO On-Page: Cara Mendapatkan Trafik Blog Dengan Modal Minim

SEO On-Page – Salah satu cara untuk mendapatkan trafik blog yang banyak dengan modal yang sangat minim adalah dengan menggunakan teknik seo on page. Contoh situs mempraktekkan SEO On-Page dengan ideal adalah situs Wikipedia.

Jika anda memperhatikan, saat anda mencari informasi tentang sesuatu dengan bermodalkan kata yang diketikkan di situs google atau bing atau yahoo, situs wikipedia selalu ada di dalam hasil pencarian. Kenapa situs ini seakan merajai pencarian informasi di google? Mari kita bahas tentang SEO On-Page tersebut dan cara menggunakannya dengan membahas situs wikipedia.

Apa itu SEO On-Page?
SEO On-page adalah optimisasi yang dilakukan pada bagian-bagian tertentu sebuah laman web/blog. Secara umum faktor-faktor dalam laman (bahasa inggrisnya On-Page) yang mempengaruhi rangking sebuah blog/web dari mesin pencari adalah sebagai berikut;

  1. Kepadatan kata kunci di dalam artikel anda. (minus judul)
  2. Tag Judul <title> yang mengandung kata kunci
  3. alamat URL yang mempunyai kata kunci <contoh:example.com/seo-on-page>
  4. Atribut alt pada tag gambar <img> mempunyai kata kunci
  5. tag <h1> mempunyai kata kunci
  6. <meta description> mengandung kata kunci

Dari banyak artikel tentang SEO On-Page yang saya baca keenam faktor tersebut akan membuat blog anda mendapatkan trafik yang cukup banyak dari mesin pencari. Hanya saja ada beberapa masalah.

  1. Bagi yang tidak belajar html akan kesulitan dalam praktek 
  2. Platform yang berbeda akan menghasilkan praktek yang berbeda contoh cara optimasi seo blogspot berbeda dengan cara optimasi wordpress (khusus yang self-hosted)

Sehubungan dengan saya pernah menulis tentang cara membuat template blogger sendiri maka saya coba berbagi bagaimana saya menerapkan seo on-page di blog kandrawilko.info ini. Karena saya baru belajar oprek template blogger tentu banyak yang kurang dalam pembahasan saya dan karena itu saya minta maaf sebelumnya.

SEO On-Page pada judul (tag <title>)

Banyak artikel tentang seo yang saya baca menuliskan bahwa hal pertama yang dirayapi oleh sebuah bot google adalah judul. Di browser anda dapat melihat judul ini di bagian paling atas browser. Coba perhatikan gambar dibawah supaya lebih jelas keterangannya.

seo on page yang bertempat pada judul
judul blog pada browser

Dari gambar terlihat jika judul blog saya blogging dan bisnis online terletak pada bagian atas. Menurut artikel tentang seo, crawler google atau robot mesin pencari lainnya awalnya mendeteksi kata kunci dari judul.

Di blog yang hosting pada blogger anda sudah mendapatkan judul ini pada template dasar dari blogger.com. Hanya saja formatnya seperti ini

namablog: judul artikel
Dengan menggunakan format ini kata kunci yang ada di blog anda akan ditelusuri kemudian. Jadi crawler akan mendeteksi namablog dulu setelah itu baru judul artikel yang terdapat kata kunci yang anda siapkan. 
Beberapa developer template blogger mengakali letak judul artikel ini dari belakang namablog menjadi di depan. Jadi mesin pencari akan langsung menemukan kata kunci yang terdapat di judul blog anda dengan segera.
Coba anda perhatikan contoh judul blog yang terdapat di wikipedia berikut ini: https://id.wikipedia.org/wiki/Ayu_Ting_Ting. Dalam laman tersebut anda akan melihat format judul blog yang membahas tentang Ayu Ting Ting ini seperti berikut: Ayu Ting Ting - Wikipedia bahasa indonesia, ensiklopedia bebas.

Belajar dari format wikipedia tersebut maka agar blog anda lebih SEO Friendly maka anda dapat mengubah format tersebut dari kode awal blogger <title><data:blog.pageTitle/></title> menjadi kode kustom. Berikut kode kustom yang saya dapatkan dari blog o-om.com
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

SEO-On Page Pada URL

Setelah mengganti tag title atau judul laman dengan lebih mengutamakan judul artikel daripada judul blog kita lihat lagi URL wikipedia. Pada contoh laman wikipedia yang saya berikan anda dapat melihat format url adalah https://id.wikipedia.org/wiki/Ayu_Ting_Ting nah jika anda menggunakan blogspot maka anda harus membuat url yang sesuai dengan kata kunci dalam hal ini Ayu Ting Ting.

Di blogger anda akan melihat URL dengan format seperti ini namablog.blogspot.com/2016/11/Ayu-Ting-Ting. Jangan anda lakukan kesalahan seperti url saya pada laman Mulai Blogging. Seharusnya format url yang seo friendly adalah http://www.kandrawilko.info/p/mulai-blogging.html tapi karena buru-buru hasil laman statis tersebut menjadi http://www.kandrawilko.info/p/blog-page_16.html.

Jika anda ingin mereferensikan laman saya kepada teman apa yang akan terjadi? Tentunya anda akan kesulitan dalam memberikan link tersebut karena alamat url tersebut terlalu ribet. Jika manusia saja sulit bagaimana dengan mesin yang diprogram manusia?

Alamat URL yang saya hasilkan tersebut sama sekali tidak mengandung kata kunci yang saya maksudkan. Jadi mesin pencari hanya mengambil judul laman tersebut dan membandingkan isi lainnya dengan blog dan website lain. Jika website lain mempunyai format url yang ideal yaitu namablog.com/p/mulai-blogging.html maka dapat diputuskan jika blog saya sudah kalah dalam persaingan mendapatkan trafik dari mesin pencari.

SEO On-Page dengan kata kunci berada tag header 1<h1>

Saya hampir tidak memperhatikan hal ini hingga saya membaca artikel seo dari Brian Dean. Dalam artikel yang membahas SEO tersebut Brian memberikan rahasia seo terbarunya yaitu memanfaatkan tag header H1.

Dalam tulisan tersebut Brian Dean mengatakan jika blog yang ia kelola mendapatkan peningkatan trafik dari mesin pencari dengan memberikan tag h1 pada judul artikel yang mempunyai kata kunci di dalamnya. Dan saya cukup pusing karena saat saya melihat source code blognya platform yang digunakan berbeda dengan blog kandrawilko.info ini.

Blog Brian Dean, backlinko.com, menggunakan platform wordpress self hosted. Jadi dalam source code-nya judul dan tag h1 entah kenapa bisa memunculkan judul artikel. Bagaimana dengan pengguna blogger? Apakah harus menggunakan wordpress juga? Jawabnya tidak harus.

Solusinya saya dapatkan pada artikel dari romelteamedia.com. Cara membuat heading tag H1 untuk SEO On-Page adalah sebagai berikut:

  1. cari kode heading tag h1 berikut
    <h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
  2. ganti kode diatas dengan berikut ini
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <h1 class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
    </h1>
    <b:else/>
    <p class='title' style='background: transparent; border-width: 0px'>
    <b:include name='title'/>
    </p>
    </b:if>
  3. selanjutnya anda cari kode dibawah ini
    <h1 class='title'>
    <b:include name='title'/>
    </h1>
  4. ganti kode diatas dengan kode dibawah ini
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <h1 class='title'>
    <b:include name='title'/>
    </h1>
    <b:else/>
    <p class='title'>
    <b:include name='title'/>
    </p>
    </b:if>
  5. terakhir kode yang harus anda rubah adalah kode dibawah
    <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>
  6. kode diatas tadi anda ubah menjadi kode berikut
    <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.title'>
    <h2 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>
    </h2>
    </b:if>
    <b:else/>
    <h1 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>
    </h1>
    </b:if>

Nah sekarang mari kita lihat situs wikipedia yang menjadi role model kita sekarang. Saya cek source code dari laman wikipedia tersebut dan saya menemukan apa yang disebutkan oleh Brian Dean ternyata ada di situs wikipedia tersebut. Kata kunci Ayu Ting Ting terdapat di title dan di h1. Berikut buktinya

seo on-page wikipedia memanfaatkan tag h1 untuk kata kunci
kata kunci wikipedia terdapat di tag heading h1 

SEO On-Page Pada ALT IMG

Gambar tidak bisa dicrawl oleh mesin pencari. Setidaknya itu yang saya baca pada laman resmi google beberapa tahun yang lalu. Oleh karena itu agar gambar yang anda sematkan pada artikel mempunyai arti dan juga seo friendly anda harus menambahkan atribut alt pada tag img.

Pemberian value atau nilai di atribut alt tag img ini agar memberi nilai kepada artikel yang anda terbitkan harus berisi kata kunci. Pada situs wikipedia yang saya ambil sebagai contoh gambar ayu ting ting diberikan kata kunci. Berikut penampakannya

atribut alt yang diberikan pada tag img dengan kata kunci 

Pengguna blogger.com atau blogspot mungkin ada yang menyadari dan menggunakan fitur seo dengan gambar yang telah diberikan. Kadang jika anda mengejar waktu tayang beberapa tulisan untuk terbit berkala menambahkan hal-hal penting ini terlupakan dengan sendirinya.

Padahal anda tinggal memasukkan kata kunci dan tidak perlu pusing bagaimana menuliskan kode html untuk mengambil gambar. Yang anda butuhkan adalah mengisi form yang muncul pada saat akan upload gambar seperti yang terlihat di bawah ini

form alt img yang tinggal diisi kata kunci 

<meta description> Yang Harus Mengandung Kata Kunci

Menurut Yoast tag meta description adalah sebuah cuplikan yang berisi lebih kurang 160 karakter yang berupa ringkasan dari isi sebuah website atau situs. Pentingnya tag meta description ini hampir sama dengan tag title dimana judul artikel blog anda. Memang tidak ada faktor bagaimana meta description tersebut mempengaruhi pengunjung klik blog anda di halaman hasil pencarian google.

Masih menurut situs yoast. Meta description akan terlihat di mesin pencari dan tergantung bagaimana anda memaksimalkan 160 karakter yang terdapat didalamnya, pengunjung akan membaca blog anda dalam begitu blog anda terlihat di mesin pencari.

Di laman situs wikipedia saya tidak mendapatkan tag meta description. Namun hampir beberapa blog dan situs yang merajai hasil pencarian google memiliki tag meta description ini di dalam source code-nya. Tag meta description ini tidak dapat dilihat oleh pengunjung kecuali jika mereka melihat source code laman yang bersangkutan. Tambahan meta description ini akan menjadi penting bagi mesin crawler saat mereka merayapi blog anda dalam mengambil hasil untuk hasil pencarian.

Di blogger tag meta description ini secara default sudah ada dan tidak perlu anda ubah. Jika anda butuh optimalisasi lagi maka anda dapat melakukan hal berikut ini;

  1. Anda masuk ke menu setting (pengaturan) blog anda
  2. Pilih sub-menu search preferences
  3. Aktifkan mode Meta Tag
Setelah anda melakukan hal diatas maka saat anda posting anda akan menemukan menu Search Description di bagian kanan laman editor. Di menu Search Description anda dapat membuat deskripsi atau ringkasan dari artikel anda dan berbeda dengan plugin yoast anda tidak dibatasi karakter.
seo on-page meta description di blogger.com/blogspot
menu untuk memunculkan meta description

Kesimpulan

Ada banyak teknik dan ilmu yang harus dipelajari agar sebuah artikel blog dapat posisi terhormat di mesin pencari. Dengan mendapatkan posisi di halaman pertama google maka anda akan mendapatkan trafik yang banyak dari mesin pencari. Dengan mendapatkan trafik yang banyak tersebut anda dapat membuka sebuah bisnis sendiri.
Bisa melamar menjadi seorang publisher adsense, menjual produk orang lain, menjual produk anda sendiri dalam  bentuk barang atau jasa, dan lain sebagainya. Hanya saja semua teknik seo on-page diatas harus anda perhatikan perkembangannya. Contoh dulu selain meta description tag meta lain yang digunakan oleh blog atau website adalah meta keywords. Sekarang google menyebutkan jika meta keywords tidak terlalu mempengaruhi perayapan. 
Bagaimana menurut anda? Ada yang kurang dalam pembahasan saya? Silahkan gunakan kolom komentar untuk berdiskusi.
Advertisements

Leave a Reply