Cara membuat meta tag SEO friendly sebenarnya sederhana saja. Tapi sebelum saya membahas masalah meta tag, saya mau menekankan bahwa robot mesin pencari saat ini sudah sangat mandiri, sehingga tidak terlalu membutuhkan input dari pemilik blog untuk melakukan penilaian.

Secara sederhana, penjelasan meta tag ini akan dibagi menjadi 3 bagian, yaitu:

1. META TAG PENTING
2. META TAG TIDAK BEGITU PENTING
3. META TAG BERESIKO JIKA DIGUNAKAN

Jadi langsung saja kita bahas....

META TAG PENTING

Seperti yang saya katakan sebelumnya bahwa robot Google dan kawan-kawan sudah sangat mengembangkan algoritma mereka sehingga sangat sedikit bantuan yang diperlukannya untuk menentukan poin halaman. Beberapa meta tag yang masih sangat penting untuk SEO adalah:

META DESCRIPTION

Ini adalah meta tag yang paling penting, karena itu meta tag description harus digunakan sebaik mungkin. Walaupun meta tag ini sangat penting, tapi mesin pencari seperti Google bisa mengabaikannya jika dianggap melakukan penumpukan kata kunci. Jadi jangan sampai meta description ini mengandung kata yang pengulangannya lebih dari dua kali

Contoh Meta Description:

<meta name='description' content='Masukkan deskripsi singkat dari setiap halaman di dalam kode ini'/>

META ROBOTS

Meta robots ini adalah meta tag SEO FRIENDLYyang hanya digunakan jika anda ingin memblokir robot dari suatu halaman. Oleh karena itu adalah hal lucu jika ada yang menggunakan meta robots dengan nilai index,follow.

Google, dan kawan-kawan tidak membutuhkan meta tag seperti ini untuk mengindex suatu halaman, karena selama tidak ada larangan pasti akan diindex. Jadi gunakan meta tag yang ini hanya pada halaman yang ingin saudara jauhkan dari jamahan robot mesin pencari....

<meta name='robots' content='noindex, nofollow' />

TITLE TAG

Secara teknis ini bukanlah meta tag, tapi selalu berdampingan dengan meta description, jadi sekalian saja kita pasangkan di sini. Kenapa title tag ini penting? Karena ini yang akan menjadi tampilan judul halaman di hasil pencarian mesin pencari.

Mesin pencari menggunakan title tag untuk mengetahui penekanan utama yang anda ingiinkan dari halaman yang anda buat. Tapi perlu dicatat kalau ini dibatasi 70 karakter, jadi judul yang anda buat jangan kepanjangan dan harus mengandung kata kunci

Contoh: <title>Cara Membuat Meta Tag SEO Friendly</title>

META TAG TIDAK BEGITU PENTING

Meta Content Type (charset)

Meta tag yang satu ini digunakan untuk menyatakan bagaimana encoding suatu website. Jadi fungsi utamanya adalah agar browser tidak salah mengenali cara menampilkan halaman anda, sehingga tayangan anda terlihat berantakan. Ini tidak begitu penting dalam konsep SEO Friendly karena sama sekali tidak ada urusannya dengan ranking....

Peringatan: Kalau anda salah memasang, malah bisa jadi anda sendiri yang membuat tampilannya berantakan.... Contoh meta tag yang satu ini:

<meta http-equiv='Content-Type' content='Type=text/html; charset=utf-8'/>

META KEYWORDS

Ini adalah meta yang paling banyak disalahpami. Meta tag yang satu ini sudah tidak mempengaruhi ranking lagi. Model terbarunya adalah meta news_keywords dan hanya digunakan agar Google mengenali dengan tepat kata kunci yang anda inginkan. Tapi kalau anda melakukan metode SEO onpage dengan benar, maka meta yang satu ini 100% tidak diperlukan.

Apa yang dimaksud dengan SEO Onpage yang benar? Secara sederhananya anda mencetak tebal kata kunci dalam artikel, dan menaruh kata kunci dalam judul, ataupun gambar. Jika anda melakukan ini maka tanpa meta keywords sekalipun Google dan kawan-kawan akan menangkap penekanan utama dari artikel anda....

Tapi kalau anda suka silahkan pasang, tapi jangan berlebihan agar tidak merugikan anda.... Apa yang dimaksud berlebihan? Mudah saja....jangan mengulangi suatu kata lebih dari 3 kali....

<meta name='keywords' content='meta tags, seo friendly' />


META LANGUAGE

Meta language digunakan untuk memberitahu prosesor bahasa, tentang bahasa apa yang anda gunakan untuk menulis suatu halaman web. Meta inipun sudah tidak berpengaruh lagi, karena Google sanggup mengenali bahasa suatu blog walaupun anda tidak memasang meta ini. Jadi singkat kata singkat cerita meta ini tidak ada hubungannya dengan teknik SEO

