Categories
Blooger News Tips SEO tutorial

Tips SEO terbaik sepanjang waktu

Berbicara tentang SEO (Search Enggine Optimasion) memang menarik. Sejak beberapa tahun yang lalu saya mulai ngeblog, hingga saat ini, masalah perlombaan menempatkan kata kunci menjadi  top 1 di google  tetap menjadi sesuatu dan senantiasa di bahas.

Memang akhir-akhir ini saya jarang nge-blog (istilah blogger update postingan), soalnya saya mempunyai kesibukan yang baru. Sebenarnya tetap di dunia online. Saya tengah menyiapkan website layanan jasa pembuatan. Anda boleh kunjungi situsnya; GARUDA WEBSITE

Kembali ke topik awal, “come on”:  Tulisan ini saya buat Cuma karena rindu ngeblog. Dari berbagai topik yang dipilih, jatuhnya tetap yang terbaik masalah SEO.

Sejak awal, saya sangat tertarik dengan SEO dan berupaya penuh mempelajari tentang SEO. Termsuk berbagai kaidah dan rumus-rumus SEO yang bisa kita baca melalui tutorial yang jumlahnya jutaan diluar sana. Dengan berbagai versi dan pengalaman masing-masing blogger.

Alhasil, yang didapat makin melebar dan tidak ada rumus baku tentang SEO. Malah semakin pusing dan beberapa diantaranya, para blogger, menyerah dan berhenti ditengah jalan.

Sejujurnya, saya pun demikian. Pernah mengalami hal yang  namanya “lesu darah” (kaya judul lagu dangdut aja gkgkgk). Hingga pernah memutuskan untuk berhenti nge-blog. Namun, hoby dan kecintaan menulis membuat saya kembali dan kembali lagi nge-blog. Termasuk sekarang.

Kembali kemasalah SEO. Dari pengalaman dan proses waktu yang memakan waktu bertahun-tahun penelitian, hasilnya saya bisa memerikan tips ini. Dan terbukti berhasil!!! Checkodot bro; langsung baca saja. Sebelumnya, ambil kopi dan regangkan otot-otot mu terlebih dahulu, karena tulisan ini akan panjang.

1. SEO tidak ada rumus baku

Ini yang sempat saya tulis diawal. Memang SEO tidak ada rumus baku, mbah Google seolah semaunya saja menampatkan konten pada posisi terbaik. Terkadang, artikel atau konten yang kita tulis sembarangan malah berada pada serf bagus dan artikel yang kita buat dengan segenap tenaga dan jerih payah yang mengandung berbagai unsur/rumus SEO malah entah berada pada posisi sekian ribunya.

Begitu lah pendapat awal saya brother. Hingga sekarang, masih. Namun, kemudian saya mendapat sebuah kesimpulan dan catat ini rumus baku.

Dalam setiap petunjuk, google selalu menyarakan untuk membuat konten yang unik. Sekali lagi unik dan original untuk dapat di indeks google dan berada pada posisi bagus. Nah… mungkin konten yang kita buat sembarangan tanpa berpikir tentang SEO malah dianggap google unik.

Saran saya, ini yang paling penting dari sekian banyak rumus SEO. Tidak perlu terlalu banyak berpikir untuk menyempurnakan kode html dan lain-lainnya. Apalagi memodifikasi template sedemikian rupa dan mendapat nilai 100% di aplikasi check SEO seperti CHKME.COM atau lainya.
Cukup dengan membuat konten berkualitas, lepaskan di jagat raya dunia maya. Dan biarkan google memutuskan untuk menempatkannya pada posisi berapa di search enggine. Sesuatu yang baru jelas akan menjadi produk yang disukai pembaca/visitor dan google.

Google telah berupaya semaksimal mungkin menciptakan robot crawl untuk dapat bertindak sebagaimana manusia berpikir. Sesuatu yang menurut manusia menarik maka menarik pula menurut robot google. Robot itu mendata dan mendatangi jutaan web/blog di dunia maya, memperifikasi dan menganalisis konten dan memisahkan yang berkualitas dan abal-abal untuk ditempatkan sesuai dengan nilai masing-masing.

Yah.. robot crawl diciptakan untuk menyerupai cara manusia berpikir. Jadi jangan aneh-aneh, manusia ingin sesuatu yang baru dan bermanfaat. Demikian juga robot crawl berupaya menilai konten/artikel mana yang dianggap paling bermanfaat dan unik untuk ditempatkan di posisi terbaik mesin pencari.

Hal ini pula   yang membuat google dipercaya sebagai salah satu mesin pencari terbaik di dunia.

2. Modifikasi template dan html

Ada banyak salah kaprah dalam hal ini. Awalnya saya sedemikian sibuk mengurus tampilan template dan berbagai code html yang memusingkan agar sempurna telihat dan terbaik dalam unsur SEO

Saya bolak-balik mengunjungi website yang menyediakan tool-tool untuk melakukan pengechekan SEO. Memperbaiki dan terus memperbaikinya, hingga akhirnya mendapat skor 100% dari chkme.com dan lain-lainnya.

Hasilnya, saya lupa tentang memproduksi konten/artikel berkualitas. Saya terlalu sibuk dengan berbagai hal modifiasi dan bongkar pasang widget template. Gkgkgkggkgkg….

Bahkan, terkadang sempat mengganti template blog hingga 2 atau 3 kali dalam seminggu. Terus mencari tempate terbaik yang jutaan jumlahnya berserakan secara premium maupun gratis di internet. Dan setiap hari menemukan template yang baik, dana kemudian bertemu lagi dengan yang terbaik. Dan setiap hari jutaan pula para pengrajin template memproduksi tempate terbaiknya.

Begitulah terus, hingga blog saya mungkin telah ratusan kali ganti template dan saya terus memodifikasinya. Terus berulang-ulang.

Yah.. saya lupa, point penting dari SEO tetap kembali pada tulisan nomor 1 di atas. Konten adalah raja dan menjadi faktor utama penentuan posisi di mesin pencari. Dan bukankah SEO fungsinya untuk itu.

Jadi SEO sebenarnya adalah tentang bagaimana membuat konten yang bermanfaat bagi manusia dan tentunya akan menarik pula bagi robot crawl.

Visitor terbaik adalah pengunjung yang datang dan bolak-balik kembali mengunjungi blog anda. Karena, disana di blog kita, menurut mereka banyak terdapat konten berkualitas dan bermanfaat bagi mereka.

Dan tahukah bro dan sist sekalian, robot crawl pun menilai itu. Dan menganggap blog kita memang bermanfaat dan akan memberi apresiasi lebih. Catat!! Karena robot crawl diciptakan sedemikian rupa agar menyerupai cara berpikir manusia.

Kita memang harus memutuskan dan menggunakan template yang baik. Sempurna unsur SEO  dan desain tata letak yang baik. Sehingga baik dimata google dan indah dimata manusia. Dan tentunya dilengkapi dengan fitur dan tombol fungsi untuk mempermudah manusia menjelajahi isi blog kita.

Namun, point penting tetap konten yang unik dan bermanfaat.

3. Submit blog dan artikel

Sejak awal saya selalu melakukan ini. Saya berpikir, kita harus memberi tahu seluruh orang di dunia bahwa kita telah membuat blog dan memproduksi konten dan artikel didalamnya.

Apa yang saya lakukan, tiap hari pun saya disibukkan dengan submit-submitan. Share kesana-kesini. Melakukan ping blog juga kesana-kesini.

Banyak blogger capek dan jenuh, sebenarnya hanya karena ini. Sebagian besar blogger menghabiskan energinya untuk ini. Sehingga lupa, bahwa membuat konten yang unik dan bermanfaat lah yang penting.

Soal submit, mungkin perlu. Share di media sosial juga perlu. Namun lakukanlah dengan ala kadarnya saja.

Kita tidak mungkin dapat mendatangi orang hingga jutaan jumlahnya, hanya untuk agar konten kita dibaca oleh jutaan orang, kawan.

Itulah alasannya kenapa kita menulis di blog dan melepaskannya di dunia maya. Agar di baca oleh jutaan orang. Tapi bukan dengan cara-cara yang menghabiskan energi tersebut. Yakin lah.

