slogan cinta kerja harmoni
Protected by Copyscape Online Infringement Detector
aboutus website design services

Willkommen auf website design Yusufzulkarnain blog

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

21 April 2014

Microformats : Tampilan canggih website di SERP


Penggunaan Microformats dan tampilan SERP website

Apa itu Microformats (Microdata)?
Microformats merupakan seperangkat property (sifat) yang dilekatkan pada tag html standar sehingga memungkinkan search engine mengenali bahwa data spesifik tersebut ialah jenis data tertentu.

  • Microformats adalah konvensi sederhana (dikenal juga sebagai entitas) yang digunakan pada halaman website untuk menggambarkan jenis informasi khusus-misalnya, review, acara (event), produk, bisnis, hotel, restoran, resep atau seseorang (person).
  • Masing entitas punya property (sifat) sendiri. Misalnya, Microdata tentang person (orang) memiliki nama property alamat, nama orang, jabatan (job title), nama perusahaan, dan alamat email.

Bagaimana gunakan microdata untuk informasi di SERP

Topik artikel ini adalah bagaimana menggunakan microdata untuk menampilkan informasi yang diperluas (extended information) di halaman hasil pencarian search engine (Search-Engine-Result-Pages - SERP), yang disebut Rich Snippets (Cuplikan Kaya).

Banyak blogger dan webmaster (pengelola website) ingin menampilkan data tambahan di halaman hasil pencarian (SERP), seperti 3 contoh gambar berikut :

Pernahkah Anda lihat halaman hasil pencarian mesin pencari seperti ini?

micro1-contoh rich snippet microdata

Atau mungkin seperti gambar di bawah ini?

contoh rich snippet microformats

Atau ini?

tiga macam rich snippet microformats 

Untuk menamplkan hasil pencarian seperti diatas, Anda perlu beberapa tuning (penyesuaian) tambahan pada website. Tidak sulit melakukannya, hanya saja diperlukan pengetahuan dasar HTML.

This article is targeting more advanced users, who have some knowledge in HTML and preferably in PHP. Otherwise, it will be very hard for you to figure out how to do it.

Marking up data menggunakan microformats - website files

