SlideShare a Scribd company logo
1 of 23
Download to read offline
Mengenal Karakter Situsweb
Aditya Rizki / www.adityarizki.net / id.adityarizki@gmail.com
K E L A S D I G I T A L
KELASDIGITAL
www.kbea.co/materi-kd
Materi
 Ragam situsweb
 Trafik situsweb
 Penyajian konten
 Desain situsweb
 Studi kasus
KELASDIGITAL
Ragam
situsweb
Portal / berita
Blog
kontribusi
Komunitas /
lembaga
Sosial Media
Petisi /
crowdsourcing
Tour / wisata /
travel
Digital library
/ arsip /
direktori
eCommerce
Blog pribadi /
profil
KELASDIGITAL
Merencanakan Situsweb
• Tujuan
• Sasaran pembaca situsweb
• Pembaruan konten
• Kompetitor
• Target waktu capaian
• Branding (logo, tagline, deskripsi)
• Infrastruktur (domain+hosting, admin)
KELASDIGITAL
Apakah semua situsweb butuh
trafik yang tinggi?
TIDAK
TEPAT SASARAN  PEMBACA TETAP
*trafik tinggi tidak menentukan kualitas, tetapi kuantitas
*trafik tinggi adalah BONUS
KELASDIGITAL
Trafik Tinggi? Sudah Siapkah?
• Trafik tinggi adalah momentum. Berdampak pada
konten-konten setelahnya.
• Menjaga trafik agar tetap tinggi bukan hal yang mudah.
• Perlu ditentukan jumlah visitor yang ideal.
• Strategi diseminasi yang disiplin dan teratur.
• Apakah infrastruktur sudah siap (misal saat situsweb
down karena banyak visitor) ?
KELASDIGITAL
Tim Digital
Admin
Situsweb
Redaksional
Sosial
Media
KELASDIGITAL
Cara Mendapatkan Konten
KELASDIGITAL
Copy-writing
(kuratorial)
Konten yang Baik
• Merespon isu-isu yang sedang terjadi (online/offline)
• Rilis cepat, untuk menciptakan momentum
• Data yang dipaparkan akurat berdasarkan fakta
• Memberikan perspektif yang baru (kebaruan)
• Gaya tulisan yang mudah dipahami (sesuai karakter
pembaca)
• Mencantumkan referensi
KELASDIGITAL
Penyajian Konten
• Naskah panjang/pendek
• Ramah mobile
(responsif/adaptif)
• Tata letak konten
• Layout dan desain
situsweb
• Gambar/infografis
pendukung
• Jenis, warna, ukuran, dan
kombinasi font
• Pernak pernik lain (bold,
italic, drop cap, pullquote,
dsb.)
• Share ke sosmed
• Komentar pengunjung
• Pilih widget yang useful
KELASDIGITAL
Trafik
situsweb
yang ideal
Penyajian
konten
Pembaca
tetap
Diseminasi
yang
teratur
KELASDIGITAL
Contoh Grafik Kunjungan
KELASDIGITAL
Evaluasi, evaluasi, evaluasi!
Jangan takut melakukan percobaan atau riset kecil-kecilan.
KELASDIGITAL
KELASDIGITAL
S T U D I K A S U S I
www.detik.com
www.kompas.com
KELASDIGITAL
S T U D I K A S U S II
www.narrative.ly
www.medium.com
KELASDIGITAL
S T U D I K A S U S III
www.rollingstone.com
www.nytimes.com
KELASDIGITAL
S T U D I K A S U S IV
www.mashable.com
www.buzzfeed.com
KELASDIGITAL
S T U D I K A S U S V
www.turuntangan.com
www.cardtopost.com
KELASDIGITAL
…sebutkan satu Situsweb yang
menurut Anda menarik…
KELASDIGITAL
Prinsip Desain Web yang Efektif
• Jangan membingungkan pengunjung
• Jangan menguji kesabaran pengunjung
• Arahkan atensi pengunjung
• Sampaikan fitur/layanan yang ditawarkan dengan JELAS
• Gunakan cara penulisan yang efektif secara visual
• Usahakan desain tetap sederhana
• Jangan takut dengan ‘white space’
• Gunakan bahasa yang mudah dipahami
• Patuhi konvensi umum pengunjung situsweb
• Jika Anda ingin situsweb yang luar biasa, Anda harus mengujinya!
KELASDIGITAL
http://www.smashingmagazine.co
m/2008/01/31/10-principles-of-
effective-web-design/
Kesimpulan
• DESAIN: buat desain situsweb Anda sesuai dengan
kebutuhan (jangan membuat desain yang
membingungkan).
• PENYAJIAN KONTEN: kemas konten situsweb Anda
semenarik mungkin, mudah, dan nyaman dibaca.
• KARAKTER: branding situsweb Anda dengan membuat
sesuatu yang mudah diingat (nama domain, logo,
konten).
• DESAIN, PENYAJIAN KONTEN, dan KARAKTER
sebuah situsweb akan sangat menentukan SEO! ~> SEO
Friendly
KELASDIGITAL

