Showing posts with label seo hack. Show all posts
Showing posts with label seo hack. Show all posts

Tuesday, August 16, 2011

Ubah Judul blog dengan judul post

Sebenarnya template blog ini sudah saya oprek abis, saya pribadi ingin menjadikan template blog saya ini jadi all in one seo packnya ala blogger (hehehe) karena saya sangat menyukai ujicoba bahkan sebelum blog lama saya dibanned google banyak sekali trik dan script untuk mengutak-atik template blogspot, mungkin oprekan selanjutnya akan saya share dipostingan selanjutnya. Baiklah dahulu kala saya pernah menulis artikel Merubah tag H1 di artikel post, cara itu hanya untuk meta tag saja dalam artian hanya untuk search engine dan browser membaca/crawl blog kita. Sedangkan tampilannya tetap tidak ada perubahan diblog kita.

Sekarang saya coba share merubah judul blog kita jadi dinamis dan terbaca oleh pengunjung blog, secara seo friendly memang masih belum terbukti tapi selama ini search engine khususnya google sangat menyukai tulisan yang tampil dan terbaca langsung. Contohnya bisa dilihat dari seoblogger4.blogspot.com ini yang memakai trik seperti diatas.

Banyak juga saya lihat para peserta kontes seo (sorry lagi2 tentang kontes, maklumlah memanfaatkan sesuatu yang lagi trend) mengganti judul blognya dengan judul keyword yang diperebutkan. Tapi bagaimana jika ikut lebih dari satu kontes seo, kan jadinya hanya satu artikel kontes yang optimal.

Para master oprek template pastinya sudah tau cara ganti judul blog dengan judul post dan terlihat dinamis ini, ok langsung saja kesasaran.

1. Iris bawang merah tipis2 ups itu tips dari nyokap gue, (biasa biar nggak tegang). Caranya:

1. Cari kode berikut di template blogspot sobat:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>

Biasanya dibawah <div id='header-wrapper'> diwilayah atas template kamu, nggak jauh dari <body>

2. Kalau sudah ketemu ganti kode yang berwarna biru dengan kode berikut:

<a expr:href='data:blog.url'><data:blog.pageName/></a>

Kalau ingin tampil judul post diikuti judul blog asli gantinya menjadi:

<a expr:href='data:blog.url'><data:blog.pageName/><data:title/></a>

Jika tidak mau klikable (ada linknya) maka langsung saja kode warna biru diganti menjadi <data:blog.pageName/>

3. Save, selesai

Judul blog sobat sudah jadi dinamis sekarang, masalah seo atau tidaknya saya sebagai newbie didunia seo dan blogging belum bisa pastiin. Mungkin ada masukan dari para mastah melalui komentar saya sangat berterima kasih.

Sunday, January 2, 2011

Merubah tag H1 di artikel post

Ahli seo mengatakan kalau search engine mengutamakan susunan header (h1, h2) dari blog kita.Jika anda ingin merubah judul post menjadi h1 tentunya akan ada dua h1 dalam template blog kamu, nah untuk mensiasatinya kita harus memastikan jika sedang berada di single post (artikel) judul post menjadi H1 dan judul blog menjadi p. title (tidak ada H) dan jika berada di homepage maka susunannya kembali semula (judul blog H1 dan judul post h2 atau h3).

Untuk membuat judul post blog kita menjadi H1 maka ikuti tahapan berikut ini:
1. Saat login, klik rancangan dan pilih edit html lalu centang expand template widget.

2. Cari kode berikut di template kamu

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>

jika sudah ketemu, ganti dengan kode dibawah ini:

<!--No header image -->
<div id='header-inner'>
<div class='titlewrapper'>
<b:if cond='data:blog.pageType != "item"'>
<H1 class='title'>
<b:include name='title'/>
</H1>
<b:else/>
<p class='title'>
<b:include name='title'/>
</p>
</b:if>
</div>
<b:include name='description'/>
</div>

3. Kemudian cari kode berikut di template kamu:

<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'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Jika sudah ketemu, ganti dengan kode dibawah ini:

<b:if cond='data:blog.pageType != "item"'>
<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>
<b:else/>
<H1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</H1>
</b:if>

Jika anda memakai gambar/image untuk header blogspot kamu, maka tahapannya sudah selesai sampai disini, trik ini cukup efektif untuk mempercepat indeks artikel blog ane, termasuk posting tapi bisa juga memakai trik ubah judul blog dengan judul post, bisa di cek di artikel Software Akuntansi Laporan Keuangan Terbaik, judul artikel tersebut sudah jadi h1 jika di single post dan homepage sudah berubah menjadi "p.title". Tapi jika kamu tidak memakai gambar maka tulisan judul blog kamu akan berubah-ubah (besar kecil), jika dihomepage judul blog tetap normal (sesuai css) tapi jika di single post (permalink artikel) maka judul blog kamu menjadi kecil seperti huruf artikel. Hal ini karena kita belum menambahkan css untuk kode p.title (css alternatif judul blog ketika berada di artikel).