Saran saya, cukup dengan membuat sitemap dan mengirimkannya ke google webmaster dan beberapa webmaster terkenal lainnya, seperti Bing yang sekaligus juga Yahoo.

Biar mereka menempatkan posisi konten kita di urutan terbaik. Dengan potensi kunjungan jutaan visitor. Cukup itu.

4. Membangun backling berkualtias.

Memang untuk yang satu ini nampaknya harus. Karena popularitas blog/web kita juga dinilai dari backling. Pun demikian dikatakan oleh orang dari google bernama ‘Macut’ atau siapa namanya entah….

Namun, jangan berharap hal ini bisa dilakukan dalam sehari. Dan jangan sekali-kali berpikiran bahwa ini bisa dilakukan dalam waktu singkat.  Kenapa?? Karena jelas akan menghabiskan energi!!!

Sekali lagi, energi dan waktu kita harus digunakan semaksimal mungkin dengan membuat konten/artikel yang unik dan bermanfaat. Karena ini lah rajanya SEO.

Bangunlah backling secara natural dan jangan melakukan hal-hal yang aneh. Seperti membeli ribuan link atau ikut arisan link kaya MLM dan lain-lain. Dimana kemudian kemudian juga dianggap oleh robot crawl sesuatu yang aneh. Ingat, robot crawl dibuat menyerupai cara berpikir ………

Lakukan secara bertahap dan jangan sampai menyita waktu mu. Karena waktu kita terlalu berharga hanya untuk melakukan hal-hal yang menunjang bukan utama.

5. Apalagi ya???

Kenapa saya tulis “apa lagi ya”. Karena hal ini selalu menjebak cara berpikir para blogger termasuk saya.

Kita terlalu sibuk berpikir dan berbuat tentang bagaiman agar SEO bisa dilakukan dengan sempurna.

SEO yang sempurna itu bagus, tapi tidak ada gunanya sama sekali tanpa didukung oleh konten/artikel yang unik dan berkualitas.

Untuk itu, jangan terjerumus untuk terus berpikir “apalagi ya” yang harus dibuat agar blog kita dan konten didalamnya bisa bersaing dengan jutaan konten diluar sana.

Cukup dengan rumus pada nomor 1 yang telah saya buat diatas. Yakni, produksilah sebanyak-banyaknya konten yang unik, original, dan bermanfaat bagi manusia. Bangunlah visitor yang loyal terhadap blog kita. Biarkan mereka bolak-balik untuk terus berkunjug dan mendapatkan manfaat dari blog kita.

Dan yakinlah ini akan berkembang. Perlu dicatat!! Membangun sebuah blog dengan trafik yang tinggi membutuhkan energi,  proses, dan waktu. Maka janganlah hal itu kita sia-siakan untuk melakukan hal-hal yang sebenarnya hanya penunjang. Gunakanlah untuk hal-hal utama yakni membuat konten yang unik dan bermanfaat bagi orang banyak.

Cuma itu!! Dan lepaskanlah ke dunia maya. Sesuatu yang unik dan bermanfaat pasti akan dicari orang. Ciptakan hal-hal baru dan kemudian lepaslah, biar dia berkembang dan terus berkembang menjadi raksasa-raksasa yang bahkan menjadi sesuatu hal yang tidak pernah kita bayangkan sama sekali.  Yah… itulah hakikat SEO yang saya dapat dari proses belajar selama nge-blog.

Saya telah memutuskan untuk mengunakan template sederhana yang fast loading dengan unsur SEO yang malah tidak saya utak-atik dari sononya. Template buatan Mas Sugeng (liat di footer blog).

Saya bahkan tidak pernah menyentuh kode htmlnya untuk menyempurnakan SEO. Dan bahkan saya tidak terlalu peduli dengan keyword. Hanya penulisan deskripsi konten yang telah disediakan secara standar oleh Blogspot.

Dan dari banyaknya konten, sebagian besar menyumbang hadirnya visitor. Dan beberapa saya yakin balik lagi untuk membaca konten yang lain. Salah satu blog saya, kunjungannya saat ini stablil diatas 1.000 dan terus merangkak naik dengan bertambahnya konten yang saya produksi.

Demikian tips SEO terbaik terbaik sepanjang waktu menurut saya. Buat sesuatu karya yang bermanfaat dan berkualitas dan lepaskanlah, biar orang-orang yang menemukannya.
Sesuatu yang berkualitas akan terus dicari orang. Dan tidak perlu kita antar dari pintu-kepintu. Karena kita tidak mungkin akan punya waktu jika berharap dunia mengetahuinya.

Categories
Blooger News Tips SEO

Fungsi dan Manfaat Custom Permalink di Blogger/Blogspot

 Fungsi dan Manfaat Custom Permalink di Blogger/Blogspot
Custom Permalink

Custom permalink di Blogspot atau juga disebut permanent link dan dalam bahasa Indonesia Tautan Permanen, merupakan salah satu fitur penting blogger untuk mendongkrak konten blog lebih SEO Friendly di Search Enggine.

Fungsi fitur custom permalink di Blogger 

Tidak ada hal yang tidak penting pada setiap fitur yang disediakan oleh blogger. Termasuk Custom Permalink itu sendiri. Fitur ini, berfungsi untuk merubah URL judul postingan, sesuai keinginan.

Sebagai gambaran, cara kerja atau cara menggunakan custom permalink: Ketika anda membuat sebuah judul post  “Fungsi dan Manfaat Custom Permalink di Blogger/Blogspot“, apabila anda menulis artikel dan kemudian langsung publish, maka kemungkinan akan muncul permalink secara otomatis seperti ini: 

http://redaksiexpo2012.blogspot.com/2013/11/fungsi-dan-manfaat-custom-permalink-di.html

Sedangkan ketika menggunakan fasilitas custom permalink, maka permalink (url postingan) tidak akan terpotong. Atau dengan kata lain, kita dapat membuat permalink secara manual sesuai dengan keinginan kita.

Caranya, lihat sebelah kanan, klik Tautan Permanen dan tandai URL Khusus. kemudian masukan kata-kata yang diinginkan, contoh : Manfaat-dan-fungsi-Custom-Permalink-di-Blogger-Blogspot kemudian klik Selesai, maka hasilnya pasti akan terbentuk permalink menjadi:

https://deercreekfoundation.org/2013/11/Manfaat-dan-fungsi-Custom-Permalink-di-Blogger-Blogspot.htm

(jangan gunakan spasi, tapi gunakan strip (-) untuk pemisah kata), lihat contoh tulisan berwarna merah diatas:
Berikut adalah gambar contoh editing  Custom Permalink di Blogger/Blogspot:

 Fungsi dan Manfaat Custom Permalink di Blogger/Blogspot
Custom Permalink di Blogger/Blogspot

Manfaat Custom Permalink di Blogger/Blogspot

Sudah barang tentu setiap fitur di blogger mempunyai manfaat yang besar untuk sebuah blog. Demikian juga dengan Custom Permalink tersebut.

Dengan adanya fasilitas custom permalink, maka permalink (url postingan) tidak akan terpotong. Caranya, sebagaimana telah dijelaskan diatas. Dengan terlihatnya perbedaan permalink yang terbentuk secara otomatis dengan permalink khusus, mungkin anda sudah mulai tergambar tentang manfaatnya.

Benar kawan!!!! dengan adanya “tautan permanen khusus” melalui fitur Custom Permalink tersebut, URL konten/artikel yang kita tulis pasti akan lebih SEO Friendly. URL tersebut, dapat terbentuk secara lengkap sesuai dengan judul artikel dan bahkan mampu membentuk deskripsi singkat artikel/konten bersangkutan.

Dengan fasilitas Custom Permalink ini, jelas artikel/konten anda lebih SEO friendlly. 

     Catatan    
1. Untuk bisa menggunakan layanan ini, harus menggunakan tampilan baru (new interface)
2. Hanya bisa diedit sebelum artikel di publish
3. Gunakan strip (-) untuk pemisah antar kata.

Categories
Tips SEO

Cara mengaktifkan fitur meta description di blogspot

Cara membuat meta description dinamis di blogspot

All About Blogspot Templates : Sama kita ketahui, selain blog kita, di dunia online terdapat jutaan blog sejenis. Jadi, untuk bersaing dimata search enggine, perlu pondasi kuat. Salah satunya adalah melakukan Optimasi SEO On Page untuk meningkatkan Peringkat Blog (SERP). Dan inilah satu-satunya optimasi yang kendalinya berada pada kita.

