Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector
aboutus website design services

Willkommen auf mein web blog

Best regard. I will do my best to make it interesting and useful. Greeting to toko online Prestashop!

28 Juli 2013

Meningkatkan traffic website via excellent content


SEO offline penting termasuk didalamnya membuat content blog SEO friendly

Banyak owner website atau blog (blogger), termasuk toko online berharap traffic tinggi, banyak tamu dan dikomentari. Namun kebanyakan mereka kecewa. Trafik tidak kunjung meningkat dan terlalu sedikit komentar.

WHY?

Faktanya, terlalu sedikit blogger peduli SEO offline maupun SEO online. Tidak tahu bagaimana praktek SEO. Semuanya dilakukan dengan cara sangat biasa.

Mereka aktif publikasi blog di Facebook, Twitter, promosi mulut ke mulut,  update content blog, minta orang membaca dan komentar. Sayangnya!!! Mereka membuat posting yang paling mereka sukai, mengabaikan bahkan tidak memikirkan content seperti apa yang sebenarnya disukai tamunya.

Seharusnya mereka fokus dengan content bagus bermanfaat kira-kira disukai publik.  Tentu saja sejak awal mereka mengelola blog harus memperhatikan praktek SEO. Blog idealnya SEO Friendly.

Bagaimana orang menyukai website tanpa diminta?

Bagaimana membuat content mendukung peningkatan traffic?  Kita membicarakan content blog sebagai bagian SEO offline.

Ada 5 komponen content yang harus diperhatikan.

1. Judul Blog

Judul blog ditentukan berdasar tema blog dan survey keyword. Use Google Adwords

Misalnya nama blog standar “WEBSITE DESIGN.” Nama ini bisa diperkaya dengan tambahan beberapa keyword andalan. Caranya :

  1. Buka HTML Blogger dan cari potongan code:

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

  2. Letakkan beberapa keyword blog (nama blog plus keyword idealnya maksimal 72 karakter termasuk spasi kosong)  sebelum : … </title> sehingga menjadi 

    <b:if cond='data:blog.pageType == &quot;index&quot;'><title><data:blog.pageTitle/>|SEO|web|blog|toko online| prestashop|internet</title>

  3. SAVE TEMPLATE

Hasilnya terlihat pada Tab Bar browser.

2. Judul Posting

Judul menawarkan informasi berguna tentang situs ke reader dan search engine. Teks dalam tag judul muncul di halaman hasil pencarian (Search Engine Result Pages). Teks deskriptif yang relevan dengan judul lebih memungkinkan di-klik ketika orang menjelajahi search engine.

The excerpt from the page will show up here. The reason we can't show text from your webpage is because the text depends on the query the user types.

Periksa analisa HTML Improvement blog di Webmaster Tools. Temukan seperti berikut ini :

Webmaster Tools HTML Improvements_MISSING TITLE

Kami rekomendasikan meng-update tag judul sedapat mungkin di bagian mana saja berdasarkan hasil analisa HTML Improvements. Atau hapus semua link “Pages with missing title tags” (lihat gambar diatas) dengan cara klik Menghapus URL dengan Webmaster Tools.
  1. Anda pikirkan Judul “eye-catching” (menarik perhatian dan bikin penasaran) untuk memancing orang segera klik link ke posting tersebut.
  2. Boleh saja membuat judul agak bombastis, namun tidak boleh vulgar atau menipu pembaca dengan judul tidak relevan dengan isi posting.
  3. Judul sebaiknya singkat. Tentu Anda ingin mempromosikan di Twitter, bukan?
Your title of postings (or H1, H2, …, H6, tags, categories etc.) provides visitors, and all of search engines with useful information about your site. Text contained in title tags can appear in SERPs (search results pages), and relevant, descriptive text is more likely to be clicked on. We recommend reviewing the list and updating the title tags wherever possible.

3. Gaya penulisan

Tulisan blog sebaiknya bernada bersahabat, menyenangkan pembaca.

INGAT!

Anda menulis bukan untuk diri sendiri, TAPI untuk orang lain. Hindarkan gaya menjengkelkan pembaca, misalnya tulisan dengan nada terlalu keras, sinis, memaksa atau menipu.
Intinya : Pilih kata dan gaya bahasa yang membuat tulisan Anda nyaman dibaca.

4. Citra Gambar / Foto

Teks dilengkapi ilustrasi gambar relevan tentu lebih menarik.

  1. Pilih foto berkorelasi dengan tulisan.
    Semakin foto tersebut mendukung isi tulisan, semakin memperkuat efek ke pembaca.
  2. Jangan terlalu banyak foto.
  3. Pikirkan dengan cermat pilihan image yang disertakan.
    Jika sembarangan menambahkan image bisa kontra produktif, menjadikan Reader tidak fokus.
  4. Sesuaikan foto dengan isi tulisan.

5. Posting Bervariasi

Siapapun bosan dengan gaya tulisan tanpa variasi. Orang menyukai keragaman content, informasi valid dan berguna. Thema blog boleh sama, tapi variasi tulisan dalam batas tertentu diperlukan tanpa harus kehilangan thema.
Misalnya blog tentang wisata. Tulisan harus kreatif dan bervariasi, tidak melulu membicarakan satu persoalan saja.

Semakin bervariasi semakin besar kemungkinan ditemukan di Google.

6. Link / Backlink

Tautan (link) di situs lain yang mengarahkan pengunjung ke blog Anda sangat penting.

  1. Link harus diletakkan secara tepat.
  2. Saat mempromosikan di Twitter atau Facebook, pastikan link tersebut tidak tertinggal, atau luput dari perhatian orang.
  3. Biasanya judul posting diletakkan di depan, lalu link mengikuti.
  4. Beri petunjuk seperti “klik disini” atau tanda panah ke tautan blog, agar orang lebih memperhatikan.




That's all we know - Happy blogger
read more website design

24 Juli 2013

SEO blog : URL tidak dipilih dan dicekal robots


Gunakan Google webmaster tools untuk analisis performa website dan optimalkan sesuai dengan standar Google.

SEO       (Search Engine Optimization) dan indeks URL yang dilakukan search engine tidak dapat dipisahkan seperti sisi coin matauang. Tujuan utama SEO adalah memberdayakan blog atau website agar punya akses untuk ditampilkan secara maksimal (pada posisi teratas) di Search Engine Result Pages (SERPs) dan otomatis ingin mendapatkan Pagerank tinggi.

Index Status website atau blog

Halaman Status Indeks menyediakan statistik berapa banyak URL blog yang mampu dirayapi dan di-indeks search engine. Untuk melihat halaman Index Status, caranya :
  1. Buka Homepage Webmaster Tools.
  2. Klik blog yang ingin diperiksa dari daftar blog di Webmaster Tools.
  3. Pada halaman Dashboard, klik Health
  4. Klik Index Status.
