SEO On-page dan SEO Off-page

SEO (Search Engine Optimization) pada umumnya dibagi menjadi dua yaitu SEO On-page dan SEO Off-page. Mungkin jika anda blogger yang baru masuk ke dunia SEO, pasti bingung. Saya sendiri waktu belajar blog langsung bingung tentang SEO, karena banyaknya referensi yang tidak sama tentang SEO. Lanjut ke pembahasan, Apa sih sebenarnya SEO On-page dan SEO Off-page?? Berikut saya jelaskan sedikit mengenai SEO On-page dan SEO Off-page:

SEO On-page

SEO On-page adalah suatu teknik SEO yang khusus memaksimalkan penggunaan kode-kode pada blog atau website (internal). Jadi kita memaksimalkan SEO lewat internal blog atau website. Berikut ini beberapa faktor terpenting dalam SEO On-page yang saya ketahui:

1. Konten Postingan yang berkualitas dan original 
2. Menambahkan Breadcumb 
3. Internal Link yang sudah di Optimisasi 
4. Judul tepat dan menarik 
5. Gambar Yang sudah di Optimisasi 
6. Loading Page yang Cepat 
7. Format Teks 
8. Struktur URL yang baik 
9. Tidak ada Broken Link atau Bad Link 
10. Halaman 404 yang User Friendly 
11. Verivikasi Google Authorship di Setiap Halaman

Keuntungan dari SEO On-Page adalah pengunjung dapat dengan mudah melakukan navigasi dan mengexplorasi blog atau website kita. Hal ini juga mempermudah search engine atau crawler dalam melakukan index.

Kekurangannya adalah, untuk melihat hasil (jumlah pageview dan posisi pagerank) dari teknik SEO ini membutuhkan sedikit kesabaran karena dilakukan dengan natural.

SEO Off-page

SEO Off-page adalah lawan kata dari SEO On-page, yaitu mengoptimalkan SEO lewat external. Maksud external, adalah mengoptimalkan SEO blog atau website kita lewat perantara media luar. Berikut ini beberapa hal yang wajib anda lakukan jika ingin membangun SEO lewat teknik SEO Off-page:

• Link Building 
• Media Sosial ( Jejaring Sosial ) 
• Social Bookmark

Keuntungan dari SEO Off-page adalah, jika teknik ini berhasil dan dilakukan dengan benar maka blog kita akan kebanjiran pageview dan meningkatnya pagerank.

Kekurangannya adalah, jika anda melakukan teknik ini secara berlebihan atau melakukan kesalahan maka kemungkinan besar blog atau website anda dapat dicekal oleh mesin pencari.

Saran: 

Saran saya sih, untuk yang pertama lebih baik melakukan SEO On-Page. Baru setelah On-Page sudah diterapkan, lanjutkan dengan SEO Off-Page.

Tips Optimasi Gambar untuk SEO

Gambar merupakan salah satu elemen penting dalam sebuah konten blog. Selain penting gambar juga dapat memperindah tampilan konten pada blog, maka sudah sewajarnya kita untuk meng-optimasi gambar pada blog kita. Selain Google Search, Google Image Search (mesin pencari gambar Google) adalah sumber terbesar dan utama para pengguna internet untuk mencari gambar sesuai keinginan. 

Oleh karena itu, sebagai sumber traffic, optimasi search engine (SEO) melalui gambar merupakan bagian yang tidak kalah penting. Berikut ini beberapa hal yang dapat kita lakukan untuk meng-optimasi gambar diblog kita:

1. Penggunaan Nama File Gambar

Nama file secara sederhana merupakan identitas file yang unik, tidak boleh sama di dalam sebuah folder komputer, dan merupakan alat identifikasi mutlak. Sebagaimana fungsi tersebut, nama file yang jelas akan memberikan deskripsi yang jelas pula. Ini juga berlaku bagi halaman web. Sebelum kita meng-upload gambar, terlebih dahulu kita ubah nama file menjadi lebih deskriptif dan sesuai dengan konten.

Misalnya, anda baru saja membuat foto dengan sebuah kamera digital atau kamera smartphone, maka nama file gambar akan diberi nama secara otomatis sesuai setting,

Contoh: images92134.jpg. 

Ubah nama file tersebut menjadi deskriptif, memberikan gambaran mengenai foto itu. Tambahkan hypen (strip) untuk memberikan spasi, sama seperti nama file dalam permalink halaman blog. Nama file yang agak panjang dan deskriptif tidak masalah, asalkan tidak dibanjiri dengan keyword yang sama berulangkali.

