Categories
SEO tutorial

Tehnik SEO On Page Untuk Pemula

Berikut adalah tehnik SEO On Page untuk pemula dalam mengoptimasi website. Yakni, tentang komponen SEO On Page tingkat dasar yang perlu diketahui.  

Setelah anda telah mengetahui perihal definisi secara umum SEO On Page. Maka alangkah lebih baiknya kita melanjutkan pada tahapan selanjutnya. Adapun tahapan selanjutnya adalah mengenal komponen-komponen apa saja yang harus ada di dalam website bisnis anda. Tujuannya agar website anda bertengger pada urutan teratas pencarian oleh Aplikasi Google.

Anda bisa saja menggunakan layanan Jasa SEO Profesional dalam membangun website. Tapi memahami dasar-dasar SEO itu penting. Sehingga tahu, Anda telah bergerak ke arah mana.

Tehnik SEO On Page untuk pemula

Adapun saran dari saya adalah tolong pahami tulisan ini secara perlahan tapi pasti hingga anda dapat memahami maksud yang saya tujukan. Agar saat pengaplikasian teknik SEO On Page pada website anda menjadi lebih optimal, efektif, dan efisien.

Baca juga: Tips SEO terbaik sepanjang waktu

Kata Kunci

Keyword merupakan kata kunci dasar bagi anda yang ingin sukses dalam menjalankan bisnis online dengan menggunakan perantara melalui website di dunia digital. Oleh sebab itu, anda perlu menentukan terlebih dahulu target konsumen anda. Setelah itu, carilah kata kunci yang sering dicari oleh target konsumen. Hal ini bertujuan agar anda mengetahui kata kunci yang target konsumen sukai. Sehingga anda dapat menyesuaikan antara kata kunci dan produk bisnis online anda. Adapun untuk mempelajari lebih lanjut terkait topik ini. Maka anda dapat mengakses informasinya melalui halaman berikut ini.

Judul Konten

Judul konten yang baik dan optimal bagi bisnis anda haruslah mengacu pada kata kunci yang telah ditetapkan. Akan tetapi, di sisi lain judul tersebut haruslah menarik target konsumen anda. Memang pada awalnya akan terasa sulit untuk menemukan hal ini. Tetapi seiring berjalannya waktu anda akan mengetahui pola-pola seperti apa yang dapat menarik konsumen anda untuk mengunjungi website bisnis milik anda. Adapun untuk mempelajari topik bahasan ini lebih lanjut maka anda dapat mengakses melalui halaman ini.

Isi Konten

Seperti yang sudah diulas pada halaman sebelumnya. Sebuah website yang disukai oleh Aplikasi Google adalah website yang memiliki kualitas dan relevansi konten tulisan yang memadai. Jika demikian, maka anda harus memiliki konten tulisan yang bisa memenuhi hasrat konsumen anda sekaligus mempromosikan bisnis online anda di satu waktu. Apabila hal tersebut dilakukan dalam website bisnis itu. Maka peluang website anda untuk menempati posisi teratas dalam pencarian Google akan semakin besar. Karena algoritma google memang seperti itu cara kerjanya. Adapun bagi anda yang tertarik untuk mempelajari topik bahasan ini. Maka anda bisa menuju ke halaman berikut ini.

Gambar

Ketika isi dari konten anda hanya berupa tulisan. Serta konten pesaing anda telah memakai gambar. Kira-kira konten yang mana yang akan menjadi pilihan pembaca. Anda pasti tahu jawabannya. Ya konten yang memiliki gambar.

Dengan sebuah konten menggunakan gambar pada artikelnya. Menjadikan konten tersebut semakin hidup saat dibaca oleh pembaca. Ditambah lagi, jika gambar yang anda sajikan pun mendukung pernyataan dalam tulisan anda. Pembaca akan semakin betah dalam melihat konten anda. Adapun bagi anda yang tertarik untuk mempelajari topik bahasan ini. Maka anda bisa menuju ke halaman berikut ini.

Adapun komponen-komponen kunci dalam SEO On Page adalah seperti yang telah dijelaskan oleh penulis. Berkaitan dengan itu, masih banyak sekali komponen-komponen pendukung SEO On Page. Jika anda tertarik maka anda bisa mengaksesnya di sini. Sekian dari penulis.

Baca juga:

Sumber: Garuda Website

Categories
Online Store tutorial

Desain Kartu Nama Hitam Elegant + Minimalist

Kartu nama, merupakan hal penting dalam dunia bisnis. Memang kita bisa saja bertukar nomor contact atau PIN BBM, namun kertas kecil yang memuat identitas kita tersebut tetap harus tersedia di kantong. Banyak relasi yang tidak mempunyai waktu cukup, merasa lebih efektif untuk saling memberi kartu nama.