Bentuk meta tag ini dulunya adalah:

<meta http-equiv='content-language' content='fr' />

Tapi saat ini konsorsium www sudah menegaskan bahwa metode ini sudah tidak digunakan. Anda harus menggunakan attribut dibandingkan meta tag, jika ingin mendefinisikan bahasa. Berikut ini adalah contohnya:

<html lang='en'>

Contoh aplikasi lainnya adalah saat anda menulis dalam blog bahasa Indonesia, kemudian ada penggalan yang ditulis dalam bahasa inggris, maka anda bisa menandai penggalan tersebut seperti contoh di bawah ini:
<p lang="en">This result contains too many errors</p>

META TAGS LAINNYA
Ada beberapa meta tag lainnya yang juga sering muncul dalam blog yang sedang berusaha menjadi SEO friendly, misalnya yang saya pakai di blog ini:

<meta content='Indonesia' name='geo.placename'/>
<meta content='Tips Trik SEO terbaru untuk blogger pemula' name='subject'/>
<meta content='Trik Mudah SEO' name='Author'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

Semuanya ini tidak begitu penting dalam SEO karena sama sekali tidak akan memperbaiki peringkat. Sebagai contoh meta geo.country atau geo location yang menyatakan lokasi "markas besar" dari suatu website, sudah sejak lama diabaikan oleh Google. 

Alasannya sederhana, karena banyak meta seperti ini yang justru menyesatkan robot. Kebanyakan meta ini hasil copy paste jadi mengurangi keakuratan informasi yang disampaikan oleh Google kepada penggunanya. Oleh karena itu sekalian saja Google mengabaikannya.

META TAG BERESIKO

META REVISIT AFTER

Dulunya meta tag ini digunakan untuk memberitahu robot tingkat perayapan yang kita inginkan atas blog kita. Tapi meta ini sudah diabaikan oleh Google, karena meta ini cukup laris di antara pelaku spam. Jadi tidak perlu repot-repot memasang meta tag revisit after yang justru tidak SEO FRIENDLY ini.

Terlebih lagi jika anda adalah pengguna blog dengan platform blogspot. Google sendiri yang akan menentukan tingkat perayapan yang akan diberikan untuk blog anda. Jadi tidak perlu repot-repot menggunakan meta tag ini untuk memberitahu Google periode pengindeksan yang anda inginkan.

META REFRESH

Ini adalah meta yang sangat tidak dianjurkan. Bahkan konsorsium WWW atau W3C mendorong untuk tidak menggunakan meta tag yang satu ini karena bisa mengakibatkan kebingungan pada pengguna web. Kenapa pengguna web bisa kebingungan? Karena meta refresh ini digunakan untuk refresh suatu halaman setiap selang waktu tertentu.

Bisa anda bayangkan jika anda sedang sibuk membaca sesuatu tiba-tiba halamannya melakukan refresh? Pasti kesalkan? Dan anda masih harus mencari di mana tadi posisi terakhir bacaan anda....
Contoh meta refresh untuk reload setiap 10 detik....

<meta http-equiv='refresh' content='10'/>

Meta refresh ini juga banyak dilakukan oleh webmaster yang ingin melambungkan nilai pageview per visit dari blognya. Karena sama sekali tidak membawa manfaat, dan malah membuka celah untuk web spam....Google pun mengabaikan meta yang satu ini....

Apa yang dimaksud dengan web spam? Ya, meta ini sering digunakan untuk menipu Google agar mengantarkan pengunjung ke suatu halaman. Dan setelah pengunjungnya sampai, dia akan diarahkan ke situs lain. Di bawah ini adalah contoh dari penerapannya:
<meta http-equiv=”refresh” content=”30;URL=’http://www.websitelain.com’”/>

Kesimpulan:

Jadi jika tujuan saudara adalah meta tag yang SEO Friendly, maka hanya ada 3 tag yang perlu anda perhatikan, yaitu: Title, Description, dan Robots. Yang lainnya tidak perlu terlalu dipikirkan....

CARA MEMBUAT META TAG SEO FRIENDLY

baca selanjutnya>>

Template blog SEO friendly gratis juni 2013 ini adalah buatan dari Eva lagi. Seperti sebelumnya Eva sudah membuat template blog Cardboard Style, kali ini dia membuat template blog yang lebih bergaya social network, dan minta dipajang di sini....

Sebenarnya template blog SEO Friendly model social network ini saya yang memulai pembuatan awalnya. Tapi karena terlalu sibuk sampai update blog saja harus dibantu kakaknya Eva. Jadi Eva mengambil alih untuk merampungkan template ini.

 DEMO BLOG | DOWNLOAD

