Image dapat menjadi salah satu sumber traffic dalam optimasi seo. Namun Image tersebut harus kita optimalkan, maksudnya Image yang kita beri "ALT TAG", hal ini merupakan bagian dari optimasi seo on page. Sama halnya seperti tag HTML normal lainnya yang digunakan sebagai teks alternatif ketika image/gambar tidak dapat ditampilkan.
Untuk mengoptimalkan image, dapat kita lakukan melalui dua cara, yaitu melalui nama file dan penggunaan alt tag. Alt berasal dari kata alternatif, hal ini memungkinkan kita untuk menentukan teks alternatif bagi gambar jika tidak dapat ditampilkan karena bermacam alasan, juga sebagai identitas gambar/image di search engine, misalkan saat kita mencari pada Google Image, maka Alt tag tersebut sangat berfungsi pada hasil pencarian. Ketika search engine menjelajah halaman web atau blog, mereka menganggap nama file dan alt tag sebagai isi gambar.
Berikut beberapa Tips yang mungkin bisa Anda gunakan dalam Optimasi SEO pada Image :
Jangan gunakan "gambar1.png" atau "gambar2.jpg" sebagai nama file. Cobalah gunakan nama file Anda sebagai kata kunci atau keyword, contoh, "seo-on-page.png" atau "alt-tag.jpg"
Gunakan nama file dan alt tag yang singkat tapi deskriptif, hindari penulisan alt tag yang panjang, karena terkadang mungkin bisa dianggap spam
Pasokan alt tag bisa menggunakan gambar sebagai link, hal ini bekerja sebagai anchor text
Format gambar dengan jenis file - JPEG, GIF, PNG, dan BMP
Diposting oleh
Unknown on Minggu, 12 Februari 2012
Menampilkan Smiley Pada Postingan Blogger | Tutorial Blog
Sebenarnya sudah banyak postingan dari para blogger master tentang Menampilkan Smiley Pada Postingan, namun tidak ada salahnya saya memposting ini, kali aja masih ada yang belum tau.
Trik ini dapat membuat tampilan postingan sobat menjadi lebih menarik, karena kita dapat menampilkan pic smile seperti ,,, , , , dan lain lain.
Caranya gampang Sob, silakan ikuti tutorial berikut :
Login ke blogger trus pilih Layout > Edit HTML.
Beri tanda centang pada Expand Widget Templates.
Cari kode ini ]]></b:skin> .
Masukkan script berikut ini dibawah kode ]]></b:skin>
Untuk membuat blog terlihat lebih cantik biasanya kita menambahkan beberapa widget pada blog, atau mengedit css tempalate, bisa juga dengan mengganti template tersebut. Namun sebelum Anda mengedit atau mengganti template blog ada baiknya Anda perhatikan beberapa hal dibawah ini.
Tips berikut hanya menurut saya yang masih baru dalam dunia blogging, jadi kalau ada kesalahan harap di koreksi, jika ada tambahan dari Sobat blogger atau para master silakan Anda tulis di kolom komentar di bawah postingan ini.
Berikut Tipsnya :
Pastikan Sobat back up template anda terlebih dahulu. Caranya masuk ke dasboard > Design / Rancangan > Edit html, lalu klik Download Full Template / download template lengkap.
Simpan semua kode html yang Anda tambahkan pada template tersebut di sebuah Notepad. Jadi jika Anda memerlukannya sewaktu-waktu, Anda tinggal copy saja dari Notepad.
Simpan ke Notepad semua kode widget yang Anda gunakan.
Sesuaikan design template yang baru dengan design sebelumnya. Misal latar design sebelumnya berwarna hitam, sebaiknya untuk template baru juga menggunakan latar hitam. hal ini untuk menghindari warna latar yang sama dengan warna link text, seandainya pada waktu latar hitam Anda pernah memberi warna font putih pada sebuah Link, lalu Anda menggunakan warna latar putih pada template baru maka link tersebut tidak akan terlihat.
Sebaiknya gunakan blog dummy (blog cadangan) dulu, agar tidak berisiko jika salah, disana kita bisa leluasa mengutak atik template, kalau sudah pas download template-nya lalu upload pada template blog yang ingin kita ganti templatenya.
Dalam mengganti template, sebaiknya jangan terlalu sering, agar para pembaca tidak bingung karena tampilan berubah terus, selain itu menurut beberapa blogger kalau terlalu sering mengganti template akan beresiko merusak keberadaan SEO yang sedang kita bangun.
Sekian tips dari saya, semoga bermanfaat buat Sobat yang ingin mengganti template.
Membuat Template Blog Secara Online | Tutorial Blog
Cara yang satu ini banyak digunakan para blogger untuk mengganti template, walaupun ada cara yang lebih mudah yaitu dengan mendownload template jadi dan langsung menguploadnya, atau dengan menggunakan fasilitas Blogger template designer, namun dengan template hasil karya sendiri tentunya Anda memiliki kebanggaan tersendiri.
Dibawah ini ada beberapa situs online gratis yang dapat sobat gunakan untuk membuat template sendiri. Situs yang menyediakan fasilitas membuat template biasanya sudah menyediakan template template tertentu yang nantinya bisa anda edit sendiri. berikut ini situs yang menyediakan editing template secara online.
Profilebrand : menyediakan fasilitas edit template gratis, kebanyakan template yang disediakan untuk kita edit bertema jaringan sosial ( facebook, twitter, myspace dll )
Pimp my Profile : Untuk situs ini anda bisa membuat template blog, Myspace, dan friendster. Silahkan langsung saja ke situsnya.
DoTemplate : Dotemplate ini menyediakan 12 template XHTML dan CSS compliant dasar gratis yang bisa anda pilih sendiri. Anda bisa memilih salah satu dan kemudian mengkustomisasinya dengan mengubah warna, font, teks, posisi teks dan lain sebagainya pada background, container, footer, menu dan boks. Selain itu anda juga bisa menambahkan efek seperti drop shadow, gradien dan round corner. Layanan ini sangat menarik karena tidak memerlukan pengetahuan html yang terlalu banyak untuk mempergunakannya, selain itu ada pilihan untuk mengupload gambar anda sendiri. Setelah anda selesai membuat template blognya, anda bisa langsung mendownloadnya disana.
CSSEZ : ini adalah generator template online untuk blog wordpress dan movable type. Jika anda ingin menggunakan layanan ini, anda perlu registrasi gratis disini. Beberapa fiturnya yang bagus adalah memilih antara satu sampai empat kolom template, mengatur lebar kolom, padding, margin, border, font dan style link. Anda juga dapat mengupload gambar atau membuat sendiri dengan image maker.
Drupal Theme Generator : Generator ini adalah generator theme berbasis MS Excel untuk situs atau blog drupal yang menggunakan template PHP dan Xtemplate. Layanan ini gratis dan memiliki fitur yang kaya seperti generator theme random color, preview theme langsung, html color assistant, dan integrasi CSS, javascript, PHP dan kode html pada theme dari file eksternal dan lain sebagainya. Selain itu ada 9 theme yang bisa anda dapatkan ketika mendownload generator ini.
Eris Template Generator : Generator ini menyediakan 11 skin untuk blog anda dengan tiga pilihan kolom untuk setiap skinnya. Saat ini layanan ini mendukung diaryland, diary-x, movabletype, blogger, wordpress, b2 dan free html site template lainnya. Anda bisa menambahkan tagline, meta tag dan termasuk link ke index, arsip, email, notes, profile, buddylist dan juga 5 entri untuk diaryland, 10 entri untuk movable type, kalender untuk b2, blogroll untuk wordpress, XHTML compliant dan content copyright, webring, chat screen name dan button.
Firdamatic : Generator template online untuk blogger dan movable type ini memiliki pilihan dua dan tiga kolom, anda bisa memasukkan sendiri informasi pada boks relevan pada form online yang tersedian dan klik generate template, selain itu anda juga bisa menambahkan judul situs, url gambar dan memilih huruf dan warnanya.
www.maketemplate.com : Online generator ini mampu membuat template situs PHP, bersamaan dengan file CSS dan HTML. Anda juga bisa mengkustomisasi style sheet, header, sidebar, dan footer dengan menambahkan sendiri font, warna, margin dan alignment pada form online template generator. ANda juga bisa membuat sendiri scriptnya yang bisa anda kopi dan simpan untuk keperluan anda nanti.
PsycHo : Generator online template open source ini dapat diaplikasikan pada platform blogger, persian blog, dan blogFa. Anda bisa mengatur sendiri judul halaman, warna background body template, judul background, deskripsi, teks, spacing dan memilih hingga 4 pilihan kolom. Anda juga bisa preview template anda dan menyimpan kodenya. Layanan ini mudah digunakan tanpa pengetahuan html yang terlalu banyak.
Templatr : Templatr ini menyediakan lebih dari 20 layout dan pilihan formatting untuk berbagai elemen halaman termasuk halaman utama, header, footer, titles, margin, padding, border dan banyak lagi untuk keperluan wordpress blog. Selain itu, layanan ini juga menyediakan upload dimana anda bisa mengupload grafis/gambar . Setelah itu anda bisa mendownload template jika anda telah selesai dan mengaplikasikannya pada blog anda.
Weebly : Generator template yang rapi ini memiliki 15 desain pre-built yang bisa dikustomisasi dengan menambahkan elemen seperti iklan, feed icon, map, contact form, teks dan layout gambar, kolom google dan youtube video dan lain sebagainya. Jika anda sudah selesai anda bisa mempublikasikan situs/blog tersebut pada platform anda.
WordPress Theme Generator : Layanan generator online dapat membantu anda untuk membuat sendiri theme wordpress anda dengan mudah tanpa pengetahuan html dan css language. Layanan ini menyediakan pilihan untuk memilih sendiri nama blog, ukuran body, lokasi sidebar dan ukurannya, menambahkan kolom ketiga, layout menu, warna dan skema teks, anda juga bisa menambahkan tag cloud, arsip dan kotak pencarian. Selain itu anda bisa mengupload logo situs anda online dan membuat link-nya dari template. Jika anda telah selesai anda bisa melihat hasil kreasi anda dan mendownloadnya dalam file zip.
Selamat mencoba dan semoga sukses Membuat Template Blog Secara Online.
Pertama biasa sobat masuk blog sobat Kedua tekan rancangan -> edit HTML (Centang Expand Template Widget ) Ketiga cari kode <data:post.body/> Keempat lalu taruh kode dibawah ini, dibawah kode<data:post.body/> kalo sobat sudah pasang read more otomatis simpan sajah di bawah javascrip read more tersebut.
Cara Mudah Membuat Rating Bintang Rich Snippets di Blog - Sudah lama rasanya tidak update tutorial blog, malam ini saya ingin berbagi kepada sobat-sobat semua tentang Cara Mudah Membuat Rating Bintang Rich Snippets di hasil pencarian / search Google. Sebenarnya sudah banyak Blog yang membahas tentang memasang Rating Bintang atau yang lebih populer dengan sebutan Rich Snippets di Blog. Jadi tidak ada salahnya bila saya pun ingin berbagi kepada sobat semua. Sebelum sobat Membuat Rating Bintang atau Rich Snippet, terlebih dahulu sobat mengetaui Apa itu Rich Snippet? arti dari Rich Snippet itu sendiri adalah data tambahan dari blog atau postingan sobat yang akan ikut ditampilkan pada halaman hasil pencarian / search Google (SERP). Berbagai data dari hasil mesin pencarian yang bisa dimasukkan seperti rating bintang(stars), vote, author, tanggal, dan banyak masih banyak lagi. Untuk lebih jelasnya silahkan sobat lihat SS dibawah ini:
Nah, bila sobat tertarik ingin membuat Rating Bintang atau Rich Snippets di Blog sobat. Silahkan ikuti Langkah - langkah nya dibawah ini:
Syarat utama untuk membuat Rating Bintang atau Rich Snippets ini, terlebih dahulu sobat harus mempunyai account Google+, untuk cara membuat account Google+, silahkan sobat baca postingan saya sebelumnya mengenai Cara Daftar Google Plus +,
Selanjutnya menghubungkan page google+ dengan Blog sobat, Caranya: Tambahkan code berikut tepat dibawah code <head>
Nb: Untuk code berwarna biru diatas, ganti dengan code halaman google+ sobat, caranya: Buka account google+ sobat, kemudian lihat addres bar di browser sobat, supaya lebih jelasnya, silahkan sobat lihat SS dibawah ini:
Setelah sobat selesai melakukan dua cara diatas, silahkan cek salah satu link postingan blog sobat di Rich Snippets Testing Tools. Bila status data "Publisher" sudah ter "Verified", berarti sobat bisa lanjut ke tahap selanjutnya.
1. Buka Tab Rancangan, kemudian klik Edit HTML, untuk berjaga-jaga agar tidak terjadi hal yang tidak diinginkan ada baiknya bila sobat BackUp Template terlebih dahulu. setelah selesai BackUp Template, beri tanda centang padaExpand Template Widget
Kemudian cari code </body> letakkan kode dibawah ini sebelum tag </body>
</div></div>
3. Masih pada edit HTML Template, cari kode Judul Postingan sobat, karena blog ini menggunakan tag h1 sebagai judul posting, maka bentuk kodenya kurang lebih seperti SS dibawah ini:
Tambahkan kode di bawah ini di Atas Judul Posting Blog:
Nb: Setiap Template pasti berbeda-beda kode Judul Posting seperti tag h1, h2, dan h3, jadi sesuaikan dengan tag Judul Posting Blog sobat.
4. Selanjutnya mencari kode Author untuk Rich Snippets, biasanya kode Post Author di tuliskan seperti ini, "posted by..." , "dipost kan oleh..." , dll. Cari kode HTML untuk Post Author, contoh kode HTML untuk Post Author di template blog ini kurang lebih seperti ini <data:post.author/>.
Setelah ketemu kode post author<data:post.author/>, tambahkan kode untuk rich snippets nya menjadi
5. Memasang Jumlah Rating Bintang Rich Snippet. sekarang saatnya sobat Memasang Jumlah Rating Bintang Rich Snippet di Blogger dari rentang 1 - 5 (sesuai jumlah bintang yang sobat inginkan).
Ada 2 cara untuk memasang jumlah rating bintang rich snippets ini.
Cara Manual: tambahkan kode Rating: <span itemprop="rating">4.5</span> di akhir posting sobat sebelum mem-publish postingan.
Cara ini menurut saya lebih mempermudah sobat tanpa harus menambahkan kode secara manual, sobat simpan saja kode tersebut ke "Template Entri", agar setiap kita ingin posting, kita bisa memasukkan nilai rating saat itu juga.
Caranya sebagai berikut: Pertama-tama sobat masuk ke Dashboard Blogspot. Pilih tab Setting atau Setelan kemudian klik tab Format. Lihat paling bawah ada tulisan "Entry Template / Templat Entri" Tambahkan kode rich snippet ini: Rating: <span itemprop="rating">4.5</span>
Simpan setelan / Save
Nb: Setiap kamu membuat postingan, ubah angka "4.5" tersebut sesuai keinginan. Jumlah pada rating ini adalah jumlah bintang yang akan ditampilkan di hasil pencarian (SERP), dengan nilai terendah adalah "0.5" hingga tertinggi adalah "5".
6. Setelah semuanya selesai, jangan lupa untuk mengecek di Rich Snippets Testing Tools, untuk mengetahui apakah rating bintang atau rich snippets yang telah sobat pasang pada blog, bekerja dengan baik.
Gimana? sangat mudah bukan Cara Mudah Membuat Rating Bintang Rich Snippets di Blog..!!! Bila ada kesulitan, jangan sungkan untuk bertanya di kolom komentar yah sob... Jangan lupa dukung saya di kontes Ultrabook Notebook Tipis Harga Murah Terbaik.
Klik Design > Page Element > Add Gadget > Html/Javascript
Copy paste kode di bawah ini ke kolom Html/javascript
Berikut kode burung tweet :
<!-- floating twitter Bird --> <script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiXrLxlZR2Gb2EihcSdntfRbhWKWr9CYRsZTgnM5Maj5oQiAZ4GfljSiCI_455NlkSvn0EuUAKgOsoJkFnorLvjverBIdGPqpgr8TIJx9neUjnAmw5iEIC-CQzYFJilHVfa2uW1mSub60/s1600/burung+twitter+terbang.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/Akun Twitter sobat"; var tweetThisText = "Twitter - UserID http://sagoeba.blogspot.com/"; tripleflapInit(); </script>
<!-- floating twitter Bird --> <script type="text/javascript" src="http://bloggerpeer.googlecode.com/files/tripleflap.js"></script> <script type="text/javascript"> var birdSprite="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiXrLxlZR2Gb2EihcSdntfRbhWKWr9CYRsZTgnM5Maj5oQiAZ4GfljSiCI_455NlkSvn0EuUAKgOsoJkFnorLvjverBIdGPqpgr8TIJx9neUjnAmw5iEIC-CQzYFJilHVfa2uW1mSub60/s1600/burung+twitter+terbang.png"; var targetElems=new Array("img","hr","table","td","div","input","textarea","button","select","ul","ol","li","h1","h2","h3","h4","p","code","object","a","b","strong","span"); var twitterAccount = "http://twitter.com/Akun Twitter sobat"; var tweetThisText = "Twitter - UserID http://sagoeba.blogspot.com/"; tripleflapInit(); </script>
Keuntungan pasang burung tweet di blogger selain kelihatan menarik, sobat semua nanti bakal banyak yang mengikuti akun tweeternya.
Seperti sobat ketahui tweeter salah satu pesaing face Book terutama di Indonesia, jadi kalo sobat pasang burung tweet di blogger sobat bukannya rugi tapi malah untung untuk memperkenalkan akun sobat. Begitulah kira - kira menurut saya, maaf bila salah..hehe
Menampilkan Thread Comment pada Custom Template | Tutorial Blog
Thread Comment merupakan fitur baru dari blogger yang telah resmi diluncurkan pada 12 januari yang lalu, fitur ini otomatis berlaku pada blog yang menggunakan tampilan dynamic views, jadi untuk tampilan klasik dan custom template fitur ini tidak otomatis di tampilkan.
Pada postingan kali ini saya akan membuat tutorial tentang cara Menampilkan Thread Comments pada Custom Template, trik ini terbukti berhasil pada template saya ini, walaupun pada template saya sebelumnya trik ini malah mambuat halaman posting saya hilang, jadi sebaiknya backup dulu template Anda sebelum di edit.
Berikut cara Menampilkan Thread Comment pada Custom Template :
Login ke Blogger, Klik Design/Rancangan > Edit HTML.
Beri tanda centang pada Expand Template Widget.
Tips : Biasakan mendownload template untuk membackup template sebelum di edit.
Cari kode <b:include data='post' name='comments'/>, pada template saya kode tersebut ada 4 dan saya ganti semua dengan kode berikut :
,
,
, 
, 
, 
, 
dan lain lain. 