Dulu, pada template standar untuk blogspot sebagian besar masih perlu dimodifikasi agar lebih SEO Friendly.  Meta description tag adalah salah satu meta tags yang sangat penting bagi blog, bahkan kini mungkin menjadi satu-satunya meta tag yang memiliki bobot besar bagi search engine.

Meta description berfungsi sebagai pemuat meta informasi yang mendeskripsikan isi halaman blog. Meta deskripsi ini juga menjadi bagian dari snippet deskripsi di hasil pencarian Google. Oleh karena itu, menggunakan dan mengoptimalkannya secara tepat akan menambah kekuatan SEO blog di search engine, atau setidaknya menjadi alat bagi blog untuk menarik pengunjung dari search engine.

Sebenarnya, ada banyak sekali poin penting yang dapat di-ulas mengenai meta description ini, baik mengenai “kesalahpahaman” meta description yang dianggap sebagai keseluruhan meta tags (meta tags ada banyak: meta keywords, meta author, meta robots, meta location, dll), maupun dalam konteks apakah meta description masih digunakan search engine, khususnya Google. Namun untuk kali ini, pembahasan lebih difokuskan tentang Cara mengaktifkan meta description dinamis di blogspot.

Beberapa fitur baru Blogger memang mengagumkan, salah satutnya  fitur Blogger yang berkaitan erat dengan SEO: Fitur Custom Meta Description Blogger. Sebenarnya fitur ini muncul sudah agak lama, sekitar Februari-Maret 2012, tapi belum selengkap dan sesempurna seperti sekarang, yaitu adanya penambahan fitur search description pada single post (deskripsi unik untuk masing-masing halaman posting).

Cara Menggunakan dan Menambahkan Meta Description Blogger

Jika dulu, sebelum ada fitur search preferences yang dapat diatur dengan mudah melalui dashboard Blogger, kita mesti menambahkan tag meta deskripsi secara manual:

<meta name='description' content='deskripsi konten/halaman blog' />

Tapi kini, hal itu tidak perlu lagi, karena fitur meta description dapat dengan mudah diakses melalui halaman settings blogger.
1. Buka dashboard > settings
2. Pilih search preferences
3. Lihat Pada bagian Meta Tags > Description
4. Klik “Edit”.
5. Pada opsi Enable search description? Pilih “Yes/Ya”.

Cara membuat meta description dinamis di blogspot

6. Akan muncul content box seperti ini:

Cara membuat meta description dinamis di blogspot

7. Isikan deskripsi blog sesuai keinginan. Ingat, maksimal hanya 150 karakter, jadi optimalkan penggunaan kata-kata se-efisien mungkin. Lalu klik “save changes” untuk menyimpannya.

Berikut contoh snippet description-nya di Google: 

Cara membuat meta description dinamis di blogspot

Cara Menambahkan Meta Description Pada Single Post/Halaman Posting

Ini langkah kedua setelah atau tindak lanjut dari sistem meta description yang kita bicarakan diatas. Yakni mengatur fitur setting meta tags (description), dimana masing-masing halaman blog dapat diberi deskripsi unik, sehingga menambah kekuatan SEO-nya, setidaknya ketika tampil di hasil pencarian. Berikut caranya?

1. Syarat penting dari penggunaan fitur “Search Description” ini adalah dengan mengakftifkan terlebih dahulu fitur Meta Description seperti cara di atas.
2. Setelah diaktifkan, buka halaman posting editor (seperti ketika membuat posting baru).
3. Lihat ke sebelah kanan pada “Post Settings”, akan ada beberapa panel.
4. Jika setting meta description telah diaktifkan (enable) seperti cara di atas, maka akan muncul satu fitur lagi, “Search Description”, deskripsi pencarian, yang bukan lain adalah fitur untuk menambahkan meta deskripsi unik pada masing-masing halaman posting.

Perhatikan gambar berikut:

Cara membuat meta description dinamis di blogspot

– Klik “Search Description/Deskripsi Penelusuran”
– Isikan deskripsi isi artikel/posting/halaman sesuai keinginan
– Klik “Done/Selesai” jika sudah selesai.

Langkah di atas dapat dilakukan ketika membuat posting baru atau ingin mengedit posting-posting lama untuk menambahkan deskripsi. Sehingga, setiap halaman posting akan memiliki meta description unik pada masing-masing halaman blog.

Tapi masih ada satu catatan lagi: meta description, seperti namanya, harus memiliki isi yang benar-benar deskriptif, sehingga pengunjung yang melihatnya tidak bingung dan justru tidak jadi melakukan klik.

Seperti disarankan oleh salah satu blogger Indonesia Ahmad Khoirul Azmi, tentang  Cara Mengoptimalkan Meta Description:

Katanya, ada beberapa kiat khusus untuk mengoptimalkan isi meta description, baik untuk search engine maupun untuk user/visitor.

1. Meta description hendaknya berisi kalimat, bukan sekedar frase atau keyword tanpa bisa dipahami maknanya oleh pengunjung. Meta description adalah yang ditampilkan sebagai snippet deskripsi di bawah judul konten. Gunakan kalimat jelas dan upayakan dapat “merayu” pengunjung untuk melakukan klik. Meta description merupakan alat ampuh untuk meningkatkan traffic blog jika digunakan dengan benar.

2. Memperhatikan keyword yang digunakan sangat penting, namun sebaiknya jangan membanjiri deskripsi dengan keyword saja, karena membingungkan pengunjung dan justru bisa dianggap sebagai spam oleh Google. Be natural! Saya sering melihat deskripsi sengaja dibuat dengan menggunakan tag: page title – blog name – page title, yang menghasilkan judul blog – nama blog – judul blog, ini justru dapat merugikan blog karena tidak deskriptif, berisi pengulangan-pengulangan tidak penting, dan tentunya, spammy!

3. Jumlah karakter yang ditampilkan di search snippet kini semakin berkurang, dulu karakter deskripsi bisa mencapai 160 karakter. Tapi kini cuma di bawah jumlah itu. Bahkan untuk berjaga-jaga, sebaiknya deskripsi memiliki karakter tidak lebih dari 140 karakter (mengingat kini snippet tanggal juga ditampilkan).

Demikian sedikit tips tentang optimalisasi meta description blog. Yang saya dapat dari berbagai sumber, salah satu dari blog Mas Ahmad Khoirul Azmi. Semoga bermanfaat…

Categories
Template Hack Tips SEO

Cara Membuat Navigasi Breadcrumb Bergaya Ala Triangle

Cara Membuat Navigasi Breadcrumb Bergaya Ala Triangle

Breadcrumb merupakan salah satu fitur blog yang yang cukup penting. Dan tentunya, Navigasi Breadcrumb sudah lumrah anda ketahui selama berkecimpung dan membangun blog di dunia blogger. Untuk kali ini, sebuah tips Cara Membuat Navigasi Breadcrumb Bergaya Ala Triangle. Selain fungsi, juga mempunyai tampilan yang keren, menarik, dan elegant. 

Sebelumnya, sedikit gambaran breadcrumb untuk blog/web, yakni, merupakan salah satu bentuk navigasi yang diciptakan guna mempermudah siapapun untuk kemudian bisa melacak posisi atau asal sebuah dokumen (halaman). Saat ini, peran breadcrumb dalam sebuah blog atau website sudah dianggap penting, itu sebabnya banyak orang meyakini bahwasanya breadcrumb bisa dimanfaatkan sebagai alat jitu dalam mencapai SEO yang lebih baik.

Dan ternyata, breadcrumb berpenampilan ‘wah’ ternyata bisa diciptakan dengan CSS murni. Asumsikan saja jika kita ingin menyisipkan sentuhan menarik seperti panah kecil pada setiap sisi breadcrumb sekaligus membubuhi efek hover berwarna ke dalamnya. Belum lagi jika kita tambahkan pointer event untuk menyempurnakan hasilnya. Tentu ini akan terkesan ‘highly usable interface’. Dan dengan begitu, penampilan breadcrumb akan terlihat lebih unik dan memiliki ciri khas tersendiri.