Oleh sebab itu kita harus menambahkan kode css yang sama ukuran dan elemennya dengan kode title/header (judul blog kita)

Contoh:
#header h1{elemen/ukuran css title blog kamu}
#header h1 a{Disini elemen/ukuran css title blog kamu}

Maka tambahkan css seperti berikut ini:

P.title {Nah Disini harus sama dengan elemen/ukuran css title blog kamu}
P.title a{Nah Disini harus sama dengan elemen/ukuran css title blog kamu}

Untuk makin jelasnya kita coba dengan css berikut ini:
Jika css header kamu seperti ini:
#header h1{font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
#header h1 a{color:#fff;text-decoration:none}

Maka tambahkan dibawahnya dengan kode css:

P.title {font-size:23px;font-weight:700;float:left;width:40%;text-shadow:1px 0 #2B4462;letter-spacing:-1px}
P.title a{color:#fff;text-decoration:none}

Setelah itu save.

Catatan:
Ingat syarat bagi search engine dan browser membaca sebuah weblog adalah adanya unsur H1, H2 dan H3 (minimal itu saja cukup). Hati-hati karena ketika berada disingle post/artikel yang sudah menjadi H1 sedangkan jika di homepage artikel post (permalink post) kita H3, berarti kamu harus menyiapkan H3 tambahan, agar syarat H1, H2, dan H3 di blog kamu tetap ada baik itu ketika di homepage ataupun ketika di artikel postingan kita.

Thanks :)

Thursday, September 16, 2010

Trik seo dengan memasang anchor tag permalink dibawah posting blogger

Jika posting sebelumnya kita membahas menu breadcrumb yang bisa menampilkan posisi pembaca artikel berdasarkan home, label, dan artikel itu. Sekarang kita memaksimalkan permalink serta judul disetiap posting artikel blog.

Maksudnya, kita memberi penjelasan kepada pembaca tentang judul, alamat permalink, serta anchor artikel tersebut, trik ini bisa mempengaruhi seo blog kita karena cukup memperkuat keyword kita. Nah cara membuatnya adalah :

1. Login ke akun blogger kamu

2. Pilih rancangan dan klik edit template

3. Pasang css berikut ini dan letakkan diatas ]]></b:skin>