Seperti teman-teman bisa lihat dari blog demo di atas bahwa Eva menaruh credit link untuk kontes SEO FBI-BET.COM dan KONTES HUMOR di dalamnya. Maklumlah Eva itu sudah kerja, berbisnis, masih mau ikutan kontes SEO. Jadi waktunya itu asli padat, makanya setiap cara yang bisa menghasilkan backlink pasti ditempuh....termasuk attribution link pada template....

Jadi dimohon bantuannya untuk tidak menghapus linknya untuk sementara. Katanya attribution link di template blog gratis ini bisa dicabut setelah tanggal 11 Juli 2013. Soalnya kontesnya sudah berakhir.

Ok seperti biasa template ini juga perlu disesuaikan dengan blog anda, jadi baca cara lengkapnya di bawah ini....

Fitur Template Blog SEO FRIENDLY Juni 2013

Ada beberapa hal yang membuat template blog ini menjadi SEO Friendly,....untuk mudahnya silahkan baca poin-poin di bawah ini:

• Title tag sudah sangat SEO Friendly
• Menggunakan meta description otomatis, jadi buat yang malas memasukkan meta description maka tempate ini akan membuat meta description sendiri
• Dynamic Heading yang memuat judul artikel pada h1
• Breadcrumbs juga sudah terpasang
• Komentar yang tidak menampilkan gambar profil yang diskala sehingga lebih ringan
• Juga balon komentar di atas foto profil untuk memastikan kata kunci anda muncul di kata-kata awal dalam blog.

Jika anda tidak ingin menggunakan meta description otomatis, maka kode di bawah ini harus di hapus dari dalam EDIT HTML:

<meta expr:content='data:blog.pageName + &quot; adalah artikel dari blog &quot; + data:blog.title + &quot; dengan judul &quot; + data:blog.pageName' name='description'/>

Setelah kode di atas terhapus, maka ikuti panduan di artikel meta tag description untuk memasukkan meta ini secara manual.... Jika sudah, saatnya melakukan sedikit renovasi pada tampilan template blog gratis ini.

1. Memasang Template Blog SEO Friendly Gratis ini ke blog anda

• Unduh templatenya dulu di link download Template Blog Gratis Social Network Wannabe yang ada di atas
• Kalau sudah, silahkan diekstrak file .rar yang di download.
• Masuk ke menu TEMPLATE dari blog yang ingin diganti templatenya.
• Klik tombol orange CADANGKAN/PULIHKAN
• Akan muncul popup form, silahkan klik BROWSE dan cari file .xml di dalam folder yang tadi saudara ekstrak
• Jika sudah ketemu pilih file tersebut dan klik UNGGAH
• Tunggu sampai file template blog SEO Friendly ini selesai diunggah.
• Jika berhasil diunggah, maka template blog ini akan melekat pada blog anda.

2. Merapikan Widget Blog Yang Berantakan Setelah Pemasangan Template Blog

• Untuk melakukan ini bukalah halaman blog anda.
• Setelah itu amati apakah ada widget yang membuat penampilan blog jadi berantakan?
• Jika ada, bukalah menu TATA LETAK, dan cari di mana posisi widget tersebut dalam template blog.
• Pindahkan posisinya ke tempat yang lebih nyaman di lihat mata.
• Setelah itu klik SIMPAN SETELAN
• Muat ulang halaman blog anda dan lihat apakah susunan template blog SEO friendly ini sudah terlihat rapi? Jika belum ulangi langkah-langkah pengaturan posisi yang ada di atas.

3. Sesuaikan Tampilan Template Blog SEO Friendly Gratis Ini Dengan Blog Anda

Tentunya anda tidak mau template ini menampilkan foto gadis yang sedang minum kopi kan? Atau anda juga ingin mengganti gambar header yang sesuai dengan karakter dan tema blog anda? Kalau begitu ikuti prosedur di bawah ini....

Mengganti Gambar Profil Pada Sidebar Kiri Template Blog SEO Friendly ini

• Siapkan gambar profil anda dengan ukuran 160px * 160px
• Upload di blogger seperti saat mengupload gambar pada artikel dan ambil URL gambarnya di HTML mode
• Buka menu template lalu klik EDIT HTML
• Setelah EDIT HTML editor terbuka silahkan cari kode di bawah ini...

.profil {
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdEu42aQYiP1QHzY2WbqhyZNZPlPdbsiQXVobJ7ldFnZq6_WFx5-AcPeD_qQyiXgH6Y4e-edPOo6XYzivPkw05G2UKuCgm6WY_SpsCrwc6xaJkbLYU770ok5KgcGdKKrz9ecCT_4wqJVIy/s1600/profile.png) no-repeat;
width:160px;
height: 160px;
border-radius:80px;
-moz-box-shadow:3px 3px 5px 2px #aaa;
-webkit-box-shadow: 3px 3px 5px 2px #aaa;
box-shadow: 3px 3px 5px 2px #aaa;
margin-top:10px;
}