Baiklah, untuk mewujudkan membuat  Navigasi Breadcrumb Bergaya Ala Triangle  dengan CSS murni, silahkan simak langkah-langkahnya dan jujur tips ini saya dapat dari : http://topspot-official.blogspot.com.

Berikut  Demo Navigasi Breadcrumb Bergaya Ala Triangle 

Dan berikut langkah sedehana memasang Navigasi Breadcrumb Bergaya Ala Triangle  dengan CSS murni di blog anda.

 Code CSS: 

.breadcrumb { margin:5px 0!important; list-style: none; overflow: hidden; font-size: 10px; } .breadcrumb li { padding:0!important; float: left; } .breadcrumb li a { color: white; text-decoration: none; padding: 10px 0 10px 50px; background: brown; background: hsla(34,85%,35%,1); position: relative; display: block; float: left; } .breadcrumb li a:after { content: ” “; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid hsla(34,85%,35%,1); position: absolute; top: 50%; margin-top: -50px; left: 100%; z-index: 2; } .breadcrumb li a:before { content: ” “; display: block; width: 0; height: 0; border-top: 50px solid transparent; border-bottom: 50px solid transparent; border-left: 30px solid white; position: absolute; top: 50%; margin-top: -50px; margin-left: 1px; left: 100%; z-index: 1; } .breadcrumb li:first-child a { padding-left: 10px; } .breadcrumb li:nth-child(2) a { background: hsla(34,85%,45%,1); } .breadcrumb li:nth-child(2) a:after { border-left-color: hsla(34,85%,45%,1); } .breadcrumb li:nth-child(3) a { background: hsla(34,85%,55%,1); } .breadcrumb li:nth-child(3) a:after { border-left-color: hsla(34,85%,55%,1); } .breadcrumb li:nth-child(4) a { background: hsla(34,85%,65%,1); } .breadcrumb li:nth-child(4) a:after { border-left-color: hsla(34,85%,65%,1); } .breadcrumb li:nth-child(5) a { background: hsla(34,85%,75%,1); } .breadcrumb li:nth-child(5) a:after { border-left-color: hsla(34,85%,75%,1); } .breadcrumb li:last-child a { color: black; pointer-events: none; cursor: default; } .breadcrumb li a:hover { background: hsla(34,85%,25%,1); } .breadcrumb li a:hover:after { border-left-color: hsla(34,85%,25%,1) !important; }

Untuk membuat panah kecil seperti bentuk segitiga/triangle sebagai dekorasi nya, kita akan menggunakan elemen :after. Lebih jelasnya, anda harus menelusuri kode  .breadcrumb li a:after {  pada script di atas. Elemen tersebut sekaligus berfungsi untuk menyeleksi bagian-bagian yang dikenali sebagai list. Disinilah kita akan mulai memahami bahwasanya ketika dilakukan penyeleksian, maka pada saat itulah muncul sebuah batasan tertentu yang mana akan ditunjukkan dengan indikasi seperti tanda panah kecil berbentuk segitiga. Ingin menggunakan nya? Salin script tersebut di atas kode  ]]></b:skin>  pada template anda. Setelah selesai, ikuti langkah kedua.

 Code HTML Markup:  

<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;’> <ul class=’breadcrumb’><li><a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a></li><li><a><data:blog.pageName/></a></li></ul> <b:else/> <b:if cond=’data:blog.pageType == &quot;item&quot;’> <b:loop values=’data:posts’ var=’post’> <b:if cond=’data:post.labels’> <ul class=’breadcrumb’ xmlns:v=’http://rdf.data-vocabulary.org/#’> <li typeof=’v:Breadcrumb’><a expr:href=’data:blog.homepageUrl’ property=’v:title’ rel=’v:url’>Home</a></li> <b:loop values=’data:post.labels’ var=’label’> <li typeof=’v:Breadcrumb’><a expr:href=’data:label.url’ property=’v:title’ rel=’v:url’><data:label.name/></a></li> </b:loop> <li><a><data:post.title/></a></li> </ul> <b:else/> <ul class=’breadcrumb’><li><a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a></li><li><a>Unlabelled</a></li> <li><a><data:post.title/></a></li></ul> </b:if> </b:loop> <b:else/> <b:if cond=’data:blog.pageType == &quot;archive&quot;’> <ul class=’breadcrumb’> <li><a expr:href=’data:blog.homepageUrl’>Home</a></li><li><a>Archives for <data:blog.pageName/></a></li> </ul> <b:else/> <b:if cond=’data:blog.pageType == &quot;index&quot;’> <ul class=’breadcrumb’> <b:if cond=’data:blog.pageName == &quot;&quot;’> <li><a expr:href=’data:blog.homepageUrl’>Home</a></li><li><a>All posts</a></li> <b:else/> <li><a expr:href=’data:blog.homepageUrl’>Home</a></li><li><a>Posts filed under <data:blog.pageName/></a></li> </b:if> </ul> </b:if> </b:if> </b:if> </b:if> </b:if> </b:includable> <b:includable id=’main’ var=’top’> <b:include data=’posts’ name=’breadcrumb’/>

Inilah struktur dasar dari keseluruhan script pembentuk. Bagian ini sudah dilengkapi class yang disebut dengan breadcrumb. Script pada bagian ini bisa anda salin ke dalam template blog anda. Caranya masuk ke edit html > kemudian cari kode  <b:includable id=’main’ var=’top’>  > lalu gantikan kode tersebut dengan script di atas. Amati hasilnya!

  Catatan Tambahan  

  • Anda masih bisa meng-kustomisasi gaya navigasi breadcrumb di atas sesuai keinginan anda. Adapun elemen-elemen yang masih bisa dikreasikan, diantaranya; warna, bentuk, dan font.
  • Demo lainnya yang sejenis bisa anda dapatkan pada tautan ini : SEOdexing dan http://fiddle.jshell.net/danielbenny/.
Categories
Tips SEO widget

Cara membuat popular post with thumbnail Valid HTML5

Cara membuat popular post with thumbnail Valid HTML5
Popular post with thumbnail Valid HTML5

Popular post with thumbnail Valid HTML5 : Dewasa ini, blogger templates secara bertahap sudah mulai melakukan validasi HTML5. Baik dengan melakukan editing/modifikasi template hingga mengganti template yang Valid HTML5. Namun sayang, widget standar blogger ternyata belum mendukung hal tersebut.

Seperti diantaranya, widget follower dan Widget Popular Post. Untuk itu, kita perlu melakukan editing/modifikasi agar widget yang cukup penting tersebut tidak menodai ke-valid-an HTML5 template blog kita.

Click Cara Membuat Widget Follower Valid HTML5 untuk memodifikasi widget follower. Karena sudah saya posting sebelumnya.

Sedangkan untuk Widget Popular Post Valid HTML5 di Blog, berikut caranya. Juga sama seperti sebelumnya. Tidak susah dan hanya beberapa tahap editing HTML.

  • Login Blog terlebih dahulu
  • Kemudian klik Template >> Edit HTML
  • Pada halaman editor template blog, klik tombol Jump to widget/Lompat ke widget dan pilih widget popular posts seperti gambar diatas.

Cari kode HTML seperti ini :

<b:widget id=’PopularPosts1′ locked=’false’ title=’Popular Posts’ type=’PopularPosts’>
    <b:includable id=’main’>
  <b:if cond=’data:title’><h3><data:title/></h3></b:if>
  <div class=’widget-content popular-posts’>
    <ul>
      <b:loop values=’data:posts’ var=’post’>
      <li>
        <b:if cond=’data:showThumbnails == &quot;false&quot;’>
          <b:if cond=’data:showSnippets == &quot;false&quot;’>
            <!– (1) No snippet/thumbnail –>
            <a expr:href=’data:post.href’><data:post.title/></a>
          <b:else/>
            <!– (2) Show only snippets –>
            <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
            <div class=’item-snippet’><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond=’data:showSnippets == &quot;false&quot;’>
            <!– (3) Show only thumbnails –>
            <div class=’item-thumbnail-only’>
              <b:if cond=’data:post.thumbnail’>
                <div class=’item-thumbnail’>
                  <a expr:href=’data:post.href’ target=’_blank’>
                    <img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
                  </a>
                </div>
              </b:if>
              <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
            </div>
            <div style=’clear: both;’/>
          <b:else/>
            <!– (4) Show snippets and thumbnails –>
            <div class=’item-content’>
              <b:if cond=’data:post.thumbnail’>
                <div class=’item-thumbnail’>
                  <a expr:href=’data:post.href’ target=’_blank’>
                    <img alt=” border=’0′ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:width=’data:thumbnailSize’/>
                  </a>
                </div>
              </b:if>
              <div class=’item-title’><a expr:href=’data:post.href’><data:post.title/></a></div>
              <div class=’item-snippet’><data:post.snippet/></div>
            </div>
            <div style=’clear: both;’/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
    <b:include name=’quickedit’/>
  </div>