Tab Basic

Halaman Status Indeks ada 2 tombol : tab Basic dan tab Advanced. Tab Basic menyediakan data berikut :

URL pernah dirayapi
  • Merupakan jumlah akumulasi total URL website yang pernah dirayapi. Tidak semua URL di-indeks dan ditampilkan pada SERPs.
Boleh jadi Google temukan sejumlah URL dari peralatan lain seperti inbound link dari website lain yang jumlahnya, dari waktu ke waktu, semakin banyak sebagai halaman baru yang ditambahkan ke website Anda.

Total indexed URL
Semua Indexed URL di search engine akan ditampilkan di SERP bersama URL lain yang ditemukan Google dari inbound link eksternal link dan backlink. Jumlah indexed URL selalu berubah karena :
  1. Halaman web baru ditambahkan dan di-indeks
  2. Halaman lama dihapus.
Jumlah URL ter-indeks selalu lebih sedikit dari jumlah URL dirayapi, karena tidak termasuk didalamnya URL yang diidentifikasi sebagai :
  1. URL duplikasi
  2. URL non-canonical
  3. URL berisi meta-tag noindex.
grafik indeks URL blog

Tab Advanced

Untuk melihat grafik statistik blog secara lengkap klik tab Advanced untuk melihat basic data (biru). Untuk mendapatkan data statistik lanjutan tersedia informasi tambahan berikut :

Stats Dicekal oleh Robots
  • Jumlah URL yang tidak bisa dirayapi karena tidak diizinkan dalam setting robots.txt.
Stats Tidak Dipilih
  • Halaman ini tidak di-indeks karena pada dasarnya sama dengan halaman lain atau sudah Redirect ke URL lain. More information.
Bagaimana menggunakan data ini?
  • Google secara teratur mengakses content. Website sedang diindeks dapat dilihat pada grafik kenaikan stabil dalam jumlah halaman dijelajahi (grafik merah) dan diindeks (grafik biru).
  • Jika mendadak ada penurunan jumlah halaman diindeks, boleh jadi diakibatkan server down,  kelebihan beban atau Google kesulitan mengakses content.
  • Sejumlah besar halaman duplikasi menyebabkan website atau blog menghadapi masalah canonicalization, duplicate content, atau automatically generated pages, atau dikerjai oleh hacker. Google akan mengirimi notifikasi ketika blog menghadapi masalah ini.

    Jadi pastikan Anda setting notification preferences.

  • Lakukan perbandingan data :

    • Prosentase (%) URL situs yang bisa diakses Google. Caranya :

      Bandingkan jumlah URL dirayapi robot (googlebots) dan jumlah URL dicekal robots.txt.

    • Berapa banyak halaman yang dianggap mengandung content unik. Caranya :

      Bandingkan jumlah halaman diindeks dan jumlah halaman yang ditandai “Tidak Dipilih

  • Grafik melonjak artinya ada problem konfigurasi website, pengalihan atau security

Google melakukan filter yang mempengaruhi SERP

Filtering meliputi :
removal of pages karena alasan hukum, permintaan Webmaster, hasil dari websites that we think are currently unavailable ("down") atau results yang dihapus aksi manual spam. Google menahan halaman bermasalah dalam jangka waktu tertentu guna membantu recovery website.



That's all we know - Happy blog blogger

read more website design

23 Juli 2013

Website design tool : Awesome Screenshot plugin


Awesome Screenshot program canggih yang dikembangkan untuk memperangkap gambar website page (halaman blog), sehingga bisa disimpan, disunting (edit) dan sharing secara online. Untuk edit gambar, bisa menggunakan layanan gratis Online image Editor atau layanan sejenis.

Plugin ini sangat bermanfaat untuk berbagai kepentingan luas, termasuk website design works dan pengambilan image webpage untuk melengkapi content website. Semua tampilan web page di browser dapat direkam dan didokumentasikan untuk disimpan, disisipkan pada artikel, posting blog, dokumen penting dan rahasia atau berbagi di internet. Anda dapat memasang Awesome Screenshot untuk Mozilla Firefox dan browser Google. Plugins ini membantu kerja blogger, webmaster, website designer, jasa bikin toko online et cetera.

Awesome Screenshot di Mozilla Firefox

awesome screenshot plugin for Google Firefox
Menurut http://downloads.info/ Awesome Screenshot ialah plugin paling sering di-download “the most downloaded plugin” karena memang berguna bagi Blogger, website developer, webmaster, web designer, copywritter dan banyak profesi lain karena sangat membantu pekerjaan mereka.

Plugin ini punya beberapa fitur unik yang tidak ditemukan di tempat lain dan menjadikannya sukses besar. Software mendukung 2 format image JPEG dan PNG dan akan dibuat support beberapa format lain. Download for free silahkan klik URL ini.


Akan muncul jendela download, misalnya jendela “Internet Download Manager.” Klik Start Download. Kemudian buka file hasil download (nama file “Awesome Screenshot for Firefox”) untuk memulai proses install plugin Awesome Screenshot untuk browser Mozilla Firefox.

Setelah “Loading Setup Data” selesai, klik tombol NEXT untuk melanjutkan ke step DOWNLOAD dan INSTALL hingga 100%.

Klik Install now di jendela kecil sudut kiri atas halaman browser Mozilla Firefox untuk mengakhiri instalasi. Anda juga bisa menggunakan URL link dibawah ini untuk mendapatkan plugin Awesome Screenshot terpasang di browser Firefox : (klik gambar)

free download plugin

Awesome Screenshot plugin di Google Chrome

Plugin sama bisa dipasang pada browser Google Chrome, namun fitur Plugin Awesome Screenshot yang ada di Google Chrome lebih unggul jika dibanding dengan Awesome Screenshot yang terinstall di browser Mozilla Firefox. Plugin Awesome Screenshot pada browser Google Chrome lebih lengkap (3 opsi) seperti gambar berikut :

opsi image screenshot

Plugin Awesome Screenshot yang terpasang pada browser Mozilla Firefox hanya menawarkan : Capture Visibel Part of Page dan Capture Entire Page (tanpa – Capture Selected Area).

Bagaimana cara memasang Awesome Screenshot plugin di Google Chrome?

Kunjungi saja Official website Google dan cari plugin Awesome screenshot dalam daftar ekstension Google Chrome



That's all we know - Happy blog blogger


read more website design

Jangan biarkan tamu blog yang ketik non-www pergi


Gunakan 301 redirect untuk memastikan orang - dan mesin pencari - mendapati URL standar website (blog). Dilusi URL situs (webpage yang sama ada di 2 URL berbeda) menyebabkan hilangnya tamu potensial dan tidak support ke peringkat (PageRank) situs di search engine