Kartu nama sendiri, perlu mendapat sentuhan desain dengan nilai art yang baik. Agar relasi tetap merasa potongan kertas tersebut merupakan sesuatu hal yang istimewa dan menyimpannya di dompet. Tampilan yang unik dengan desain Elegant serta Minimalist bisa memberi kita kredit point dimata relasi.

Pada kesempatan posting kali ini, saya ingin sedikit share kartu nama dengan desain kombinasi warna hitam dan orange. Menurut saya sich, tampilannya cukup unik serta elegant. Mungkin bisa menjadi inspirasi anda ketika berencana membuat kartu nama.

Inilah karya yang kemudian akan saya gunakan sebagai desain kartu nama untuk Toko Online saya yang menjual Pakaian Branded Original | Surf & Skate | Big Size Clothing | ARIKO.CLOTHING
dan BAJEU.COM | Menjual pakaian branded wanita 100% Import.

Kartu nama Ariko Clothing dan Bajeu.com

Anda bisa menggunakan Desain kartu nama saya di atas, dan terusnya anda cukup mengeditnya saya sesuai data yang anda inginkan.

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 tutorial

Tips Sebelum Memilih/Mengganti Template Blog

Tips Sebelum Memilih/Mengganti Template Blog

All About Blogspot Templates :  Siapa yang tidak tergiur untuk berganti template, jika setiap saat bermunculan berbagai jenis themes blog dengan berbagai desain menarik. Belum lagi pengaruh fitur yang ditawarkan. Mulai dari SEO Friendly, Valid HTML5, Valid CSS3, Responsive desain, dan berbagai kelebihan lain dari templates standar.

Template blog merupakan komponen terpenting dan berharga dalam membangun blog, salah memilih template akan menimbulkan rasa tidak nyaman pengunjung saat berkunjung untuk membaca ataupun sekedar melihat-lihat blog kita.

Selain faktor tampilan yang menarik, ada beberapa unsur penting yang harus diperhatikan dalam menentukan pilihan template. Yang jelas, tema yang dipakai harus sesuai dengan konsep dasar blog bersangkutan. 

Bagaimana cara agar kita tidak salah memilih template blog?  Berikut Tips Sederhana Dalam Memilih Template Blog, agar dikemudian hari tidak menyesal sehingga harus kembali mengutak-atik
code HTML yang njelimet bin ruwet karena harus berganti template baru. Disisi lain, jika terlalu sering gonta-ganti template akan berpengaruh buruk terhadap blog dimata search enggine.

Ok… langsung saja kita kepokok pembahasan, beberapa point penting yang perlu dipertimbangkan dalam mengganti template:

1. Pilih warna dan background yang padu atau serasi, usahakan jangan terlalu banyak warna pada blog karena hanya akan menambah kesan berantakan.

2. Kurangi widget, aksesoris atau script yang tidak perlu pada blog karena akan membuat berat loading blog bertambah, pengunjung lebih suka blog yang mempunyai loading cepat. Demikian juga search enggine. Template yang termasuk dalam kategori SEO Friendly jelas harus fast loading.

3. Pertimbangan Template yang SEO Friendly, sedikit harus di utamakan. Karena untuk bersaing dengan jutaan blog sejenis dikancah dunia internet, unsur ramah search enggine sangat diperlukan. Untuk rekomendasi templates SEO Ready disini.

4.  Lebih Baik Pilih Responsive templates. Kenapa? Dewasa ini, seiring dengan perkembangan tehnolgi, dalam mengakses internet, visitor sudah tidak terpaku menggunakan PC atau Laptop. Sebagian menggunakan gadget berupa handphone, tab, atau lain. Templates yang didesain responsive mampu menyesuaikan dengan screen/layar tampilan yang digunakan visitor. Untuk lebih jelasnya tentang manfaat template responsive baca disini

5. Valid HTML5. Bagi beberapa blogger memvalidasi HTML merupakan langkah penting. Dengan begitu, kita memastikan bahwa halaman yang kita buat sudah sesuai dengan standar dan akan berjalan sempurna pada user agent dan browser web.

Membangun halaman web atau blog tidaklah sulit. Dengan perangkat lunak yang tersedia sekarang, kita dapat membuat halaman web dan itu pun dapat dicapai dalam waktu setengah jam atau malah kurang. Terus apakah kita perlu menjalankan validator HTML pada halaman yang kita buat untuk menemukan kesalahan? memang semuanya tidak perlu, akan tetapi jika kita ingin halaman tetap dapat dilihat sempurna melalui beberapa browser yaitu menampilkannya dengan benar, maka validasi HTML5 adalah sesuatu yang memang wajib di penuhi.