</b:includable>
  </b:widget>

Lalu ganti kode diatas dengan kode berikut ini:

<b:widget id=’PopularPosts1′ locked=’false’ title=’Popular News’ type=’PopularPosts’>
  <b:includable id=’main’>
  <b:if cond=’data:title’><h2><data:title/></h2></b:if>
  <div class=’widget-content popular-posts’>
    <ul>
      <b:loop values=’data:posts’ var=’post’>
      <li>
        <b:if cond=’data:showThumbnails == &quot;false&quot;’>
          <b:if cond=’data:showSnippets == &quot;false&quot;’>
            <!– (1) No snippet/thumbnail –>
            <a expr:href=’data:post.href’ expr:title=’data:post.title’><data:post.title/></a>
          <b:else/>
            <!– (2) Show only snippets –>
            <div class=’item-title’><a expr:href=’data:post.href’ expr:title=’data:post.title’><data:post.title/></a></div>
            <div class=’item-snippet’><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <b:if cond=’data:showSnippets == &quot;false&quot;’>
            <!– (3) Show only thumbnails –>
            <div class=’item-thumbnail-only’>
              <b:if cond=’data:post.thumbnail’>
                <div class=’item-thumbnail’>
                  <a expr:href=’data:post.href’ target=’_blank’>
                    <img expr:alt=’data:post.title’ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:title=’data:post.title’ expr:width=’data:thumbnailSize’/>
                  </a>
                </div>
              </b:if>
              <div class=’item-title’><a expr:href=’data:post.href’ expr:title=’data:post.title’><data:post.title/></a></div>
            </div>
            <div style=’clear: both;’/>
          <b:else/>
            <!– (4) Show snippets and thumbnails –>
            <div class=’item-content’>
              <b:if cond=’data:post.thumbnail’>
                <div class=’item-thumbnail’>
                  <a expr:href=’data:post.href’ target=’_blank’>
                    <img expr:alt=’data:post.title’ expr:height=’data:thumbnailSize’ expr:src=’data:post.thumbnail’ expr:title=’data:post.title’ expr:width=’data:thumbnailSize’/>
                  </a>
                </div>
              </b:if>
              <div class=’item-title’><a expr:href=’data:post.href’ expr:title=’data:post.title’><data:post.title/></a></div>
              <div class=’item-snippet’><data:post.snippet/></div>
            </div>
            <div style=’clear: both;’/>
          </b:if>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
</b:includable>
</b:widget>

Lalu save template dan selesai. Terimakasih atas kunjungannya dan semoga bermanfaat…

Categories
Blooger News Free Back Link for Blog Tips SEO

Free Back Link for Blog

Free Back Link for Blog : langkah mendapatkan link berkualitas dengan cepat
Free Back Link for Blog

Tekhnik SEO Off page Sangat Penting dalam menunjang ketenaran dan pagerank blog dalam persaingan mendapatkan perhatian search enggine. Namun SEO off page tidaklah semudah SEO onpage yang memang sepenuhnya dibawah kontrol kita. Karena kita perlu Back Link berkualitas. Bisa melalui blogwalking, berkomentar diblog yang dikunjungi atau lainya.

Akan tetapi, menurut banyak webmaster, hal itu sangat susah dan memakan waktu. Tapi, jangan khawatir bro… berikut salah satu langkah mendapatkan link berkualitas dengan cepat.

Sistem ini, menurut penciptanya, ini adalah cara dahsyat untuk tukar link. Karena satu link yang kita pasang akan dibantu dipromosikan 1 juta orang lebih hanya dengan mengajak 2 orang saja.

Sistemnya mirip MLM sedalam 20 Level, cukup mudah mengajak orang untuk daftar, karena semua butuh promosi, setiap orang ingin linknya tersebar dengan cepat. Sama seperti kita. Ya kan??? 

Buktinya… Anda tertarik baca artikel ini :). 

Oke… Tidak perlu dibahas terlalu mendalam. Langsung pada inti caranya; anda tinggal daftar saja. Yang jelas tidak ada ruginya untuk dicoba. Gratis – Manis kok, disini link kita bisa nempel terus. Link yang dimasukan bisa judul postingan dan URL nya agar tiap page punya pagerank juga.. Biasanya PR kita hanya di halaman depan saja, sementara di halaman posting tidak punya PR.

Kalau berminat cukup Mendaftar. Setelah itu silahkan cek password yang dikirim ke email anda, kemudian langsung login dan pasang judul artikel, keterangan dan URL link yang ingin dipromosikan pada Website ini.

Selanjutnya tinggal bikin sebuah postingan seperti ini atau silahkan copy paste artikel ini untuk diposting di blog anda dan rasakan manfaatnya.

Silahkan klik Free Back Link for Blog untuk mendaftar, lalu nanti klik Sign Up Now Free.

Categories
Blooger News Tips SEO

Cara meningkatkan traffic pengunjung di blog

Ini artikel sebenarnya saya dapat dari hasil blogwalking. Ditulis oleh Erda Meikeyana pada digitalareas.blogspot.com. Saya sependapat dan setuju dengan tulisannya. Yakni; tentang Cara meningkatkan traffic pengunjung di blog.

Cara meningkatkan traffic pengujung di blog

Memang, tujuan dari membangun sebuah blog agar bermanfaat bagi pengujung dan tentunya bagi kita sendiri. Sekedar hoby, bisa jadi iya.. Tapi jauh didasar lubuk hati sebagian besar blogger, ada harapan blog yang dibuat dapat berkembang. Dan selebihnya lagi, dapat menghasilkan dalam bentuk nyata berupa rupiah atau dolar.

Dalam hal ini, tentunya diawali dengan jumlah visitor atau pengunjung yang terus bertambah dan stabil.

Karena, traffic pengunjung sangat mempengaruhi rangking blog anda. Semakin banyak pengunjung maka akan semakin kecil rangking yang di dapat. Itu artinya semakin besar peluang mendapatkan keuntungan untuk anda yang melakukan monetisasi pada blog.

Banyak website yang menawarkan jasa meningkatkan traffic pengunjung secara instan. Memang ada kalanya  website tersebut bisa meningkatkan traffic, tapi itu sangat sedikit sekali yang benar, apalagi stabil. Justru lebih banyak website yang hanya ingin mengambil untung dari anda alias hanya menipu.

Biasanya website seperti itu hanya akan mengambil data anda untuk kepentingan mereka sendiri. Maka dari itu lebih baik kita memakai cara-cara yang sederhana, logis, wajar, dan bertahap, tapi pasti.  Yang jelas, terbukti dapat meningkatkan pengunjung, walau tidak instan tapi aman.

 ||  Cara Terbaik Meningkatkan Pengunjung Blog

Oke-oke… saya sudahi mukadimahnya. Mari kita langsung pada pokok pembahasan inti tentang bagaimana trik untuk meningkatkan traffic pengunjung pada blog.

Buatlah Konten yang Berkualitas

Sebagian besar webmaster merekomendasikan ini. Demikian juga jutaan artikel tentang tips SEO. Dimana mengatakan, konten atau artikel adalah unsur utama dari sebuah blog. Terkadang kita sering kali menemukan artikel yang sangat panjang tapi terlalu banyak kata-kata yang tidak diperlukan sehingga sulit untuk dipahami. Bahkan lebih ironisnya lagi, malah membosankan. 🙁

Memang artikel yang baik adalah artikel yang panjang, tapi kita harus memperhatikan apa yang sebenarnya akan dijelaskan pada artikel tersebut dan apa kata-kata yang tepat untuk digunakan sehingga tidak berbelit-belit agar pembaca mudah menyerap. Sehingga bermanfaat.