Menjaga SEO website dan PageRank Google

Anda ingin mendesain ulang beberapa halaman website yang punya peringkat search engine tinggi tetapi tidak ingin kehilangan peringkat. Bagaimana cara yang aman untuk mengarahkan traffic pengunjung dari halaman website lama ke halaman baru tanpa harus kehilangan peringkat? Solusinya 301 redirect.

Alamat URL sering dimulai dengan – www. Orang lebih sering mengetik - (e.g. www.Example.com) – daripada Example.com ke bar navigasi browser. Ketika mereka memikirkan website, maka yang pertama terbayang – www. Pengelola website lebih sering pakai "www.Example.com" daripada "Example.com" agar mendapatkan orang-orang pergi ke situs yang tepat.

Masalahnya adalah :

Bagaimana jika orang ketik "Example.com" tidak mendapatkan situs yang diinginkan.

Anda tentu tidak ingin kehilangan link ke website Anda yang tidak termasuk "www."   Padahal semua link eksternal (link dari situs lain ke situs Anda) sangat berharga – karena link tersebut memberitahu search engine bahwa website Anda penting bagi publik.

URL Canonical atau URL Standar website

URL kanonik adalah URL standar untuk halaman website.

Banyak cara URL ditulis. Suatu webpage bisa memiliki 2 alamat URL atau bahkan lebih. Kita bisa temukan URL www dan non-www - keduanya - mengarah ke halaman web yang sama.

Halaman utama blog http://website-download.blogspot.com bisa ditemukan pada banyak c-TLD website-download.blogspot.id, website-download.blogspot.nl, website-download.blogspot.co.uk dan dalam banyak country-TLD lain (.ru, .de,.it, .in, .hk etc),  semuanya mengarah ke homepage blog asli.

Ini menjadi masalah besar, ketika Anda ingin meningkatkan visibilitas halaman web pada hasil pencarian. Salah satu faktor yang membuat peringkat web page lebih tinggi adalah jumlah dan kualitas website lain yang link ke blog Anda.

Jika halaman website bermanfaat dan banyak orang membuat link ke sana, tentu Anda tidak ingin mencairkan nilai link (menipiskan kekuatan link) tersebut dengan menyebar di 2 URL atau lebih.

Banyak situs memiliki 2 URL seperti berikut :

www.website-download.blogspot.com         atau         website-download.blogspot.com

Kedua URL  mengarah ke HomePage atau halaman website yang sama. Ini masalah besar dari sudut pandang mesin pencari dan SEO.

website-download-blogspot-com-abouts-Page
Silahkan test dengan membuka versi  www dan versi non-www pada website Anda!

Solusi terhadap dilusi URL website


  • Gunakan 301 redirect
    Untuk memastikan orang - dan mesin pencari - mendapati URL standar.
Apapun URLs yang dipilih (www atau non-www), pastikan blog Anda hidup hanya di lokasi itu, dan hanya pakai URL standar - disebut juga sebagai canonical URL.

Singkat kata, cara terbaik untuk visibilitas blog adalah dengan hanya menyisakan satu alamat web. Anda perlu membuat 301 redirect ke URL yang Anda pilih di antara www dn non-www.

website-download-com-aboutus-Page
Untuk memastikan versi www dan non-www membawa orang ke standar (kanonik) URL, maka metode yang direkomendasikan adalah 301 redirect permanen - memastikan orang yang tidak mengetikkan www bisa sampai ke versi www website Anda atau sebaliknya.
Mengapa 301 Redirect penting bagi SEO dan PageRank?
Halaman website sama bisa ada di dua URL berbeda (www dan non-www), sehingga orang bisa memilih. Dengan 301 redirect, Anda tidak akan kehilangan pengunjung potensial (yang tidak mengetikkan www).

Metode 301 redirect atau "Moved Permanently" redirect memastikan bahwa content website hidup hanya dalam satu tempat sehingga setiap teknik optimasi mesin pencari (SEO) yang digunakan tidak akan ter-dilusi (dengan mengarahkan mesin pencari - dan orang-orang - ke dua tempat berbeda)

Link eksternal sangat berharga karena akan memberitahu search engine bahwa blog Anda penting bagi publik. Dengan link eksternal membelah (ada diantara dua URL berbeda, namun menuju ke halaman yang sama) pasti menipiskan kekuatan link eksternal dalam membantu menaikkan peringkat halaman website.


Bagaimana membuat 301 Redirect?

Hubungi perusahaan web hosting (registrar) Anda untuk membuat 301 redirect dan minta bantuan untuk setting 301 Redirect. Bagi user blog platform Blogger, silahkan kunjungi SEO : Customize Search Preferences by 303 Redirect  Atau klik gambar ini

seo-search-preferences blog blogger


That's all we know

read more website design

22 Juli 2013

SEO website : White Hat is preferable than Black


Metode dan teknik SEO yang sah (yaitu White Hat SEO) lebih mengutamakan bikin unique contents untuk mendapatkan unique traffic dan organic index dari beberapa search engine utama. Cara ini aman untuk meraih PageRank lebih tinggi. Bebas dari resiko Banned

Tujuan penggunaan teknik SEO adalah mengoptimalkan indeks website atau web blog di search engine utama, dan untuk mendapatkan unique traffic ke website / blog. Teknik SEO ini sah, meski ada teknik SEO melanggar search-engine guidelines (eg. Google, Yahoo, Bing etc).

Teknik SEO website

Teknik SEO website terbagi 2 tipe.
teknik black hat seo versus white hat seo

White Hat SEO website

  • Teknik-teknik SEO White Hat menawarkan hasil positif untuk jangka panjang dan sah, karena mengikuti search engine guidelines.

    Prinsip White Hat SEO sederhana saja  :
    • Metode White Hat SEO terutama HANYA menciptakan unique content untuk user blog atau website, dan bukan untuk kepentingan search engine.

    Maksudnya pengunjung pergi ke website Anda karena mereka benar-benar menyukai content blog. Akan sangat fatal jika posting 100% Copy Paste saja dari content website lain.

  • White Hat akan meningkatkan value dan mutu content lebih dipercaya (reliable). Marketing skills lebih reliable untuk mencapai top ranking. Gunakan White Hat techniques untuk mendapatkan ranking bagus di search engine.

  • White Hat SEO akan mendapatkan rewards karena mampu mendatangkan lebih banyak inbound link (link eksternal) berasal dari website lain, artinya content mereka mendapatkan pengakuan (otorisasi) sebagai sesuatu yang sangat berharga.

  • Teknik-teknik SEO White hat menjadikan website SEO Friendly.

