Optimasi Website dengan Google Webmaster Tool

Optimasi Website dengan Google Webmaster Tool

Apa sih Google Webmaster Tools? Singkatnya, Layanan Google untuk para webmaster/pengelola web agar websitenya ‘Google friendly’. Google friendly mempunyai arti sebagai berikut: Google bisa menemukan website anda sehingga website anda bisa muncul di hasil pencarian Google bisa mendeteksi apakah website anda bermasalah (gagal di akses) atau apakah website anda terkena malware. Mendeteksi ‘rich snippet’ ,…

Mengukur Kecepatan dan kualitas Website dengan GTMetrix

Mengukur Kecepatan dan kualitas Website dengan GTMetrix

GTMetrix adalah layanan yang bisa dipakai untuk mengecek performa sebuah website. GTMetrix sebenarnya kombinasi dari tool Yahoo Slow! dan Google Pagespeed berbasis web. GTmetrix akan mengukur kecepatan website dan menampilkan hasilnya secara detail. Point akhir dari GTMetrix adalah A sampai F. A artinya sangat bagus F artinya sangat jelek. Untuk mendapatkan point A, anda harus mempunyai skore…

5 Layanan Google untuk webmaster

5 Layanan Google untuk webmaster

Google memang terkenal sebagai mesin pencari, Bagi para pengelola web, muncul di halaman pertama pencarian google adalah target yang harus didapat agar pengunjung terus datang kewebsitenya. Google menyadari hal itu dan google sudah menyediakan tool untuk para pengelola web atau lebih populer disebut webmaster dengan berbagai tool untuk meningkatkan kualitas website dan yang lebih penting,…

Trend Flat Desain

Trend Flat Desain

Sejak Windows mengeluarkan windows phone 7. Trend Flat desain semakin populer baik untuk aplikasi mobile, desktop maupun web.  Desaain flat ringkas dilihat dan tampak fresh. Lihat website microsoft.com. WIndows phone, WIndows RT dan Desktopnya. Semuanya menggunakan Konsep desain yang sama. Efek dari desain ini ternyata juga menular ke android dan iOS 7. iOS 7 adalah…

Membuat Pola Background website ala Twitter Profile

Salah satu trend webdesain adalah mempercantik halaman background web dengan pola. Pola ini bisa berupa garis,ukiran, titik atau kombinasinya. Jika anda ingin tahu contoh website yang menggunakan pola background ini adalah buntu.com dan http://www.Codeacademy.com. Nah intinya kita ingin membuat website seperti itu. Kelebihan teknik ini ukuran filenya sangat kecil dibanding dengan menggunakan background image full…

Tutorial Typography Web dengan CSS Font
|

Tutorial Typography Web dengan CSS Font

Salah satu faktor yang mempengaruhi tampilan sebuah website adala jenis font yang dipakai. Dalam bahasa teknis adalah typography. Dulu, web hanya menggunakan font arial,san serif, verdana dan beberapa font lain. Tipe font ini sering disebut sebagai Web safe font. Pilihan yang sangat sedikit membuat tampilan website terlihat kaku dan monoton, oleh karenanya sekarang telah dikembangkan…

Membuat Katalog Produk dengan PHP MySQL
|

Membuat Katalog Produk dengan PHP MySQL

Kali ini, kita akan membuat katalog produk dengan menggunakan Twitter Bootsrap, PHP dan MySQL. Bagi yang belum tahu, Twitter bootstrap adalah CSS framework (template CSS) yang didesain secara modern, cantik dan cocok untuk aplikasi web2.0 tanpa harus susah payah belajar CSS. Untuk praktik kali ini kita akan menggunakan tabel produk dengan data smartphone terbaru beserta…

|

Teknik Mengganti Thema Web dengan CSS dan PHP

Perkembangan website saat ini sudah sangat berbeda dibanding sepuluh tahun yang lalu. saat ini trend website adalah responsive dan customizable. Dalam panduan kali ini, saya akan menjelaskan teknik mengubah thema dengan beberapa cara yang sering dipakai diwebsite besar seperti Gmail atau Yahoo! Tiga teknik yang akan diajarkan adalah teknik mengganti thema berdasarkan pilihan pengunjung web,…

Merancang User Interface dengan Balsamic Mockups

Merancang User Interface dengan Balsamic Mockups

Hal yang pertama dilakukan ketika bertemu client biasanya membahas  tampilan dan fitur. Umumnya, rancangan user interface dibuat dengan program besar seperti Visio (Windows) dan Dia ( di Linux) atau malah menggunakan sketsa diatas kertas. Sebenarnya banyak sekali software yang dari awal dirancang murni untuk membuat Rancangan sketsa antarmuka yang biasanya sering disebut Mockups tool. Salah…