More Related Content

Viewers also liked

Running a Social Media Department of One
Running a Social Media Department of OneRunning a Social Media Department of One
Running a Social Media Department of Onejenna_withrow
 
коррекционное питание для спины
коррекционное питание для спиныкоррекционное питание для спины
коррекционное питание для спиныSerega Artamonov
 
Презентация и продукт
Презентация и продуктПрезентация и продукт
Презентация и продуктSerega Artamonov
 
IT投資のオペレーション・マネジメントの価値
IT投資のオペレーション・マネジメントの価値IT投資のオペレーション・マネジメントの価値
IT投資のオペレーション・マネジメントの価値Tetsu Kawata
 
An Augmented Reality Museum Guide
An Augmented Reality Museum GuideAn Augmented Reality Museum Guide
An Augmented Reality Museum GuideAditya Yudiantika
 
Presentasi fallacies (kelas f1)
Presentasi fallacies (kelas f1)Presentasi fallacies (kelas f1)
Presentasi fallacies (kelas f1)Junika Kasih
 
Augmented Reality as A Pervasive Technology: Context-Aware Approach
Augmented Reality as A Pervasive Technology: Context-Aware ApproachAugmented Reality as A Pervasive Technology: Context-Aware Approach
Augmented Reality as A Pervasive Technology: Context-Aware ApproachAditya Yudiantika
 
Teknik Search Engine Optimization
Teknik Search Engine OptimizationTeknik Search Engine Optimization
Teknik Search Engine OptimizationAditya Yudiantika
 

Viewers also liked (16)

Running a Social Media Department of One
Running a Social Media Department of OneRunning a Social Media Department of One
Running a Social Media Department of One
 
Isiat sinovial IBSA
Isiat sinovial IBSAIsiat sinovial IBSA
Isiat sinovial IBSA
 
коррекционное питание для спины
коррекционное питание для спиныкоррекционное питание для спины
коррекционное питание для спины
 
упражнения
упражненияупражнения
упражнения
 
Osen zima
Osen zimaOsen zima
Osen zima
 
Презентация и продукт
Презентация и продуктПрезентация и продукт
Презентация и продукт
 
IT投資のオペレーション・マネジメントの価値
IT投資のオペレーション・マネジメントの価値IT投資のオペレーション・マネジメントの価値
IT投資のオペレーション・マネジメントの価値
 
Presentation1
Presentation1Presentation1
Presentation1
 
An Augmented Reality Museum Guide
An Augmented Reality Museum GuideAn Augmented Reality Museum Guide
An Augmented Reality Museum Guide
 
Lab intro
Lab introLab intro
Lab intro
 
Presentasi fallacies (kelas f1)
Presentasi fallacies (kelas f1)Presentasi fallacies (kelas f1)
Presentasi fallacies (kelas f1)
 
Presentation1
Presentation1Presentation1
Presentation1
 
Augmented Reality as A Pervasive Technology: Context-Aware Approach
Augmented Reality as A Pervasive Technology: Context-Aware ApproachAugmented Reality as A Pervasive Technology: Context-Aware Approach
Augmented Reality as A Pervasive Technology: Context-Aware Approach
 
Teknik Search Engine Optimization
Teknik Search Engine OptimizationTeknik Search Engine Optimization
Teknik Search Engine Optimization
 
MQ Messaging
MQ MessagingMQ Messaging
MQ Messaging
 
Bioquimica expo
Bioquimica expoBioquimica expo
Bioquimica expo
 