Black Hat SEO website

  • Black hat SEO TIDAK akan menjadikan website SEO Friendly, artinya tidak akan diakui oleh search engine, dan pasti gagal meningkatkan peringkat (PageRank).

  • Berbeda dengan teknik SEO yang sah, teknik Black Hat SEO memberi keuntungan ke web blog atau website HANYA dalam jangka pendek, HINGGA website kena “banned”

  • Black Hat SEO digunakan oleh apa yang kita kenal sebagai SEO spamming. Metode ini memberi hasil instant, tetapi ketika search engine mendeteksi praktek kotor, maka website tersebut kena hukuman pasca mesin pencari mendeteksi pelanggaran terhadap search engine guidelines.
JANGAN menghabiskan waktu dan membayar ke situs penyedia strategi Black Hat SEO. lebih baik dan lebih aman bekerja dengan teknik White Hat dalam membangun web blog  dan membuat content unik. Kerja-keras memang tidak terhindarkan saat membangun website. Anda harus gigih, penuh kesabaran dan meluangkan banyak waktu.

Taktik White Hat SEO bebas dari kekhawatiran hukuman banned. Teknik ini juga bebas resiko kehilangan visitors, Mereka justru datang kembali  ke blog Anda karena terkesan dengan kualitas content dan bahkan menjadikan website Anda sebagai patron. Mereka rela memasang link Anda di situs mereka (tanpa Anda minta) dan share ke jaringan sosial media mereka di Facebook, Twitter, Linkedin, Pinterest, Stumbleupon, Delicious, Digg et cetera.

Memang benar, orang mengatakan bahwa teknik Black Hat dan teknik White Hat memberi hasil jangka pendek dan jangka panjang  Tetapi teknik Black Hat SEO akan menjadi masalah besar ketika performance website atau blog platform blogger diukur dalam takaran ranking (PageRank), traffic, konversi atau profit.

Hindarkan teknik jalan pintas - Black Hat SEO.
Happy blogging!


read more website design

Animated flying bird Twitter for website blog Blogger


Di kalangan Netter siapa tidak kenal Twitter? Facebook and Twitter are both of the most popular Social networking sites in the world. Tidak berlebihan jika saat ini ada sejumlah widget Twitter, script dan plugins tersedia untuk integrasi Twitter dengan blog atau website.

Jika Anda admin website dan juga punya account Twitter, sebaiknya integrasikan sekarang. Bagi blogger atau pemilik website yang belum punya account Twitter, lakukan registrasi ke Twitter.

MENGAPA?

Salah satu cara terbaik menemukan new follower account Twitter Anda adalah dengan meningkatkan setiap profil online lain yang mungkin telah Anda miliki. Atau sebaliknya populerkan website atau blog dengan mengintegrasikannya ke Twitter, meskipun sudah Anda lakukan dengan Facebook atau media Social Networking lain.
animasi flying bird blog blogger

Saya tawarkan Script Animated twitter bird follower widget code untuk dipasang ke website. Animasi burung twitter ini sangat menarik sekaligus akan meningkatkan jumlah “Follower” account Twitter. Pasti kelak juga akan memberi pengaruh positif terhadap trafik pengunjung website.
  • Plugin ini berbasis Javascript untuk menampilkan animasi burung Twitter yang mengendap di tempat-tempat berbeda di area webpage. Jika Anda scroll (menggulirkan) halaman website (web page), burung “Twitter” terbang menuju bagian yang terlihat dan menetap di tempat baru. Jalur penerbangan acak. Burung Twitter terbang setiap Anda tempatkan kursor dan di atasnya link "Tweet This"  dan "Follow Me." Melalui link ini visitor melakukan Tweet artikel yang sedang dibaca atau memutuskan sebagai “Follow You.”
flying twitter for website design blog

Berikut kami berikan script code untuk Burung Terbang Twitter.  Jika situs Anda menggunakan platform Blogger, maka cara mudah, seperti berikut ini :
  1. Klik gambar Add to Blogger (Click to install Animated twitter widget to your Blog)


    Maka Anda akan dibawa ke jendela di bawah ini

    jendela add widget to your blog

  2. Pilih blog yang ingin Anda tambahkan animasi “Flying Bird” dan tentukan judul Widget. kemudian tekan tombol Add Widget. Secara otomatis script code Flying Twitter Bird akan ditambahkan pada halaman editor widget tersebut.

    Script code yang terkandung di dalamnya seperti berikut :

    script Animated Flying Twitter Bird
    (untuk script download DISINI)

  3. SAVE.
CATATAN
Anda bisa edit isi script code sesudah tekan tombol Add widget. Ganti "Your twitter account name" dengan nama pengguna twitter Anda. Anda hanya perlu menambahkan username saja, tapi jangan seluruh URL profil Twitter Anda.
Sebagai contoh  twitterany.com/twitte4u, maka twitte4u adalah username.

TAMBAHAN
Replace "Your Twitter account name" with your twitter user name.You add just the username not the entire URL of your Twitter profile.

For twitter.com/twitte4u,, so twitte4u is the username.



That's all we know - Happy be Blogger


TAMBAHAN ; MAU VERSI DENGAN WARNA BURUNG LAIN?

Anda mau tampilan burung dengan warna lain di blog? silahkan ganti URL berikut :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigZFB-jRVJ-ucswpod4n9jSf5vBSigz9raQ2iOPlbPsiKSlN4RzqhOx2TWHf6VDIoQG6y4DVDzCx8ji8hKnI_cj47ThEKGCpu_Q-mtMTmOoBUjjsdSvkRsRUTLc4Phh31-LeGeCltp28I/s1600/cyan+bird.png

dengan URL pilihan warna berikut :