Contoh: foto-optimasi-gambar-SEO.jpg 

2. Atribut Alt Text

Selain bermanfaat bagi pengunjung apabila gambar gagal dimuat oleh browser atau karena beberapa alasan lain, teks dalam atribut alt memiliki fungsi deksriptif bagi search engine. Search engine tidak dapat "melihat" gambar. Dia hanya bisa "membaca" teks. Teks di dalam alt berfungsi sebagai anchor text (sama seperti anchor text link).

Contoh penerapan kode alt pada gambar:

<img alt="teks yang ingin anda tulis" src="url gambar"/>

Cara Menambahkan teks alt di Blogger
Cara pertama: Anda bisa menambahkan teks ke dalam tag gambar seperti contoh di atas, yaitu melalui "HTML" mode di post editor (secara manual) setelah meng-upload gambar.

Cara kedua: Setelah anda meng-upload gambar, klik gambar yang muncul di dalam post editor. Akan muncul menu seperti contoh di bawah, lalu klik "properties".

Kemudian isikan teks ke dalam kolom alt text dan klik "OK.

3. Ukuran File Gambar 

Besarnya ukuran gambar dapat mempengaruhi waktu loading suatu halaman blog atau web. Hal ini dapat membuat pengunjung blog atau web kita menjadi tidak nyaman atau bahkan tidak berkunjung ke blog atau web kita lagi. 

Saran: Sebagai seorang blogger atau penulis sebaiknya memperhatikan kenyamanan pengunjung, sebab kecepatan rata-rata internet masih minim atau lambat. Jika anda menggunakan banyak gambar dalam satu posting, sebaiknya menggunakan format gambar PNG.

Tips membuat Meta Tag SEO friendly

Menggunakan Meta tag SEO 

Saya sendiri sangat kepusingan ketika baru belajar SEO, meta tag merupakan penyumbang terbanyak dalam kebingunan saya. Memilih meta tag butuh sedikit perjuangan, karena dari banyaknya referensi tentang meta tag yang bertebaran diinternet. Sampai-sampai blog saya pernah diberi pemberitahuan oleh google. Berikut beberapa meta tag yang saya ketahui:

Meta tag penting

1. TITLE TAG
Adalah kalimat atau kata yang ingin kita tekankan pada blog kita.
Contoh:

<title>Yuwaka Project</title>

2. META DESCRIPTION

Adalah sebuah deskripsi singkat dari blog atau website kita. Dalam menggunakan meta tag ini, anda harus memperhatikan jumlah karakter yang digunakan (Idealnya 70-160 karakter/huruf). 

Contoh Meta Description:

<meta name='description' content='Masukkan deskripsi singkat tentang blog atau website anda'/>

Meta tag tidak terlalu penting 

1. META ROBOTS 
Dulunya meta tag robot adalah meta tag yang dianggap penting. Dibawah ini merupakan contoh yang paling banyak beredar di internet:

<meta name='robots' content='index, follow'/>

Namun contoh diatas merupakan presepsi yang salah tentang meta robot. Sebenarnya search engine tidak membutuhkan meta robots untuk melakukan atau memberi petunjuk untuk index pada blog atau website kita. Fungsi sebenarnya dari meta robots adalah digunakan untuk memblokir crawler agar tidak meng-index blog atau website kita. Semisal; jika kita ingin salah satu halaman pada blog atau website agar tidak ter-index search engine. Dibawah ini merupakan kode sebenarnya meta robots:

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

2. Meta Content Type (charset) 

Meta tag yang satu ini digunakan untuk menyatakan bagaimana encoding suatu website. Jadi fungsi utamanya adalah agar browser tidak salah mengenali cara menampilkan halaman anda, sehingga tayangan anda terlihat berantakan.
Peringatan: Jika anda sampai salah memasang atau salah edit, malah bisa jadi tampilan blog atau website anda berantakan. Dibawah ini merupakan contoh kode-nya: 

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

3. META KEYWORDS
Meta tag ini sudah tidak diperlukan lagi, karena google dapat mengenali dengan tepat kata kunci yang ada pada blog atau website kita. Dibawah ini contoh kode-nya:

<meta name='keywords' content='teknologi, kuliah' />

4. META LANGUAGE

Meta language digunakan untuk memberitahu kepada mesin pencari tentang bahasa yang digunakan pada blog atau website. Namun sekarang google sanggup mengenali bahasa suatu blog atau website walaupun kita tidak memasang meta ini. Dibawah ini contoh kode-nya:

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