Konten atau artikel sebaiknya berisi jawaban dari sebuah pertanyaan atau tips-tips. Misalnya hal yang sedang menjadi topik hangat saat ini adalah gadget terbaru. Maka sebaiknya anda menuliskan tentang gadget terbaru tersebut mulai dari harga hingga yang lainnya.

Jangan lupa juga memperhatikan judul dan keyword yang dipakai pada artikel tersebut. Kenapa? karena ini sangat berpengaruh untuk meningkatkan pengunjung. Maka sebaiknya anda melakukan riset terlebih dahulu sebelum menentukan judul dan keyword yang akan dipakai.

Gunakanlah google adwords. Oh… ya… Berita terbarunya; ternyata Google Adwords memperkenalkan produk baru mereka bernama “Google Keyword Planner” yang merupakan kombinasi Keyword Tool dan Keyword Traffic Estimator kedalam satu tools menarik. Akan tetapi, kendati berubah, fungsinya tetap sama bahkan terdapat penyempurnaan. Yakni; untuk meriset judul/keyword. Usahakan mengupdate artikel secara rutin agar blog anda tidak sepi pengunjung.

Segera Daftarkan Blog pada Serch Engine

Ini penting banget bro… Akan percuma rasanya jika sudah memperhatikan kualitas konten tetapi tidak mendaftarkan blog anda pada search engine. Karena jika tidak terdaftar, maka otomatis blog anda tidak dapat ditelusuri pada search engine karena tidak terindex oleh search engine tersebut.

Submit Sitemap Blogger caranya disini

Loading Harus Cepat

Apa yang anda lakukan bila mendapatkan blog atau website yang loadingnya lama? Ya! pasti anda akan kesal dan mengeluh. Lalu setelah itu anda mengklik tombol close dan mencari artikel lain yang lebih cepat loadingnya.

Jangan sampai itu terjadi pada blog anda, karena bisa-bisa pengunjung merasakan hal yang sama. Itu sangat buruk dan bisa mempengaruhi rangking blog anda. Usahakan pilih template yang ringan (Ini: blog template fast loading) agar membuat pengunjung anda merasa nyaman dalam menelusuri blog anda.

Perhatikan Desain/Tata Letak/Tampilan Blog

Siapa yang tidak tertarik dengan desain yang menarik? Desain yang unik dan menarik tentu saja membuat pengunjung merasa nyaman ketika melihat-lihat isi blog.

Semua tertata rapi dan enak dilihat karena ada navigasi yang jelas, terlebih lagi jika desainnya sesuai dengan isi dari blog tersebut. Jadi jangan menyepelekan desain pada blog agar pengunjung semakin banyak yang tertarik mengunjungi blog anda.

Manfaatkan Jejaring Sosial

Jejaring sosial adalah hal yang sangat digemari saat ini oleh semua kalangan. Hanya dengan online kita dapat berbagi informasi menarik kepada teman-teman, mendapatkan teman baru, membuat grup,  dan masih banyak yang dapat kita lakukan.

Magnet yang terdapat pada jejaring sosial memang sangatlah tidak terduga, karena saat jejaring sosial yang satu diluncurkan selang beberapa bulan/tahun muncul jejaring sosial lain.

Dan ini membuat orang-orang di masa kini tidak terlepas dari gadget mereka yang sudah difasilitasi dengan aplikasi jejaring sosial seperti google plus, facebook, twitter, dll.

Melihat dari boomingnya jejaring sosial maka anda dapat memanfaatkannya untuk meningkatkan jumlah pengunjung, jaid setelah mempublikasi artikel jangan lupa bagikan artikel di jejaring sosial/media sosial.

Sering-Sering Melakukan Blogwalking

Jangan merasa blog anda paling bagus dan paling lengkap, sehingga anda malas meminta backlink pada blogger lain. Blogwalking sangat penting untuk mendapatkan backlink dari blog lain. Ini adalah hubungan timbal balik yang dilakukan seorang blogger untuk meningkatkan traffic pengunjung.

Blogwalking merupakan salah satu kunci suksesnya optimasi SEO Off Page. Backlink bro… suplemen sehat buat pagerank blog.

Bukan hanya itu, Blogwalking juga sangat baik bagi anda. Apalagi mengunjungi blog yang ‘seiman’ eh… maksudnya blog dengan topik sama. Itung-itung, bisa menambah wawasan dan jaringan pertemanan.

Categories
Blooger News Tips SEO

Fungsi, Manfaat, dan Cara Membuat Halaman About Me

Mayoritas blog, memuat halaman About Me. Atau semacamnya, seperti, About This Blog, About, The Author, etc. Dimana secara harafiah dapat diartikan Tentang Aku atau Tentang Blog bersangkutan. Sebagian menggunakan widget standar milik blogger dan beberapa diantaranya ditulis atau dibuat pada halaman mandiri/khusus.

Pada widget standar bawaan blogger, About Me secara otomatis akan Menampilkan informasi tentang diri Anda kepada pengunjung. Dan settingnya diatur pada dashboard blogger itu sendiri.

Sedangkan, pada About Me yang dibuat pada halaman khusus, biasanya, ditulis informasi lengkap tentang diri blogger dan deskripsi menyangkut konten pada blog bersangkutan. Baik tutorial yang menyertakan navigasi untuk pengunjung, maupun tentang konten yang tersedia didalamnya.

Cara membuat, fungsi, dan manfaat halaman About Me
Tampilan About Me yang ditulis pada halaman mandiri

Pada umumnya, pengunjung cukup penasaran untuk membuka halaman tersebut, untuk mengetahui lebih lanjut tentang pemilik blog dan blog bersangkutan. Apalagi pengunjung dari kalangan blogger sendiri. Dimana biasanya suka membangun jaringan blog dan mencari teman blogger baru. Minat untuk membaca About Me akan lebih kuat.

Fungsi About Me pada Blog

About Me bukan hanya sekedar pemanis tampilan template blog. Atau hanya sekedar jual tampang (eksisDOTcom) untuk pemilik. Selain untuk transparansi, konten tersebut berfungsi sebagai media penjalin kedekatan antara penulis dengan pembaca blog bersangkutan. Walau, tidak sedikit blogger yang “misterius” untuk tidak menampilkan jati diri sang penulis. 
Selain itu, seperti pada penjelasan awal, About Me dapat digunakan sebagai halaman yang mengulas secara lengkap deskripsi blog serta menulis secara detil gambaran artikel atau konten yang dimuat pada blog. Maka, About Me juga dapat berfungsi untuk mengdongkrak SEO. Walau dalam hal ini, saya tidak tahu persis seberapa kuat kemampuan deskripsi pada halaman About Me mampu menarik robot untuk memicu posisi blog dimata search enggine. 
Akan tetapi, bagi beberapa webmaster profesional, menyarankan, sebelum blog dibuat harus mempunyai landasan konsep yang kuat. Sehingga mampu menembus persaingan super ketat TOP 10 di search enggine. Salah satunya, melalui langkah awal mem-posting About Me yang menulis deskripsi lengkap blog bersangkutan, untuk diperkenalkan dengan mesin pencari.

Artinya, fungsi About Me yang disusun dan tulis dengan konsep yang kuat akan mendongkrak SEO.

Manfaat About Me pada Blog

Jika melihat fungsi About Me, jelas kueri tersebut sangat bermanfaat bagi sebuah blog. Selain itu, ketika About Me dirancang dengan baik dan terkonsep, bermanfaat menjadi resepsionis bagi blog kita. Sehingga tercipta keakraban antara pengunjung dan pemilik blog. 

Secara profesional, pemilik blog yang memperkenalkan diri secara baik akan lebih mendapat perhatian khusus dari pengunjung. 

Cara Membuat About Me pada Blog