Ganti URL berwarna merah di atas dengan URL gambar yang saudara upload tadi, dan simpan perubahan. Sekarang gambar profil pada sidebar kiri template blog ini sudah berubah, jika saudara melakukan proses di atas dengan benar.

Mengganti Gambar Profil Pada Samping Artikel di Template Blog SEO Friendly ini

• Sekarang ambil URL gambar saudara dan perhatikan pada URL tersebut ada kode s1600. Silahkan ubah kodenya jadi s80. Lihat contoh di bawah...

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdEu42aQYiP1QHzY2WbqhyZNZPlPdbsiQXVobJ7ldFnZq6_WFx5-AcPeD_qQyiXgH6Y4e-edPOo6XYzivPkw05G2UKuCgm6WY_SpsCrwc6xaJkbLYU770ok5KgcGdKKrz9ecCT_4wqJVIy/s80/profile.png

• Sekarang coba buka lagi menu TEMPLATE dan EDIT HTML, lalu cari kode di bawah ini

.profilkecil {
float:left;
margin-right:15px;
width:80px;
background:#e6e6e6 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdEu42aQYiP1QHzY2WbqhyZNZPlPdbsiQXVobJ7ldFnZq6_WFx5-AcPeD_qQyiXgH6Y4e-edPOo6XYzivPkw05G2UKuCgm6WY_SpsCrwc6xaJkbLYU770ok5KgcGdKKrz9ecCT_4wqJVIy/s80/profile.png);
height: 80px;
margin-top:10px;
border-radius:40px;
-moz-box-shadow:1px 1px 5px 2px #aaa;
-webkit-box-shadow: 1px 1px 5px 2px #aaa;
box-shadow: 1px 1px 5px 2px #aaa;
}

• Masukkan kode URL gambar yang sudah saudara edit jadi s80 tadi untuk menggantikan URL yang berwarna merah di atas
• Klik SIMPAN TEMPLATE dan gambar profil di samping judul artikel akan berganti menjadi gambar yang anda pilih.

Mengganti gambar Header Template Blog SEO Friendly Gratis ini

• Kalau saudara ingin mengganti gambar header sesuai dengan selera anda, maka caranya sangat mudah....
• Buat gambar yang ingin dipasang dalam ukuran 806 x 244 pixels
• Upload gambar tersebut seperti cara mengupload gambar profil di atas
• Ambil URL gambar untuk menggantikan URL berwarna merah yang ada dalam kode di bawah ini

#Header1 {
width:792px;
float:left;
overflow:hidden;
font-size:12px;
background:#888888 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEify7WPT__WEupkbZ4197PkRHpyuyULbKjPVkEKejU94cEps_wcDWpk4qJyD2OAiZZOoOMgu441pQWbiGefz-0d9EjUe_bEl_lExQ9DvHabS8yI6d6jJNyoes75QVF2eMoyn_RsNje_h0iW/s1600/cafe.jpg) no-repeat;
height:230px;
padding:7px;
margin-top:48px;
}

• Klik SIMPAN TEMPLATE dan gambar header blog akan terganti

Jika saudara sudah melakukan 3 perubahan di atas, maka tampilan dari template blog SEO friendly ini sudah selesai disesuaikan dengan keinginan anda.... Sekarang masalahnya tinggal satu, yaitu menyesuaikan menu yang ada di navbar dan menu yang ada di bawah header....

MENGEDIT LINK PADA NAVBAR TEMPLATE BLOG

• Sekarang silahkan masuk ke menu TEMPLATE dan klik EDIT HTML
• Pada jendela pengeditan ketik CTRL+F dan cari kode class='midbar1'
• Anda akan segera melihat kode di bawah ini....

<ul class='midbar1'>
<li><a href='#'>Beranda</a></li>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Artikel 1</a></li>
<li><a href='#'>Artikel 2</a></li>
</ul>

• Silahkan ubah tanda # dengan URL yang diinginkan dan edit juga teks jangkar dari link sesuai keinginan anda.
• Klik SIMPAN TEMPLATE dan menu pada NAVBAR akan berubah

MEMASANG MENU DI BAWAH HEADER

• Untuk memasang menu di bawah header sangat mudah. Anda cukup masuk ke menu TATA LETAK dan cari widget MENU BAR di atas POSTING BLOG widget
• Klik EDIT pada MENU BAR
• Akan terbuka jendela editor, silahkan masukkan kode di bawah ini....

<div id="mymenu">
<ul>
<li><a href="#">Link one</a></li>
<li><a href="#">Link two</a></li>
<li><a href="#">Link three</a></li>
<li><a href="#">Link four</a></li>
</ul>
</div>

