Template seo friendly responsive/blogspot

Template seo blog template seo friendly template seo responsive template seo 2015 adalah template seo dan juga gratis buat blog Berikut ini adalah  template terbaik untuk blogger berdasarkan kategori template seo blog template seo friendly template seo responsive .

Blog/Magazine

Templet Musimag

Demo Download

Templete Jarid

Demo Download

Templete MXfluity

Demo Download

TempleteTheTuts

Demo Download

Templete Mash 2.0

Demo Download

Templete Easy News

Demo Download

Templete EtipMagazine

Demo Download

Templete Webslot

Demo Download

Templete Spot Times

Demo Download

Templete Minimum

Demo Download

Templete Sensational

Demo Download

Templete Blogism

Demo Download

Templete Geeks Gadget

Demo Download

Templete Hi-Tech Blogger

Demo Download

Templete Accrebility

Demo Download

Metro UI Style

Metro UI Blogger Template

Demo Download

Dazzling Designer

Demo Download

Metro Modern Solar V.1

Demo Download

Metro BTK Premium Blogger Template V.2

Demo Download

Metro Premium Blogger Template Simple V.2

Demo Download

Gallery

iShowcase

Demo Download

Work a holic

Demo Download

Simplex Portfolio

Demo Download

Portofolio

Demo Download

Personal

The Bright

Demo Download

Timeline Blog

Demo Download

Heliumfied

Demo Download

Royale Note

Demo Download

Fast Load & SEO Optimized

Super SEO

Demo Download

MIMSpot

Demo Download

Johny Ajaib

Demo Download

Johny Goreng

Demo Download

Johny Wusss

Demo Download

Johny Ribet

Demo Download

Kata Kunci :

template seo blog template seo friendly template seo responsive template seo 2015 template seo gratis template seo elite template seo friendly gratis template seo friendly responsive template seo blogger template seo keren template seo blog template seo adsense template seo anime template seo analysis template blog seo adsense blogger template seo adsense template blogspot seo adsense template seo untuk adsense template seo friendly adalah cara mengetahui template seo atau tidak template websites and seo template seo blogger template seo blog template seo blogger 2015 template seo blogger gratis template seo blogger free template seo bloger template seo blog 2015 template seo blogspot gratis template seo blog gratis template seo super cepat seo contract template seo css template website template for seo company contoh template seo friendly ciri template seo ciri template seo friendly cek template seo template for seo company template blogspot chuẩn seo template seo dan responsive template seo download template seo wordpress download seo template free download template ringan dan seo friendly template ringan dan seo template keren dan seo friendly download template seo friendly 2013 download template seo friendly blogspot download template seo blogger template seo elite template seo elite gratis template seo elite oleh bamz template seo elite premium gratis template seo elite free template seo elit template seo elite premium template seo elite mini template seo elegan template seo elite versi 2 template seo friendly template seo friendly gratis template seo friendly responsive template seo fast loading template seo friendly blogger template seo friendly terbaik template seo free template seo friendly keren template seo friendly 2014 gratis template seo friendly fast loading template seo gratis template seo gratis 2015 template seo guru template seo gratis keren template seo friendly gratis template wordpress seo gratis template blog seo google kumpulan template seo gratis template wordpress gratis seo friendly download template seo friendly gratis template seo html5 seo template html seo template hubspot template html5 seo free template seo valid html5 template seo friendly valid html5 template seo friendly valid html seo html template free html template seo friendly on-page seo template hubspot template islam seo seo invoice template template seo joomla template joomla seo friendly best seo template joomla free template joomla seo friendly joomla template seo optimized jual template seo js template seo seo joomla template free jquery template seo javascript template seo template seo keren template keren seo friendly template blog seo keren template seo 3 kolom template blogger seo keren template blogspot seo keren download template seo killer template seo satu kolom template seo gratis keren template 3 kolom seo friendly template seo fast loading template seo friendly fast loading template seo mas sugeng template seo minimalis template seo magic gratis template seo magazine template seo mywapblog template monster seo boost template magazine seo friendly template mobile seo template mobile seo friendly template blogger magazine seo friendly seo niche template template blogspot seo tốt nhất blogger template seo optimized wordpress template seo optimized joomla template seo optimized template seo elite

