Wednesday, January 20, 2016

Cara Mengubah Permalink Blogspot

Permalink Blogspot
Mengubah permalink posting blog blogspot bagian dari trik SEO blog. Lakukan "Custom URL" tiap kali posting. Yang "termudah" dan terbaik: bikin judul pendek dan sudah memasukkan kata kunci.

PERMALINK adalah tautan atau link permanen, singkatan dari "Permanent Link", berupa URL ataub alamat posting di blog.

Katanya sih, permalink ini bagian dari "SEO Onpage" sebagai senjata untuk mempertajam SEO.

Permalink blogspot mencantumkan tahun dan bulan sebelum mencantumkan judul posting. Ini "default" blogger alias "harus diterima dengan ikhlas", meskipun tampaknya permalink demikian "kurang SEO", dibandingkan dengan permalink yang, misalnya, mencantumkan label/kategori.

Google, sang pemilik Blogger, juga menjelaskannya di posting mereka tentang Custom Permalinks. Intinya, kita hanya bisa mengubah judul setelah angka tahun/tanggal.

Selain itu, kita tidak bisa mengubah Permalink posting yang sudah dipublikasikan. Kebanyakan blogger "terpaksa" copas posting, menghapusnya, lalu membuat posting yang baru dengan "paste" konten lama plus sedikit update atau modifikasi.

Cara Praktis Mengubah Permalink

Padahal, ada cara lain, tidak mesti menghapus posting lama dan membuat yang baru untuk mengubah permalink tersebut agar SEO Friendly. Caranya:
  1. EDIT posting tersebut
  2. Klik menu "REVERT TO DRAFT" di kanan atas.
  3. Klik "Permalink" > "Custom Permalink"
  4. Ubah judul posting di sana! Gunakan tanda strip (-) antar kata. Hilangkan kata-kata sambung seperti di, dan, yang, pada, bagi, ke, untuk, dll kelompok "WordsStop".
  5. Publish lagi!

Cara Mengubah Permalink Menurut Google

Ini diaCara Mengubah Permalink Postingan di Blogspot sebagaimana dikasi tau sama Google.

When you write a post, Blogger automatically generates a permalink (a URL that links to a blog post) for your post from its title. If you prefer to use a custom permalink, you can do so via the ?Permalink? option in the Post Settings box.

Although you?ll still have the option to generate the URLs for posts automatically, the customized option gives your URL greater stability. For example, because Blogger automatically creates the URL from information from your post title, your URL would change should you decide to edit the title. This would result in broken links, and fewer visitors to your blog.

Once you click Permalink, you?ll see that the option for automatic posting is selected as default. To create your own URL for this specific post, simply select Custom, and type in your new URL. If you wrote the post in March of 2012, your new URL will look like this:

www.nameofblog.blogspot.com/2012/03/customURL.html
The bolded area is the part of the URL that is customizable.

If you choose Automatic Blogger will generate the URL from the title of your post. So let?s say you created a post on March of 2012, and you titled it "Hiking in Vermont." The URL for that post would look like this:

www.nameofblog.blogspot.com/2012/03/hiking-in-vermont.html

Alternatif Mengubah Permalink

Selain memanfaatkan fasilitas "Permalink", khususnya jika judul posting terlalu pananjang sehingga terpotong, banyak blogger kemudian mengubah permalink untuk kepenyingan SEO.

Caranya, dengan membuat box khusus di akhir posting. Tapi cara ini sudah mulai "gak laku" alias mulai ditinggalkan para blogger.

Begini cara membuatnya:
1. Template --> Edit HTML
2. Cari kode ]]> dan letakkan kode berikut ini di atasnya:

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

3.Cari kode atau

dan simpan kode berikut ini di bawahnya. Jika dua atau lebih kode yang mungkin timbul karena template blog menggunakan "Read More", maka pilih kode yang kedua.

Anda sudah membaca posting tentang dan bisa menemukan posting ini dengan url . Silakan share atau copy paste posting dengan mencantumkan link Sumber: Terima kasih.....


Anda bisa mengubah kata-kata berwarna merah dengan kalimat versi Anda sendiri.

4. SAVE Template!

IsiSearch Description!

Selain permalinks, yang sering kita lupakan adalah fasilitas "Search Description" saat kita menulis posting. Isi juga tuh, biar SEO!

Tapi sebelumnya, Anda harus isi dulu "Search Preference" di Menu Dashboard blog Anda. Isi dengan Meta Tag Description blog Anda atau variasinya.

Good luck!


reff : http://www.contohblog.com/2013/10/cara-mengubah-permalink-blogspot.html

Situs yang Sering Dijumpai Pada Halaman Pertama Google