• Edit URL dan anchor text sesuai kebutuhan dan klik SIMPAN
• Sekarang menu bawah header sudah akan tampil pada blog anda.

Ok, itu saja dulu. Mudah-mudahan template blog seo friendly gratis ini sesuai dengan selera beberapa teman blogger, dan mudah-mudahan bermanfaat. Terima kasih sudah singgah di blog ini

TEMPLATE BLOG SEO FRIENDLY GRATIS JUNI 2013

baca selanjutnya>>

Template blog responsive design untuk mobile SEO -- Belakangan ini semakin banyak pengguna gadget yang bisa mengakses Google Search dengan menggunakan perangkat mobile. Jadi singkat kata persentase pengakses pencarian Google menggunakan sarana mobile itu meningkat, sedangkan yang mengakses Google melalui web search itu berkurang....

Karena hal itulah sering muncul perdebatan di dunia maya tentang SEO untuk mobile; dan yang paling sering diangkat topiknya adalah template blog responsive design. Bagi anda yang masih pemula mungkin bingung dengan apa yang dimaksud dengan responsive design....

Sederhananya, template blog responsive design adalah template yang menyesuaikan dengan lebar layar pengguna, sehingga tidak perlu memunculkan scroll bar horizontal saat ditampilkan di gadget mobile yang kecil.....

Apakah sulit membuat template blog responsive design?

Cara membuat template blog responsive design ini sebenarnya susah-susah gampang. Jelas lebih sulit dari membuat template blog biasa, karena parameter lebar harus diatur dengan seksama agar semua variabelnya bekerja dengan baik.

Biasanya untuk perangkat smartphone yang bisa berubah-ubah saat layarnya diputar, kita harus menggunakan berbagai macam parameter agar tampilan blog tetap baik dan tidak terpotong. Parameter lebar di sini menggunakan persentase agar selalu responsive dengan lebar layar.

Jadi kalau biasa parameternya terlihat seperti width:700px; mungkin kali ini akan terlihat seperti width:70%; Tapi tentu saja anda bisa menentukan lebar yang minimal dan maksimal agar pada akhirnya semua akan menjadi satu baris kolom untuk nilai lebar minimal.

Agar hasil rendering pada browser bisa tampil baik, kita bisa menggunakan meta viewport, seperti pada contoh di bawah ini....

<meta name='viewport' content='width=device-width, initial-scale='1' />

Selain menyesuaikan dengan lebar layar, template blog yang responsive design harus bisa menghilangkan gambar besar atau mengubah ukuran gambar jika melewati lebar layar. Salah satu contoh dari halaman web yang responsive design adalah http://www.google.com/about/. Coba anda tahan tombol Ctrl dan scroll layar hingga hanya tersisa satu kolom berjejer ke bawah....gambar header pada halaman tersebut akan hilang.

Pengaruh Template Blog Responsive Design pada SEO

Tentu ini adalah isu yang sering muncul ke permukaan di kalangan praktisi SEO. Kenapa? Karena banyak website yang menggunakan responsive design terindex dengan sangat baik di hasil-hasil pencarian. Walaupun Google sudah secara jelas menyatakan bahwa mereka memang menyukai template yang responsif, tapi masih terlalu sulit untuk mengukur seberapa besar pengaruh template dalam peringkat situs-situs tersebut.

Alasannya adalah situs-situs yang menggunakan responsive design, pada umumnya memang situs yang profesional, sehingga SEO mereka sama sekali tidak buruk. Jadi kalau anda tanya ke saya seberapa besar pengaruhnya, maka sampai sekarang saya belum menemukan satupun referensi yang bisa menjelaskan itu.

Lain kasus kalau saudara tanya ke saya "Apakah responsive design itu adalah template blog SEO friendly?" Maka jawab saya adalah tergantung pengaturan dari setiap komponen di dalam template itu. Jadi hanya karena templatenya menyesuaikan lebar jendela browser, belum tentu template itu SEO friendly....

Apa Kelebihan Dari Menggunakan Template Blog Responsive Design?

Kelebihan ini hanya akan dirasakan oleh anda yang memang sengaja ingin menyediakan tampilan yang sesuai dengan lebar browser pengguna. Template yang responsive design ini bisa membuat anda terbebas dari berbagai masalah, yaitu:

• Anda tidak perlu membuat banyak website untuk mengakomodir lebar layar pengunjung situs anda
• Jika anda tidak perlu membuat banyak situs, maka jelas anda juga tidak memerlukan rel='canonical' untuk mengatasi duplikat konten antara situs-situs tersebut.
• Ini juga akan membuat anda terbebas dari masalah redirect hanya untuk membuat pengunjung anda mendapatkan tampilan yang pas di gadgetnya