Read More

Mengaktifkan Paragraf atau <p> di Blogger

Kalau sobat jeli, artikel dalam blog yang menggunakan blogger tidak terdapat paragraf atau tag <p>…</p>. Paragraf paragraf di blogger hanya di batasi menggunakan line break atau tag <br/>.Selain itu, kita juga bisa menggunakan enter untuk memasukkan paragraf baru.

Menurut saya, tag <p>…</p> sangat dibutuhkan, karena kita bisa memasukkan style ke dalamnya. Misalnya saja, margin-bottom. Kita bisa menyesuaikannya sesuka hati tanpa harus mengedit line break atau tag <br/>.

<p>…</p> juga membuat artikel tampak lebih rapi. Ya, ini memang pemaksaan untuk bisa jadi alasan saja…

Untuk sobat yang ingin menampilkan tag <p>…</p>. Ikuti cara di bawah ini :

Tag <p> Manual

Cara ini tergolong lama. Kita hanya bisa mengeditnya di post editor versi HTMLnya. Caranya sebagai berikut :

1. Buat artikel menggunakan post editor versi compose.
2. Setelah itu, beralihlah ke versi HTMLnya. Biasanya di samping tulisan compose.
3. Kurung semua paragraf menggunakan tag <p>…</p>.
4. Langsung klik publish.

Perhatian

Setelah mengurung semua paragraf dengan tag <p>…</p>. Jangan pernah melihat artikel dengan versi visual/compose. Hal itu akan menghilangkan tag <p>…</p> secara otomatis.

Tag <p>…</p> Otomatis

Agar tag paragraf terbentuk secara otomatis, kita bisa menggunakan Offline Blog Editor seperti Windows Live Writer. Di dalamnya sudah terdapat fitur seperti paragraf, heading 1, 2, 3, 4, 5, 6 dan lainnya.

Ketika kita mengklasifikasikan sebuah paragraf, tag <p>…</p> akan terbentuk sendiri. Seperti di Word. Setiap sobat menekan enter, maka akan dihitung sebagai paragraf. Sebaliknya, kalau menekan tombol enter di post editor blogger, yang terbentuk hanyalah tag line break atau <br/>.

Kesimpulan

Menampilkan atau tidak menampilkan tag <p>…</p> sebagai penanda paragraf memang relatif dan opsional. Jadi, semuanya terserah sobat. Menampilkan atau tidak menampilkan tidak akan jadi masalah berat bagi blog dalam desain maupun SEO. Karena penggunaan hanya dapat dilihat jika halaman dalam versi source nya.

(gambar : Laurenmanning)

Read More

Jangan Pernah Edit Tanggal Postingan

Info ini saya dapatkan di salah satu forum indonesia. Untuk terjun langsung bisa ke link ini. Di thread tersebut di jelaskan bahwa dengan mengedit tanggal postingan maka permalink artikel tersebut bisa berubah dan akan terjadinya penurunan posisi artikel di SERP. Sebelumnya, permalink adalah link artikel. Sebagai contoh, bisa langsung lihat di bawah ini :

http://kupas-ampas.blogspot.com/2013/02/jangan-pernah-edit-tanggal-postingan.html 

Diatas adalah salah satu contoh permalink. Tepatnya permalink untuk artikel yang sedang sobat baca sekarang. Perhatikan tulisan yang berwarna merah, disitu tertulis jelas bahwa itu adalah bulan dan tahun terbitnya artikel. Seperti kasus dalam thread, TS ingin mengubah bulan di artikel yang lama agar blognya terlihat lebih fresh. Namun yang terjadi setelahnnya, adalah penurunan posisi artikel di SERP.

Setelah diubah bulan permalink artikel bisa menjadi

http://kupas-ampas.blogspot.com/2013/01/jangan-pernah-edit-tanggal-postingan.html 

Bagaimana bisa turun?

Singkat saja, bagaimana kalau suatu blog diganti ganti templatenya? Maka sebagian pakar SEO akan menjawab turunnya SEO di mata google. Dalam kata lain, posisi SERP akan turun. Menurut saya, template blog seperti permalink untuk artikel. Jadi, apa yang terjadi jika permalink di ubah ubah? I think you got your own answer!

