Anda di halaman 1dari 4

Tutorial Membuat Website Wordpress Responsive Design

Cara Membuat Website Wordpress Responsive Design atau Mobile


Friendly

Perlu Anda ketahui bahwa mulai sekarang Google menggunakan penilaian : Mobile Friendly
atau Responsive Design suatu website sebagai salah satu faktor penentu rangking website di
Google (SEO). Oleh karena itu pastikan bahwa website Anda telah Mobile Friendly. Cara
memastikan atau menguji apakah suatu website telah mobile friendly adalah dengan
menggunakan Tool Google Developer sebagai berikut :
https://www.google.com/webmasters/tools/mobile-friendly/

Masukkan alamat website Anda lalu klik tombol ANALISIS. Jika website Anda sudah Mobile
Friendly maka hasilnya seperti ini :

ISPARMO http://isparmo.web.id

Hal 1

Tutorial Membuat Website Wordpress Responsive Design

Lalu bagaimana membuat website yang Mobile Friendly atau Responsif Design sehingga ranking
atau posisi pencarian Google nya bertahan atau semakin baik. Berikut caranya jika Anda
menggunakan CMS WordPress hosting sendiri :
1. Mengganti dengan template Responsif Design atau Mobile Friendly
Login kedalam dashboard, cari menu PLUGIN, Add New, dan lakukan pencarian dengan
keyword : responsive design, atau mobile friendly
2. Jika Anda tidak ingin mengubah tema (template), maka Anda bisa memasang plugin sebagai
berikut :
Jetpack memberi pemilik situs fitur mobile-friendly wordpress.com yang dihosting,
dengan situs yang dihosting milik Anda.
WPTouch adalah solusi plugin untuk membuat versi situs yang terpisah dan mobilefriendly. Tema desktop Anda akan tetap sama. Untuk pengunjung dari perangkat
mobile, situs Anda akan ditampilkan dengan tema yang berbeda. Tersedia beberapa
pilihan tema.
WP Mobile Detector, mirip dengan WPTouch, memberikan beberapa tema untuk
disajikan kepada pengunjung yang menggunakan perangkat mobile.
Saya sendiri memilih menggunakan plugin Jetpack untuk membuat website saya menjadi
Mobile Friendly. Berikut tampilan

ISPARMO http://isparmo.web.id

Hal 2

Tutorial Membuat Website Wordpress Responsive Design

Semoga bermanfaat.
Tutorial ini juga bisa di baca di : http://isparmo.web.id/2015/04/15/cara-membuat-website-menjadimobile-friendly-atau-responsive-design/
responsive design wordpress,responsive design wordpress plugin,responsive design wordpress
templates free,responsive design wordpress theme free,responsive design wordpress
tutorial,responsive design wordpress free,responsive design wordpress themes free,responsive design
wordpress gratuit,responsive design wordpress portfolio,responsive design wordpress
images,responsive design wordpress theme,responsive design wordpress plugin,responsive design
wordpress templates free,responsive design wordpress theme free,responsive design wordpress
tutorial,responsive design wordpress,responsive design wordpress free,responsive design wordpress
themes free,responsive design wordpress gratuit,responsive design wordpress portfolio,responsive
design and wordpress,responsive web design and wordpress,responsive design avec
wordpress,responsive design wordpress blog themes,best responsive design wordpress,best free
responsive design wordpress themes,responsive design blog wordpress,responsive design with
wordpress book,best responsive design wordpress themes,bootstrap responsive design
wordpress,responsive web design with wordpress book,best responsive web design
wordpress,responsive design wordpress css,wordpress.com responsive design,convert wordpress
responsive design,disable responsive design wordpress,wordpress responsive design demo,responsive
ISPARMO http://isparmo.web.id

Hal 3

Tutorial Membuat Website Wordpress Responsive Design


design en wordpress,responsive design examples wordpress,responsive design et wordpress,responsive
design with wordpress ebook,wordpress responsive web design examples,wordpress responsive design
erstellen,responsive design wordpress free,responsive design wordpress free themes,responsive design
wordpress free theme,responsive design for wordpress,responsive design framework
wordpress,responsive design template wordpress free,responsive design wordpress templates
free,responsive web design wordpress free,responsive web design for wordpress,responsive design
plugin for wordpress,how to responsive design wordpress,how to design responsive wordpress
theme,how to design responsive wordpress themes,how to disable responsive design wordpress,html5
responsive design wordpress,responsive design wordpress images,responsive design in
wordpress,responsive web design in wordpress,responsive web design wordpress images,responsive
interior design wordpress theme,responsive wordpress interior design,wordpress responsive design
image size,how to turn off responsive design in wordpress,responsive design wordpress
menu,wordpress meet responsive design,responsive design mit wordpress,mobile responsive design
wordpress,responsive design in wordpress,responsive design on wordpress,responsive web design on
wordpress,turn off responsive design wordpress,one page responsive design wordpress,responsive
design wordpress plugin,responsive design wordpress portfolio,responsive web design wordpress
plugin,responsive design portfolio wordpress themes,responsive design with wordpress pdf,responsive
web design wordpress portfolio,one page responsive design wordpress,plantillas wordpress responsive
design,plantillas wordpress responsive design gratis,plantillas wordpress responsive design free,remove
responsive design wordpress,responsive design slider wordpress,wordpress responsive design
simple,wordpress responsive design image size,responsive design sur wordpress,responsive design
wordpress theme,responsive design wordpress templates free,responsive design wordpress theme
free,responsive design wordpress tutorial,responsive design wordpress themes free,responsive design
template wordpress free,responsive web design wordpress themes,responsive web design wordpress
themes free,responsive web design wordpress template,responsive web design wordpress
theme,responsive web design using wordpress,u-design responsive wordpress theme,u design
wordpress responsive,responsive design wordpress video,responsive design with wordpress,responsive
web design with wordpress,responsive web design wordpress themes,responsive web design wordpress
themes free,responsive web design wordpress plugin,responsive web design wordpress
template,responsive web design wordpress theme,responsive web design wordpress tutorial,responsive
web design wordpress free,responsive web design wordpress theme free,responsive design wordpress
2013,wordpress 3.5 responsive design,responsive design for wordpress

ISPARMO http://isparmo.web.id

Hal 4