META TAG BERESIKO

1. META REVISIT AFTER

Dulunya meta tag ini digunakan untuk memberitahu robot tingkat perayapan yang kita inginkan atas blog kita. Tapi meta ini sudah diabaikan oleh Google, karena meta ini cukup laris di antara pelaku Spam. Jika anda masih memaksa menggunakannya maka kemungkinan anda dapat dibanned oleh google atau mesin pencari lainnya.

2. META REFRESH 

Meta tag ini bisa mengakibatkan kebingungan pada pengunjung blog atau website. Hal ini disebabkan meta refresh digunakan untuk refresh suatu halaman setiap selang waktu tertentu. Bisa anda bayangkan sendiri jika anda sedang sibuk membaca, tiba-tiba halamannya melakukan refresh? Pasti kesalkan? 

Dibawah ini contoh kodenya: 

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

Internal Link | SEO

Internal Linkadalah hyperlink yang merupakan referensi atau elemen navigasi dalam dokumen ke bagian lain dari dokumen yang sama atau dokumen lain yang mungkin pada atau bagian dari situs web yang sama atau domain internet. Atau bahasa sederhana menurut saya, Internal Link adalah Hyperlink yang berguna untuk menghubungkan posting satu dengan Posting yang lainnya. Contohnya seperti gambar diatas

Keuntungan menggunakan Internal Link dalam SEO :

1. Meningkatkan PageRank

Dengan Internal Link, tentu saja akan meningkatkan PageRank, disebabkan internal link dapat meningkatkan Popularitas Link. Popularitas Link dapat diukur dengan banyaknya link satu alamat yang ada pada setiap postingan.

2. Memudahkan Pengunjung

Memudahkan pengunjung blog dalam mencari artikel atau posting yang mempunyai relevansi untuk mengexplorasi postingan. Biasanya dalam menambahkan Internal Link, para blogger menambahkan internal link yang memiliki relevansi dengan artikel atau posting yang sedang dibahas dalam satu halaman.

Lebih mudahnya, pengunjung dapat mencari kelanjutan atau informasi tentang artikel atau posting yang dibaca dengan menggunakan internal link tanpa harus mengklik menu navigasi utama. Atau meloncat dari satu posting ke posting yang lain dengan menggunakan internal link. Crawler Search Engine selain suka terhadap teks, mesin ini juga sangat menyukai internal link. Hal ini dikarenakan dalam internal link biasanya terdapat relevansi atau hubungan antara satu posting dengan posting yang lainnya, ini juga mempermudah crawler dalam mengindexs dan mengetahui alur jalannya pengunjung dalam sebuah blog atau website.

3. Meningkatkan PageView

Pageview merupakan tujuan dari teknik SEO. Dengan adanya internal link para pengunjung dapat dengan mudah bernavigasi atau berpindah dari satu posting ke posting yang lain dalam relevansi yang sama. Taukah anda ?? dengan menggunakan internal link, postingan kita yang telah lama mungkin dapat terbaca oleh pengunjung karena faktor relevansi tadi.

4. Mengurangi Bounce Rate

Internal Link juga dapat Mengurangi Bounce Rate dalam posting. Bounce Rate adalah suatu nilai dalam persentase yaitu jumlah pengunjung yang langsung meninggalkan blog / website anda setelah membuka sebuah halaman. Membangun kepercayan Mesin Pencari Terhadap Blog kita. Semakin Sedikit Bounce Rate tentunya akan lebih baik.


Saran: Gunakan Internal Link yang baik, maksudnya adalah menghubungkan posting baru yang mempunyai relevansi dengan posting lama. Jangan pernah memberikan Internal Link ke Posting yang tidak ada hubungannya. Karena hal itu malah membuat pengunjung atau pembaca tidak nyaman.

Membuat Breadcrumb | Blogspot

Breadcrumbadalah sebuah menu yang dapat membantu pengunjung suatu blog atau website untuk mengetahui keberadaan mereka sekarang saat berada pada posting, mereka akan mengetahui mereka sedang mengunjungi halaman dengan label apa. Dari segi SEO, breadcrumb berguna untuk membantu googlebot atau mesin pencari dalam merayapi posting yang kita.

Ini contoh breadcrumb milik saya:

Bagaimana cara membuat breadcrumb ?

Berikut ini contoh koding dalam pembuatan breadcrumb:

1. Template >> Edit HTML ( Jangan Lupa Centang "Expand Template Widget" ) 
2. Cari Kode : ]]>(Tekan Ctrl + F Untuk melakukan Find ) 
3. Copy CSS di bawah ini, Lalu letakkan di atas Kode ]]></b:skin>:
   

   .breadcrumbs{
   padding-left:0;
   font-size:90%;
   line-height:1.4em;
   border-bottom:4px solid #0d82df;
   }

4. Cari Kode : <includable id="post" var="post">
   Setelah itu copy kode di bawah ini dan letakkan / paste di bawah kode <includable id="post" var="post">
   

   <b:if cond='data:blog.homepageUrl == data:blog.url'>
   <b:else/>
   <b:if cond='data:blog.pageType == &quot;item&quot;'>
   <div class='breadcrumbs'>
   <a expr:href='data:blog.homepageUrl'>Home</a> &#187;
   <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
   <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
   </b:loop>
   </b:if> &#187; <data:post.title/>
   </div>
   </b:if>
   </b:if>

5. Tahap terakhir save template dan lihat hasilnya

Saran: Agar tampilan unik, sebaiknya anda melakukan modifikasi pada kode css

SPAM

SPAM atau sering disebut dengan junk mail, adalah email yang tidak diinginkan oleh pengguna fasilitas komputer dalam bentuk surat elektronik (email), Instant Messaging, Usenet, newsgroup, blog, dll. SPAM biasanya bersifat iklan atau promosi-promosi secara besar-besaran dan bertubi-tubi dari perusahaan atau produk. Orang yang melakukan tindakan  SPAM disebut spammer sedangkan tindakan dari para spammer atau proses spam disebut dengan nama spamming.

Efek SPAM untuk para blogger

SPAM yang paling ber-efek untuk para blogger adalah komentar SPAM. Komentar SPAM adalah komentar yang tidak diharapkan, tidak berkaitan, serta tidak ditujukan untuk merespon atau mendiskusikan sebuah pembicaraan di dalam artikel/posting blog. Tujuannya sendiri hanyalah untuk meninggalkan "jejak", berpromosi tanpa cara yang layak, dan biasanya dalam komentarnya disertakan link yang akan menuju ke blog sang pengomentar. Berikut ini hal yang bisa disebabkan oleh komentar SPAM:

1. Membuat pengguna atau pembaca menjadi risih dan biasanya pembaca tidak membaca blog atau bahkan pergi dari blog dan tak akan kembali lagi ke blog kita
2. Hal yang paling dibenci oleh googlebot atau mesin pencari
3. Menurunkan rangking SEO
4. Merusak reputasi dan kredibilitas blog

Di Blogger, sangat sulit untuk mengatur/melakukan filter terhadap komentar spam karena tidak tersedia plugin. Namun ada beberapa hal yang dapat, diataranya:

• Melakukan pencegahan dengan menggunakan pengaturan:

• Gunakan rel="nofollow" pada komentar. Hal ini untuk mencegah googlebot atau mesin pencari untuk mengindex.
• Memfilter/memilih sendiri yang termasuk komentar SPAM dan menghapusnya. 

Kesimpulan

Komentar bisa menjadi sumber informasi yang baik dan menjadi alat berdiskusi dengan pengunjung, pembaca, atau sesama blogger sebagai bahan pertimbangan kita. Dan jangan pernah memelihara komentar SPAM dan jangan juga membuat komentar SPAM pada blog orang lain walaupun untuk tujuan promosi.

Hal Yang Dibenci Google Spider

1. Membuat Navigasi Dengan Javapscript

Sudah taukah anda !!! bahwa navigasi yang dibuat dengan Javascript sangat dibenci oleh Google spider ??? Mengapa menu javascript dibenci google spider ?? Hal ini dikarenakan pada dasarnya Algoritma yang disematkan pada setian Search Engine belum mampu “berhadapan” dengan Text yang ditulis atau dihiasi dengan Javascript. Jadi jangan pernah berharap akan menu tersebut ikut terindex oleh google spider. Karena . 

Solusi: Anda tidak harus merubah semua menu navigasi yang anda tulis dengan Javascript, untuk mengatasinya cukup tambahkan satu lagi navigasi pada sidebar Blog anda menggunakan HTML. Untuk mengakali tampilannya tambahkan sentuhan CSS dan Seni.

2. Gambar

Google spider atau bot mana pun tidak bisa membaca gambar yang ada di blog anda. Jadi semakin banyak gambar yang ada di blog anda itu sama halnya memenuhi blog anda dengan “sampah”. 