halaman pertama google
halaman pertama google
Blogger atau pemilik web pasti sangat ingin situsnya selalu hadir di halaman pertama pencarian google. Mengapa? Dengan berada di halaman pertama mesin pencari maka peluang untuk di klik oleh pengunjung menjadi sangat besar. Apalagi kalau bisa diposisi pertama dan halaman pertama juga. Keren dah itu..

Selama bergelut dalam berbagai proses pencarian apapun di google, saya melihat suatu fenomena unik. Yaitu adanya satu situs yang sangat sering hadir di halaman pertama google.

Situs itu adalah wikipedia.org.

Situs ini sangat bermanfaat bagi anda yang ingin meningkatkan pengetahuan umum. Mulai dari mengenal bermacam binatang, pohon, negara dan masih banyak lagi jenis materi yang bisa ditemukan di wikipedia.

Rasa penasaran pun muncul, ranking berapa sih wikipedia di dunia maya. Rujukan yang tepat untuk mengetahui hal ini adalah dengan mencarinya di alexa.com.

Ok, pencarian pun di mulai. Saya mulai mengetikkan alamat wikipedia.org di situs alexa. Dengan menggunakan kekuatan ajaib dari tombol enter, informasinya inipun saya dapatkan.

ranking wikipedia
ranking wikipedia
Dari gambar di atas ternyata ranking wikipedia.org adalah "6" secara global dan juga di Amerika. Wow.. Jadi tidak heran kalau wikipedia memang sering hadir di halaman pertama google.

Rasanya sangat ingin dong punya situs yang mempunyai ranking 10 besar dunia. Memang rasanya sulit, tetapi tidak ada yang tidak mungkin kan? Ya, terus saja update artikelnya dan semangat terus serta tidak pantang menyerah..

Semoga blog dan website anda terus bisa berada di halaman pertama google..

Baca juga :
  1. Mengenal google
  2. Hal unik yang ada pada logo google
  3. Manfaat unik kolom pencarian google
  4. Layanan google yang sering kita gunakan


reff : http://puteka85.blogspot.com/2014/05/situs-yang-sering-dijumpai-pada-halaman-pertama-google.html

Kebahagiaan Menjadi Seorang Blogger

Memiliki sebuah blog ternyata mendatangkan kebahagiaan tersendiri bagi saya. Disamping karena bisa menyalurkan hobi menulis, saya juga bisa berbagi ilmu dan pengetahuan baik dengan para pembaca dan juga para blogger lainnya.

Ya, berbagi sudah menjadi pilihan dan tema dari blog ini. Berbagi itu indah dan bisa membuat para pembaca menjadi terbantu dengan informasi yang disajikan. Selain itu ada kebahagiaan lain yang bisa saya rasakan, artikel diblog ini menjadi referensi bagi penulis lainnya.

Dengan dijadikan sebagai referensi, berarti artikel yang ditulis akan semakin dikenal dan menambah jumlah link ke blog ini. Artinya apa kalau jumlah link bertambah? Pengunjung akan semakin bertambah dong dengan link tersebut dan pengunjung yang banyak adalah dambaan bagi setiap blogger.

Dijadikannya artikel dalam blog ini sebagai referensi semakin membuat hati senang dan bersemangat dalam ngeblog dan memberikan informasi yang menarik dan bermanfaat bagi para pembaca semuanya. Nah, bagi anda yang kebetulan hobi menulis tidak ada salahnya untuk membuat blog dan menyebarkan pengetahuan kepada semua orang..

Happy blogging...


reff : http://puteka85.blogspot.com/2013/10/kebahagiaan-menjadi-seorang-blogger.html

Warna Dominan Tampilan Blog: Hindari Merah dan Orange!

Summary: Tampilan blog dengan dominasi warna Biru dan Hitam nyaman di mata user. Merah dan Oranye itu menyilaukan.

merah dan biru
SEBELUM posting soal warna dominan tampilan blog, CB sudah share ttg Gunakan Warna Biru untuk Hyperlink! Jangan yang lain.

Soal warna tampilan blog sangat sensitif, karena terkait "kenyamanan mata" pengunjung. Hindari tampilan blog dengan warna dominan merah dan oranye --silau, Man! Menyilaukan mata dan membuat user "tidak betah" berlama-lama di blog kita nanti.

Gunakan warna yang sejuk di mata, seperti BIRU dan HITAM.Biru lebih OK karena pengunjung sudah "terbiasa" dengan birunya Facebook, Twitter, link judul di SERP Google dan Wikipedia, dll. Ini yang dinamakan UX, User Experience.

Klub favorit CB, Manchester United (MU), yang berjuluk Setan Merah (Red Devils) dan identik dengan merah pun, websitnya didominasi warna hitam. Merah hanya dominan di headernya.