Similar to MENGENAL SITUSWEB

Be a successful blogger
Be a successful bloggerBe a successful blogger
Be a successful bloggerMohamad Iqbal
 
Web Design Trends 2015 (Kementerian Keuangan R.I)
Web Design Trends 2015 (Kementerian Keuangan R.I)Web Design Trends 2015 (Kementerian Keuangan R.I)
Web Design Trends 2015 (Kementerian Keuangan R.I)StringLabs Creative Studio
 
Slide Presentasi Website PKM (1).pptx
Slide Presentasi Website PKM (1).pptxSlide Presentasi Website PKM (1).pptx
Slide Presentasi Website PKM (1).pptxNenniAruan
 
Membuat perencanaan produksi konten video
Membuat perencanaan produksi konten videoMembuat perencanaan produksi konten video
Membuat perencanaan produksi konten videoCintiaIcuJayanti
 
Digital Marketing BNSP 3rd Session.pdf
Digital Marketing BNSP 3rd Session.pdfDigital Marketing BNSP 3rd Session.pdf
Digital Marketing BNSP 3rd Session.pdfTukangBikinUcapan
 
Google Analytics (GDayX Indonesia - Medan 2013)
Google Analytics (GDayX Indonesia - Medan 2013)Google Analytics (GDayX Indonesia - Medan 2013)
Google Analytics (GDayX Indonesia - Medan 2013)Nicholas Sihotang
 
Materi Pelatihan Ketrampilan Presentasi
Materi Pelatihan Ketrampilan PresentasiMateri Pelatihan Ketrampilan Presentasi
Materi Pelatihan Ketrampilan PresentasiYodhia Antariksa
 
Web dan Domain | Ilham Kurnia Efrian Bi Aziz (20170210010)
Web dan Domain | Ilham Kurnia Efrian Bi Aziz (20170210010)Web dan Domain | Ilham Kurnia Efrian Bi Aziz (20170210010)
Web dan Domain | Ilham Kurnia Efrian Bi Aziz (20170210010)Ilham Kurnia
 
Lesson 11 - Website Terseleksi.ppt
Lesson 11 - Website Terseleksi.pptLesson 11 - Website Terseleksi.ppt
Lesson 11 - Website Terseleksi.pptAlTechnology
 
Blog Marketing: The New Era of Cyberspace
Blog Marketing: The New Era of CyberspaceBlog Marketing: The New Era of Cyberspace
Blog Marketing: The New Era of CyberspaceRidwan Sanjaya
 
Belajar Inbound Marketing untuk Online Marketing
Belajar Inbound Marketing untuk Online MarketingBelajar Inbound Marketing untuk Online Marketing
Belajar Inbound Marketing untuk Online MarketingDEWANSTUDIO.COM
 
Rubrikasi dan manajemen Redaksi Media Warga
Rubrikasi dan manajemen Redaksi Media WargaRubrikasi dan manajemen Redaksi Media Warga
Rubrikasi dan manajemen Redaksi Media WargaYudha P Sunandar
 
TERPECAYA, Call 0895711100400 , Jasa Digital Marketing TerbaikK.pptx
TERPECAYA,  Call 0895711100400 , Jasa Digital Marketing TerbaikK.pptxTERPECAYA,  Call 0895711100400 , Jasa Digital Marketing TerbaikK.pptx
TERPECAYA, Call 0895711100400 , Jasa Digital Marketing TerbaikK.pptxdigitalcentreofficia
 
TERPECAYA, Call 0895711100400 , Jasa Digital Marketing TerbaikK.pdf
TERPECAYA,  Call 0895711100400 , Jasa Digital Marketing TerbaikK.pdfTERPECAYA,  Call 0895711100400 , Jasa Digital Marketing TerbaikK.pdf
TERPECAYA, Call 0895711100400 , Jasa Digital Marketing TerbaikK.pdfdigitalcentreofficia
 

Similar to MENGENAL SITUSWEB (20)

Be a successful blogger
Be a successful bloggerBe a successful blogger
Be a successful blogger
 
Web Design Trends 2015 (Kementerian Keuangan R.I)
Web Design Trends 2015 (Kementerian Keuangan R.I)Web Design Trends 2015 (Kementerian Keuangan R.I)
Web Design Trends 2015 (Kementerian Keuangan R.I)
 