Bukan hanya itu, kalau anda menggunakan template blog yang bisa menyesuaikan lebar layar pengguna mobile, maka anda bisa mematikan versi mobile dari blogspot yang pada dasarnya sangat membosankan dan tidak memuat widget dari blog anda....

Kesimpulan

Template blog responsive design, membantu anda memuaskan pengunjung situs yang mengakses situs anda dengan menggunakan perangkat mobile tanpa harus membahayakan SEO anda dengan kegagalan rel='canonical' ataupun redirect. Jadi jika ada manfaat SEO yang bisa didapatkan, maka itu adalah anda lebih mudah menaikkan indikator kepuasan pengunjung blog dari sarana mobile. Indikator itu bisa berupa waktu kunjungan ataupun waktu pentalan (bounce rate).

TEMPLATE BLOG RESPONSIVE DESIGN UNTUK MOBILE SEO

 

baca selanjutnya>>

Menghapus Atribut pada Template Blog SEO Friendly - Sebenarnya setiap blogger atau webmaster sangat ingin mendapatkan backlink, dan karena itu juga banyak di antaranya yang membuat template atau blog untuk mendapatkan backlink....

Tapi sudah sebulan ini ada beberapa komentator yang bertanya cara menghapus atribut dari blog kami. Ini sebenarnya sulit juga dijawab, karena jelas membuat template itu memakan waktu dan setiap orang berharap ada sesuatu yang dihasilkan dari investasi waktu dan pikirannya.

Tapi setelah dipikir-pikir lagi, outbound link atau external link itu juga mengurangi nilai SEO dari sebuah template. Walaupun pengurangannya tidak seberapa, karena diletakkan di akhir template sehingga nilainya kecil sekali.

Tapi bagi teman-teman yang "keberatan" untuk mensupport blog ini dengan atribut template.... ini jalan tengah yang saya tawarkan untuk menggunakan template-template di blog ini.... yaitu buat halaman atribut template di blog saudara....

Bagaimana cara membuat halaman atribut template?

Anda tahu laman statis kan? Ini bisa saudara akses dari menu LAMAN di akun blog saudara. Yang perlu saudara lakukan adalah:

• Membuat sebuah artikel pada laman statis
• Panjang artikel minimal 2 paragraf atau minimal 70 kata.
• Di dalamnya terdapat link dofollow yang pengaturannya sebagai berikut:
• Paragraf pertama terdapat link ke homepage blog ini yaitu http://trikmudahseo.blogspot.com/. Anchor textnya terserah saja, bisa BELAJAR SEO, TUTORIAL SEO, SEO UNTUK PEMULA, TRIKMUDAHSEO, BLOG RICKY PRATAMA, dan sebagainya.
• Masih di paragraf pertama, ada juga link ke halaman utama pilihan template kami di http://trikmudahseo.blogspot.com/2013/01/pilihan-template-blogspot-seo-friendly.html. Teks Jangkarnya terserah saudara saja. Bisa TEMPLATE BLOG, TEMPLATE BLOG SEO FRIENDLY, PILIHAN TEMPLATE BLOG SEO 2013, dan lain sebagainya....
• Sedangkan pada paragraf kedua masukkan link-link support yang ada pada template yang digunakan. Kalau ternyata link itu sudah ada di paragraf pertama, maka jangan dimasukkan lagi.
• Terakhir, masukkan tulisan code:XCGXCGHHIJ pada bagian akhir artikel.
  

Lihat contoh pada gambar di bawah ini....

Tidak sulitkan? Hanya 2 paragraf saja. Setelah halaman ini jadi pasang link menuju LAMAN STATIS ini di dalam widget HTML/JAVASCRIPT yang saudara letakkan di bagian paling bawah dari sidebar. Contoh Kode HTML-nya....
Mau template ini? <a href="URL LAMAN ATRIBUT DI BLOG SAUDARA">Baca Di Sini</a>
Saudara bisa mengganti teks jangkar sesukanya....

Menghapus Atribut Template

Jika LAMAN STATIS dan Link pada sidebar sudah terpasang, maka silahkan menghapus attribut pada template. Caranya:

• Masuk ke menu TEMPLATE > EDIT HTML
• Klik di dalam barisan kode kemudian tekan CTRL+F dan ketikkan TEKS JANGKAR yang ada pada atribut.... Setelah ketemu, maka silahkan hapus dari pembukaan <div.... sampai penutupan </div> yang mengapit teks jangkar tersebut.
• Klik SIMPAN TEMPLATE....

Kenapa memilih metode ini?

Metode ini khusus bagi anda yang benar-benar merasa ingin menghapus atribut template blog ini. Walaupun nilai atribut yang ditaruh pada bagian akhir itu sudah sangat kecil, mari kita buat lebih kecil lagi dengan harapan saudara ikhlas memberikan sedikit dukungan untuk blog ini....