6. Tidak terlalu banyak banner, gambar, dan iklan yang terpasang. Kenapa? Karena keberadaan mereka cukup mengganggu fokus visitor dalam menikmati konten yang kita suguhkan. Jika pun harus, maka pertahankan yang memang benar-benar dianggap penting. Dan jangan berlebihan.

4. Cari referensi template blog yang dipakai oleh blogger professional, pelajari tata letak widget dan design blog mereka. Di blog ini banyak pilihan template he… he… promo dikit Mas Brooo…

Nah, demikian Tips Sebelum Memilih/Mengganti Template Blog ini. Sebenarnya, masih banyak lagi tips memilih template blog yang baik. Namun, pada intinya gunakan template yang enteng, ringan, dan rapi namun tetap elegan atau Anda juga bisa menggunakan template seo friendly yang sudah banyak disediakan para blogger. Sebagian gratis dan berkualitas tinggi.

Dan atau, jika anda rajin dan ahli coding, mungkin dapat melakukan modifikasi template sendiri. Agar, berbagai unsur penting sebuah template dapat terpenuhi. Cara ini jelas sangat baik, karena template yang digunakan bisa sesuai dengan selera, fungsi, dan keinginan sendiri.

Categories
Blooger News tutorial

Generator Kode Warna HTML : Color Wheel Untuk Blogger

Generator Kode Warna HTML untuk web/blog

I’m Blogger :  Bagi yang hobi dengan desain template jelas sangat akrab dengan code yang satu ini.

Namun tidaklah mungkin, kita harus menghapal seluruh code html untuk dapat bermain warna yang maksimal. Mungkin jika, hanya warna-warna dasar, seperti merah, kuning, hijau, biru, putih dan hitam, kita masih dapat mengingat, namun ketika sudah berbicara tentang kombinasi warna, jelas harus ada alat bantu.

Tampilan template blog sebagian besar bermain dengan warna agar terilhat menarik. Dalam dunia online/web, penempatan/pemasangan warna biasanya menggunakan code HTML. Memang, sebenarnya juga bisa menggunakan image, namun kurang efektif dan jelas menambah beban loading blog.

Kode Warna HTML sendiri, digunakan untuk mendeskripsikan dan melakukan spesifikasi dari warna-warna yang di inginkan dalam perancangan halaman web/blog. Untuk mempermudah seorang blogger dalam memilih warna yang akan digunakan untuk elemen-elemen web/blog-nya, diperlukan  tool berupa generator kode warna HTML.

Berikut adalah  Color Wheel for Blogger:

Categories
Template Hack tutorial

Cara membuat Responsive Image untuk Blogger Template Blogspot

Cara membuat Responsive Image untuk Blogger Template Blogspot
Cara membuat Responsive Image untuk Blogger Template Blogspot

Responsive Image Tricks For Blogger | Artikel ini adalah tips tentang cara mengubah semua gambar yang ada di blog menjadi responsive. Karena, pada beberapa template blog responsive sendiri terkadang image/gambar sering belum ikut tersentuh responsive desain. Apalagi template yang tidak responsive, sudah pasti itu.

Sehingga, gampar pendukung postingan yang ditampilkan pada gadget seperti Tab, Handphone, atau lainnya, sering terpotong atau tidak terlihat semua. Dan jelas hal ini sangat menggangu tampilan. Untuk itu, kita perlu sedikit memodifikasi template dengan melakukan beberapa editing code HTML pada blog.

Kita langsung saja ke pembahasan inti; DEMO Responsive Image

Pertama, login blogger terus edit HTML.

Lalu cari kode :

]]></b:skin>

Dan tambahkan kode css dibawah ini diatasnya:

img {
display: block;
max-width:100%;
height:auto;
width:auto9;} 

Setelah itu cari kode:

</head>

dan tambahkan javascript dibawah ini diatas kode tersebut:

<script type=’text/javascript’>
      /*<![CDATA[*/

    var cwResImg = function () {
  var cwBpArry = [1382, 992, 768, 480], //Image breakpoint arrays
      currIndex,
      cwResImgVal = Math.max(screen.width,screen.height),
      hdpi = window.devicePixelRatio > 1 ? window.devicePixelRatio : 1,
      rwdImgId = “rwdimg-“+Math.floor(Math.random()*1000),
      tpl='<img src=”{src}” alt=”{alt}” title=”{title}” id=”{rwdImgId}” {attributes}>’;

  cwBpArry.push(cwResImgVal);
  cwBpArry.sort(function(a,b){return a-b});

  if(Array.prototype.indexOf){
      currIndex = cwBpArry.indexOf(cwResImgVal) + 1;
  }else{
      for(var i in cwBpArry){
          if(cwBpArry[i] === cwResImgVal){
              currIndex = parseInt(i)+1;
          }
      }       
  }

  cwBpArry[currIndex] = cwBpArry[currIndex] || cwBpArry[currIndex-1];

  var imgWid = Math.max.apply(Math, cwBpArry) <= cwBpArry[currIndex] ? cwBpArry[currIndex-2] : cwBpArry[currIndex];

  return {
      imgWid : imgWid,
      hdpi: hdpi,
      id:rwdImgId,
      rwdImg:function(arg){
         
          var src = arg.src || arguments[0] || ”,
              src = src.replace(//sd*//, ‘/s’+imgWid * hdpi+’/’), //picasa image size replacing (s340 to device width)
              title = arg.title || arg.alt || arguments[1] || ”,
              alt = arg.alt || arg.title || arguments[2] || arguments[1] || ”,
              attributes = arg.attr || arguments[3] || ”,
              img = tpl.replace(‘{src}’,src).replace(‘{title}’,title).replace(‘{alt}’,alt).replace(‘{rwdImgId}’,rwdImgId).replace(‘{attributes}’,attributes);
              document.write(img)
      }
  };
}()
/*]]>*/</script>

setelah itu cari kode

</body>

dan tambahkan script dibawah ini di atasnya (ini digunakan untuk mengatasi terjadinya fallback jika javascript tidak support di peramban)

<noscript>
  <img src=”http://lh6.googleusercontent.com/-nI33VLdtmFo/UN9MmPN6bHI/AAAAAAAAFEE/1uJBJ7-plEs/s720/Webpagetest-IE8-Octopress-Default-waterfall.png” alt=”Responsive images test”/>
</noscript>
<script>
  cwResImg.rwdImg(“http://lh6.googleusercontent.com/-nI33VLdtmFo/UN9MmPN6bHI/AAAAAAAAFEE/1uJBJ7-plEs/s450/Webpagetest-IE8-Octopress-Default-waterfall.png”, ‘Responsive images text script’);

  —or—-

  cwResImg.rwdImg({src:’http://lh6.googleusercontent.com/-nI33VLdtmFo/UN9MmPN6bHI/AAAAAAAAFEE/1uJBJ7-plEs/s450/Webpagetest-IE8-Octopress-Default-waterfall.png’, alt:’Responsive images text script’, title:’Responsive images text script’});
</script>

Demikian Cara membuat Responsive Image untuk Blogger Template Blogspot. Terimakasih atas kunjungannya dan semoga bermanfaat.

credits : http://decodize.com/html/simple-responsive-image-technique/

Categories
Tips SEO tutorial

Cara Optimasi SEO On Page untuk Meningkatkan Peringkat Blog

Tips SEO On Page Blog | Search Engine Optimization (SEO) memang misterius. Namun tetap bisa dipelajari. Dan, pada dasarnya hanya ada dua langkah umum yang dilakukan untuk dapat bersaing di halaman pertama mesin pencari.

Optimasi SEO On Page untuk BloggerOptimasi SEO ini, dapat dilakukan dengan cara; mengoptimalkan halaman dalam su
atu website atau SEO on page dan halaman luar web itu sendiri atau dikenal dengan istilah SEO off page.

Di luar sana, sebenarnya juga telah banyak saran dan nasehat untuk membuat strategi tentang sistem optimasi tersebut. Namun pada Tips SEO ini, kita lebih berfokus tentang hal-hal yang berhubungan dengan Optimasi SEO On Page.

Kenapa harus lebih dahulu SEO On Page? Jika diibaratkan sebuah bangunan, membangun sebuah blog/website, maka yang harus terlebih dahulu dilakukan adalah sebuah pondasi yang kuat atau baik agar kelak bangunan tersebut menjadi kokoh serta tidak mudah tergoyahkan.

Begitu juga dengan membangun sebuah Blog, langkah awal yang harus menjadi pertimbangan adalah meneliti setiap bagian (internal) sebuah website dan berusaha untuk menjaga serta mengatur agar adanya keseimbangan sebelum melakukan Optimasi SEO Off Page.

Artinya kenapa kita harus terburu-buru dalam melakukan optimasi keluar (Off Page), jika landasan awalnya sendiri belum siap.

Untuk itu, sebelum melangkah jauh, berikut hal-hal yang harus menjadi landasan awal untuk diperhitungkan dengan baik dalam membangun blog.

Pemilihan Theme (template)

Template adalah kerangka awal dimana sebuah blog akan dibangun. Pada bagian ini kita dituntut untuk mengenal lebih dalam karakter sebuah Theme. Jangan memilih sebuah template hanya berdasarkan tampilan (layout) yang menarik, namun tidak atau kurang bersahabat dengan mesin pencari. Tips dalam memilih template blog

Pengaturan Tag Heading (H1 – H6)

Ini hal penting yang harus diatur sedemikian rupa. Sesuai dengan unsur yang dihendaki search enggine agar lebih dapat mengenali sebuah blog. Sebaiknya, hindari penggunaan dua atau lebih Tag H1 pada Single Post dan Page. Dan selanjutnya baru pada sub title kita gunakan Tag H2 (heading 2) dan begitu seterusnya hingga ke Tag H yang lebih kecil.

Sedangkan Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot dapat dilihat disini.

Konten atau Isi

Content Is King demikianlah yang sering digadang-gadangkan oleh para pakar SEO di seluruh dunia. Dan menurut saya pun ini benar. Sekarang yang menjadi pertanyaan adalah Konten seperti apa yang bisa dibilang telah masuk dalam kategori berkualitas (Raja)?

Menurut beberapa rekomendasi, yakni; Konten Unik (original) bukan copy paste itulah yang sering kita dengar mengenai penilaian konten yang berkualitas. Namun tentunya tidak cukup hanya sekedar unik (asli) masih ada beberapa faktor lagi yang akan membuat konten tersebut menjadi berkualitas dimata search enggine tentunya. So…. untuk tips berkenaan dengan hal tersebut anda bisa mengunjungi Tips Artikel (blog post) SEO Friendly

Menu Utama atau Navigasi

Menu Utama atau Navigasi dapat kita ibaratkan sebagai langkah awal penuntun sang visitor untuk melangkah lebih jauh kedalam blog kita. Kita bisa bayangkan, jika sebuah hotel mewah tanpa seorang resepsionsis penyambut tamu. Benar sang tamu sudah mendapatkan yang ia cari. Yakni sebuah hotel. Tapi ia akan lebih banyak bengong harus bagaimana. Tamu tidak akan tahu fasilitas apa yang kita sediakan untuk membuat sang tamu bisa betah berlama-lama dihotel. Dan ada kemungkinan ia akan memutuskan untuk berpikir mencari hotel lain yang mampu memberi ide atau rekomendasi tentang hal yang dia butuhkan.

Navigasi tersebut bisa berupa informasi utama seperti Halaman Kontak, Tentang, dan satu lagi yang termasuk penting (wajib) Sitemap/Daftar Isi. Lalu dapat pula ditambahkan dengan menu untuk Kategori atau lainnya.

Dengan kelengkapan pada Menu tersebut maka akan sangat membantu pengunjung dalam menemukan informasi yang dicari. Serta akan menjadi semacam rekomendasi dari kita yang akan berkembang menjadi jalan penuntun bagi pengunjung untuk terus menjelajah setiap relung blog.

Tidak hanya itu, sistim navigasi yang baik akan membuka peluang sebuah website akan ditampilkan dengan Sitelink pada SERP khususnya Google.

Judul Artikel

Judul Postingan/Artikel mempunyai peran penting. Dan harus memenuhi unsur keyword. Dalam hal ini diperlukan kreatifitas dan ide, serta kemampuan membaca trend dan potensi keyword yang akan diketik oleh calon visitor di search enggine.

Unsur lain yang tidak kalah penting dalam penentuan judul artikel, adalah harus mempunyai relevansi dengan isi artikel/konten bersangkutan. 

Navigasi Link Pada Konten

Seperti yang kita ketahui, pada sebuah blog, link (tautan) yang menghubungkan satu halaman pada kehalaman lain, sangat berperan penting meningkatkan pagerank. Fungsi sedikit mirip dengan Menu Navigasi. Link tersebut berguna sebagai penunjuk (penuntun) bagi pengunjung sewaktu mencari lanjutan informasi. Biasanya link-link tersebut dapat dibangun berdasarkan kategori atau keterkaitan tema konten. 

Navigasi Link juga dapat dibangun menggunakan widget seperti Realeted Post (Artikel Terkait) pada bagian akhir konten. Atau widget link secara acak (You might also like) sebagai rekomdasi agar visitor mengunjungi konten lain pada blog, seperti widget linkwithin.

Pemasangan widget tersebut dapat pula dilakukan dengan : Cara Membuat Related Post/Artikel terkait SEO Friendly

Pemilihan Keywords – Kata Kunci

Kata Kunci atau keywords harus disesuaikan dengan Topik serta Judul Artikel. Secara umum, kata kunci utama yang kita bidik diupayakan mengandung unsur judul artikel dan relevan dengan isi konten. Dalam hal ini sedikit penambahan kata untuk menambah peluang menangkap pengunjung yang menggunakan mesin pencari untuk menemukan Informasi. Sebaiknya hindari kata kunci tunggal, karena hampir pada semua keywords tunggal selalu akan besar (berat) persaingannya.

Pengaturan atau Peletakan Keywords pada Konten

Pada sebuah artikel biasanya akan ada beberapa Paragraf, bagi dan atur keywords utama pada setiap paragraf dengan pas dan seimbang. Jangan menumpukkan kata kunci hanya pada beberapa paragraf saja.

Robot crawl tidak bodoh kawan… Dia mampu mengindentifikasi kata kunci tersebut natural atau curang (spamer). Jadi jangan berpikir untuk mendapat lirikan robot tersebut, lalu membanjiri kata kunci pada bagian konten. Rangkailah kata kunci tersebut se-natural mungkin dan tersemat secara merata pada beberapa bagian konten.

Lagian, jika pun muncul pada search enggine jelas akan mengecewakan pengunjung. Anda mau di nista visitor yang kecewa dengan resiko tidak dikunjungin lagi. 

Note: Memaksimalkan Meta Tag untuk Konten dan Keywords, sejauh ini masih menjadi kontroversi dikalangan webmaster atau blogger diseluruh dunia. Secara langsung Google pernah menyatakan bahwa Meta Tag Keywords tidak lagi dijadikan acuan bagi Algoritma Google dengan alasan karena banyak terjadi penipuan oleh para Webmaster atau Blogger yang menggunakan Keywords yang tidak Relevan dengan isi atau konten. Namun hingga kini masih banyak yang tetap menggunakannya, jadi pada kasus ini silahkan anda tentukan sendiri mana yang menurut anda lebih baik.

Categories
Blooger News Tips SEO tutorial

Cara Kompres HTML Pada Template Blog

Kompres HTML agar template blog fast loading dan SEO Friendly
Kompres HTML Template Blog

Cara Kompres HTML BlogHTML merupakan unsur utama pada template web/blog. Karena HTML, merupakan bahasa pemerograman yang digunakan untuk menyusun tampilan halaman, fitur, dan berbagai widget pada sebuah web/blog.

Unsur HTML pada template sangat berpengaruh terhadap loading sebuah blog atau website. Artinya semakin banyak kode yang digunakan maka semakin berat beban loading blog atau website bersangkutan. Hal itu jelas mempengaruhi tingkat SEO (Search Enggine Optimization).

Ada banyak cara sebenarnya untuk meningkatkan unsur SEO Friendly pada sebuah blog. Salah satunya dengan melakukan modifikasi template itu sendiri. Caranya dapat dibaca di; Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly.

Namun kali ini, materi yang akan kita bahas adalah cara mengurangi beban loading sebuah blog. Yakni dengan cara mengKompres HTML Pada Template Blog sehingga template blog dapat dikatakan fast loading dan tentunya meningkatkan unsur SEO.

Karena, Loading blog/website sangat berpengaruh pada banyaknya visitor. Dan, tidak usah diperdebatkan lagi, he… he… Visitor lebih menyukai web/blog yang ringan, itu pasti. Apalagi di Indonesia akses internetnya boleh dikatakan cukup lemot….

Langsung saja kita menuju langkah-langkah untuk meng-Kompres HTML Pada Template Blog.

  • Seperti biasa…. Loggin Blogger
  • Ke Rancangan
  • Edit HTML
  • Klik Download template/Backup template agar jika terjadi kesalahan dapat dikembalikan
  • Copy kan semua kode HTML ( agar cepat tekan Ctrl + A )
  • Buka TextFixer  
  • Gampang Ikuti langkah-langkah berikut:
Langkah-langkah kompres HTML Blog/website
Langkah-langkah Kompres HTML Template Blog


Categories
Blooger News Tips SEO tutorial

Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly

http://redaksiexpo2012.blogspot.com/2013/08/cara-modifikasi-template-blog-menjadi.html
Modifikasi Template Blog

Berkutat dengan template blogspot memang asik jika tidak mau dikatakan ‘candu’. Apalagi memodifikasi templates agar lebih SEO Friendly.

Ada beberapa hal utama yang harus terkandung dalam sebuah template agar dapat dikatakan cukup SEO Friendly.

Pertama Buat META Tag yang lebih dinamis

Seberapa pentingkah Meta Tag? Menurut saya, Meta Tag merupakan bagian yang sangat penting. Mungkin pendapat ini keliru. Tapi dengan banyaknya situs Meta Checker atau sejenisnya, membuktikan bahwa komponen Meta Tag yang tersusun dengan baik sangat diperlukan.

Menurut saya, meta tag merupakan langkah awal search enggine mengenali berbagai komponen didalam blog untuk di indeks. Dan merupakan unsur utama tema apa yang diusung sebuah blog atau situs. Sehingga diterjemah dan ditempatkan pada kategori apa nantinya dimata search enggine.

Apa Arti Meta Tag Dinamis?

Secara default, ketika kita akses Halaman Utama Blog ataupun halaman posting pada umumnya memiliki Title, Descripsi dan Keyword yang sama. Dengan membuat Meta Tag yang lebih dinamis artinya, setiap posting mempunya Title, Deskripsi dan Keyword yang berbeda-beda.

Hal ini berguna agar setiap konten atau artikel yang kita posting terlihat spesifik dimata Search enggine. Jelas hal ini lebih SEO Friendly. Lebih jelasnya dapat dilihat pada:
Cara Membuat Meta Tag Dinamis pada blogspot  pada postingan sebelumnya.

Struktur Tag Header : H1, H2, H3, H4, H5, H6

Struktur H1, H2, H3, dst juga mempunyai peran sangat penting dalam membantu sebuah blog menjadi SEO friendly.  Sehingga bisa bersaing di posisi SERP google. Bagaimana susunan Tag H1, H2, H3 dst yang bagus ? – Master SEO dari referensi yang saya baca berpendapat Tag Header harus berurutan dan rapi. Berikut saran dalam Cara Mengatur Tag H1, H2, H3, H4, H5, H6 pada Template Blogspot

Buat Navigasi Breadcrumb

Lalu apa pula Navigasi Breadcrumb tersebut?? Untuk menjelaskan apa itu Navigasi Breadcrumb, silahkan lihat ilustrasi di bawah ini :

Cara modifikasi template blogspot agar SEO Friendly
Navigasi Breadcrumb Dalam Kotak Warna Kuning

Lalu di cek dulu, apakah blog sobat sudah ada navigasi seperti yang di tandai warna kuning di atas ? – Jika sudah ada, maka Step ini bisa di lewati. Jika belum ada, ada baiknya mengikuti pembahasan ini sampai tuntas. Apa efek dari penambahan Navigasi Breadcrumb ini?, silahkan lihat capture salah satu blog di hasil pencarian google di bawah ini :

Cara memasang meta tag dinamis
Tampilan Hasil Pencarian di Google setelah blog di tambah navigasi breadcrumb

Seberapa penting navigasi breadcrumb di blogspot. Menurut saya sangat di anjurkan. Selain untuk lebih mempercantik penampilan blog, juga di sarankan karena blog lebih SEO Friendly dimata google.

Bagaimana menambahkan  navigasi breadcrumb di blog kita, silahkan masuk ke sini :Cara Membuat Navigasi Breadcrumb di blogspot

Demikian  Cara Modifikasi Template Blog Menjadi Lebih SEO Friendly. Mungin masih banyak cara metode lain yang lebih sempurna, atau  itu saran dan masukannya ditunggu di kotak komentar. Terimakasih atas kunjunganya…

Categories
Blooger News Tips SEO tutorial

Cara Membuat Meta Tag Dinamis pada blogspot

http://redaksiexpo2012.blogspot.com/2013/08/cara-membuat-meta-tag-dinamis-pada.html
Meta Tag Dinamis

Pada template blogspot agar lebih SEO Friendly ada beberapa komponen yang harus diperhatikan. Yakni META TAG. Meta tag bisa dibilang sebagai pintu gerbang atau jalur inti sebuah blog untuk dikenali oleh mesin pencari/search enggine. Dalam meta tag, terdapat unsur Keyword dan Description sebuah blog.

Ada banyak saran dalam membangun meta tag. Namun menurut saya Meta Tag Dinamis diperkirakan akan memperkuat konten dan artikel didalam sebuah blog lebih akrab dengan search enggine (SEO Friendly).

Berikut Cara Membuat Meta Tag Dinamis pada blogspot:

    • Login ke akun blogger sobat
    • Pilih edit HTML
    • Jangan lupa backup terlebih dahulu template
    • Cari kode <b:include data=’blog’ name=’all-head-content’/> (Gunakan CTRL+F agar lebih mudah)
    • Hapus semua Meta Tag, mulai dari <b:include data=’blog’ name=’all-head-content’/> sampai sebelum <b:skin><![CDATA[/
    • Selanjutnya masukkan META TAG dinamis di bawah ini :

      <b:if cond=’data:blog.pageType == &quot;index&quot;’>
      <title><data:blog.pageTitle/></title>
      <b:else/>
      <title><data:blog.pageName/></title>
      </b:if>

      <meta content=’true’ name=’MSSmartTagsPreventParsing’/>
      <meta content=’text/html; charset=UTF-8′ http-equiv=’Content-Type’/>
      <link expr:href=’data:blog.url’ rel=’canonical’/>

      <link href=’http://www.blogger.com/profile/066378140930646XXXX‘ rel=’me’/>
      <link href=’http://www.blogger.com/openid-server.g’ rel=’openid.server’/>
      <link href=’http://www.blogger.com/rsd.g?blogID=667204186762062XXXX‘ rel=’EditURI’ title=’RSD’ type=’application/rsd xml’/>

      <link href=’http://domainanda.com/feeds/posts/default’ rel=’service.post’ title=’Desc Singkat – Atom’ type=’application/atom+xml’/>

      <link href=’http://domainanda.com/feeds/posts/default?alt=rss’ rel=’alternate’ title=’Desc Singkat – RSS’ type=’application/rss+xml’/>

      <b:if cond=’data:blog.url == &quot;http://DOMAIN>COM&quot;’>
      <meta content=’Isi Dengan Deskripsi Blog Anda‘ name=’description’/>
      <meta content=’Isi Dengan Keyword Blog Anda‘ name=’keywords’/> </b:if>

      <b:if cond=’data:blog.pageType == &quot;item&quot;’>
      <title><data:blog.pageName/> | <data:blog.title/> | Blog Tutorial </title>
      <meta expr:content=’data:blog.pageTitle + &quot; – Blog Tutorial dan Tip SEO&quot;’ name=’description’/>

      <meta expr:content=’data:blog.pageTitle + &quot;,.. Tutorial Blog, Tip SEO, Template Gratis&quot;’ name=’keywords’/>
      <b:else/>
      <meta expr:content=’data:blog.pageName + &quot; – Blog Tutorial dan Tip SEO&quot;’ name=’description’/>
      <meta expr:content=’data:blog.pageName + &quot;,.. Tutorial Blog, Tip SEO, Template Gratis&quot;’ name=’keywords’/>
      </b:if>

      <meta content=’Blogger Coepoe‘ name=’author’/>
      <meta content=’© 2012 Blogger Coepoe‘ name=’copyright’/>
      <meta content=’index, follow’ name=’robots’/>
      <meta content=’index, follow’ name=’googlebot’/>
      <meta content=’index, follow’ name=’googlebot-image’/>
      <meta content=’index, follow’ name=’msn-bot’/>
      <meta content=’index, follow’ name=’yahoo-slurp’/>
      <meta content=’all’ name=’spiders’/>
      <meta content=’all’ name=’webcrawlers’/>
      <meta content=’id’ name=’geo.country’/>
      <meta content=’Indonesia’ name=’geo.placename’/>
      <meta content=’0′ http-equiv=’expires’/>
      <meta content=’never’ name=’expires’/>
      <meta content=’global’ name=’distribution’/>
      <meta content=’noindex,follow’ name=’labels’/>
      <meta content=’never’ http-equiv=’expires’/>
      <meta content=’1 days’ name=’revisit-after’/>
      <meta content=’2 days’ name=’revisit’/>
      <meta content=’10’ name=’pagerank’/>
      <meta content=’100′ name=’alexa’/>
      <meta content=’no’ http-equiv=’imagetoolbar’/>
      <meta content=’true’ name=’MSSmartTagsPreventParsing’/>
      <meta content=’general’ name=’rating’/>
      <meta content=’aeiwi, alexa, alltheweb, altavista, aol netfind, anzwers, canada, directhit, euroseek, excite, overture, go, google, hotbot, infomax, kanoodle, lycos, mastersite, national directory, northern light, searchit, simplesearch, websmostlinked, webtop, what-u-seek, aol, yahoo, webcrawler, infoseek, excite, magellan, looksmart, cnet, baidu’ name=’search engines’/>

      Jangan lupa ganti text yang berwarna merah, sesuai dengan blog anda. META Tag diatas dinamis karena memiliki tittle, deskripsi, keyword yang berbeda-beda sesuai postingan atau artikel pada blog.

      Biar makin mantab, sekali-sekali coba tools yang satu ini untuk cek Meta Tag : MetaChecker

      Oh.. ya.. tips ini saya dapat dari http://blogger-coepoe.blogspot.com yang telah saya coba. Dan telah di test pada MetaChecker dan SEOquake Diagnosis 


      Selamat mencoba semoga Cara Membuat Meta Tag Dinamis pada blogspot ini bermanfaat..