Hitam
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNaoBOWFXcYAJmapCKZIjc3ZLHpwoadFfzqpor2NMnrBaxcHWMJDN0AHPjK7dVbFwWxpsFMtn860XriarbmdS9sGM1CSjjy_CcVEoU1Y-MQENvr45N1LDgdM_kA-UCIkx2QSJx-dTuiog/s1600/black+bird.png
Coklat
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikShUNg-zNmdJSBqLLt-QNzHVN5Vh_48kYXxZbM6xVxLrBTT5mIWBEL-QsDpEP225GwEvoy3kiy22AdscRAzAHQyHbRyhavgWchoiR78im1dRRLQt1V4NC07RPrZ9hwWz5R5vLXPaseeM/s1600/brown+bird.png
Biru
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCU1wL-gKhLVitCf3gdP2eNioFM8KFpxHeNk1PH2-Lq9o3JN1O_tXGr_ppPFv-c43-930hz-WcbUTnFatYP-zWsga3p79fMVfqSrfbhyKeJiKvTFDsVI4tRbzZ0W1KU6L4upCdz20IAF4/s1600/Blue+bird.png
Putih
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaRoptmbwP206d3p8Zi4NQ42h9aN2qO-YznffL9nIBqdsxdUg-EQe-f78hkSLw2oSGmamUEIVWUzORAhWjP02xTU_mlQ75c6FzZXZGOQ2bD6pJ2bAxbNke6SC56Gn5b1mwBxkaaBNX6aQ/s1600/white+bird.png
Merah
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHsgYLinPS7b13-TOGEeVUZ43f2UemEf9JqtDllOAkI1elKpmKULmO_nG8jbEFmUiHf-5DeSz2SnD0u5hwKCUVfn4rYFjuaria_eMAbUJ_55LQr_m0Rn3B8nQ3sM09oxAiC1GfRIXDu8k/s1600/red+bird.png
Hijau
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHTpmNLmD5PiEPg2mESV77ZQsZahOOI9rKBsEjjckxVIy5AG6mVSF1qz6dA-Bku422KAq6JEBAzHJz4LNpVxWuYHYX4380MT-uJpwtKAbKR_WWV0zO1rIZDDgleu8gANKATtl2qur1RHU/s1600/Green+bird.png
Ungu
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvzuwTxWKky_GyY0O6ikXc-k7i262-cyiHFxsPDuYLMJpe1Jw8NhTRXr8w-dHL132-DiOEQ6nGr8WkDTfvAa0WjvJYonVrYb_JnQbGUJXi85MgDFlyvUemE8fWyIzM1DlvL7lpOQSkb0M/s1600/purple+bird.png
Kuning
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggEdS2Ay-y6dkJm2io8Z6cniemuQeJIA1iAxHdSVYB5QrPbPmSsGmOUTmLYlbGn_ib1HWupk1CALg2ARZPrsaEvCIUghQoM2DG_FFsUrbOZ7fLjZ2Y8qFtwyRKeq8A7TPlkRzier3IppQ/s1600/yellow+bird.png


read more website design

21 Juli 2013

Creative writing for profesional website


Kemampuan Creative Writing sangat support terhadap performance blog (misalnya platform blogger) atau website profesional. Lalu bagaimana cara menghasilkan text content bagus dan SEO Friendly?

Copywriter    akan memastikan Anda puas dengan content buatan mereka, saat Anda berkunjung ke website profesional. Boleh jadi mereka bikin artikel orisinil 400–600 kata, diperkaya dengan keyword yang relevan dengan produk/jasa client mereka. Website tersebut bisa sebagai toko online, web store atau e-Commerce, company profile, website organisasi, blog berita et cetera.

Mereka sangat profesional melakukan "Creative Writing" yang memadukan unsur kepuasan pembaca,  memasukkan berbagai pertimbangan seperti SERP, PageRank (pencapaian ranking di search engine), SEO, Traffic kunjungan, niche (target reader), popularity website hingga memastikan tidak ada pelanggaran terhadap policy content. Kita tahu, praktek "organic" Search-Engine-Optimization melibatkan penempatan strategik dan repetisi keyword dan frase keyword dalam halaman website.

Creative Writer, sama seperti profesi lain, setiap copy writer punya variasi sendiri. Masing-masing punya pikiran, pendapat dan definisi tentang gaya penulisan. Tentu saja seorang copy writer punya gaya tulisan yang berbeda dengan copy writer lain.

Apa itu gaya penulisan?

Untuk pemahaman praktis tentang “writing style” langsung saja ke ilustrasi penulisan berikut

Seorang profesor produktif menyukai gaya penulisan menggunakan kata “Tetapi" atau "Dan" pada awal kalimat baru. Saya baru saja membaca buku bagus. Gaya penulisannya banyak menggunakan kalimat yang dimulai dengan kata "Dan." Dengan demikian, kita harus mengakui bahwa gaya tulisan kita akan dinilai dan dikritik oleh banyak pikiran yang mungkin menyukai atau tidak menyukai gaya personal kita.

copywriter in website download blogspot

Text content website ideal

Secara umum kriteria content ideal dari sudut pandang Content writer Profesional :
  • Output Creative Writing : Text Content menarik menurut Reader (pelanggan potensial)
  • Mempunyai inti situs
  • Tata bahasa benar
  • Keyword diintegrasikan dalam content.
  • Menggunakan SEO kepadatan keyword yang tepat.
Meskipun copy writer (penulis content posting blog atau website) masing-masing punya variasi gaya pribadi dalam menulis, namun ada beberapa tip dasar yang membantu Anda menulis.

Tips meningkatkan Creative Writing Skill - website files

Berikut 6 tips Creative Writing meningkatkan kemampuan menulis dengan jelas dan kreatif
  1.    Gunakan kata yang tepat. Dalam hal ini pengalaman panjang dalam menulis mengajarkan 
           banyak hal
  2.     Hindarkan membesar-besarkan fakta sebenarnya (Avoid Exaggerations). Bersikap jujur!
  3.     Tulisan singkat dan ringkas (Be Concise)
  4.     Hindarkan penggunaan kata bermakna ganda (Avoid Ambiguous Terms), multi tafsir    
           dan kata bersayap
  5.        Gunakan ungkapan metafora dengan benar (Correctly Employ Metaphors). Metafora 
           adalah salah satu gaya bahasa dalam penulisan, yaitu penggunaan kata yang bukan    
           arti sebenarnya, melainkan kiasan yang berdasarkan persamaan dan perbandingan
  6.      Perbanyak membaca, pelajari gaya tulisan lain dan perbanyak menulis text content 
           (artikel teks) blog atau website untuk meningkatkan Creative writing skill.
Penjelasan 6 tips menulis content diatas dilanjutkan ke artikel : 6 Tips Creative Writing


That's all we know - Happy blog blogger

read more website design

18 Juli 2013

Do not have entire website designed in Flash


Elemen Flash dan SEO Friendly

  • Bagilah content flash berbeda-beda ke file-file terpisah, bukan sebagai satu file besar
  • Bingkailah elemen flash dalam HTML, sisipkan teks deskriptif untuk SEO website (blog) dan agar diindeks oleh search engine
Pedulikah dengan SEO Friendly? OK. Jangan membuat keseluruhan bangunan website berbasis Flash, saat melakukan kerja website design. Karena menyulitkan website SEO Friendly – bahkan robot crawler Googlebots (terkenal paling canggih) sulit mengindeks content flash. Padahal elemen flash support “eye-chatching” untuk menarik perhatian (mata) pengunjung.

Tujuan utama artikel : untuk mengetahui bagaimana mengoptimalkan website berbasis flash terkait SEO blog. Sementara penggunaan faktor lain - terutama elemen teks - harus ditempatkan pada bagian lebih tinggi dalam daftar prioritas saat membangun website berbasis flash. Artinya tempatkan elemen flash pada prioritas terendah!!!

Siasat penggunaan elemen Flash di website

Bagi content flash berbeda dalam file terpisah, bukan sebagai satu file besar
Anda juga dapat melakukan beberapa tindakan dibawah ini.