.permalinktag
{border: 1px solid #EFF0F1;
padding: 5px;
background: #ffffff;-moz-border-radius:5px;}
.permalinktag a
{background:none;}
img.float-right {margin: 5px 0px 0 10px;}
img.float-left {margin: 5px 10px 0 0px;}


4. Cari kode <data:post.body/> atau <p><data:post.body/></p>


5. Jika suda ketemu, ganti kode tersebut dengan kode dibawah ini :


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<p><data:post.body/></p>
<div class='permalinktag'>
<center><small>Anda sedang membaca artikel <strong><u><data:blog.pageName/></u></strong> dan artikel ini url permalinknya adalah <strong><data:post.url/></strong></small></center><center><small>Semoga artikel <u><a expr:href='data:post.url'><data:blog.pageName/></a></u> ini bisa bermanfaat.</small></center></div>
<b:else/>
<p><data:post.body/></p>
</b:if>

6. Save template

Saturday, September 4, 2010

Meta Title Tag Seo untuk pengguna Blogger Classic

Memngoptimalkan title tag pada blogger memang diperlukan agar blog menjadi lebih seo friendly. Untuk pengguna new blogger atau xml template bisa memakai trik optimalkan judul blog dengan meta kode, namun jika pemakai template classic tidak bisa memakai trik tersebut, karena tampilannya akan error di blog kita.


1. Meta Title Tag Blog
Untuk pengguna blogger classic caranya sebagai berikut :
a. Cari kode (diatas template classic kamu)

<title><$BlogPageTitle$></title>



b. Jika sudah ganti kode tersebut dengan dibawah ini :
<title><MainPage><$BlogTitle$></MainPage><ArchivePage><$BlogPageTitle$></ArchivePage>
<itempage><blogger><$BlogItemTitle$></blogger></itempage></title>



c. Klik save.


2. Meta Deskripsi
Untuk deskripsinya cari kode berikut :


<$BlogDescription$>

Ganti kode tersebut dengan kode dibawah ini :


<MainPage><meta name="description" content="<$BlogDescription$>" /></MainPage>

3. Untuk mengoptimalkan judul posting

Mengoptimalkan judul artikel kamu yaitu cari kode berikut ini :


<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<BlogItemUrl><a href="<$BlogItemUrl$>" title="external link"></BlogItemUrl>
<$BlogItemTitle$>
<BlogItemUrl></a></BlogItemUrl></h3>
</BlogItemTitle>



Jika sudah ketemu ganti dengan kode dibawah ini :


<!-- Begin .post -->
<div class="post"><a name="<$BlogItemNumber$>"></a>
<BlogItemTitle>
<h3 class="post-title">
<a href="<$BlogItemPermalinkURL$>"><$BlogItemTitle$></a>
</h3>
</BlogItemTitle>


4. Canonical

Blogger sebenarnya sudah ada otomatis anti duplikat konten dengan kode canonical, tapi tidak ada salahnya menambahkan kode seperti berikut ini :

<MainPage><link href="http://seoblogger4.blogspot.com/" rel="canonical"/></MainPage><ItemPage><blogger><link href="<$BlogItemPermalinkURL$>" rel="canonical"/></blogger></ItemPage>



Ganti link alamat blognya ( warna merah ) dengan alamat blog kamu.

Save

Sunday, August 8, 2010

Jangan merubah judul post ke tag h1

Merubah judul post ke tag h1 adalah salah satu trik pengoptimalan artikel di blog kita dan masih banyak para blogger yang menggunakannya, ini tentunya trik seo agar postingan lebih optimal. Menurut pakar seo blogger indonesia, trik seo terbagi beberapa golongan yaitu whitehat seo, greyhat seo, bluehat seo dan blackhat seo.

Kembali lagi ketopik, nah trik seo merubah judul post ke h1 sebenarnya cukup manjur, cuma cara menerapkannya harus super hati-hati karena search engine menginginkan hanya ada tag h1 di halaman web atau blog yaitu sebagai judul/nama utama, apabila ada lebih dari satu maka trik ini malah menenggelamkan blog kita sendiri dari mesin pencari.
Jika kita merubah judul posting ke h1 maka akan ada lebih dari 1 tag h1 diblog kita, misalnya kita tampilkan di homepage 2 postingan, maka tag h1 nya ada 3, lalu jika menampilkan artikelnya maka ada 2 tag h1.

Begitu juga saat tampil di single post (permalink artikel), judul post kita akan jadi H1 dan tentunya kita harus menyiapkan H2 pengganti judul post (jika di homepage judul postnya H2), atau H3 jika judul post di homepagenya memakai H3.

Sebenarnya ada trik untuk bisa otomatis H1 pada judul post saat di single posting, dan judul blog tidak memakai H1 lagi. Begitu juga saat di homepage, di judul blog balik lagi ke H1 dan di judul artikel akan kembali lagi ke H2 atau H3.

Jika cara seperti itu sudah di terapkan, maka artikel post kamu akan lebih seo/optimal. Lalu kenapa di judul postingan ini jangan merubah judul post ke H1??, yah itu karena betapa sensitifnya jika kita salah menerapkannya, dan juga ini merupakan salah satu trik biar pada penasaran.
Blog tutorial seo blogger ini sudah memakai trik diatas, maybe next time akan di posting mengenai cara membuatnya.

Wednesday, August 4, 2010

membuat Seo Smart Link di blogger

Seo smart link adalah menggunakan script untuk mengoptimalkan keyword di postingan kita yang otomatis langsung memiliki anchor link yang jika kita klik maka sobat akan diarahan ke link postingan kita yang sudah di optimalkan memakai script ini.



Ok info ini saya dapat dari blog juragan ( salah satu blogger senior ), jika sobat ingin mampir kesana ini linknya http://blogjuragan.blogspot.com/2010/07/pasang-seo-smart-link-untuk.html, konon menurut beliau script ini sudah lama ada tapi sering error, tapi sudah di perbaiki oleh Mr. Ganda Manurung pemilik web gandamanurung.com( salah satu programmer handal di Indonesia).

Cara pasangnya seperti berikut :

1. Login ke akun blogger kamu
2. Klik rancangan dan di pilih edit html
3. Cari kode </body>
4. Jika sudah ketemu, copy dan paste/pasang seluruh script ini ( klik new windows ) dan letakkan diatas kode </body>
5. Klik save

Keterangan :

- Ganti keyword SEO dengan kata kunci anda
- Ganti alamat link dibawahnya http://blogjuragan.blogspot.com/ dengan alamat url yang akan rekan optimalkan, misalnya ke link artikel sobat yang sedang mengikuti kontes seo.

Tapi jujur saya tidak menyarankan memakai trik ini, karena takutnya nanti di cap sebagai suplemen result atau duplikasi content yang berlebihan.

Thanks to Blog juragan dan Mr. Ganda Manurung.