Slide Presentasi Website PKM (1).pptx
Slide Presentasi Website PKM (1).pptxSlide Presentasi Website PKM (1).pptx
Slide Presentasi Website PKM (1).pptx
 
Membuat perencanaan produksi konten video
Membuat perencanaan produksi konten videoMembuat perencanaan produksi konten video
Membuat perencanaan produksi konten video
 
Digital Marketing BNSP 3rd Session.pdf
Digital Marketing BNSP 3rd Session.pdfDigital Marketing BNSP 3rd Session.pdf
Digital Marketing BNSP 3rd Session.pdf
 
Google Analytics (GDayX Indonesia - Medan 2013)
Google Analytics (GDayX Indonesia - Medan 2013)Google Analytics (GDayX Indonesia - Medan 2013)
Google Analytics (GDayX Indonesia - Medan 2013)
 
Penulisan Artikel Pada Jurnal Ilmiah
Penulisan Artikel Pada Jurnal IlmiahPenulisan Artikel Pada Jurnal Ilmiah
Penulisan Artikel Pada Jurnal Ilmiah
 
Materi Pelatihan Ketrampilan Presentasi
Materi Pelatihan Ketrampilan PresentasiMateri Pelatihan Ketrampilan Presentasi
Materi Pelatihan Ketrampilan Presentasi
 
Web dan Domain | Ilham Kurnia Efrian Bi Aziz (20170210010)
Web dan Domain | Ilham Kurnia Efrian Bi Aziz (20170210010)Web dan Domain | Ilham Kurnia Efrian Bi Aziz (20170210010)
Web dan Domain | Ilham Kurnia Efrian Bi Aziz (20170210010)
 
Be A Blogger For The Best Future
Be A Blogger For The Best FutureBe A Blogger For The Best Future
Be A Blogger For The Best Future
 
Lesson 11 - Website Terseleksi.ppt
Lesson 11 - Website Terseleksi.pptLesson 11 - Website Terseleksi.ppt
Lesson 11 - Website Terseleksi.ppt
 
Blog Marketing: The New Era of Cyberspace
Blog Marketing: The New Era of CyberspaceBlog Marketing: The New Era of Cyberspace
Blog Marketing: The New Era of Cyberspace
 
Seni SEO
Seni SEOSeni SEO
Seni SEO
 
Dasar dasar seo
Dasar dasar seoDasar dasar seo
Dasar dasar seo
 
Belajar Inbound Marketing untuk Online Marketing
Belajar Inbound Marketing untuk Online MarketingBelajar Inbound Marketing untuk Online Marketing
Belajar Inbound Marketing untuk Online Marketing
 
Internet Marketing Insight 2017
Internet Marketing Insight 2017 Internet Marketing Insight 2017
Internet Marketing Insight 2017
 
Rubrikasi dan manajemen Redaksi Media Warga
Rubrikasi dan manajemen Redaksi Media WargaRubrikasi dan manajemen Redaksi Media Warga
Rubrikasi dan manajemen Redaksi Media Warga
 
Konsep Dasar Desain Web
Konsep Dasar Desain WebKonsep Dasar Desain Web
Konsep Dasar Desain Web
 
TERPECAYA, Call 0895711100400 , Jasa Digital Marketing TerbaikK.pptx
TERPECAYA,  Call 0895711100400 , Jasa Digital Marketing TerbaikK.pptxTERPECAYA,  Call 0895711100400 , Jasa Digital Marketing TerbaikK.pptx
TERPECAYA, Call 0895711100400 , Jasa Digital Marketing TerbaikK.pptx
 
TERPECAYA, Call 0895711100400 , Jasa Digital Marketing TerbaikK.pdf
TERPECAYA,  Call 0895711100400 , Jasa Digital Marketing TerbaikK.pdfTERPECAYA,  Call 0895711100400 , Jasa Digital Marketing TerbaikK.pdf
TERPECAYA, Call 0895711100400 , Jasa Digital Marketing TerbaikK.pdf
 