website tip : Add HTML Element to Flash Files

Search engine selalu mencari content teks dan elemen teks di dokumen HTML.karena lebih mudah dibaca oleh robot (Googlebots, Bingbots) daripada elemen flash. Elemen flash tidak menampilkan link eksternal seperti yang HTML lakukan. Ini alasan utama menambahkan content format HTML ke file flash agar bisa diindeks crawler.

Seperti saran diatas (membagi content flash yang berbeda dalam file terpisah), dalam pandangan SEO, file flash akan lebih baik tersajikan ketika dipisahkan dalam file terpisah. Setiap file flash harus punya halaman HTML sendiri. Anda juga harus menanamkan file flash ke HTML, menambahkan data deskriptif ke halaman web (web page) seperti judul halaman, header, tag alt gambar, anchor text and meta data.
  • Aturan umum :
    Pastikan menggunakan HTML untuk elemen paling penting website, sekaligus hindari sebanyak mungkin elemen flash
  • Jika memang tidak diperlukan jangan gunakan elemen flash. Sebaliknya sedapat mungkin dan sebanyak mungkin gunakan link teks biasa.

Berikut ini dua objek flash tertanam di HTML agar memudahkan pengindeksan search engine.

screenshot elemen flash dalam HTML

Tips SEO-friendly untuk file flash pada website atau blog :
  • Tambahkan teks HTML untuk file Flash.
  • Tambahkan Meta data untuk flash movies yang menggunakan  FLV MetaData Injector.
  • Sisipkan tag <noembed> dan teks deskriptif di dalamnya, seperti ditunjukkan berikut :
contoh penggunaan tag noembed untuk website

Optimize flash website blog for all browsers

Pengalaman user (visitor) yang ditingkatkan akhirnya akan mengarah ke optimasi mesin pencari (SEO) blog (website)

Mengoptimalkan web berbasis flash untuk semua browser bertujuan memastikan kegunaan ditingkatkan. Gunakan Scalable Inman Flash Replacement method (slFR) atau Metode SWFObject untuk mengubah content flash dalam kasus browser tidak support flash.

Avoid using flash for blog navigation

Dua alasan utama Flash tidak seharusnya digunakan untuk navigasi pada website :
  1. Alasan Pertama
    Hindari penggunaan navigasi membingungkan yang dilengkapi flash  karena mengganggu kegunaan website
  2. Alasan kedua
    Dengan keberadaan flash, analisa web untuk melacak dan mengukur kinerja website tidak bisa memberikan data akurat.
Why?
Karena sulit mengukur data web blog berbasis Flash, seperti halaman dikunjungi, bagian mana dari website yang dilihat dan di tahap mana tamu meninggalkan website.

Use proper sitemap for website blog

Sitemap memudahkan search engine mengindeks  webpage. Untuk website (blog) pengguna Flash, file XML sitemaps bisa dibuat dan ditaruh di root directory. Namun harus dihindari penggunaan “completely flash-based web designs” karena sulit diindeks search engine.

Jika tetap mau pakai elemen Flash, kaitkan saja dengan content HTML agar diindeks (dimunculkan) di halaman hasil pencarian search engine (SERP) untuk keyword Anda. Gunakan Google Analytics untuk pelacakan kinerja blog dan tingkatkan pelacakan elemen flash dengan menetapkan setting special case goals and funnels.

[Source]

That's all we know - Happy blog blogger

read more website design

16 Juli 2013

Rel=nofollow, spider Googlebots dan pagerank website


Penggunaan nofollow untuk mengurangi efektivitas spam di mesin pencari termasuk pada komentar blog sehingga terhindar dari Pagerank leak

Hindarkan Pagerank Leak di blog. Anda ingin menambahkan link tetapi tidak ingin kehilangan spider search engine dari blog (website)? Maka sebaiknya SELALU menambahkan teks berikut dalam a href :

rel="nofollow"

Atribut rel nofollow ini dapat menghindarkan website dari “Leaking Pagerank.”

Apa itu Nofollow? - website files

Nofollow adalah tag dari atribut rel yang menginstruksikan search engine untuk tidak mengindeks (mengikuti) link yang mengarah ke sebuah halaman atau ke blog (website) lain.

Penggunaan nofollow dimaksudkan untuk mengurangi efektivitas spam di search engine termasuk pada komentar blog.

Mengapa disarankan pakai rel="nofollow" tag? - website archives

Atribut rel=nofollow sesungguhnya bukan meta-tag nyata, tapi lebih merupakan deskripsi html. Ini sering digunakan di blog dan forum. Tetapi juga dimungkinkan digunakan di website Anda jika tidak ingin link tertentu (baik link internal maupun link eksternal) harus diikuti.

Jika sebuah link diberikan tag rel nofollow di belakangnya maka search engine tidak akan mengindeks link tersebut atau tidak memberikan backlink ke link tersebut. Robot search engine akan mengindeks posting artikel saja dan bukan link eksternal.

Tujuan website menggunakan atribut Nofollow

Penambahan tag rel="nofollow" membuat optimal SEO blog tetap terjaga sehingga membuat blog terlihat lebih baik di mata search engine. Dengan menambahkan rel=”nofollow” berarti Anda biarkan laba-laba (robot / Googlebots) tahu bahwa Anda tidak menambahkan link sendiri tapi itu karena ditempatkan oleh blog lain atau forum.

Ini tidak berarti bahwa spider mesin pencari (robot crawler) akan menolak link. Itu hanya menunjukkan bahwa link tidak ada hubungannya dengan website (blog).

Website tidak akan dirugikan dalam kasus ada link ke website dengan rel=”nofollow”

NOTICE :
Cara satu-satunya dengan menambahkan rel="nofollow" dan bukan rev="nofollow" atau ref="nofollow"
Cara penggunaan rel="nofollow" dan dampak ke website?
Tag rel=nofollow dapat digunakan oleh text links (dengan atau tanpa anchor text) dan image (gambar) yang diletakkan di sebelah kiri seperti contoh textlink berikut ini :

<a href://www.testdomain.com/page.html">Kunjungi blog</a>

Setelah penambahan tag ini, maka akan tampak seperti berikut :

<a href://www.testdomain.com/page.html" rel="nofollow">Kunjungi blog</a>

Google Spider melihat tag di atas akan seperti ini :
  1. NOT follow this link. It won't mean that your page can't or won't be indexed but this isn't because of the rel=nofollow link. All other links that link to your page (without the nofollow) will be followed.
  2. add NO value to the link in relation to the Page Rank. Page rank is nothing more than how other sites validate external sites to your website. The more votes (or links) are placed to your page, the more change you get being placed higher in the SERPS. The rel=nofollow avoids that the link gets a vote. More about links and the power of linking was reviewed earlier.
  3. add NO value to the anchortext. If you link to a page with keywords that appear on that page and in the title, it WILL add more value to that link, so that is the best way to get more links. With this tag Google will not add any value to the anchor text.