Efek lain setelah mengubah permalink, adalah errornya link link internal yang telah sobat pasang di artikel lain. Misalnya saja ada artikel B yang menautkan link internal ke artikel A dengan tanggal A1. Kemudian kita mengubah bulan artikel A dengan tanggal A2. Kemudian visitor artikel B ingin melihat link internal yang kita tanamkan yaitu artikel A dengan tanggal A1. Apa yang terjadi ketika link yang diklik tidak cocok padahal hanya karena beda bulan. Link tersebut error dan google tidak melihat itu sebagai internal link namun melihatnya sebagai broken link. Dan tahukah anda? Google tidak suka broken link!

Kesimpulan
Simple saja, jangan pernah merubah tanggal postingan.

Update: Dapat pencerahan dari forum link bersangkutan. Katanya itu hanya bug. Jadi permalink berubah karena waktu disave malah error.

Read More

Apa Saja Syarat Template SEO?

Optimasi SEO memang tak ada habisnya. Salah satu cara yang mungkin dilakukan oleh blogger adalah dengan mengoptimasi template agar menjadi lebih SEO. Atau mungkin sebagian langsung mendownload template SEO yang sudah jadi atau siap pakai. Kadang ada juga blogger blogger yang rela membayar agar memperoleh template SEO. Sebenarnya mengoptimasi SEO bisa terbilang mudah. Asal kita tahu caranya. Tutorial optimasi template sudah banyak ada di internet. Kita tinggal melihat, mempelajarinya dan langsung action. Sekarang yang kita perlukan adalah indikatornya. Apakah ini sudah optimasi atau tidak? Apakah bagian template ini sudah cukup? atau perlu optimasi lagi?. Simplenya kita sebut itu sebagai ciri ciri.

1. SEO Itu Putih?

Entah apa yang mempengaruhi template developer untuk blogspot. Kebanyakan dari mereka membuat template SEO, dan kebanyakan dari template SEO itu putih. Entah apa alasannya. Namun template warna putih seolah sudah menjadi lambang SEO.

"SEO itu Putih"

Pemilihan warna untuk blog memang sangat penting. Warna bisa mempengaruhi kemampuan membaca atau readability suatu bacaan. Memang bukan hanya warna, tetapi juga jenis tulisan spasi dan lain lain. Mungkin karena itulah kebanyakan template SEO itu berwarna putih. Selain itu, jika ingin background warna putih, kita tidak harus menulis CSS backgroundnya dengan catan tidak element dengan background warna selain putih di belakangnya. Hal ini tentu saja mengurangi size dari CSSnya. Meskipun hanya 0.000001 kb (he..he..). 

Memang pemilihan warna putih juga mempunyai kerugian. Salah satunya apabila kita membaca artikel dengan background warna putih di malam hari atau saat cahaya tidak terlalu terang. Saat itulah mata akan terasa lelah, berair dan mengantuk.

2. Loading Cepat

Yang ini sudah pasti. Google menyukai blog atau web dengan loading cepat. Web dengan loading yang cepat lebih SEO. Cara cara seperti menghindari flash , gambar yang besar, terlalu banyak pernak pernik widget sudah bisa mempercepat loading blog. 

Simak Juga:

• 5 Cara Ciptakan Blog Fast Loading
• Template Dengan Loading Cepat Dan SEO

Jadi, intinya dengan mengurangi elemen tidak perlu sudah cukup untuk mempercepat loading blog. Ingat, less is more.

3. Heading Dinamis

Penggunaan heading tag secara dinamis atau berubah ubah termasuk salah satu syarat dan cara untuk mendongkrak SEO. Tujuan penggunaan heading dinamis agar tag heading (h1,h2,h3,h4,h5,h6) berubah menurut jenis halaman yang sudah dibuka atau sesuai dengan kondisi. Simak salah satu contoh berikut:

Kalau yang dibuka halaman homepage atau halaman depan, maka judul blog memakai h1, dan judul posting memakai h2. Hal ini dimaksudkan karena h1 itu sangat kuat untuk SEO. Tetapi, kalau yang dibuka halaman artikel, maka judul posting memakai h1, dan judul blog memakai h2. Karena yang akan dioptimasi adalah posting agar tampil di #1 Google