ALASAN FACEBOOK BIRU
Mengapa Facebook, situs jejaring sosial nomor wahid di dunia, menggunakan biru? Dilansir laman Buffer Social, alasannya sederhana banget: karena Mark Zuckerberg buta warna merah-hijau!
Why is Facebook blue? According to The New Yorker, the reason is simple. It?s because Mark Zuckerberg is red-green colorblind. This means that blue is the color Mark can see the best. In his own words Zuck says:?Blue is the richest color for me; I can see all of blue.?

Buffer Social juga menyajikan data menarik soal warna ini. Hasil studi menunjukkan, kaum wanita menyukai warna biru, ungu, dan hijau, serta membenci warna oranye, coklat, dan abu-abu. Kaum pria menyukai warna biru, hijau, dan hitam, serta tidak suka warna coklat, oranye, dan ungu.
  • Women love: Blue, Purple and Green
  • Women hate: Orange, Brown and Gray
  • Men love: Blue, Green and Black
  • Men hate: Brown, Orange and Purple
Kesimpulan, wanita dan pria sama-sama suka warna biru dan hitam, serta sama-sama tidak menyukai warna oranye dan coklat.

Dengan demikian, biru adalah juaranya, seperti calon kuat juara Liga Inggris saat ini: The Blues Chelsea!

Cool Colors:Blue, green, purple, turquoise and silver are cool colors. Cool colors tend to have a calming effect on readers. Used alone however, these colors can have a cold or impersonal feel, so when choosing cool colors, it may be wise to add a color from another group to avoid this. (OCSBT).

WARNA TAMPILAN BLOG
Kesimpulan, warna tampilan blog sebaiknya biru atau hitam. Gelap gitu deh pokoknya! Biar tidak silau di mata user.

Hindari dominasi warna merah, oranye, dan sejenisnya --kecuali untuk bagian tertentu seperti "button" (tombol) atau elemen kecil lainnya dianjurkan juga warna merah selain biru.

Pendapat Anda? Sila bandingkan dua gambar beda warna di bawah ini. Mana yang lebih nyaman di mata? (Eh, kenapa jadi foto cewek contohnya ya? Biar gak terlalu serius lah ngurusin warna blog. Sing penting mah konten berkualitas!).*

girl in blue

girl in red




reff : http://www.contohblog.com/2015/01/warna-dominan-tampilan-blog-hindari-merah-orange.html

Cara Membuat Related Post Berupa Gambar Thumbnail

UNTUK melengkapi posting Cara Membuat Recent Post (Lates Post, Posting Terbaru) dengan Gambar yang cocok buat blog foto dan toko online, kali ini CB share tentang Related Postnya (Posting Terkait) yang juga dengan gambar (thumbnail image).

Jenis Posting Terkait ini HANYA berupa gambar. Judul akan muncul saat cursor mouse diarahkan ke gambar.

Ini penampakan Related Posts dengan gambar yang sudah coba diterapkan dan berhasil di CB Blogger Lab.

Cara Membuat Related Post dengan Gambar


Untuk blogger biasa --bukan blog foto/toko online, sebaiknya tidak menggunakan Related Post dengan Thumbnail Image biar lebih cepat loadingnya.

Related Post sendiri adalah bagian dari navigasi dan internal link blog yang bagus buat seo dan user. Google menganjurkan navigasi dan internal linking di halaman situs web. Related Post juga memudahkan user mencari informasi lain denga tag, label. atau topik yang sama.

Cara Membuat Related Post Berupa Gambar Thumbail di Blogger

1. "Template" > "Edit HTML"
2. Copy & Paste kode berikut ini di atas kode]]>

/* Related Posts dengan Gambar */
.related-post .post-thumbnail {
z-index: 1;
position: relative;
width: 98px;
height: 98px;

margin: 0;
display: block;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 2px 2px 5px #444;
-moz-box-shadow: inset 2px 2px 5px #444;
box-shadow: inset 2px 2px 5px #555;
}
.related-post {
float: left;
position: relative;
width: 98px;
height: 98px;

margin: 0 10px 10px 0;
background: #F6F6F6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.related-post .related-post-title {
display: none;
float: left;
background: #000;
color: #fff;
text-shadow: none;
font-weight: bold;
padding: 10px;
position: absolute;
top: -20px;
left: 40px;
z-index: 2;
width: 200px;
-webkit-box-shadow: 0 0 2px #444;
-moz-box-shadow: 0 0 2px #444;
box-shadow: 0 0 2px #444;
}
.related-post:hover .related-post-title {display: block;}

Keterangan:
Yang berwarna merah adalah ukuran gambar.

2. Cari (Ctrl+F) kode yang seprti berikut ini:

Teknik-Teknik Dasar SEO untuk Bersaing di Google