MENGENAL SITUSWEB

  • 1. Mengenal Karakter Situsweb Aditya Rizki / www.adityarizki.net / id.adityarizki@gmail.com K E L A S D I G I T A L
  • 3. Materi  Ragam situsweb  Trafik situsweb  Penyajian konten  Desain situsweb  Studi kasus KELASDIGITAL
  • 4. Ragam situsweb Portal / berita Blog kontribusi Komunitas / lembaga Sosial Media Petisi / crowdsourcing Tour / wisata / travel Digital library / arsip / direktori eCommerce Blog pribadi / profil KELASDIGITAL
  • 5. Merencanakan Situsweb • Tujuan • Sasaran pembaca situsweb • Pembaruan konten • Kompetitor • Target waktu capaian • Branding (logo, tagline, deskripsi) • Infrastruktur (domain+hosting, admin) KELASDIGITAL
  • 6. Apakah semua situsweb butuh trafik yang tinggi? TIDAK TEPAT SASARAN  PEMBACA TETAP *trafik tinggi tidak menentukan kualitas, tetapi kuantitas *trafik tinggi adalah BONUS KELASDIGITAL
  • 7. Trafik Tinggi? Sudah Siapkah? • Trafik tinggi adalah momentum. Berdampak pada konten-konten setelahnya. • Menjaga trafik agar tetap tinggi bukan hal yang mudah. • Perlu ditentukan jumlah visitor yang ideal. • Strategi diseminasi yang disiplin dan teratur. • Apakah infrastruktur sudah siap (misal saat situsweb down karena banyak visitor) ? KELASDIGITAL
  • 10. Konten yang Baik • Merespon isu-isu yang sedang terjadi (online/offline) • Rilis cepat, untuk menciptakan momentum • Data yang dipaparkan akurat berdasarkan fakta • Memberikan perspektif yang baru (kebaruan) • Gaya tulisan yang mudah dipahami (sesuai karakter pembaca) • Mencantumkan referensi KELASDIGITAL
  • 11. Penyajian Konten • Naskah panjang/pendek • Ramah mobile (responsif/adaptif) • Tata letak konten • Layout dan desain situsweb • Gambar/infografis pendukung • Jenis, warna, ukuran, dan kombinasi font • Pernak pernik lain (bold, italic, drop cap, pullquote, dsb.) • Share ke sosmed • Komentar pengunjung • Pilih widget yang useful KELASDIGITAL
  • 14. Evaluasi, evaluasi, evaluasi! Jangan takut melakukan percobaan atau riset kecil-kecilan. KELASDIGITAL
  • 16. S T U D I K A S U S I www.detik.com www.kompas.com KELASDIGITAL
  • 17. S T U D I K A S U S II www.narrative.ly www.medium.com KELASDIGITAL
  • 18. S T U D I K A S U S III www.rollingstone.com www.nytimes.com KELASDIGITAL
  • 19. S T U D I K A S U S IV www.mashable.com www.buzzfeed.com KELASDIGITAL
  • 20. S T U D I K A S U S V www.turuntangan.com www.cardtopost.com KELASDIGITAL
  • 21. …sebutkan satu Situsweb yang menurut Anda menarik… KELASDIGITAL
  • 22. Prinsip Desain Web yang Efektif • Jangan membingungkan pengunjung • Jangan menguji kesabaran pengunjung • Arahkan atensi pengunjung • Sampaikan fitur/layanan yang ditawarkan dengan JELAS • Gunakan cara penulisan yang efektif secara visual • Usahakan desain tetap sederhana • Jangan takut dengan ‘white space’ • Gunakan bahasa yang mudah dipahami • Patuhi konvensi umum pengunjung situsweb • Jika Anda ingin situsweb yang luar biasa, Anda harus mengujinya! KELASDIGITAL http://www.smashingmagazine.co m/2008/01/31/10-principles-of- effective-web-design/
  • 23. Kesimpulan • DESAIN: buat desain situsweb Anda sesuai dengan kebutuhan (jangan membuat desain yang membingungkan). • PENYAJIAN KONTEN: kemas konten situsweb Anda semenarik mungkin, mudah, dan nyaman dibaca. • KARAKTER: branding situsweb Anda dengan membuat sesuatu yang mudah diingat (nama domain, logo, konten). • DESAIN, PENYAJIAN KONTEN, dan KARAKTER sebuah situsweb akan sangat menentukan SEO! ~> SEO Friendly KELASDIGITAL