Dengan membuatkan LAMAN STATIS dan menaruh link dofollow Laman pada bagian akhir sidebar, maka LAMAN STATIS ini hanya akan mendapatkan nilai 85% dari yang selama ini diberikan jika atribut langsung terpasang pada sidebar.

Apakah link-link saya mendapatkan 85% poin itu? Apakah anda hanya menghemat 15% poin? Tidak, di LAMAN STATIS yang saudara buat itu ada banyak internal link blog saudara, seperti link pada menu header dan link pada sidebar dan footer. Jika link pada halaman itu ada 100;.... dan dari 100 link itu hanya 5 link untuk blog saya, maka saya hanya mendapatkan 1/20 dari poin yang jatuh pada halaman tersebut.

Jadi kalau saudara mau tahu berapa poin yang kira-kira saudara berikan untuk blog saya, maka link pada akhir sidebar yang nilainya sudah sangat kecil itu (kemungkinan antara 0,005 sampai 0,01) masih dikurang 15%. Dan setelah dikurangi 15% masih dibagi 20. Jadi nilainya sudah sangat kecil....

Dengan begini saya cuma mendapatkan link dari satu halaman dan kalau ada pengunjung blog anda yang tertarik menggunakan template yang anda gunakan masih bisa menemukan blog saya.... Saya harap dengan nilai yang sudah sekecil ini, saudara bisa memberikan sedikit atribut untuk blog ini....

Ya walaupun mungkin atribut ini hanya menyumbang 1 pengunjung setiap bulan itu tidak apa-apa, karena saya menghargai setiap kunjungan. Soalnya trafik ribuan visitor itu dibangun dari kunjungan orang per orang. Atas kesediaannya membuat LAMAN ATRIBUT ini saya ucapkan terima kasih, dan bagi yang bersedia untuk tidak menghapus, tentu terima kasih yang sebesar-besarnya ^_^ .....dan buat yang menulis LAMAN ATRIBUT saja malas (-_-) haizz....

Menghapus Atribut pada Template Blog SEO Friendly?

 

baca selanjutnya>>

Cara membuat drop down menu di blog sebenarnya sangat mudah. Saat ini semakin banyak blogger pemula yang tertarik untuk belajar dasar-dasar kode untuk mengatur tampilan blognya. Jadi kali ini saya hendak berbagi cara membuat drop down menu yang horizontal. Menu ini bisa ditaruh di bawah header, di atas footer, atau di mana saja dalam posisi horizontal.

Lalu bagaimana cara membuat menu drop down horizontal ini? Sebenarnya anda bisa menggunakan CSS yang sangat sederhana untuk melakukan ini. Untuk memasang Drop down menu horizontal ada dua langkah yang harus dilakukan, yaitu:

MEMASANG CSS MENU DROP DOWN DI BLOG

• Login ke dalam akun blogger anda
• Pilih blog yang akan dipasangi
• Pilih Menu Template
• Klik Tombol EDIT HTML. Setelah itu akan muncul jendela konfirmasi, silahkan klik LANJUTKAN
• Carilah kode ]]></b:skin>
  Copy kode CSS di bawah ini dan paste tepat di atas kode ]]></b:skin> tadi...
  

#RickyMenu {
    background: warna1;
    width: 880px;
    height: 35px;
    font-size: 12px;
    font-family: Arial, Tahoma, Verdana;
    color: warna2;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 2px;

}
#Rickybox {
    width: 875px;
    float: left;
    margin: 0;
    padding: 0;
}

#punch {
    margin: 0;
    padding: 0;
}
#punch ul {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li {
    list-style: none;
    margin: 0;
    padding: 0;
}
#punch li a, #punch li a:link, #punch li a:visited {
    color: warna2;
    display: block;
    font-size: 16px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    margin: 0;
    padding: 9px 15px 8px;
}
#punch li a:hover, #punch li a:active {
    background: warna2;
    color: warna1;
    margin: 0;
    padding: 9px 15px 8px;
    text-decoration: none;
}
#punch li li a, #punch li li a:link, #punch li li a:visited {
    background: warna1;
    width: 150px;
    color: warna2;
    font-size: 14px;
    font-family: Georgia, Times New Roman;
    font-weight: normal;
    text-transform: lowercase;
    float: none;
    margin: 0;
    padding: 7px 10px;
    border-bottom: 1px solid #FFF;
    border-left: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