teknik dasar SEO untuk google
Teknik Dasar SEO untuk menang bersaing di Google

Teknik-Teknik Dasar SEO untuk Google

Download Panduan Memulai Pengoptimalan Mesin Telusur Google
Kadangkala kita memang aneh. Kita berusaha mencari-cari teknik-teknik SEO ke mana-mana. Browsing ke berbagai blog atau website untuk menemukan teknik-teknik baru, tetapi melupakan sumber aslinya. SEO atau Search Engine Optimization adalah teknik yang banyak dilakukan oleh para blogger atau admin website untuk memperoleh keuntungan ketika bersaing dalam memperebutkan posisi puncak di halaman hasil pencarian. Kita tahu bahwa search engine terbesar dan paling banyak digunakan adalah google. Maka tentu saja traffic yang diharapkan oleh para blogger maupun admin website adalah bersumber dari google. Traffic yang sifatnya organik. Melalui traffic ini mereka datang ke blog atau halaman sebuah website karena memang membutuhkan konten atau artikel yang ada di blog atau halaman website itu.
Teruskan Membaca ?

reff : http://novehasanah.blogspot.com/2015/02/teknik-dasar-seo-untuk-google.html

Variasi Tampilan Posting di Halaman Depan Blog - Judul, Gambar, Dua Kolom

halaman depan cb online store
Variasi Tampilan Posting di Halaman Depan Blog: Judul Saja, Gambar Saja, Dua Kolom Auto Readmore.

HALAMAN depan blog (beranda, home, homepage) merupakan "etalase". Di halaman depan inilah semua konten diperkenalkan dan mulai ditelusuri, meskipun kebanyakan pengunjung menemukan blog kita dari single post (single page) sebuah posting.

Banyak juga pengunjung yang awalnya membuka halaman dalam, lalu "penasaran" ingin tahu tampilan halaman depan blog yang dikunjunginya. Jika bagus, ia mungkin akan lebih lama di blog itu.

Ada banyak variasi tampilan halaman depan, mulai dari posting penuh hingga yang terpopuler digunakan: Auto Readmore Style.

Tampilan halaman depan autoreadmore pun macam-macam, ada yang berupa daftar judul, judul dan gambar (thumbnail image), judul plus gambar thumbnail dan ringkasan, ada yang satu kolom, ada juga yang dua kolom seperti tampilan blog CB ini.

Tips desain blog berikut ini akan berbagi kode dan cara membuat variasi halaman depan blog. Silakan pilih sesuai dengan selera.

Halaman Depan dengan Daftar Judul Posting Saja (1)

Homepage hanya judul posting, tanpa gambar dan tanpa ringkasan (summary/snippets). Source & Demo.

1. Template > Edit HTML
2. GANTI kode



DENGAN










3. Save Template!

Kini tampilan halaman depan blog Anda hanya judul posting. Fast Loading!

Halaman Depan dengan Daftar Judul Posting Saja (2)

Hasilnya akan sama dengan yang di atas, namun caranya berbeda. (Source & Demo.)

1. Template > Edit HTML
2. Copas kode berikut ini sebelum atau di atas kode


3. Save Template!

Halaman Depan dengan Gambar Thumbnail Saja

Dikenal dengan sebutan "grid posts", berupa gambar posting saja yang tampil dalam 2-3 kolom di halaman depan. (Sumber). Cocok untuk blog video, foto, atau toko online. Lihat DEMO

1. Template > Edit HTML
2. Copas kode berikut ini di atas kode







3. Save Template!

Kini tampilan halaman depan blog Anda berupa grid image (gambar). Bagus buat blog galeri foto, video, atau online shop!

Daftar Posting Auto Readmore 2 Kolom di Halaman Depan

Membuat Dua Kolom Posting Homepage Blogspot ini banyak ditanyakan pengunjung blog CB. Ini tampilan khas Template Johny Wuss Series. Bedanya di kode.

Johny Wuss Series menggunakan kode Table of Content. Tips di bawah ini menggunakan kode "rekayasa" sehingga tampilan dua kolomnya mirip banget bahkan sama dengan Johny Wuss. (Lihat DEMO).

1. Template >> Edit Html >>
2. Copas kode berikut ini di bawah kode ]]>




Ket:
Jika hasilnya masih satu kolom, atur besaran persentasenya jadi lebih kecil, misalnya 48%, 47%, dan seterusnya hingga "pas".

3. Save Template!

Itu diaVariasi Tampilan Posting di Halaman Depan Blog. Bisa Judul Posting doang, Gambar doang, Gambar dan Judul, hingga yang berupa dua kolom. Good Luck! (http://contohblognih.blogspot.com).*

reff : http://www.contohblog.com/2015/05/variasi-tampilan-posting-halaman-depan-blog.html