Solusi: Namun jangan khawatir “sampah” tersebut bisa anda daur ulang menjadi sampah yang berguna. Caranya dengan menambahkan ALT Tag dan Title Tag pada setiap gambar. ALT Tag dan Title Tag inilah yang menjadi landasan agar google spider mampu membaca Gambar yang ada di Blog Anda.

3. Doorway Pages

Doorway Pages merupakan halaman yang dibuat untuk membidik suatu keyword melalui “pintu belakang”. Maksud dari melalui “pintu belakang” disini adalah menggunakan celah yang ada pada google spider. Hal ini dilandasi bahwa google spider hanya bisa melakukan Crawl pada text dan text. Jadi cara untuk melakukan Teknik Doorway Pages adalah membuat halaman baru (Pages) dan mengisinya dengan penuh keyword yang mereka targetkan. 

Apakah cara ini berhasil mengelabuhi google spider ??? Untuk 1 - 2 hari memang blog anda akan berada pada Halaman Pertama mesin pencari, namun setelahnya blog anda akan berada pada SandBox. 

Solusi: Untuk anda yang memang mengincar suatu keyword tertentu. Saya punya tips sederhana yaitu dengan menggunakan Teknik link Building. Dengan meningkatkanya Ranking Blog Anda, ini jelas akan meningkatkan apapun keyword yang ada di Blog anda.

4. Frames 

Melakukan Grab terhadap suatu Website menggunakan Iframe hanya akan memudahkan anda. Namun sebaliknya akan mempersulit Spider dalam mengindexnya. 

Solusi: Akan lebih baik jika anda lihat source pada site tersebut. Copy dan Pastekan ke dalam Blog anda

5. Flash 

Masalah yang terakhir sama dengan masalah-masalah lainnya, yaitu tentang fakta bahwa google spider atau bot yang hanya dapat membaca dan mengindex text. Otomatis Flash masuk dalam daftar hal yang dibenci oleh google spider. Namun Fakta bahwa Flash merupakan animasi paling menarik tidak dapat terbantahkan. Tapi ukuran Flash yang relative besar mempersulit dalam load suatu website/blog.

Solusi: Jika memang anda ingin desain website/blog menarik silahkan anda menggunakan Flash namun dengan catatan: ukuran flash kecil dan anda tidak ingin flash tersebut terindex (bukan website/blog). Tapi ada baiknya anda tidak perlu menggunakan Flash untuk menggunakan animasi, cukup dengan gambar yang berformat Gif serta jangan lupa untuk menyisipkan ALT tag dan Title tag. Atau alternatif terakhir adalah Belajar ilmu CSS, dengan CSS anda dapat membuat animasi bergerak yang memiliki kualitas sama dengan Flash.

Heading Tag | SEO

Terdapat banyak cara untuk memaksimalkan SEO blog anda, diantaranya yaitu memaksimalkan penggunaan tag HTML. Seperti yang sudah kita ketahui bahwa dalam setiap tag html memiliki berbagai fungsi tertentu salah satu contoh jika kita ingin membuat menu maka kita otomatis akan menuliskan tag <ul>. Tapi yang kita bahas hari ini adalah bagaimana memaksimalkan SEO menggunakan tag heading dalam HTML. Tag heading sendiri berfungsi sebagai penanda atau penunjuk arah bagi mesin pencari (google, bing, yahoo) agar mudah untuk di crawl sekaligus dalam index. Berikut ini jenis-jenis tag heading:

• Fungsi <h1>:
  Tag ini biasanya digunakan untuk nama/Header Blog (berada pada homepage) ataupun Judul Artikel (berada pada posting)
• Fungsi <h2>:
  Tag ini biasanya digunakan untuk menulis Judul Artikel (berada pada homepage) dan  Header Blog (berada pada posting)
• Fungsi <h3>:
  Tag ini biasanya digunakan untuk menuliskan Sub-Judul atau penjelasan dari judul posting yang anda buat
• Fungsi <h4>:
  Tag ini biasanya digunakan untuk menuliskan Kategori dan Artikel Terkait
• Fungsi <h5>:Tag ini biasanya digunakan untuk menuliskan nama pembuat blog 
• Fungsi <h6> :
  Tag ini biasanya untuk menuliskan penyedia layanan Hosting ( blogger, wordpress, mywapblog, joomla, drupal dan lain-lain )

Bagaimana ada yang tidak mengerti ??? silahkan komen dibawah jika anda memiliki pertanyaan akan saya jawab semampu saya.