Ketika kita mengetahui fungsi dan manfaat About Me, mungkin hal yang pertama terpikirkan adalah; Bagaimana cara membuat About Me yang baik?
Pada artikel ini, saya hanya memfokuskan cara pembuatan About Me yang ditulis pada halaman khusus. Sedangkan untuk Profil/About Me menggunakan widget standar blogger, saya kira sudah cukup paham. Yakni melalui Penambahan Gadget melalui edit Tata Letak dashboard blog.
Adapun mengenai isi halaman “About Me” sebenarnya tergantung preferensi pribadi masing-masing blogger, tetapi setidaknya ada beberapa hal yang perlu dipertimbangkan untuk dimasukkan:
  • Foto: Sekalipun banyak blogger yang sering “ngumpet” dengan tidak mencantumkan selembar fotopun di blognya, namun pengunjung blog kita biasanya sangat penasaran untuk melihat foto penulis tulisan yang sedang mereka baca.
  • Tujuan ngeblog/blogging: Uraikan secara jelas tujuan dari blog sahabat, ia bercerita tentang apa? Dan apa yang akan didapatkan pembaca darinya?
  • Pekernalkan diri: Biasanya perkenalan singkat saja. Tetapi, khususnya pada uraian tentang pengalaman para blogger dengan topik yang dituliskan di blog. Mengapa mereka harus membaca? Apa konteks dan latar belakang para blogger?
  • Perkenalkan tentang ngeblog: Pengunjung blog, khususnya yang datang dari search engine seperti Google, biasanya belum bayak tahu tentang blog, misalnya tentang RSS, pentingnya komentar, etc. Jadi di halaman About Me sebaiknya dikenalkan sedikit tentang dunia blogging atau setidaknya ada link ke artikel/postingan tentang itu. Selain itu mereka juga bisa diarahkan ke tulisan tertentu di blog Anda yang merupakan tulisan kunci di blog Anda. Hal ini termasuk bagian dari cara membangun sistem link internal diblog.
  • Contact Details: Pertimbangkanlah untuk memberikan cara bagi para pembaca untuk bisa berkomunikasi dengan Anda. Lagi-lagi ini tentang transparansi dan interaktifitas.

Selain dari beberapa point tersebut diatas, hendaknya, penulisan About Me menggunakan bahasa yang komunikatif. Dan, sertakan deskripsi lengkap berupa rangkaian kata kunci/keyword dalam kalimat artikel. Serta bangun link internal diblog yang besangkutan dengan artikel About Me tersebut.

Saya kira cukup disini penjelasan Fungsi, Manfaat, dan Cara Membuat Halaman About Me, jika ada yang kurang atau malah lebih, sangat diharapkan saran dan pendapatnya. Semoga bermanfaat.

Contoh About Me : Disini

Categories
Tips SEO widget

Cara memasang menu dropdown keren di blog

Pada beberapa templates blog standar, sebagian tidak dilengkapi dengan menu navigasi. Seperti Menu Dropdown/Drop Down Menu. Padahal, fitur tersebut cukup menujang Page View pada blog. Artinya bagian dari langkah SEO.

Secara spesifik, menu dropdown adalah fitur yang jika kita mengarahkan kursor ke menu tersebut maka akan muncul submenu lainnya yang memanjang kebawah. Untuk contohnya bisa dilihat,  seperti gambar menu drop down pada blog; all about blogspot template milik saya ini.

cara memasang widget menu drop down di blog
Menu dropdown keren di blog

Style atau gaya menu dropdown tersebut, bisa dipasang sesuai dengan minat kita masing-masing. Untuk  Cara Membuat Menu Dropdown Di Atas Header/Judul Blog secara sederhana click disini. Sedangkan untuk memasang menu navigasi keren pada blog, anda bisa mengikuti langkah-langkah berikut.

Langkah-langkah memasang menu drop down keren di blog :

1. Login ke akun blogger
2. Klik Template 
3. Klik Edit HTML    
4. Cari kode berikut : 
]]></b:skin>

5. Jika kode tersebut sudah ditemukan, silahkan copy kode CSS dibawah ini kemudian letakan tepat diatas kode ]]></b:skin>  :

#cssmenu ul,
#cssmenu li,
#cssmenu span,
#cssmenu a {
margin: 0;
padding: 0;
position: relative;
}
#cssmenu {
height: 35px;
border-radius: 0px 0px 0 0;
-moz-border-radius: 0px 0px 0 0;
-webkit-border-radius: 0px 0px 0 0;
background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=’#32323a’, EndColorStr=’#141414′, GradientType=0);
border-bottom: 2px solid #ff4500;
}
#cssmenu:after,
#cssmenu ul:after {
content: ”;
display: block;
clear: both;
}
#cssmenu a {
background: #141414;
background: -moz-linear-gradient(top, #32323a 0%, #141414 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32323a), color-stop(100%, #141414));
background: -webkit-linear-gradient(top, #32323a 0%, #141414 100%);
background: -o-linear-gradient(top, #32323a 0%, #141414 100%);
background: -ms-linear-gradient(top, #32323a 0%, #141414 100%);
background: linear-gradient(to bottom, #32323a 0%, #141414 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=’#32323a’, EndColorStr=’#141414′, GradientType=0);
color: #ffffff;
display: inline-block;
font-family: Domine, Arial, Verdana, sans-serif;
font-size: 12px;
line-height: 35px;
padding: 0 20px;
text-decoration: none;
}
#cssmenu ul {
list-style: none;
}
#cssmenu > ul {
float: left;
}
#cssmenu > ul > li {
float: left;
}
#cssmenu > ul > li:hover:after {
content: ”;
display: block;
width: 0;
height: 0;
position: absolute;
left: 50%;
bottom: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #ff4500;
margin-left: -10px;
}
#cssmenu > ul > li:first-child > a {
border-radius: 0px 0 0 0;
-moz-border-radius: 0px 0 0 0;
-webkit-border-radius: 0px 0 0 0;
}
#cssmenu > ul > li:last-child > a {
border-radius: 0 0px 0 0;
-moz-border-radius: 0 0px 0 0;
-webkit-border-radius: 0 0px 0 0;
}
#cssmenu > ul > li.active > a {
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
background: #070707;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=’#26262c’, EndColorStr=’#070707′, GradientType=0);
}
#cssmenu > ul > li:hover > a {
background: #070707;
background: -moz-linear-gradient(top, #26262c 0%, #070707 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #26262c), color-stop(100%, #070707));
background: -webkit-linear-gradient(top, #26262c 0%, #070707 100%);
background: -o-linear-gradient(top, #26262c 0%, #070707 100%);
background: -ms-linear-gradient(top, #26262c 0%, #070707 100%);
background: linear-gradient(to bottom, #26262c 0%, #070707 100%);
filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr=’#26262c’, EndColorStr=’#070707′, GradientType=0);
box-shadow: inset 0 0 3px #000000;
-moz-box-shadow: inset 0 0 3px #000000;
-webkit-box-shadow: inset 0 0 3px #000000;
}
#cssmenu .has-sub {
z-index: 1;
}
#cssmenu .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub ul {
display: none;
position: absolute;
width: 200px;
top: 100%;
left: 0;
}
#cssmenu .has-sub ul li {
*margin-bottom: -1px;
}
#cssmenu .has-sub ul li a {
background: #ff4500;
border-bottom: 1px solid #aad06d;
filter: none;
font-size: 11px;
display: block;
line-height: 120%;
padding: 10px;
}
#cssmenu .has-sub ul li:hover a {
background: #ff0000;
}
#cssmenu .has-sub .has-sub:hover > ul {
display: block;
}
#cssmenu .has-sub .has-sub ul {
display: none;
position: absolute;
left: 100%;
top: 0;
}
#cssmenu .has-sub .has-sub ul li a {
background: #ff0000;
border-bottom: 1px solid #97b36b;
}
#cssmenu .has-sub .has-sub ul li a:hover {
background: #345105;
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px double #696969;font-weight:normal}
}
 

6. Kemudian anda cari kode berikut :

 </header>

7. Jika kode tersebut sudah ditemukan, kemudian copy kode dibawah ini, lalu letakan tepat dibawah kode </header> :

<div id=’cssmenu’>
<ul>
<li class=’active ‘><a href=’/’><span>Home</span></a></li>
<li class=’has-sub ‘><a href=’#‘><span>SEO Artilce</span></a>
<ul>
<li><a href=’http://redaksiexpo2012.blogspot.com/search/label/SEO%20TIps‘><span>SEO Tips</span></a></li>
<li><a href=’http://redaksiexpo2012.blogspot.com/search/label/SEOquake‘><span>SEOquake</span></a></li>
</ul>
</li>
<li class=’has-sub ‘><a href=’#‘><span>Blog Artilce</span></a>
<ul>
<li><a href=’http://redaksiexpo2012.blogspot.com/search/label/widget‘><span>Widget Blog</span></a></li>
<li><a href=’http://redaksiexpo2012.blogspot.com/search/label/Blooger%20News‘><span>Blogger News</span></a></li>
</ul>
</li>
<li><a href=’http://redaksiexpo2012.blogspot.com/p/site-map.html‘><span>Sitemap</span></a></li>
</ul>
</div>