Mengubah semua Link Eksternal menjadi Nofollow
Anda ingin mengubah semua link eksternal blog blogger menjadi nofollow secara otomatis :

TUTORIAL :
  1. Login ke akun blogger.com
  2. Pilih Template kemudian Edit HTML
  3. Centang Expand Template Widget
  4. Letakkan kode di bawah ini tepat di atas </head>

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
    <script type='text/javascript'>
    <![CDATA[
    jQuery('a').each(function(){var a=jQuery(this).attr('href');if(typeof a!='undefined'&&a!=""&&(a.indexOf('http://')!=-1||a.indexOf('https://')!=-1)&&a.indexOf(window.location.hostname)==-1){jQuery(this).attr("rel","nofollow")}});
    ]]>
    </script>

  5. SAVE template
Blogger.com sekarang menawarkan fitur tag rel nofollow ketika membuat link saat Anda menulis posting Untuk lebih jelasnya bisa lihat contoh berikut. 

nofollow blog website design
Isikan teks nama URL Permalink untuk blog Blogger (blogspot) tidak boleh ada spasi, boleh pakai tanda TITIK (.) dan tanda-hubung / Hyphen (–).  Selanjutnya Anda perlu memberi tanda check (centang) pada kotak Add "rel=nofollow" dan klik OK.


That's all we know


read more website design

14 Juli 2013

Related Post under post website by OutBrain


Navigasi cepat sangat penting bagi reader agar segera dapat menemukan content yang diinginkan dan membantu search engine memahami content website blog, gunakan Amazing Related Post by Outbrain untuk navigasi di Homepage website.

Semua website dan Blog atau web blog punya "root" halaman yang disebut homepage (beranda) atau Halaman Utama. Misalnya http://website-download.blogspot.com. Homepage menjadi halaman paling sering dikunjungi dan tempat memulai navigasi kecuali jika website hanya ada beberapa halaman.

Jika punya blog baru, Anda harus memikirkan :

"Bagaimana pengunjung akan pergi dari homepage ke halaman lain (halaman dalam atau INNER PAGES) yang berisi content lebih spesifik?”

Atau sebaliknya, bagaimana navigasi cepat dari INNER PAGE (halaman selain Homepage) kembali ke Homepage. Untuk membuat link homepage, gunakan saja widget HOME dari www.blogger.com untuk blog Blogspot.

Make your website easier to navigate

Navigasi sangat penting bagi reader agar cepat menemukan informasi yang dicari. Hal ini juga membantu Search Engine memahami dengan lebih baik content apa yang menjadikan Webmaster Tools (Google) berpikir dan menganggapnya penting. Meskipun hasil pencarian Google disediakan pada tingkat halaman, Google suka memiliki sense :

Peranan apa yang dimainkan halaman dalam gambaran yang lebih besar.

Apakah Anda punya cukup halaman web relevan dengan topik spesifik sehingga web page tersebut mampu menjabarkan Homepage, dan yang menjelaskan halaman terkait (Homepage -->daftar topik terkait --> topik tertentu)? Apakah Anda punya ratusan posting berbeda yang perlu diklasifikasikan dalam beberapa kategori dan halaman sub-kategori?

Fitur Related Post adalah baris internal link biasanya ada dibawah area posting content website yang memungkinkan reader bernavigasi dengan cepat atau kembali ke bagian sebelumnya atau ke Homepage (halaman "root"). Fungsi navigasi Related Post membantu peranan Navigasi Utama – umumnya berupa Menu-menu Tab horizontal terletak di bagian atas halaman situs.

Semua situs punya HOMEPAGE (halaman root). Sebagai link untuk navigasi user, biasanya HOMEPAGE ditaruh di urutan pertama paling kiri dengan judul di menu tab HOME. Kemudian diikuti daftar bagian lebih spesifik ke kanan dan seterusnya. Bentuk navigasi lain untuk READER adalah Label, Headline, Post Populer atau link-link lain yang tersebar di halaman website.