Umumnya Microformats pakai atribut class dalam tag HTML (sering tag yang dipakai adalah <span> atau <div>) untuk menetapkan nama singkat dan deskriptif pada entitas dan property entitas tersebut. Berikut ini contoh blok HTML yang menampilkan informasi kontak dasar untuk Bob Smith.
(source Google :
http://support.google.com/webmasters/bin/answer.py?hl=id&hlrm=en&answer=146897)

<div>
<img src="www.example.com/bobsmith.jpg" />
<strong>Bob Smith</strong>
Senior editor at ACME Reviews
200 Main St
Desertville, AZ 12345
</div>
Berikut ini HTML marked up dari code HTML diatas yang dibuat dengan memanfaatkan hCard (Person) microformat.

><div class="vcard">
<img class="photo" src="www.example.com/bobsmith.jpg" />
<strong class="fn">Bob Smith</strong>
<span class="title">Senior editor</span> at <span class="org">ACME Reviews</span>
<span class="adr">
<span class="street-address">200 Main St</span>
<span class="locality">Desertville</span>, <span class="region">AZ</span>
<span class="postal-code">12345</span>
</span>
</div>

Cara kerja Microformats - arsip website design

  • Pada baris pertama, class="vcard" mengindikasikan bahwa HTML tercakup dalam tag <div> yang menerangkan tentang seseorang (person). (Microformat yang digunakan untuk menerangkan tentang seseorang “dipanggil” hCard dan disebutkan dalam HTML sebagai vcard. Catatan disini tidak ada salah ketik ditulis apa adanya!.)
  • Contoh diatas menjelaskan property-property item Person (properties of the Person item), seperti adanya sebuah foto, nama, title, organisasi, dan alamat. Untuk pemberian label property-property tentang Orang diatas dijelaskan dengan vcard, setiap elemen berisi SATU property dari semua property ini (seperti <span>, <img>, atau <title>) diberikan 1 atribut class yang mengindikasikan sebuah property.
    Sebagai contoh, fn menjelaskan sebuah nama seseorang; title jabatan (job title).
    (The Help article for each information type includes a full list of recognized properties.)
  • Property dapat berisi property-property lain.
    Dalam contoh diatas, property adr menjelaskan address atau alamat orang (dalam contoh diatas), dan meliputi di dalamnya subproperty alamat jalan (street-address), localitas, wilayah dan code pos.
  • Non visible content.
    Google tidak akan menampilkan content (microdata) yang tidak dapat dilihat oleh user (pengunjung) website. Google tidak menunjukkan content (microformats atau microdata) ke user dengan cara penggunaan teks tersembunyi guna menandai informasi secara terpisah untuk mesin pencari dan aplikasi web. Hasil tampilan HTML sebelum dan sesudah disisipkan Rich Snippets ditampilkan sama persis di webpage. Lihat tampilan “AVATAR” tampilan sama di webpage sebelum-sesudah disisipkan rich snippets di URL  : A Basic Understanding and Use of Microdata for SEO
  • Anda harus mark up teks yang benar-benar muncul untuk pengguna website Anda ketika mereka mengunjungi webpage.

Untuk contoh lain, lihat Nested entities.
dalam situasi tertentu mungkin perlu mensupply informasi detail ke mesin pencari, meskipun Anda tidak menginginkan informasi tersebut dapat dilihat pengunjung website.

Misalnya, menyediakan informasi rinci derajat lintang dan bujur suatu lokasi (tempat) dapat membantu Google memastikan bahwa itu benar dipetakan, memberikan tanggal event dalam format tanggal ISO dapat membantu memastikan bahwa itu muncul dengan benar dalam SERP. Dalam hal ini Anda dapat menggunakan Microformats pola nilai kelas (value class pattern).

Pertimbangkan contoh ini :

<span class="dtstart">
<span class="value-title" title="2009-10-15T19:00-08:00" />
15 October, 7PM
</span>

Dengan melingkupi <span class="value-title" title="2009-10-15T19:00-08:00" />   dalam blok berlabel class="dtstart", Anda menunjukkan bahwa parser rich snippets harus menggunakan nilai dalam judul atribut untuk menemukan tanggal awal acara (event). Tanggal dalam judul atribut dapat direpresentasikan dengan menggunakan format tanggal ISO tanpa mempengaruhi cara ditampilkannya tanggal ke pengguna website.

Untuk specific vocabulary dan examples, silahkan lihat link ini:
Untuk memeriksa markup, gunakan structured data testing tool.

Item types dan item properties - arsip webiste

Ada berbagai jenis item. Semua item bisa ditemukan pada proyek microdata Bing, Yahoo dan Google: http://schema.org

Berikut ini daftar jenis konten yang didukung http://schema.org/docs/schemas.html. Ketika mengklik pada masing-masing, Anda mungkin menemukan item property yang perlu ditambahkan ke HTML. Beberapa item utama meliputi: events, recipes, place, local business, aggregate offer, product etc.

Misalnya saat ini Anda bekerja pada template resep, maka direkomendasikan memulai dengan itu, seperti contoh di URL ini http://schema.org/Recipe
NOTE
Google dan search engine lain tidak menjamin tampilan blog disertai Rich Snippet, meski code yang digunakan telah support. Dibutuhkan waktu lama agar website terindeks disertai Rich Snippets. Berdasar pengalaman dan catatan ahli SEO kadang dibutuhkan 6-9 bulan. Be patient, please!



read more website design

19 April 2014

Dr.Web LiveCD : Antivirus and Scanner – website files


Dr.Web LiveCD - Emergency System Recovery Disk

Dr.Web LiveCD akan membersihkan dari file terinfeksi atau mencurigakan. Dr.Web LiveCD  membantu menyalin informasi penting ke perangkat penyimpanan data yang dapat dipindahkan ke computer lain, dan lalu berusaha menyembuhkan objek terinfeksi. Serangan virus dan semacamnya merupakan bahaya laten - bisa terjadi kapan saja. Meskipun Computer tidak terhubung dengan jaringan LAN atau internet, sumber serangan  bisa datang dari media simpan atau hardware. Singkatnya. Infiltrasi virus memerlukan media (e.g Flashdisk, LAN, Internet, CD, Bluetooth, HD External atau media lain yang memungkinkan pemindahan data).

Emergency System Recovery Disk - website files

Virus adalah sekumpulan coding jahat atau program jahat yang sengaja dibuat oleh seseorang dan biasanya mempunyai tujuan tertentu.

Dr.Web LiveCD menjadi , dirancang untuk melindungi dan pemulihan sistem setelah “lumpuh” akibat serangan virus atau malware activity. Teknologi  Dr.Web memberikan perlindungan anti-virus solid untuk computer rumah (PC), jaringan kantor, dan jaringan perusahaan besar. Solusi Dr.Web dibedakan untuk kebutuhan sistem rendah, kekompakan, operasi kecepatan dan kehandalan mendeteksi semua jenis malware.

How does Dr.Web LiveCD work? - website archives

  1. Download the Dr.Web LiveCD image.
  2. Burn the image onto a CD/DVD. Users of Nero Burning ROM should proceed as follows:
    • Insert a blank CD/DVD into your CD/DVD recorder
    • Click on the “File” menu and select “Open”
    • Browse through folders to the image location and select it
    • Press the “Burn” button, and wait while the image is being written to the disk
  3. Make sure that the CD/DVD drive or any other device with Dr.Web LiveCD is set as the first-boot device. Adjust corresponding BIOS settings, if necessary.
  4. As loading starts, a dialogue will prompt you to choose between the standard and safe modes.
  5. Use arrow keys to select a desired mode and press [Enter]:
    • If you want to use the scanner with the GUI, choose DrWeb-LiveCD (Default)
    • If you’d like to start the scanner using the command line (console), select DrWeb-LiveCD (Safe Mode)
    • Choose Start Local HDD, if you want to boot from the hard drive instead of Dr.Web LiveCD
    • Select Testing Memory to launch the Memtest86+ utility
  6. If DrWeb-LiveCD (Default) is selected, the operating system will detect all available disk drives automatically. It will also try to connect to the local network, if available.
  7. When the system is loaded, check the disks or folders you want to scan, and click on “Start”.
  8. If you need extra help, you can contact the Doctor Web DrWeb-livecd_ico1 Support Team by filling out a Support-Request Form on our web site or sending your request via e-mail DrWeb-livecd_ico2
  9. The Midnight Commander file manager is used to work with files you need to copy to a safe location DrWeb-livecd_ico3
  10. If the operating system failed to configure access to your network, you can do it manually using Networks Configure Manager. From the “Start” menu, go to “Settings,” and then to “Networks Configure Manager”.

How it works (liveUSB)? - website design files

Create an emergency repair USB drive
  • Connect a USB flash drive to the Computer. Registering the plugging in event takes no more than 10 seconds.
  • Launch drwebliveusb.exe.
  • The program will detect available USB-devices automatically and prompt you to choose the one you’d like to use as an emergency repair drive. You can format the device if you like (a warning will be displayed before you proceed with formatting). In order to read the License agreement, follow a corresponding link found in the program window (the page containing the license agreement text will be loaded in your default browser).
  • To create a bootable USB flash drive, press the Create Dr.Web LiveUSB button.
  • Files will be copied automatically.
  • Once the copying process is completed, press the Exit button to close the application.
Developer : Doctor Web Ltd

Screenshot 1. Graphical User Interface

website Doctor Web Ltd 
Screenshot 2. Dr.Web Control Center for Linux

Dr.Web Control Center for Linux OS Requirements: All
License : Freeware

Download Dr. Web LiveCD & LiveUSB 6.0.0 – arsip website

LiveCD | 175MB

Download Dr.Web LiveCD From Jumbofiles   or
Download Dr.Web LiveCD From Uploaded

LiveUSB | 177MB

Download Dr.Web LiveUSB From Jumbofiles   or
Download Dr.Web LiveUSB From Uploaded




Tag Technorati: {grup-tag}
read more website design

18 April 2014

Menghapus Blogger HTML Tag dir="ltr" trbidi="on"



Arti dir="ltr" trbidi="on" di website blog blogger

Sejak awal di Blogosphere (dunia blog pengguna platform Blogger), saya tidak peduli dengan text  “<div dir="ltr" style="text-align: left;" trbidi="on">” ada baris awal mode page HTML setiap posting baru. Setahun-dua tahun pertama, saya  tidak merasa terganggu dengan baris tag HTML tersebut. Namun kini saya peduli karena berdampak negatif terhadap usaha SEO atau teknik Search Engine Optimization.

Blogspot-dir-ltr-apakah-menggangg-2

Definisi dir=LTR menurut official website www.w3.org

Text seperti gambar di atas sebenarnya membantu blogger menggunakan bahasa non-Inggris (e.g. blog berbahasa Indonesia). Namun TIDAK bagi blogger yang menulis dalam bahasa Inggris. Juga  tidak membantu untuk blogger yang menginginkan Blog Post dalam teks rata-kiri-dan-kanan (Justify) - “<div style="text-align: justify;">” - karena tag ini berisi style = "text-align: left;"

Jadi bagi sebagian besar blogger – terutama di Indonesia – ini adalah masalah yang biasa diabaikan dan tidak penting, seperti saya sebutkan di paragraf awal posting artikel ini.

definisi-dir-ltr-versi-w3-org

definisi atribut menurut website w3c

Berikut ini definisi atribut dir=LTR | RTL menurut World Web Wide Concortium (W3C) :
dir = LTR | RTL [CI]
This attribute specifies the base direction of directionally neutral text (i.e., text that doesn't have inherent directionality as defined in [UNICODE]) in an element's content and attribute values. It also specifies the directionality of tables. Possible values :
  • LTR: Left-to-right text or table.
  • RTL: Right-to-left text or table.  - for e.g. Arabic, Hebrew language   
In addition to specifying the language of a document with the lang attribute, authors may need to specify the base directionality (left-to-right or right-to-left) of portions of a document's text, of table structure, etc. This is done with the dir attribute.

Mengapa harus menghapus tag HTML dir=LTR dari website blog?

Seperti dikatakan di awal, saya tidak ambil pusing dengan tag dir=LTR, tetapi kemudian mulai terganggu ketika ditemukan dalam validasi HTML blog saya website-design (menggunakan layanan http://validator.w3.org dan http://validator.nu). Pada kedua validasi HTML tersebut teks <div dir="ltr" style="text-align: left;" trbidi="on"> menyebabkan indikasi ERROR seperti pada screenshot  :

Validation-results-website-download-blogspot-2
Pada setiap posting artikel menjadikan adanya tambahan error seperti di atas pada halaman hasil validasi HTML. Sejauh ini saya lihat hanya berdampak pada validasi HTML untuk setiap posting (ada 492 posting). Saya perlu mengatasi error tersebut. 

Menghapus dir="ltr" style="text-align: left;" trbidi="on" untuk validasi HTML

  1. Buka (LOGIN) Dashboard blogger[DOT]com 
  2. Klik Setting
  3. Pilih Language and formatting
  4. Pada menu Language, pilih disable transliterasi. Perhatikan image berikut :

    how-to-remove-html-tag-dirltr
  5. Klik tombol warna orange “SAVE SETTINGS” (Simpan Setelan)
  6. Sekarang buka kembali Blogger Homepage
  7. Klik New Post
  8. Klik tombol HTML - maka tidak lagi terlihat tag HTML dir-LTR.
  9. Artinya : You had done it successfully.
Kini setiap kali membuat post baru di website blog blogger dengan mode HTML tidak akan terlihat lagi code dir="ltr" style="text-align: left;" trbidi="on"


read more website design

Free HTTrack version 3.44-1 : Website Copier


Aktivitas internet semakin murah. Sampai beberapa tahun lalu harga Modem (Modulator Demodulator) dan paket internet masih mahal. Tapi kini modem termurah Rp 200.000. Dengan budget Rp 35.000 – asal tidak main download – kita akan puas browsing atau blogwalking sebulan penuh. Kuota 6GB dari Three (include bonus 25%) seharga Rp 125.000 cocok untuk download image, banner, audio, video, tools atau software. Paket itu memadai  bagi webmaster (admin website blog) dengan hosting gratisan (seperti platform Blogspot atau Wordpress).

Simpan laman website untuk dibuka secara offline

Saat browsing barangkali kita ingin eksplorasi situs atau download tapi waktu  tidak memungkinkan atau ingin buka situs favorit untuk menikmati content karya para copy-writer idola Anda di webpage tersebut, tapi Anda tidak bisa selalu online. Pasti menyenangkan jika bisa melihat isi situs pada status Offline.

Ada software yang dapat menyimpan halaman website dan kita dapat melakukan treat (membaca, melihat, mendengar atau download) kapan saja. Anda bisa membaca content situs favorit secara offline. Aplikasi  ini ada yang harus dibeli dan ada yang FREE tanpa harus membeli lisensi dan tidak perlu khawatir tentang penggunaannya pada komputer atau notebook.

Opsi aplikasi penyimpan website page untuk dibuka secara offline

Surfoffline

Aplikasi ini juga cukup handal, namun sifatnya komersil - mengharuskan Anda membayar untuk mendapatkan fitur lebih lengkap.  Informasi lebih lanjut kunjungi homepage SurfOffline

homepage surfoffline

HTTrack

Menurut saya aplikasi ini yang terbaik di antara aplikasi-aplikasi sejenis, selain FREE (gratis) aplikasi ini juga tersedia untuk semua sistem operasi seperti Windows, Linux, Freebsd serta Mac OS. Lebih jelasnya anda dapat mengunjungi homepage HTTrack

halaman HTTRACK

Teleport Pro

Aplikasi ini cukup handal untuk melakukan copy website, kekurangan dari aplikasi ini adalah untuk mendapatkan fitur yang lengkap kita harus membayar. Selain itu juga hanya dapat di jalankan di . Lebih jelasnya anda dapat mengunjungi homepagenya Tenmax

teleport proshot

Website Ripper Copier

Aplikasi ini juga cukup handal tapi Anda harus membayar untuk mendapatkan fitur lebih lengkap.  Silahkan mengunjungi homepage Tenson.

Website Ripper Copier

IDM

IDM atau . Bagi kebanyakan orang, IDM adalah aplikasi yang hanya untuk download file, namun sebenarnya Internet Download Manager mempunyai fitur untuk melakukan copy website, yaitu dengan memilih  :

Menu -> Tasks -> run grabber.

Informasi lanjutan buka saja homepage-nya.

copy website dengan RUN Grabber IDM

Dari aplikasi-aplikasi di atas, hanya HTTrack yang bersifat FREE serta dapat di jalankan di berbagai sistem operasi. Kalau ada yang benar-benar gratis serta powerfull, kenapa harus membayar??




read more website design

17 April 2014

Adobe Digital Editions to read protected e-Books



How to open PDF files protected? - website archieves

Bila Anda ingin download eBook, hasilnya mungkin tidak berupa file PDF tetapi file EPUB (file dengan tipe ePub). Anda mungkin kebingungan, karena  PDF Reader tidak mampu membukanya. Lebih-lebih sekarang ini banyak eBook yang diproteksi – akses publik dibatasi dengan alasan komersial, misalnya.
Apa solusinya? Manfaatkan Adobe Digital Editions ® 1,8 Preview.

Adobe Digital Editions ® 1,8 Preview merupakan tool atau software aplikasi kecil - digital eBook Reader. Aplikasi dirancang untuk bekerja dengan fitur aksesibilitas System Operasi Windows dan Mac, termasuk di dalamnya feature kontras tinggi, dan software pembaca suara - JAWS pada Sistem Opperasi Windows dan VoiceOver pada Sistem Operasi Mac.

Preview-nya memungkinkan membaca eBook yang diproteksi, termasuk buku-buku yang ditawarkan melalui Overdrive di banyak perpustakaan umum dan buku yang dibeli melalui penjual buku online seperti Barnes dan Noble. Digital Editions 1.8. Saat ini, Adobe Digital Edition 1,8 Preview tidak support fitur 1,7 untuk – annotations, printing, dan support devices (kemampuan untuk memuat eBook ke USB yang terhubung dengan hardware eReader).

Digital Editions 1.8 Preview - arsip website

Bagi pengguna Operating System Windows XP dapat melakukan FREE download aplikasi software ini, Silahkan klik Adobe Digital Edition 1.8 Preview maka akan dihasilkan file bernama :

digitaleditions1-8_p1_win_071811 (3.23 MB)

Bagi user OS Mac kunjungi official site http://labs.adobe.com/downloads/digitaleditions1-8.html  Kemudian lakukan Install software tersebut.

Additional Downloads - website design archieves

Digital Editions 1.8 Preview Getting Started eBook

The Getting Started eBook is pre-installed with Digital Editions 1.8; however, if you happen to remove it, you can download it using the following link.

EPUB READER sebagai ADD-ONS Mozilla Firefox - arsip website

Pilihan lain Anda bisa download EPUB Reader 1.4.1.0 sebagai add-ons untuk Mozilla Firefox disini :

Welcome to EPUBReader! How it works - website archieves

  • Go to the webpage where you want to download the ePub file and click on the download link. If you already downloaded the ePub file to your PC, just open it via the "File/File open" menu or drag the file on the Firefox window.
  • Now EPUBReader starts working: it downloads/opens the ePub file, uncompresses it and does some other processing. At the end it will present you the ready to read ePub file immediately!
  • EPUBReader created a page where all the ePub files, you downloaded/opened, are listed. You can open this page at four locations:
    • EPUBReader added a bookmark to this page called "ePub-Catalog" which you can find at the end of your bookmark list.
    • You find a new menuitem in your Firefox "Tools" menu, called "ePub-Catalog".
    • You can add a button to your Firefox toolbar. If you use Firefox 4.0 or later, the button has been added automatically.
    • When you are reading an ePub-file, you find a button in the bottom toolbar.
You want to get more information about EPBUReader, please read the manual or the FAQ.   Enjoy it!

Pengalaman Penggunaan - arsip website design

nikmati Free e-Book Sherlock Holmes

Software ini mengkonversi eBook menjadi file berukuran luarbiasa kecil. Saya download novel detektif terkenal “The Adventures of Sherlock Holmes” karya Sir Arthur Conan Doyle, 245 halaman, size 1MB, bisa dikonversi ke file EPUB ukuran 2KB. Anda buktikan saja dengan klik:
Kemudian pilih judul novel diatas dan klik DOWNLOAD ITEM Maka akan dihasilkan file baru bernama URLLink yang ukuran sangat kecil sekitar 2KB.

Jika Anda sudah menginstall software Adobe Digital Edition 1,8 Preview, maka Anda hanya perlu melakukan klik kanan file URLLink size 2KB lalu pilih Open With > Adobe Digital Editions. Maka akan muncul di jendela halaman aplikasi tersebut. Library > pilih sub-menu Add irems to Library

Untuk membuka file eBooks, pada halaman Utama, silahkan lihat Menu Library > pilih sub-menu Add irems to Library. Kemudian lakukan browsing untuk mencari file eBooks Anda. Atau langsung buka saja file yang dimaksud dengan cara klik kanan > Open with : Adobe Digital Editions.   Untuk fitur lain silahkan lakukan eksplorasi sendiri.

Penggunaan umum - website-design archieves :

Reading eBooks
Reading EPUBs
Reading PDFs



read more website design

16 April 2014

Bagaimana Merancang Website untuk Toko Online?


Website store : Anda punya produk untuk dijual?

Dalam bisnis harus ada strategi dan visi. Demikian juga dalam bisnis online. Banyak pecundang gagal menjalankan bisnis online (via website, toko online, Facebook etc) hanya ikut-ikutan tanpa planning, tanpa strategi dan visi sehingga pada satu titik tidak tahu lagi harus berbuat apa. Mereka membuat website atau halaman Facebook, untuk selanjutnya malas memperbaharui content (posting). Akibatnya pengunjung tidak kembali lagi – pergi bersama uangnya.

Ada hal teknis yang harus dikuasai agar bisnis online running. Jika bisnis online dicari kemiripan dengan toko riil. Maka untuk menjalankan toko online (toko riil), dibutuhkan beberapa hal  :
  1.  Nama domain, sebagai alamat toko

    icon toko online prestashop
  2. Account web hosting sebagai ruang toko
  3. Software HTML editor sebagai alat pembuat perlengkapan display toko
  4. Software FTP sebagai alat pengirim perlengkapan display ke toko
Anda harus memberi nama Toko riil (atau dianalogikan sebagai domain name toko online) dan juga harus menyewa ruangan (dianalogikan jasa sewa web hosting tahunan) untuk eksistensi bisnis.

Setelah ada produk, domain &  sewa host, Anda perlu source (aplikasi HTML Editor (Dreamweaver), CSS, script code etc) untuk menyiapkan fitur display Toko online. Anda harus memajang produk di toko online dan membutuhkan software FTP untuk memastikan toko online bisa dilihat orang.

Singkatnya toko online memerlukan 4 hal :
  1. Nama domain - nama ditentukan berdasarkan survey keyword yang paling optimal.
  2. Account web hosting - punya account server dari penyedia layanan hosting berbayar.
  3. Software HTML editing - untuk merancang layout website.
  4. Software FTP - untuk upload file-file website tersebut ke account web hosting.

Nama Domain untuk website toko online

Nama domain sama seperti nama (alamat) Toko riil. Setelah file website diupload, publik bisa akses toko online dengan mengetik (nama) domain atau mencari di Search Engine. Beberapa pertimbangan dalam menentukan domain :
  • Nama Domain harus unik.
    Check nama domain sudah dipakai (atau belum), gunakan layanan http://www.truewhois.com
  • Nama domain berkaitan dengan Isi website atau produk Anda.
  • Gunakan domain berakhiran .com. Mengapa?
ARGUMENTASI :
Jika mencari alamat situs, kata apa yang terlintas di otak kebanyakan orang? Jawabnya .com. Domain akhiran .com memiliki brand 80% lebih baik daripada domain akhiran lain.

  • Jangan pertaruhkan bisnis Anda dengan nama asal-asalan.

Membeli Domain : List website penyedia domain name

Sebenarnya Anda menyewa domain, sebab tiap tahun harus bayar $10-$15 per tahun untuk perpanjangan. Berikut ini daftar situs penyedia domain murah. Pembayaran via credit card atau transfer bank. Jika tidak punya kartu kredit, disarankan membeli domain di website indonesia.
Pembelian domain dengan kartu kredit :
  1. • http://www.ucvhost.com
  2. • http://www.domainpeople.com
  3. • http://www.registerdomain.com
Pembelian domain dengan transfer bank :
  1. • http://www.techscape.co.id
  2. • http://www.cakranic.com/
  3. • http://www.apenta.com/
  4. • http://id.chalicehost.net/
  5. • http://www.cyberspace.co.id/
  6. • http://www.dutahost.net/
  7. • http://www.gadjahmada.com/
  8. • http://www.medannic.com/
Atau cari di http://www.google.com / http://www.searchindonesia.com (untuk lokal) dan ketik “buy domain” atau “beli domain” atau “web host.” Akan ditampilkan ratusan halaman berbagai perusahaan penyedia domain dengan berbagai fitur dan harganya.

Account Web Hosting untuk website toko online

Internet pada dasarnya adalah kumpulan jaringan komputer yang terhubung satu sama lain. Supaya data dalam komputer (website) Anda bisa diakses oleh computer lain, maka Anda perlu menyimpannya pada sebuah server yang bekerja 24 jam sehari, dan ini di sebut web hosting. Situs yang menyediakan domain seperti daftar diatas juga menyediakan layanan web hosting dan Seringkali, pembelian domain merupakan satu paket dengan penggunaan layanan web hosting.

Layanan web hosting dengan Credit Card, Paypal atau transfer bank :

  1. • http://www.karyaweb.com
  2. • http://www.cliohosting.com
  3. • http://www.paheweb.com
  4. • http://www.master.web.id
  5. • http://www.gapura.web.id
  6. • http://www.andalan.net
  7. • http://www.websolusi.com
  8. • http://www.techscape.co.id
  9. • http://www.singcat.com
  10. • http://www.indoweb.com

Support untuk untuk website toko online

Untuk membuat sendiri website toko online atau kustomisasi web store beserta segala kerumitannya, Anda membutuhkan skill coding, software pendukung dan lainnya.

Software HTML Editing

Awalnya teknologi internet untuk membuat halaman web dan membutuhkan pengetahuan khusus kode HTML dan hasilnya berupa website simple. Sekarang untuk menggambarkan kemudahan rancangan halaman web ada istilah “WYSIWYG” (What You See Is What You Get). Software paling popular untuk merancang website adalah FrontPage dan Dreamweaver yang memberi kemudahan luar biasa.
Jika belum pernah sama sekali merancang halaman web, ada tips sederhana untuk membuat web yang menarik dengan cepat :
  1. Jelajahi Internet, carilah satu halaman web yang sederhana namun menarik.
  2. Save halaman tersebut (file > save as > halaman web (complete)).
  3. Lalu aktifkan software frontpage, biasanya sudah tertanam di komputer anda.
  4. Melalui frontpage, buka halaman web yang telah disimpan.
  5. Anda akan melihat dari frontpage bagaimana halaman web tersebut dirancang.
  • Berlatihlah mengubah huruf, warna, tabel etc. Anda akan cepat belajar dengan cara ini - Learning by doing.

Software FTP

Setelah Anda punya file-file untuk webpage, kini saatnya memasang di web host. Anda membutuhkan software FTP (File Transfer Protocol). Software FTP adalah alat khusus yang memungkinkan anda memindah file dari komputer dan meletakkannya ke web atau disimpan oleh server (web host). Contoh :

Software FTP WS_FTP Pro atau WS_FTP LE. Keduanya dibuat oleh Ipswitch.com.
Upload file Anda ke dalam Web
Kolom isian software FTP diisi data yang diterima dari web hosting via email setelah account web host anda diaktifkan. Data yang diminta :

Host Name/Address : Alamat website

Yang dimaksud alamat website adalah URL website toko online Anda (domainanda(DOT)com) atau IP address. IP address adalah serangkaian angka yang diberikan oleh web host kepada Anda sebagai identitas. IP address ditemukan dalam email aktivasi account.
  • User ID
  • User ID digunakan untuk mengakses account hosting anda.
  • Password
       Ini adalah password account hosting anda.

CATATAN UNTUK WEBSITE TOKO ONLINE

  • Domain dan account web host adalah informasi sangat penting. Jangan sekali-kali memberikan data akses ke orang lain. Sekali kehilangan password, Anda juga kehilangan bisnis, seberapa pun besar perusahaan online yang Anda punya.
  • Jika 3 data (HostName, ID, Password) sudah diisi dengan benar dan klik OK, maka otomatis software FTP akan mengakses account hosting.
  • Jendela FTP terbagi 2. Bagian kiri adalah data file Anda di komputer lokal. Dan bagian kanan adalah data file di web hosting account Anda. Jika anda ingin mentransfer file yang ada di sebelah kiri ke data sebelah kanan, yang perlu anda lakukan hanyalah memilih beberapa file yang akan di pindah lalu klik tanda “=>” yang terdapat di bagian tengah.
  • Lalu pada account web host, file-file tersebut Anda ingin menyimpannya di folder sebelah mana?
  • Pada web host yang saya miliki, saya menyimpan file tersebut dalam folder “public_html”. Nama folder penyimpan file html untuk setiap web host mungkin berbeda, namun sebenarnya maksudnya sama. Anda bisa membaca petunjuk detail pada setiap web host yang menerangkan soal folder penyimpanan ini. Jika ingin membukanya, klik 2x folder tersebut (public_html).
  • Umumnya folder ini tidak berisi apa-apa selain sub folder “cgi-bin”. Jika ternyata terdapat beberapa file atau folder lain, biarkan! Ini tidak masalah. Tugas anda selanjutnya adalah mentransfer file web yang sudah dirancang sebelumnya di PC menuju web account. File tersebut di sebelah kiri.
  • Sedangkan tujuan transfer ada di sebelah kanan. Saya harap anda ingat bagaimana mentransfer file di komputer secara local.
  • Dengan memakai Windows Explorer. Cara di FTP sama persis dengan cara transfer di windows explorer. Hanya saja di FTP lebih praktis. Anda hanya perlu memilih file dan klik tombol “=>
  • Anda bisa mentransfer file satu per satu, atau sekaligus. Sama seperti Anda mentransfer file dari satu folder ke folder lain di Windows Explorer, anda bisa memilih beberapa file sekaligus dan langsung upload ke web account.

Bisnis Online sudah siap!

Jika proses transfer sempurna, silakan akses website. Ketik  www(DOT)domainanda(DOT)com
di browser. Periksa semua tampilan website, link-linknya, dan sistem navigasi. Adakah link mati? Coba sistem pendaftaran, sistem reseller etc. Setelah yakin semua OK, Anda Promosikan!



read more website design

15 April 2014

Prestashop : solusi toko online paling favorite

Prestashop : website toko online dengan fitur terlengkap

Prestashop memanfaatkan AJAX sehingga modul-modul dapat ditambahkan dengan mudah. Dengan mesin template Smarty pada Prestashop, developer independen (bebas) diizinkan menciptakan theme hanya dengan mengedit file-file yang terdapat pada folder ‘Themes’ tanpa mengusik core engine Prestashop

CMS webstore platform Prestashop cocok untuk bisnis online skala kecil menengah dan sangat layak untuk toko online produk eceran. CMS platform ini dipakai lebih dari 100 ribu website store sejak Agustus 2007. Software menggunakan mesin template Smarty dan support lebih dari 40 bahasa (incl. bahasa Indonesia). Prestashop support portal pembayaran Google Checkout, Paypal dan beberapa metode pembayaran melalui API.

Untuk menambah fungsi, Prestashop memanfaatkan AJAX pada panel admin sehingga modul-modul dapat ditambahkan dengan mudah.

Modul-modul tersedia gratis atau modul berbayar yang dikembangkan oleh web developer independen (bebas). Prestashop sendiri juga menawarkan modul dan template berbayar dengan nama PrestaShop Addons.

Versi terbaru PrestaShop V.1.6.x.x.

CONTOH DEMO : www.lovingprize.com

Prestashop design toko online

Kebutuhan Teknis untuk operasional website store Prestashop

Merchant harus beli nama domain dan sewa hosting (web server) untuk setiap website toko online.

Persyaratan teknis lain adalah sebagai berikut :
  • Apache web server 1.3 atau serial lebih baru, IIS 6 atau yang lebih mutakhir
  • PHP 5 atau lebih mutakhir
  • MySQL 5 atau lebih mutakhir
  • Sistem operasi Windows, Linux atau UNIX terinstall.

Daftar fitur umum website toko online Prestashop

Fitur-fitur umum website store Prestashop dapat dibagi dalam beberapa kategori :
A. Fitur Front Office :
  • Transaksi khusus (potongan harga, pemberian voucher)
  • Menampilkan produk pada halaman depan
  • Penjual terbaik pada halaman depan
  • Produk baru pada halaman depan
  • Penawaran ‘pengiriman gratis’
  • Cross-selling / penjualan dengan penawaran produk terkait (aksesoris etc.)
  • Perbesaran gambar produk
  • Memesan barang yang persediaannya sudah habis (out-of-stock)
  • Pelanggan yang berlangganan dan akun pengguna
  • Metode pembayaran tidak terbatas
  • Pembayaran melalui bankwire
  • Modul Google™ Checkout
  • Cash-On-Delivery (COD)
  • Dikonfigurasi untuk modul Paypal™
  • Form kontak dengan multi-penerima
  • Penandaan produk dan tag cloud
  • Pencarian produk
  • Merchandise return (RMAs) & credit slips
  • Pengembalian merchandise (RMA) & slip kredit
  • Pelacakan paket
  • Penawaran bungkus-kado dan pengemasan dengan bahan daur ulang
  • Faktur pelanggan dengan format PDF
  • Pengingat Shopping Cart
  • Sale of services & virtual goods
  • Penjualan jasa dan produk virtual (Software etc.)
  • Favicon custom
  • RSS feed
  • Newsletter opt-in
  • Pilihan 'Pick up in-store'
  • Kustomisasi produk (teks dan gambar)
  • Wishlist
  • Program Pelanggan Setia (Loyal customer)
  • Program afiliasi
  • Program ‘keuntungan sponsor teman’
  • Customer product reviews
  • Tinjau kembali produk oleh pelanggan
B. Fitur Back Office :
  • Kategori dan sub-kategori tidak terbatas
  • WYSIWYG teks editor dengan fitur penuh
  • Kombinasi atribut produk tidak terbatas
  • Spesifikasi produk tidak terbatas
  • Gambar tidak terbatas dengan pengubahan ukuran otomatis dan optimisasi berkas
  • Mata uang tidak terbatas
  • Pengaturan pajak tidak terbatas
  • Pengangkutan dan tujuan pengiriman tidak terbatas
  • Pajak berdasarkan negara bagian, negara, keduanya, zona atau tidak sama sekali
  • Penyimpangan harga (diskon berdasarkan jumlah barang)
  • Nilai tukar mata uang real-time
  • Pengelolaan inventaris
  • Pengingat dengan SMS/pesan teks
  • Tambah/hapus modul
  • Bar code / kode bar
  • Bantuan secara kontekstual
  • Attribute Combo Generator
  • Generator Attribute Combo
  • Notifikasi status pengiriman melalui e-mail (dapat dikustomisasi)
  • Bahasa dan dialek tidak terbatas
  • Impor/Ekspor terjemahan bahasa
  • 13 default language translations
  • 13 bahasa terjemahan asal
  • Search Engine Optimization (SEO)
  • Friendly URLs / Permalinks
  • Tema grafis dan 100% dapat dimodifikasi
  • Back Office users & permissions (ACL)
  • Mode perawatan (Maintenance)
  • Jumlah pemesanan minimal
  • Newsletter contact export
  • Ekspor kontak newsletter
  • Pencarian dengan alias
  • Bulk lister/impor berkas .CSV
  • Enkripsi SSL (Secure Sockets Layer)
  • Pengunjung yang online
  • Content Management System (CMS), seperti About Us, Tems and Conditions, dsb.
  • Laporan
  • Grup pelanggan

Komunitas Developer

Karena sifat open-source, banyak developer berminat membuat / mengembangkan potensi Prestashop. Kumpulan bundel skrip tambahan (disebut Modul PrestaShop), tema maupun bantuan lain bisa didapat dari para developer ini.

Dilihat dari segmen yang dikembangkan, ada beberapa kategori sasaran Developer, yaitu :

Third Party Module untuk website toko online Prestashop

Third Party Module adalah modul yang dibuat dan dikembangkan secara independen oleh Developer namun modul tersebut tidak termasuk ke dalam modul resmi bawaan PrestaShop. Third Party Module menyediakan beberapa modul yang tidak tersedia pada paket instalasi PrestaShop.

Sering ditemukan modul yang belum compatible dengan versi PrestaShop. Jika Developer masih aktif mengembangkan modul, mereka membuka tanya-jawab atau support atas modul ciptaannya.

Themes untuk website store Prestashop

Developer yang menekuni grafis dan sistem interface bisa membuat theme khusus PrestaShop.

Dengan template Smarty yang digunakan, developer bisa menciptakan theme hanya dengan edit file-file yang terdapat pada folder ‘Themes’ tanpa mengusik core engine Prestashop.

Developer dapat menawarkan bantuan dan dukungan ke user awam tentang theme yang digunakan.

Development

Pengembang yang menangani modul, model obyek atau database dapat menjadikan modul resmi bawaan PrestaShop compatible dengan beberapa theme atau dengan modul lain. Bahkan Developer Core PrestaShop bisa memperbaiki beberapa bug pada versi tertentu PrestaShop.

User awam atau developer lain bisa konsultasi dan sharing (berbagi) dengan mereka yang tahu Core PrestaShop.

Guides and How-To : Panduan dan tata-cara penggunan modul website Prestashop

Karena banyaknya modul yang ditawarkan dan theme beragam, developer kadang membuat panduan dan tata-cara penggunaan modul/tema buatan mereka. Panduan ini dapat dijadikan pegangan user awam atau pengembang yang melakukan test-bed modul/tema pengembang lain.

Language Support : Berpartisipasi kembangkan fitur multi-lingual

Fitur multi-lingual memungkinkan visitor dapat mengganti bahasa yang ditampilkan pada halaman website dengan bahasa yang tersedia – tersedia bantuan untuk memperbarui atau memperbaiki kesalahan teks terjemahan, bahkan Anda bisa ikut berpartisipasi untuk melakukannya.

Security : Partisipasi dalam perbaikan sistem keamanan

Developer dapat berpartisipasi memperbaiki atau menambahkan sistem keamanan ke dalam PrestaShop (berupa modul atau plug-in seperti CAPTCHA) seputar database, halaman web atau interaksi pengunjung dan website.

Help and Support : Partisipasi dalam layanan bantuan dan support

Developer dapat memberikan layanan bantuan dan support, baik yang berhubungan dengan instalasi, upgrade, konfigurasi, integrasi ataupun support terhadap modul/tema tertentu.

References : Sumbangan Referensi yang diperkaya

1. http://www.prestashop.com/blog/article/prestashop_v136_is_also_available/
2. PrestaShop Modules & PrestaShop themes PrestaShop Addons
3. PrestaShop Modules & PrestaShop themes situs pasar resmi PrestaShop

External links



read more website design

13 April 2014

Hard set smartphone GT-S6310 - website archives


Saya pilih smartphone ini karena sistem operasinya (OS) Android, 4.1, Jellybean. Untuk penggunaan BBM disyaratkan minimal versi Android 4. Jaringan 3G Network, singkatnya sangat mendukung aktivitas internet saya dalam mengelola akun Facebook, komunikasi toko online, twitter dan social media lain, dan dalam mengelola atau edit sederhana website blog.

Samsung Galaxy GT-S6310 Terkunci – website archives

Kebanyakan kita tidak senang jika smartphone diutak-atik orang lain karena ada data penting bersifat pribadi. Untuk mengantisipasi perbuatan,si Tangan Nakal, biasanya user smartphone menggunakan password berupa sandi kata-kunci maupun pola.
Smartphone bermasalah saat teman atau saudara penasaran dan nekat mencoba berbagai kombinasi kata atau bentuk untuk membuka proteksi. Celakanya setelah 3 kali kesalahan memasukkan password atau kombinasi pola, maka smartphone (berbasis android) akan meminta Anda memasukkan account gmail beserta password agar bisa dibuka.
Lebih celaka lagi, setelah beberapa kali, smartphone bisa menolak dibuka setelah memasukkan account gmail dan password seperti saya alami.
Karena ulah anak Samsung Galaxy Young GT-S6310 terkunci, hanya muncul layar panggilan darurat. Seharian saya browsing mencari tahu nomor call darurat yang benar di berbagai forum dan hanya menemukan pertanyaan tidak terjawab atau jawaban tidak memuaskan. Akhirnya saya ambil keputusan setting ulang smartphone tersebut.

Reset smaprtphone GT-S6310 - arsip website design

Cara menangani kedua masalah tersebut dengan melakukan “hard reset” atau mengembalikan setting seperti saat dikeluarkan dari pabrik atau kala pertama kita membeli baru.
Cara ini juga bisa dilakukan hard reset untuk Samsung Galaxy Young S5360.

When you need to perform a Hard Reset?

You can apply this operation in many cases, We will mention some of them here:
-  After installing bad or unsupported application into your Samsung mobile phone which causes
    your phone to be frozen.
-  Samsung mobile phone doesn't respond to any order after booting because of some
    software errors.
-  Forgotten pattern lock in Samsung Android mobile phones.
-  Forgotten user code.
-  Forgotten phone code.
-  Before or after installing new firmware updates into your device.
-  You want to delete all personal information from your device in case you want to sell it.
-  You Bought a second hand device and you want to wipe all stored data from it.

What to do before performing the Hard Reset?

-  In case your Samsung mobile phone can connect to a computer then it is better to
    make a backup of your saved data using Samsung kies software.
-  Check that your phone's battery has enough charging, Otherwise you should charge it.
Samsung S6310 Galaxy Young Hard Reset Steps:
  • Make sure that your Samsung S6310 Galaxy Young is Off, And has no SIM or Memory cards are inside.
  • Take out its battery for 10 seconds, Then put it in again.
  • Press and hold Volume Up + Home Keys, Then press Power.
  • Keep pressing the above keys until Samsung logo appears,Then release all keys.
    Press-hold-Home-VolumePlus-Power reboot-samsung-galaxy
  • Wait until you are into Factory reset / System Recovery menu.
  • Use Volume Down key to scroll down and select Wipe Data / Factory Reset option.
  • Use Power button to confirm the operation.
  • You need to use the Volume Down key again to select "Yes -- delete all user data"
  • Use Power button to confirm the operation one more time.
  • After performing the hard reset, Select Reboot System Now option, And confirm it using Powerbutton.
  • Now the phone will reboots, Wait for it to be fully on and then you can start using it.
Notice:
The Hard Reset / Factory Reset operation will delete anything that are saved in your phone's internal memory, So make a backup of your data in case you can access them.



read more website design

10 April 2014

Hacker attact! Ganti password! – website archive


Isu keamanan (security) kini menjadi isu dominan di jaringan computer, internet, website terkemuka, situs pemerintah atau bisnis online. Sementara ancaman cyber war antar negara sudah sejak lama bukan rahasia umum lagi.

Ancaman baru Hacker terhadap website dan computer

Sejak skandal pembocoran Snowden, bekas orang dalam NSA, kini semua pihak kembali membicarakan keamanan computer dan internet. Belum lama ini layanan blog milik Yahoo! Tumblr baru saja menganjurkan penggunanya mengganti password di semua account, khususnya akun dengan tingkat kerahasiaan tinggi seperti email, penyimpanan data, dan perbankan. Kerusakan besar pada sistem keamanan membuat beberapa perusahaan teknologi meminta publik mengganti semua password, demikian laporan BBC pada hari Rabu (09/04/2014).

Kasus pada website pengguna data keamanan Open SSL

Imbauan daitas dikeluarkan setelah beredar virus Heartbleed. Hal ini terkuak menyusul pemberitaan bahwa produk yang menggunakan data keamanan Open SSL bisa diubah sedemikian rupa sehingga dapat diakses.
  • OpenSSL adalah sistem kriptografik populer yang digunakan mengacak data secara digital saat pindah antar server computer, sehingga hanya bisa diakses oleh user
Apabila sebuah organisasi menggunakan sistem tersebut, pengguna akan mendapati ikon gembok pada web browser mereka, walaupun produk saingan juga bisa memunculkan ikon yang sama. Google Security dan Codenomicon, perusahaan berbasis di Finlandia mengungkapkan pada Senin (7/4), cacat (bug) pada software ini telah ada selama lebih dari dua tahun terakhir.
login-password-website
Kecacatan tersebut bisa digunakan untuk mendapatkan kunci rahasia dari website-website perusahaan yang menggunakan OpenSSL. Bila password ini di-copy, tidak hanya bisa mencuri nama dan password, HACKER (peretas) juga bisa meng-copi data dan membuat situs palsu yang tampak seperti orisinil. [IT/BBC]
Related post :
http://tekno.kompas.com/read/2014/04/10/1601488/Pakai.Facebook.dan.Yahoo.Cepat.Ganti.Password
http://tekno.kompas.com/read/2014/04/10/1701450/Ini.Daftar.Layanan.Internet.yang.Wajib.Ganti.Password
http://www.dw.de/asuransi-serangan-peretas/a-16951264


read more website design

06 April 2014

URL website : Hyphens or underscores URLs revisited


Topik Hyphen (tanda hubung "-") atau Underscores (tanda garis bawah "_") bagi sebagian orang mungkin tidak menjadi masalah. Pengelola website atau blogger biasa (yang tidak peduli dengan SEO atau tidak ambil pusing halaman-halaman website mereka ada di posisi mana di Search-Engine-Result-Pages (SERPs), atau bahkan mereka juga tidak peduli website blog miliknya sudah diindeks atau belum oleh search engine manapun), maka Hyphen (-) atau Underscores (_) bagi mereka sama saja.

SEO website : Pilih Hyphen atau Underscores?

Hampir semua ahli SEO rekomendasikan penggunaan tanda-hubung (Hyphen / dashes) disimbolkan sebagai "-" dalam URL atau in-pages-URL daripada penggunaan garis-bawah (underscore) yang disimbolkan sebagai "_"

Ann Smarty over at Search-Engine-Journal mengatakan bahwa kerugian penggunaan (_) adalah :
  • Traditionally it isn’t seen by search engines as a word separator (this is slowly changing now)
Prinsip diatas juga dianjurkan oleh Matt Cutts (the head of Google’s Webspam team) berikut ini :
  • Hindari penggunaan pemisah kata underscores (_) pada subdomain dan sebagai gantinya gunakan tanda hypen (-).
Saya kutip saran dari Matt Cutts :

objective-is-links-are-natural

So if you have a url like word1_word2, Google will only return that page if the user searches for word1_word2 (which almost never happens). If you have a url like word1-word2, that page can be returned for the searches word1, word2, and even “word1 word2″.

Saran ini menjadi rasional karena dari ahli SEO di jantung Google. Struktur URL website (blog) memang harus sesederhana mungkin. Pertimbangkan untuk mengatur content Anda sehingga URL dibangun secara logis dan dengan cara paling dapat dimengerti oleh manusia (bila memungkinkan, PILIH kata-kata yang mudah dibaca daripada nomor ID yang panjang).

Misalnya, kita mau mencari informasi tentang penerbangan. Kemudian ditemukan URL ini :
Dengan format nama URL seperti diatas akan lebih membantu memutuskan apakah kita akan klik link tersebut. Sebaliknya kita juga temukan link dengan URL seperti dibawah ini :
Format nama URL yang kedua tersebut tidak menjadikan orang tertarik untuk mengklik karena kita semua tidak tahu informasi spesifik apa yang ada di dalamnya.

Rekomendasi Woorank : Hyphens untuk optimisasi SEO website

Pada review situs oleh www.woorank.com untuk blog ini, WOORANK memberi advis :
  • We have detected underscores (these_are_underscores) in this URL and/or in in-page URLs. You should rather use hyphens (these-are-hyphens) to optimize SEO. While Google™ treats hyphens as word separators, it does not treat underscores as word separators.
Website Review website design

Tentu ini menjadi alasan kuat untuk mengikuti saran Matt Cutts :
  • Hindari pemakaian pemisah-kata underscore (_) di subdomain, sebagai ganti pakai hypen (-)
Nama URL http://www.example.com/green-dress.html   jauh lebih berguna bagi kita daripada nama URL dengan unsur tambahan (_) seperti  :

ht*p://www(DOT)example(DOT)com/green_dress(DOT)html

Maka gunakan tanda-hubung (-) bukan garis bawah (_) untuk nama URL tersebut.

Penjelasan penggunaan Hyphen (-) dalam subdomain website

Nama URL terlalu rumit, terutama yang mengandung beberapa parameter, bisa menyebabkan masalah pada CRAWLER (robot) search engine, menyebabkan URL mengarah ke content identik atau serupa di website blog Anda. Hai ini sangat tidak disukai Google, karena akan mengakibatkan Googlebot memakan bandwidth lebih besar dari yang diperlukan, atau bahkan tidak dapat mengindeks semua content website.

Jika Anda punya link-link yang digaris-bawahi, maka mereka sering disalahartikan. Misalnya, sebuah blog berisi link yang sengaja diberi underscore dan diposting di suatu forum. Link tersebut kemungkinan besar akan digarisbawahi karena disesuaikan dengan default styling CSS. Sekarang ketika seseorang melihat link tersebut, mereka tidak mampu membedakan keduanya. Karena underscore yang sengaja dibuat telah berbaur dengan styling underscore sebagai akibat default styling CSS pada link.

Perhatikan link :

ht*p://www(DOT)example(DOT)com/index.php?id_sezione=360&sid=3a5ebc944f41daa6f849f730f1

Sengaja ditambah garisbawah (_) dan menjadikan rancu sebagai link setelah diposting di situs forum.

Apa penyebab masalah Underscore (_)?
Berikut ini jawaban yang saya kutip dari referensi :  Google Webmaster Tools :

Unnecessarily high numbers of URLs can be caused by a number of issues. These include :

  • Additive filtering of a set of items
    Many sites provide different views of the same set of items or search results, often allowing the user to filter this set using defined criteria (for example: show me hotels on the beach). When filters can be combined in a additive manner (for example: hotels on the beach and with a fitness center), the number of URLs (views of data) in the sites explodes. Creating a large number of slightly different lists of hotels is redundant, because Googlebot needs to see only a small number of lists from which it can reach the page for each hotel. For example:

    • Hotel properties at "value rates" :
      ht*p://www(DOT)example(DOT)com/hotel-search-results.jsp?Ne=292&N=461
    • Hotel properties at "value rates" on the beach :
      ht*p://www(DOT)example(DOT)com/hotel-search-results.jsp?Ne=292&N=461+4294967240
    • Hotel properties at "value rates" on the beach and with a fitness center :
      ht*p://www(DOT)example(DOT)com/hotel-search-results.jsp?Ne=292&N=461+4294967240+4294967270

  • Dynamic generation of documents.
    This can result in small changes because of counters, timestamps, or advertisements.
  • Problematic parameters in the URL.
    Session IDs, for example, can create massive amounts of duplication and a greater number of URLs.
  • Sorting parameters.
    Some large shopping sites provide multiple ways to sort the same items, resulting in a much greater number of URLs. For example :
    ht*p://www(DOT)example(DOT)com/results?search_type=search_videos&search_query=tpb&search_sort=relevance &search_category=25
  • Irrelevant parameters in the URL, such as referral parameters.
    For example :
    ht*p://www(DOT)example(DOT)com/search/noheaders?click=6EE2BF1AF6A3D705D5561B7C3564D9C2&clickPage= OPD+Product+Page&cat=79
    http://www.example.com/discuss/showthread.php?referrerid=249406&threadid=535913
    http://www.example.com/products/products.asp?N=200063&Ne=500955&ref=foo%2Cbar&Cn=Accessories.
  • Calendar issues.
    A dynamically generated calendar might generate links to future and previous dates with no restrictions on start of end dates. For example :
    http://www.example.com/calendar.php?d=13&m=8&y=2011
    http://www.example.com/calendar/cgi?2008&month=jan
  • Broken relative links.
    Broken relative links can often cause infinite spaces. Frequently, this problem arises because of repeated path elements. For example :
    http://www.example.com/index.shtml/discuss/category/school/061121/html/interview/ category/health/070223/html/category/business/070302/html/category/community/070413/html/FAQ.htm
Steps to resolve this problem
To avoid potential problems with URL structure, we recommend the following  :

  • Consider using a robots.txt file to block Googlebot's access to problematic URLs. Typically, you should consider blocking dynamic URLs, such as URLs that generate search results, or URLs that can create infinite spaces, such as calendars. Using regular expressions in your robots.txt file can allow you to easily block large numbers of URLs.
  • Wherever possible, avoid the use of session IDs in URLs. Consider using cookies instead. Check our Webmaster Guidelines for additional information.
  • Whenever possible, shorten URLs by trimming unnecessary parameters.
  • If your site has an infinite calendar, add a nofollow attribute to links to dynamically created future calendar pages.
  • Check your site for broken relative links.
Rekomendasi final untuk SEO website :
Pertimbangkan pakai tanda-baca (punctuation) hyphens atau dashes (-) daripada memilih (_) pada nama subdomain URL.

[Source]

read more website design

01 April 2014

Falses in SEO for website blog


SEO penting dan harus dilakukan ketika kita peduli Website atau blog diindeks search engine. Seberapa mudah ditemukan? Apakah website di posisi paling atas page pertama hasil pencarian (Search Engine Result Pages) atau setidaknya di page pertama SERP?

Plan tindakan Search engine Optimization website

Saat menghabiskan banyak waktu untuk mengerjakan daftar panjang praktek SEO, pernahkah timbul perasaan tenggelam - merasa ada banyak yang salah? Anda tidak sendirian. Memang banyak yang harus dilakukan secara konsisten dan terus-menerus terkait SEO. Singkatnya butuh kesabaran dan keuletan luarbiasa.

SEO dimulai sebelum membuat website. Why?

Anda harus tahu apa yang ingin ditampilkan di halaman website yang akan dibuat.

Untuk itu lakukan survei untuk menentukan tema website –– Tema harus marketable, Lakukan survei keyword unggulan 'Search Engine friendly' dengan memanfaatkan tools Google Adwords, Google Keyword dan banyak tools lain membantu rancang web (website design) termasuk rancangan content, layout, penerapan strategi SEO dan penggunaan tools atau software pendukung.

Kesalahan umum optimasi halaman website

Berikut ini kesalahan yang sering dilakukan oleh banyak webmaster dan blogger dan perlu dihindari.

1. Bad Titles of website blog

Judul buruk yaitu judul tidak sesuai dan tidak relevan. Title merupakan hal terpenting. INGAT! Spiders atau robot yang bertugas crawling halaman Website atau blog pertama akan melihat title, baru kemudian men-scan artikel atau body untuk melihat kesesuaian title dengan body (isi halaman website).

2. Bad Content of website

Kebanyakan CMS (Content Management Systems) punya URL dinamis. Masalahnya, saat Anda menulis Rumah Mungil yang Sehat dengan URL –– blogkita.info/rumah-mungil-yang-sehat/ –– dan berada di label sekilas info secara tidak langsung akan membuat link –– blogkita.info/rumah-mungil-yang-sehat/#comment (untuk komentar) –– dan –– blogkita.info/sekilas-info/rumah-mungil-yang-sehat/ (untuk label / kategori).

Artinya, dalam 1 (SATU) artikel terdapat 3 (TIGA) buah link (itu baru untuk 1 (SATU) kategori). Lalu bagaimana jika Anda punya 10 tag (blogkita.info/tag/rumah-mungil/ et cetera. Untuk pencegahan gunakan canonical link.

Yang sering terjadi, jika blog pakai platform WordPress, secara default blog akan memiliki RSS Feed. Jika setting feed Anda untuk menampilkan full content, maka secara teori halaman home dianggap punya content sama, artinya terjadi (duplicate content).

Misalnya  :


Solusinya : Setting feed untuk tidak menampilkan seluruh tulisan.

Itu baru masalah duplikat content website tersebut terkait halaman feed.

3. Website Tidak punya Backlink relevan berkualitas

Sering website atau blog terlalu sedikit atau bahkan tidak punya backlinks relevan sekaligus bermutu. Atau sebaliknya terlalu nafsu “berburu backlink.” Itu terjadi karena SEO diartikan sangat dangkal yaitu HANYA “berburu backlink.” Sehingga yang  dilakukan hanya menyebar komentar SPAM ke banyak website.

Sebenarnya berburu backlink tidak masalah jika yang diburu adalah backlink relevan apalagi yang juga berkualitas –– dan memang sudah seharusnya. Karena bagaimana pun berburu backlink  hanya salah satu aspek dari banyak praktek SEO.

Berburu backlink secara selektif agar website blog terhindar banned
Masalah sering terjadi ketika keburu nafsu. Baru 1 - 2 bulan usia blog langsung berburu backlink (misal dengan mengandalkan daftar blog dofollow berdomain *.edu). Akibatnya fatal –– blog masuk sandbox atau  domainnya dibanned Google search engine. Blog ini juga pernah kena hukuman masuk Google Sandbox.

Saat memburu backlink –– INGAT! –– Satu link relevan di webpage lebih baik daripada 100 link tidak relevan di halaman website.

4. Incoming link anchor text

Istilah singkatnya Anchor Text. Jika ingin mengoptimasi, gunakan anchor yang sesuai. Tapi, dalam website perusahaan, banyak yang menggunakan "klik disini" sebagai anchor text.

5. Bad Internal Page Links

Masalahnya adalah “malas”. Seharusnya, saat sedang membuat artikel C, dibuatkan juga link ke artikel A dan B.

Sebaiknya banyak sekali link yang mengarah ke tulisan lama atau setidaknya mengarah ke kategori (Label) atau tag. Mau lihat CONTOH internal-page-links yang awesome atau bahkan "mengerikan"? Lihat saja Wikipedia. Hampir semua keyword penting selalu mengarah ke halaman lain.

Internal page links adalah membuat tautan ke tulisan atau halaman yang masih satu domain. Kalau keluar, namanya external page links.

6. Live links

Live links yaitu semua link yang ada di website masih berfungsi. Search engine tidak suka web-page dengan death links atau link yang tidak berfungsi (mati).

CONTOH :
Anda bikin content tentang Flash Animated dan memasukkan  ke dalamnya link yang mengarah ke :

http://yusufzulkarnain.blogspot.com/2011/07/flash-based-animated-label-wp-cumulus.html

Kemudian blog http://yusufzulkarnain.blogspot.com menghapuskan artikel tentang topik tersebut (tanpa pemberitahuan). Sehingga ekternal link di blog Anda berubah menjadi "dead link."

Pastikan link yang ada semuanya Live Links. Bagaimana melacak Dead Links? Untuk mengetahui link yang mati gunakan Broken Link Checker.

7. Impatience

SEO bukan pekerjaan selesai semalam. Banyak yang teurburu-buru, Tidak ada kesabaran. Menangani job SEO bukan sekedar masalah teknis melainkan juga MASALAH MENTAL.

Ingin sukses SEO! Siapkan mental untuk selalu update aktivitas SEO. Artinya, bahkan setiap Anda lakukan edit content atau update artikel baru harus diiringi praktek SEO.

8. Keyword selection

Pemilihan keyword menjadi kesalahan paling sering terjadi.

Anda mau membeli asuransi mobil. Pertama Anda harus bertanya :
Kira-kira kata apa yang akan diketik di search engine saat mencari perusahaan asuransi ideal?

Intinya, sesuaikan pertanyaan diatas dengan psikologis orang kebanyakan. Cara kedua, Anda bisa riset keyword menggunakan Google Keyword.

Jika targetnya Indonesia, cara pertama lebih baik. Anda ingin promosi asuransi mobil, bisa memilih Premi murah asuransi all risk, tapi pasti Anda menghadapi pesaing jutaan di search engine. Coba lebih spesifik lagi seperti Jual asuransi all risk Takaful dengan bagihasil.

9. Keyword Spamming and Stuffing

Masalah ini terkait kerapatan keyword (Keyword Density). Menurut yang saya baca di Keyword Density, Proximity and Prominence, memang tidak ada persentase pasti. Namun yang jelas, jika terlalu banyak mengulang keyword yang kita incar jelas sangat membahayakan. Bukan posisi pertama yang didapat tetapi bisa jadi hilang dari indeks search engine.

10. Permanent Link atau Filename of the page

Bagi user platform blog seperti Blogger atau WordPress, poin kedua ini disebut Permanent Link (PermaLink). Tapi, jika Anda gunakan web statis yang-mana content-nya dibuat dari awal, maka disebut Filename of the Page.
.
CONTOH KONKRIT :

Sebuah blog membuat tulisan tentang Kode Warna HTML. Tapi saat membuat kode untuk warna, dibuat sebuah file baru dengan nama Kode Warna.html. Selanjutnya terlihat banyak URL berbentuk kode seperti index.php?option=com_mtree&task=listcats&cat_id=xxx&Itemid=xxx, padahal isinya tentang Mobil Keluarga Ideal Terbaik Indonesia. Kena tipu dah!!! icon kena tipu dah Ini tidak baik di mata search engine karena isinya tidak relevan.



read more website design
Penelusuran topik khusus di blog ini
Loading