Keterangan :

    Ganti kode yang berwarna ORANGE dengan       :  Alamat / URL Tujuan
    Ganti kode yang berwarna MERAH dengan  :  nama menu yang anda inginkan

8. Kemudian Save Template. Selesai

Demikian cara memasang menu drop down keren di blog. Semoga bermanfaat dan terimakasih atas kunjungannya.

Categories
Tips SEO

Optimasi Blog Dengan Teknik SEO Offpage

 Optimasi Blog Dengan Teknik SEO Offpage
Pengertian SEO Off Page serta manfaatnya bagi blog | optimasi SEO harus dibangun secara berimbang. Karena semua mempengaruhi eksistensi web/blog dimata search enggine. Jika sebelumnya kita berbicara tentang SEO On Page maka kali SEO Off Page lah yang menjadi pembahasan kita.

Tekhnik SEO Off page juga Sangat Penting dalam menunjang ketenaran dan keberadaan blog dalam persaingan mendapatkan perhatian mesin pencari. Namun SEO off page tidaklah semudah SEO onpage yang memang sepenuhnya dibawah kontrol kita.

SEO Off Page dilakukan diluar web/blog kita. Dalam hal ini, kita dituntut membangun hubungan secara luas terhadap beberapa situs guna mendapat backlink berkualitas dan tentunya dari situs berkualitas.

Artikel kali ini sebenyarnya lanjutan dari  Cara Optimasi SEO On Page untuk Meningkatkan Peringkat Blog.  Dan disana sebelumnya saya telah sedikit menyinggung tentang SEO Off Page yang sekarang menjadi fokus kita.

Berikut beberapa Teknik Optimasi SEO Off Page, diantaranya :

Teknik SEO Off Page Backlink:

Backlink, merupakan cara lama tetapi terbukti sangat efektif sampai sekarang. Cara ini masih di gunakan oleh para blogger untuk mendongkrak rangking blog. Membuat backlink adalah langkah pertama yang dilakukan dalam membangun SEO Off Page. Backlink itu sendiri artinya adalah Link balik yang maksudnya Link yang mengarah ke blog kita dari blog orang lain.

Pencarian backlink bisa dilakukukan dengan cara blog commenting. Jadi, kita cari blog yang satu niche dengan blog kita dan tinggalkan comment sekaligus menyertakan link ke website kita.

Gampang???

Yang menjadi persoalan, untuk mendapatkan backlink tersebut tidak mudah. Karena biasanya jika kita ingin backlink kita juga harus memberikan keuntungan untuk dia seperti halnya bertukar link tetapi dengan bertukar link menurut para master tidak begitu baik karena link menjadi 2 arah yang bagus adalah link yang hanya 1 arah.

Nah… siapa yang mau dengan rela begitu saja memberikan hal tersebut? 😉 Kecuali situs-situs yang memang berkepentingan terhadap blog kita. Artinya blog yang mempunyai konten berkualitas lah yang mempunyai potensi mendapat backling secara cuma-cuma. 

Teknik ini pun, punya ketentuan yang harus dipenuhi agar Backlink yang ditanam adalah link berkualitas dan sesuai keyword yang di targetkan. Karena caranya yang tidak mudah tersebut, sehingga kualitas Backlink ini mampu mendorong blog kita di mesin pencari sampai posisi teratas.

Wow!!!… 🙂  Tapi yah sesuai lah… Mas.. Dari nilai upaya yang mencarinya tidak mudah… he.. he… ya gak??….

Tips: Jika anda menanamkan backlink di situs orang lain adalah bentuk link sebaiknya berbentuk anchor teks, Anchor Teks. Artinya adalah link yang mengarah ke blog anda dengan menggunakan kata kunci yang di targetkan. Misalkan; Contoh kata kunci yang saya targetkan keywordnya di arahkan ke blog saya adalah “Responsive Blogger Templates”, untuk membuat anchor teks bentuk html nya seperti ini:

<a href=”http://redaksiexpo2012.blogspot.com/”>responsive blogger templates</a>

Teknis SEO Off Page Social Bookmark:

Social Bookmark, untuk yang satu ini, pada dasarnya kita sudah disediakan beberapa social bookmark untuk mempromosikan website kita. Sebagai pengetahuan saja sebagian besar blogger dari luar menjadikan social bookmark sebagai kegiatan wajib bagi mereka setelah melakukan pembaruan posting pada blog mereka. Beberapa social bookmark popular antara lain Digg, Pinterest, Delicious, StumbleUpon, Reddit dan masih banyak yang lainya.

Membangun linkbuilding atau backlink yang kuat dengan sistem ini dapat dilakukan dengan cara mensubmit artikel anda di beberapa social media di internet seperti sosial bookmark diatas atau, social news dan lainnya. Teknik ini sangat efektif untuk meningkatkan kualitas backlink di mata search engine.

Jika anda ingin mencari mana yang social news atau social bookmark, anda bisa pergi ke http://socialmarker.com. Click pilihan news maka situs yang merupakan social news akan di beri tanda checklist. Begitupun dengan social bookmark. setelah anda tahu mana yang social news dan yang social bookmark anda kunjungi situs yang di beri tanda checklist dan anda bookmark di browser anda.

Teknihk SEO Off Page Submit ke Layanan Ping:

Untuk lebih memahami sistem dan layanan Ping Blog, artikel sebelumnya Cara Ping Blog Agar Mempercepat Proses Index mungkin bisa dibaca..

Ping blog adalah memberi tahukan kepada search engine keberadaan blog kita untuk di indeks dan di publikasikan di search engine. Untuk menggunakan layanan ini sebaiknya setiap anda menulis artikel terbaru langsung lakukan ping.

Dalam hal ini, sebaiknya lakukan ping sekali saja agar tidak di anggap spam oleh search engine. Langkah ini sangat penting agar blog anda benar-benar di kenali oleh search engine lebih cepat. Layanan ping yang biasanya saya gunakan adalah PingOmatic.com .

Teknik SEO Off Page Forum: 

Forum, ini salah satu media yang bisa digunakan dalam promosi website/blog kita. Media tersebut merupakan tempat yang paling efektif untuk mendapatkan traffic. Salah satu caranya adalah kita post komentar pada thread yang orang buat dan kita tinggalkan signature yang diberi link ke website kita.
Thread harus sesuai dengan bahasan blog kita dan signature yang diberikan merupakan kata kunci yang kita pilih.

Selain dari beberapa langkah diatas, teknik lain yang mungkin dapat dilakukan adalah:

Artikel Directory, artikel directory digunakan untuk memperkenalkan website kita keberbagai orang dengan cara menulis artikel dan meninggalkan link website kita itu sangat efektif untuk mendapatkan visitor.

Website Directory, salah satu cara yang sebagian orang jarang lakukan adalah submit ke website directory sebenarnya ini bisa berdampak besar pada traffic blog anda, kadang pada website baru untuk berada di page 1 google sangat sulit dan dengan cara menginputkan website kita pada website directory itu bisa terjadi karena sebagian website directory mempunyai pagerank yang tinggi dan traffic yang bagus.

Social Media, sekarang social media merupakan hal pokok dalam SEO. Layanan social media sekarang sangat di perhitungkan dalam mesin pencarian google dan termasuk dalam algoritma SEO. Karena google beranggapan social media merupakan tempat berkumpulnya banyak orang dari berbagai penjuru dunia dan jika kita mendapatkan visitor yang masuk melalui social media itu google menganggap visitor kita merupakan manusia yang benar-benar tertarik dengan website kita bukan robot yang sering menyusup ke website.

JIKA SEMUA TERASA SULIT. Berarti sama seperti saya. Berikut salah satu tips sederhana untuk SEO Off Page dalam mendapatkan back link gratis dan berkualitas dengan cepat. Click Free Back Link for Blog

Demikian langkah  Optimasi Blog Dengan Teknik SEO Offpage dan semoga bermanfaat..