Kemudahan navigasi (navigable) penting bagi Search Engine dan harus ada untuk support Search Engine Optimalization. Berikut ini cara instant membuat RELATED POSTED dengan OUTBRAIN

  1. » Daftar ke Outbrain.com. Isi nama + password untuk dipakai LOGIN, lalu klik Add Blog
  2. » Install Widget? YES   Klik GET BLOG WIDGETS. pilih Platform, misal  blogger.com
  3. » Untuk penampilan pilih bentuk text atau Thumbnail (deretan image tersusun horizontal)
  4. » Pilih Add Feedback, dengan opsi beri tanda bintang atau Recommend This? atau abaikan.

    Seperti dibawah ini :  Widget Preview (Widget will inherit your site's CSS styles and colors)

    widget preview in website design

    Contoh tampilan Related Post blog terlihat seperti dibawah ini :

    widget preview


    Choose Your Platform :
    • WordPressWordPress
    • TypePadTypePad
    • BloggerBlogger
    • DrupalDrupal
    • JavascriptSquarespace
    • JavascriptJavascript any platform

  5. » Klik I agree to the Outbrain Term Of Services and Privacy Policy. Klik INSTALL

Setelah klik "Install", tab baru akan membuka dashboard Blogger. Masuk ke account Blogger Anda, beri tanda check pada blog yang ingin ditambahkan. Klik "Tambah Widget" yang otomatis sudah diberi title widget - Ratings and Recommendations by outbrain. Pilihan script ada 3 tergantung pilihan platform dan opsi widget preview (Text, Thumbnail atau None). Script ini tinggal di Copy-Paste untuk blog Anda lainnya.

Post terkait langsung : Navigation Blog : Use Widget Related Post in Website



That's all we know - Happy blogging!


read more website design

SEO on Page : Microformats di Blogroll website blog


Optimalkan SEO on Page dengan microformats untuk memberi informasi lebih tentang blog (website) ke search engine.

Microformat  -  disingkat μF 
Microformat Adalah markup semantik teknis yang  digunakan agar struktur lebih baik untuk data yang diajukan web blog atau website ke search engine.

Microformat digunakan sebagai cara memberitahu ke search engine agar lebih memperjelas informasi tentang blog (website). Memasang Microformats di blogroll adalah trik SEO On Page (SEO yang diterapkan pada elemen halaman web (webpage)) yang menyebutkan bahwa link telah diberi penjelasan.

Penggunaan Microformats di blog dan website

Microformat merupakan pendekatan markup semantik berbasis web, berupaya menggunakan kembali tag HTML/XHTML untuk menyampaikan metadata,[1] atribut lain di webpage dan konteks lain yang mendukung (X)HTML, seperti RSS. Pendekatan ini memungkinkan software memproses informasi untuk end-user (seperti informasi kontak, koordinat geografis, et cetera) secara otomatis.

Penggunaan, adopsi dan pengolahan Microformats memungkinkan item data diindeks, dicari, disimpan atau cross-referenced, sehingga informasi tersebut dapat digunakan kembali atau dikombinasikan. Microformats memungkinkan encoding dan ekstraksi kejadian, informasi kontak, hubungan sosial, etc. Salah satu microformats mapan adalah hCard.

Microformats untuk Blogroll website blog

  • Tujuan pasang microformats di blogroll untuk identifikasi teman blog kita di search engine.
Contoh microformat silahkan buka website ini :  http://microformats.org/wiki/hcard

Dan terlihat seperti dibawah ini :

Contoh Microformats di website

Microformats digunakan saat memasang Rich Snippets di blogspot. Menambahkan microformat di blogroll dapat mendatangkan banyak tamu. Microformat sangat penting untuk prioritas blog ditampilkan di urutan pertama serach engine.

Cara memasang Microformats di website blog

Masuk ke Dasboard blogger >> Layout >> ADD Gadget  >>  HTML/Javascript.  Masukkan kode seperti contoh dibawah ini (sesuaikan dengan informasi blog Anda) :

<ul>
  <li class="vcard">
    <a class="fn url" href="http://davidwalsh.name" rel="friend">David Walsh</a>
  </li>
  <li class="vcard">
    <a class="fn url" href="http://casedogdesigns.com" rel="friend colleague met">Casey Watson</a>
  </li>
</ul>

Masukkan kode di atas ke dokumen HTML. Tambahkan sendiri jika lebih dari 2.
Praktek dan latihan memasang Microformats - website fies
Potongan HTML diatas saya sesuaikan dengan isi Blogroll bawaan dari Blogger (blogspot), dengan mengganti dan menyesuaikan teks berwarna merah sesuai dengan informasi blogroll pada blog saya.

Content microformats (sebagai hasil modifikasi code blogroll) seperti terlihat pada widget “WEBSITE ROLL” sidebar blog WEBSITE DESIGN. Isi code HTML widget WEBSITE ROLL (berada di sidebar blog ini) menggunakan snippet code HTML berikut  :

<ul>
  <li class="vcard"> 
<a class="fn url" href="http://www.lipperhey.com/" rel="free services site">www.lipperhey.com</a>
  </li>
<li class="vcard">
<a class="fn url" href="http://www.woorank.com/" rel="free services site">Woorank.com</a>
  </li>
<li class="vcard">
<a class="fn url" href="http://www.virante.org/seo-tools" rel="free services site">Virante seo tools</a>
</li>
<li class="vcard">
<a class="fn url" href="http://www.webpagetest.org/" rel="free services site">PageSpeed Test</a>
  </li>
  </li><li class="vcard">
<a class="fn url" href="http://www.makingdifferent.com/" rel="free services site">Making Different</a>
  </li>
<li class="vcard">
<a class="fn url" href="http://feeds.seo.com/seocom" rel="free services site">seo.com</a>
  </li><li class="vcard">
<a class="fn url" href="http://opensolution.org/" rel="friend site">opensolution webstore</a>
  </li>
  <li class="vcard">
<a class="fn url" href="http://sinyalbisnis.com/” rel="friend site">sinyalbisnis.com</a>
  </li>
  <li class="vcard">
<a class="fn url" href="http://www.asuransi-takaful.com/" rel="friend site">takaful insurance</a>
  </li>
  <li class="vcard">
<a class="fn url" href="http://loving-craft.blogspot.com/” rel="my site">lovely gift</a>
  </li>
<li class="vcard">
<a class="fn url" href="http://yusufzulkarnain.blogspot.com/" rel="my site">Inspiring quotes</a>
  </li>
</ul>

Setelah selesai, hapus blogroll lama dan ganti dengan blogroll baru yang dilengkapi microformats (seperti snippet pada praktek latihan diatas).

Tampilan di blog WEBSITE DESIGN kurang lebih seperti ini :
microformats widget website blogroll

Memasang Rich Snippets di Blogspot

Microformats digunakan saat Memasang Rich Snippets di Blogspot. Didalamnya ada kode jarang dijumpai, seperti fn (formated name) untuk bikin microformat Author. Tujuan memasang microformats di blogroll ini untuk identifikasi ke search engine tentang siapa saja teman Anda (sebagai blogger) di blog.

Hasil penerapan Microformat dan bagaimana memasangnya dapat dilihat URL dibawah ini:

Microformats hCards Generator

Anda dapat saja menggunakan cara mudah membuat microformats HCards dengan mengunjungi  http://microformats.org/wiki/hcard dan isi saja field-field yang ada.  Anda copy seluruh isi snippet yang dihasilkan seperti contoh gambar dibawah ini.

HCard Creator in website design blog
Untuk menguji hasil ekstrak Rich Snippets diatas silahkan buka URL :
http://www.google.com/webmasters/tools/richsnippets.
Isikan URL blog pada kotak yang tersedia. Kemudian  klik tombol HTML dan lakukan Paste dalam kotak yang ada. Terakhir klik tombol Preview (PRATINJAU).

Authorship Verification
Sebelum melakukan semua ini, terlebih dulu harus dilakukan Verifikasi Kepengarangan untuk blog Anda melalui Google webmaster Tools, tepatnya masih dalam halaman Alat Uji Coba Data Terstruktur di URL yang sama (http://www.google.com/webmasters/tools/richsnippets). Jika belum melakukan verifikasi Kepengarangan, Anda akan gagal dan hanya akan ditemukan halaman peringatan seperti di bawah ini.

Sebelum memasang snippet dan microformats
Untuk tutorial verifikasi Kepengarangan (authorship) blog, silahkan kunjungi URL ini :
Tutorial bahasa Indonesia silahkan kunjungi Bagaimanakah Cara Verifikasi Authorship Blog Anda?
Jangan lupa siapkan URL Google+ Anda seperti : https://plus.google.com/101170670541113635819

Selamat mencoba! Happy blogging!

Deskripsi

Definisi
A microformat is a technical semantic markup that can be used to better structure the data submitted to search engines.
Saran
Halaman situs atau blog blogger idealnya harus memanfaatkan markup semantik microformats untuk struktur lebih baik atas data yang disodorkan ke mesin pencari. (advis website review untuk blog website design oleh www.woorank.com)
Keuntungan
Berkat microformats Google secara teratur meningkatkan presentasi data yang disajikan di halaman hasil pencarian search engine (SERP).

SEO in Microformats : Rich snippets for SEO



That's all we know - Happy blogging!!

read more website design
Penelusuran topik khusus di blog ini
Loading