#punch li li a:hover, #punch li li a:active {
    background: warna2;
    color: warna1;
    padding: 7px 10px;
}
#punch li {
    float: left;
    padding: 0;
}
#punch li ul {
    z-index: 9999;
    position: absolute;
    left: -999em;
    height: auto;
    width: 170px;
    margin: 0;
    padding: 0;
}
#punch li ul a {
    width: 140px;
}
#punch li ul ul {
    margin: -32px 0 0 171px;
}
#punch li:hover ul ul, #punch li:hover ul ul ul, #punch li.sfhover ul ul, #punch li.sfhover ul ul ul {
    left: -999em;
}
#punch li:hover ul, #punch li li:hover ul, #punch li li li:hover ul, #punch li.sfhover ul, #punch li li.sfhover ul, #punch li li li.sfhover ul {
    left: auto;
}
#punch li:hover, #punch li.sfhover {
    position: static;
}

• Ganti kode warna1 dan warna2 dengan kode warna yang anda inginkan sebagai contoh bisa mengikuti kode di bawah ini:

Menu Hitam
warna1 = #555555
warna2 = #FFFFFF


Menu Biru
warna1 = #66bbdd
warna2 = #004661


Menu Hijau
warna1 = #38761d
warna2 = #FFFFFF

Menu Abu-abu
warna1 = #d4d4d4
warna2 = #555555


Menu Kuning
warna1 = #ffd966
warna2 = #d4812a

• Jika sudah mengganti semua kode warna di atas silahkan klik SIMPAN TEMPLATE....

 MEMASANG KODE HTML DROP DOWN MENU DI TATA LETAK BLOG

• Sekarang masuk ke Menu TATA LETAK atau LAYOUT
• Klik  ADD A GADGET atau TAMBAH GADGET
• Pilih HTML/JAVASCRIPT. Biarkan kolom judul nama gadget kosong, lalu copy paste kode di bawah ini ke kolom HTML yang tersedia

<div id="RickyMenu">
       <div id="Rickybox">
      <ul id="punch">
        <li><a href="#">Home</a></li>
        <li>
          <a href="#">Sample Page</a>
          <ul>
            <li>
              <a href="#">Sub Page #1</a>
              <ul>
                <li><a href="#">Sub Sub Page #1</a></li>
                <li><a href="#">Sub Sub Page #2</a></li>
                <li><a href="#">Sub Sub Page #3</a></li>
              </ul>
            </li>
            <li><a href="#">Sub Page #2</a></li>
            <li><a href="#">Sub Page #3</a></li>
            <li><a href="#">Sub Page #4</a></li>
            <li><a href="#">Sub Page #5</a></li>
          </ul>
        </li>
        <li><a href="#">Sample Post</a></li>
        <li><a href="#">Blog Page</a></li>
      </ul>
    </div>
  </div>

• Edit semua nama menu sesuai keinginan anda. Jangan lupa mengganti tanda # dengan alamat URL yang anda inginkan
• Klik SIMPAN
• Atur posisi gadget drop down menu horizontal ini di tempat yang anda inginkan, lalu klik tombol SIMPAN SETELAN di bagian kanan atas layar.

Jika anda melakukan langkah-langkah di atas dengan benar, anda akan melihat sebuah horizontal dropdown menu di tempat yang anda inginkan. Bentuknya kurang lebih seperti gambar di bawah ini.

Untuk Menambah Item di dalam drop down menu horizontal ini sangatlah mudah:

• Silahkan cari pada bagian akhir ada kode seperti ini:

<li><a href="#">Blog Page</a></li>
      </ul>

• Tepat di bagian atas </ul> bisa disisipkan menu baru, dan akan terlihat seperti di bawah ini:

<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU">TEKS BARU</a></li>
      </ul>

• Jika menu tambahan lebih dari satu akan terlihat seperti di bawah ini

<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>
<li><a href="LINK BARU 2">TEKS BARU 2</a></li>
<li><a href="LINK BARU n">TEKS BARU n</a></li>
</ul>

• Jika salah satu menu tambahan mempunyai sub menu, maka perhatikan kode </li> menu tersebut yang diturunkan untuk membuka ruang baru bagi sub menu di dalam menu tersebut

<li><a href="#">Blog Page</a></li>
<li><a href="LINK BARU 1">TEKS BARU 1</a></li>

<li><a href="LINK BARU 2">TEKS BARU 2</a> 

        <li><a href="LINK BARU SUB MENU 1">SUB MENU 1</a></li>

        <li><a href="LINK BARU SUB MENU 2">SUB MENU 2</a></li>

</li>

<li><a href="LINK BARU n">TEKS BARU n</a></li> 
      </ul>

Ok, silahkan divariasikan sendiri cara untuk menambah dan mengurangi item pada drop down menu horizontal di atas pada blog anda. Jika anda tertarik untuk menggunakan dropdown menu yang dibuat dengan basis CSS3. Silahkan baca artikel di blog ini, cara membuat dropdown menu CSS3. Mudah-mudahan membantu mempercantik blog saudara....

CARA MEMBUAT DROP DOWN MENU DI BLOG

baca selanjutnya>>