Ingat, dalam satu halaman hanya boleh 1 tag H1, sedangkan H2 boleh banyak. Inilah kenapa H2 dipakai untuk judul artikel pada halaman homepage ( h2 boleh banyak ) dan H1 dipakai untuk judul blog ( h1 hanya boleh 1 setiap halaman web ) karena judul blog sudah pasti hanya satu yaitu di header. Berbeda dengan judul posting di halaman homepage, bisa banyak..banyak..banyak sekali.

Untuk caranya bisa langsung ke bawah sini :

• Cara mengedit blogspot/blogger template agar SEO Friendly

4. Punya Breadcrumbs

Breadcrumbs adalah asal postingan kita. Maksudnya, seperti jalan untuk bisa mencapai postingan tersebut. Di dalam breadcrumb tertera label dari postingan tersebut. Lihat contoh di bawah ini

Home >> SEO >> Tips SEO 2013

Biasanya breadcrumb terdapat di atas judul artikel. Di posting ini juga terdapat breadcrums, terdapat di atas judul artikel juga. Breadcrumbs yang dimaksud harus bisa diindex google. Artinya, breadcrums atau label dari posting tersebut tampil di artikel pada halaman pencarian.
Cara membuat breadcrumb yang diindex google:

• Login ke dashboard >> Template >> Edit HTML
• Cari <b:includable id='main' var='top'>  dan tempatkan kode dibawah ini diatasnya.

<b:includable id='breadcrumb' var='posts'>

<b:if cond='data:blog.homepageUrl != data:blog.url'>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span><data:blog.pageName/></span></div>

<b:else/>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!-- breadcrumb for the post page -->

<b:loop values='data:posts' var='post'>

<b:if cond='data:post.labels'>

<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>

<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:label.isLast == &quot;true&quot;'>

 &#187; <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>

</b:if>

</b:loop>

 &#187; <span><data:post.title/></span>

</div>

<b:else/>

<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> &#187; <span>Unlabelled</span> &#187; <span><data:post.title/></span></div>

</b:if>

</b:loop>

<b:else/>

<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<!-- breadcrumb for the label archive page and search pages.. -->

<div class='breadcrumbs'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Archives for <data:blog.pageName/></span>

</div>

<b:else/>

<b:if cond='data:blog.pageType == &quot;index&quot;'>

<div class='breadcrumbs'>

<b:if cond='data:blog.pageName == &quot;&quot;'>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>All posts</span>

<b:else/>

<span><a expr:href='data:blog.homepageUrl'>Home</a></span> &#187; <span>Posts filed under <data:blog.pageName/></span>

</b:if>

</div>

</b:if>

</b:if>

</b:if>

</b:if>

</b:if>

</b:includable>

<b:includable id='main' var='top'>

<b:include data='posts' name='breadcrumb'/>

• Cari ]]></b:skin> dan tempatkan kode ini diatasnya

.breadcrumbs{padding5px;margin:5px;font-size:12px;border1px dotted #ccc;}

Kesimpulan
Ada banyak cara yang dilakukan agar template menjadi SEO. Selain template, sobat juga harus memikirkan SEO dari artikel, keyword density, mengganti title agar dinamis dan lain lain. Setelah itu semua, baru mulai untuk monetisasi blog tersebut.

Read More

Mengenal Pengkondisian Di Blogspot

Sesuai dengan posting sebelumnya, yaitu tentang pengoptimasian title agar lebih SEO, kita akan mencoba belajar tentang pengkondisian di blogspot, dalam bahasa kerennya disebut if tag. Fungsinya, untuk menandai agar "A1" dieksekusi jika syaratnya terpenuhi yaitu "A". Bingung kan?. Misalnya, "jika yang sekarang dibuka adalah 'A', maka eksekusi 'A1' jika tidak maka jangan eksekusi". Contoh sederhananya sudah tertera di artikel tentang optimasi title agar lebih SEO. Salah satunya adalah tampilkan judul blog (contoh A1) jika yang dibuka adalah halaman homepage (contoh A).

Selain untuk title, penggunaan if tag juga bisa untuk menampilkan widget hanya di homepage. Atau menghilangkan sidebar jika yang dibuka oleh pengunjung adalah halaman artikel. Tujuan if tag agar blog tersebut lebih dinamis. Berikut adalah beberapa kode pengkondisian di blogspot.

Menampilkan 'kode' jika yang dibuka halaman homepage

<b:if cond='data:blog.url == data:blog.homepageUrl'>
Kode yang mau ditampilkan
</b:if>

Contoh URL : http://kupas-ampas.blogspot.com

Menampilkan 'kode' jika yang dibuka selain halaman homepage

<b:if cond='data:blog.url != data:blog.homepageUrl'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman posting

<b:if cond='data:blog.pageType == &quot;item&quot;'>
Kode yang mau ditampilkan
</b:if>

Contoh URL : http://kupas-ampas.blogspot.com/2013/01/langkah-pertama-memonetisasi-blog-baru.html

Menampilkan 'kode' jika yang dibuka selain halaman posting

<b:if cond='data:blog.pageType != &quot;item&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman statis

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
Kode yang mau ditampilkan
</b:if>

Contoh URL : http://kupas-ampas.blogspot.com/p/daftar-isi-sitemap-kupas.html

Menampilkan 'kode' jika yang dibuka selain halaman statis

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman Label

<b:if cond='data:blog.searchLabel'>
Kode yang mau ditampilkan
</b:if>

Contoh URL : http://kupas-ampas.blogspot.com/search/label/SEO

Menampilkan 'kode' jika yang dibuka halaman arsip

<b:if cond='data:blog.pageType == &quot;archive&quot;'>
Kode yang mau ditampilkan
</b:if>

Contoh URL : http://kupas-ampas.blogspot.com/2012_12_01_archive.html

Menampilkan 'kode' jika yang dibuka selain halaman arsip

<b:if cond='data:blog.pageType != &quot;archive&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman error 404

<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
Kode yang mau ditampilkan
</b:if>

Contoh URL : http://kupas-ampas.blogspot.com/p/errorpage404.html

Menampilkan 'kode' jika yang dibuka selain halaman error 404

<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman pencarian

<b:if cond='data:blog.searchQuery'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman artikel tertentu

<b:if cond='data:blog.url == &quot;URL HALAMAN TERTENTU&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka selain halaman artikel tertentu

<b:if cond='data:blog.url != &quot;URL HALAMAN TERTENTU&quot;'>
Kode yang mau ditampilkan
</b:if>

Menampilkan 'kode' jika yang dibuka halaman index

<b:if cond='data:blog.pageType == &quot;index&quot;'>
Kode yang mau ditampilkan
</b:if>

Halaman index adalah semua halaman selain halaman posting.
Catatan:
Yang perlu diingat di dalam tag kondisional terdapat pengecualian. Pengecualian ini dilambangkan dengan "!=" tanpa tanda kutip. Tanda pengecualian tersebut juga bisa dibaca selain. Artinya jika didalam tag kondisional untuk homepage terdapat tanda pengecualian. Maka kode tersebut dibaca selain homepage. Artinya, objek atau tag HTML yang ada didalam kode kondisional diaktifkan atau dimunculkan jika halaman yang sedang aktif bukan halaman Homepage (bisa jadi halaman artikel, archive dan lain lain). Contoh penggunaan if tag seperti: 1. Tidak menampilkan sidebar jika di halaman posting;2.Menampilkan related article linkwithin jika di halaman posting.3. dan lain lain :D

Kesimpulan
If tag atau pengkondisian di blogspot sangat berguna. Dengan menggunakan pengkondisian, sebuah blog menjadi dinamis. Singkat kata, why don't give it a try??

Read More

Perkuat SEO dengan Mengganti Title

Memperbaiki title blog juga bisa mempengaruhi SEO. SEO tidak suka title blog yang terlalu panjang. Bukan hanya title blog, namun juga title posting sobat. Kali ini kita akan mencoba meningkatkan SEO dengan memperbaiki title di blog kita. Pertama tama, saya jelaskan terlebih dahulu title yang saya maksud adalah title yang terletak di tab browser. Coba saja arahkan mouse sobat ket tab browser yang sedang aktif, maka akan muncul title. Title ini terletak di antara tag HTML, yaitu tag <title>..</title> Dan tag <title>..</title> ini terletak di antara <head>..</head>.Sekarang,saya jelaskan terlebih dahulu apa saja yang bisa kita lakukan agar title blog menjadi lebih baik dan SEO. Ada 2 hal, mengecilkan jumlah karakter judul posting atau artikel dan juga judul blog, kemudian mengganti karakter <title> yang biasanya ada panjang saat kita membuka posting atau halaman. Saya jelaskan terlebih dahulu yang kedua.

Cobalah sobat hover mouse ke tab browser yang sedang aktif sekarang, maka akan terlihat judul artikel ini bukan. Namun, bagaimana jika sobat membuka halaman homepage blog ini maka di tab browsernya akan terlihat judul blog saja. Artinya, jika di artikel maka titlenya adalah judul artikel, namun jika di homepage maka titlenya adalah judul blog. Menjaga tetap seperti di atas bisa berdampak pada SEO. Kenapa? Dengan menjaga seperti diatas, maka titlenya tidak terlalu panjang dan SEO tidak suka title yang melebihi dari 71 karakter. Disini bukan title atau judul posting yang biasanya sobat edit di post editor melainkan title yang ada di tab browser. Walaupun, akhirnya judul artikel juga mempengaruhi title halaman karena judul artikel juga bisa mempengaruhi title pada saat yang dibuka adalah halaman artikel.

Cara merubah title agar SEO friendly adalah dengan menggunakan tag if yang ada di blogspot. Tag if adalah tag yang digunakan agar kode didalamnya di eksekusi ketika
jika'nya terpenuhi. Dalam hal ini, 'jika'nya itu adalah halaman posting. Perhatikan kode di bawah ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
...............................
</b:if>

Secara bahasa, kode tersebut bisa dibaca sebagai "jika yang dibuka halaman item/artikel/posting, maka tampilkan kode titik titik. Karena yang ingin kita rubah adalah title yang ada di tab browser, maka kita akan menempatkan title di dalam titik titik tadi. Contohnya seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blogpageName/></title>
</b:if>

Secara bahasa, maka kode tersebut dibaca 'jika yang dibuka adalah artikel/posting maka di titlenya isi dengan judul post/artikel'. Jadi kalau judul post sobat 'Memperbaiki title agar seo', maka di tab browser, akan tampak 'Memperbaiki title agar seo' juga.

Lalu bagaimana jika yang dibuka bukan halaman artikel, melainkan homepage, halaman label, halaman archive? Tenang, itulah gunanya <b:else>.Tag tersebut bisa dibaca 'jika bukan maka'. Dan kodenya akan jadi seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>

<b:else>

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

Kode tersebut dibaca 'jika yang dibuka halaman artikel, maka di titlenya isi dengan judul artikel, jika bukan maka di titlenya isi dengan judul halaman yang sedang dibuka + judul blog. Jadi, jika yang sedang dibuka adalah halaman label "SEO", maka di titlenya tampak "Judul blog : SEO". Dipisah menggunakan tanda titik dua.

Apa Beda PageTitle dan PageName?

Singkat saja, semoga dibawah ini bisa menjelaskan.

<data:blog.pageName />  hanya judul halaman yang sedang dibuka.

<data:blog.pageTitle />judul blog ditambahakan judul halaman yang sedang dibuka.

Dimana Meletakkannya?

Hapus dulu <title> yang lama, atau jika ingin mudah letakkan saja tepat di bawah tag <head> di EDIT HTML template sobat.

Apa Ada Guna Lain?

Ada, kita bisa mengakalinya misalnya menampilkan meta tag hanya untuk homepage blog atau hanya untuk label, archive dan lain sebagainya. Caranya, tinggal tambahkan saja meta tag di bawah title. Hasilnya akan seperti ini:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>

<!---disini meta tag untuk item--->

<b:else>

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

Jika sobat ingin meta tag untuk homepage, langsung buat if baru dengan ganti if untuk homepage. Misalkan seperti di atas, ganti item yang ada di b:if nya dengan index. Posting selanjutnya akan ada if tag untuk blogger.

Hasil Akhir

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>

<!---disini meta tag untuk item--->

<b:else>

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

Tempatkan di bawah <head>

Apakah Saya Memerlukan Ini?

Cek di posting. Caranya buka salah satu artikel blog sobat dan lihat title yang ada di tab browsernya, kalau masih ada embel embel nama blog, maka ganti. Kalau tidak ada, tidak usah. Bagi yang nama blognya tidak terlalu panjang, tidak ganti juga tidak masalah.

(gambar dari :searchengineland.com)

Read More

Memperkuat SEO dengan Mengganti Bold ke Strong

Salah satu cara mempertegas keyword adalah dengan memiringkan, menggarisbawahi ataupun menebalkan. Khusus kali ini kita akan mempelajari mempertegas keyword dengan cara menebalkan. Saya rasa semua blogger maupun newbie seperti saya tahu bahwa menebalkan itu menggunakan bold. Tak hanya di blogger editor, di microsoft word pun kita sering melihat tulisan bold atau tulisan yang tebal. Namun, kali ini kita akan mengoptimasi tulisan bold itu menjadi lebih SEO, bukan dengan cara lebih menebalkan atau 2x bold tapi dengan cara mempertegas keyword.

Keyword Bold < Keyword Strong

Tahukah anda, selain menebalkan keyword, memberi tag khusus pada keyword juga bisa mempertegas keyword tersebut sehingga akan mendongkrak artikel agar tampil di halaman 1 google. Kalau biasanya sobat menggunakan teks tebal (bold) untuk keyword maka gantilah teks tebal (teks dengan tag bold) dengan teks strong (teks dengan teks strong). Berikut ini adalah perbandingan antara teks bold dan teks strong

Hello I am Bold
Hello I am Strong

Secara visual, memang tak tampak perbedaan antara strong maupun bold. Nyaris sama. Tapi tidak untuk ketegasan keyword. Keyword dengan tag strong lebih tegas dari pada keyword bold.

Cara Cepat Mengganti Keyword Bold ke Strong

Sebagian blogger mungkin mengeluh saat mengganti bold ke strong memakan waktu yang lama. Tidak mungkin untuk menggantinya satu persatu. Namun, kita akan tinggalkan cara itu. Dengan menggunakan trik ini sobat bisa menghemat waktu.

1. Setelah menulis artikel, tebalkan kata yang ingin diberi tag strong. Setelah itu, pilih mode HTML di post editor sobat.
2. Salin semua yang ada di mode HTML, kemudian buka notepad.
3. Pastekan kode HTML yang telah di salin tadi.
4. Lalu tekan CTRL + H.
5. Di kolom find what, tuliskan <b>, dikolom replace with tuliskan <strong>, centang match case lalu klik replace all.
6. Setelah itu, hapus tulisan di kolom find what lalu tuliskan </b>, hapus tulisan di kolom replace lalu ganti dengan </strong>, dan klik replace all.
7. Lalu tutup kotak dialog replace.
8. Salin semua kode yang ada di notepad sekarang.
9. Pastekan di post editor mode HTML.
10. Done..

Tips : 

• Jika dalam satu artikel ada 2 tag, ada yang teks bold dan ada yang strong. Maka, tebalkan dulu teks yang ingin diubah menjadi strong. Setelah itu ikuti cara di atas. Kemudian baru tebalkan teks yang tidak diingankan menjadi strong. 
• Sebelumnya pastikan artikelnya terlebih dahulu tidak ada tulisan <bold> atau </bold> (bukan teks dengan tag bold) dan <strong> atau </strong> (bukan teks dengan tag strong). Kalau ada, maka dengan menggunakan cara di atas, semua tulisan (benar benar tulisan, bukan html ataupun teks dengan tag tersebut.) akan diganti. Bisa juga diakali dengan menggunakan find next dan replace di notepad.
• Pastikan sobat mencentang Tunjukkan HTML apa adanya di settingan artikel.
• Jika muncul cannot find "bla bla bla". Klik terlebih dahulu di kata pertama artikel.

Semoga tips SEO dengan mengganti bold ke strong ini bisa membantu.

Read More