Unlimited Wordpress themes, plugins, graphics & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Web Design
  2. Workflow
Webdesign

Daftar Periksa Peluncuran Situs Desainer Web (Termasuk Format Portabel)

by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Suci Rohini (you can also view the original English article)

Di FHOKE, kita telah melalui semuanya, mulai dari peluncuran yang sempurna hingga yang telah berubah menjadi mimpi buruk yang lengkap! Melalui pengalaman, kita telah menyusun daftar, tanpa urutan tertentu, dari proses yang dilalui sebelum meluncurkan situs.

Ini tidak akan mencakup semuanya, tetapi seharusnya memberi Anda gambaran singkat tentang apa yang dapat Anda lakukan atau tambahkan ke daftar periksa Anda sendiri.

Agar tugas Anda lebih mudah, kita telah membuat sejumlah versi daftar periksa ini, termasuk versi HTML, Penurunan, PDF, dan Evernote. Unduh semuanya dari akun Tuts+ GitHub.

evernote

Peluncuran yang Sukses 

Setelah menginvestasikan banyak waktu dalam proyek, hari peluncuran akan terlihat. Sebelum Anda sampai di sana, Anda masih memiliki masalah penting yang perlu ditangani untuk mencapai peluncuran yang sukses, dapatkan yang benar ini dan Anda dan klien Anda akan senang.

Ingat, sebelum Anda menunjukkan apa pun kepada klien, pastikan situs tersebut sesuai dengan spesifikasi asli, adalah pixel yang sempurna untuk desain yang Anda presentasikan dan memenuhi aslinya.


Konten 

Dapatkan tim kecil bersama-sama dan pergi ke konten situs dengan sisir gigi yang baik - pastikan Anda mendapatkan ini dengan benar. Konten yang bagus adalah landasan situs yang hebat.

  • Spelling: Periksa dan periksa lagi. Jalankan pemeriksaan ejaan. Lebih baik lagi, melibatkan orang lain. Anda tidak akan pernah memiliki cukup banyak orang yang memastikan salinannya benar. Perhatikan kesalahan tata bahasa serta memeriksa widows atau kata-kata widows di paragraf-paragraf penting.
  • Copy: Pastikan salinan asli sudah ada dan semua teks placeholder dihapus. Tidak ada yang lebih buruk daripada melihat lorem ipsum dalam pernyataan misi.
  • Contact Details: Kelihatannya sudah jelas tetapi pastikan ini benar. Tanpa mereka, bagaimana Anda mengharapkan orang untuk berhubungan? Periksa nomor telepon, periksa alamat email dan uji apakah ini berfungsi, buat panggilan atau kirim email dan periksa apakah mereka diterima.
  • Copyright: Jika Anda berencana menggunakan tanggal dalam info hak cipta, pastikan itu diatur untuk secara otomatis menyegarkan dari stempel waktu di server, dan bahwa pemilik hak cipta sudah benar.
  • Terms: Jika Anda menyediakan layanan atau terlibat dalam promosi maka Anda akan membutuhkan syarat yang tersedia bagi pengunjung untuk membaca. Jika Anda tidak yakin bagaimana ini harus ditulis, konsultasikan dengan pengacara untuk saran terbaik. Ingat: buat ini sejelas mungkin. Tidak ada yang lebih buruk daripada dibingungkan oleh jargon hukum.
  • Privasi: Jika Anda menggunakan cookie, mengambil data, atau mendistribusikan data, maka Anda memerlukan kebijakan privasi. Jaga agar tetap sederhana dan jelas tentang data apa yang Anda kumpulkan dan berikan rincian tentang bagaimana Anda dapat dihubungi untuk informasi lebih lanjut.

Fungsionalitas 

Apakah itu bekerja? Ini mungkin pertanyaan yang jelas untuk ditanyakan, tetapi di atas segalanya ini adalah bagian paling penting dari sebuah proyek. Anda mungkin memiliki segalanya di tempat lain tetapi jika situs tidak berfungsi dengan benar, apa gunanya meluncurkannya?

Bug kecil mungkin muncul ketika pengunjung menggunakan situs untuk pertama kalinya tetapi memastikan kerjanya hampir 100% akan memastikan peluncuran yang sukses.

  • Compatability: Periksa situs berfungsi di semua browser dan platform. Tentukan di awal proyek kepada klien, platform apa yang akan Anda bangun, dan uji dan patuhi ini. Gunakan platform seperti Responsivator dan BrowserStack untuk menguji situs dengan cepat serta pada browser dan perangkat fisik.
  • Favicon: Jelas, tetapi ini bisa dilewatkan. Lihat juga membuat ikon layar utama iOS.
  • Logo: Apakah logo link ke halaman indeks?
  • 404 Pages: Pastikan Anda memiliki ini di tempat, pastikan bahwa mereka menandai cara bagi pengguna untuk kembali ke situs atau mengarahkan mereka ke halaman yang menarik dengan tautan yang relevan.
  • Redirects: Jika Anda mengalihkan halaman, gunakan 301 kembali mengarahkan lebih dari 302.
  • Forms: Pastikan mereka tidak mengirim ke kotak surat spam, atau mengembalikan kesalahan setelah dikirim dan menyertakan ucapan terima kasih saat formulir dikirim sehingga pengunjung tahu bahwa itu dikirim. Di atas segalanya pastikan alamat email klien ditentukan saat situs ditayangkan.
  • Links: Apakah tautan laman internal berfungsi? Apakah semua tautan eksternal berfungsi dan apakah mereka terbuka di tab baru jika memang dimaksudkan?
  • RSS Feeds: Umpan dapat bermanfaat. Anda tidak perlu membatasi ini untuk artikel, Anda dapat memiliki feed untuk sebagian besar halaman, misalnya karya baru atau studi kasus yang ditambahkan ke situs.

Standar & Validasi

Kedua hal ini harus dipertimbangkan di seluruh desain dan dibuat untuk membuat setiap pengguna merasakan pengalaman di situs Anda sebaik mungkin. Poin yang perlu dipertimbangkan:

  • Accessibility: Sangat mudah untuk melupakan betapa tidak dapat diaksesnya laman web bagi sebagian pengguna. Sudahkah Anda mempertimbangkan bagaimana teknologi yang membantu seperti screenreader akan menavigasi situs Anda? Sudahkah Anda menerapkan peran dan status WIA-ARIA, atau setidaknya mempertimbangkan urutan tab kontrol formulir?
  • Contrast: Ini mengikuti dari titik kita tentang aksesibilitas. Menggunakan monitor terbaru sangat mudah untuk melihat perbedaan warna yang halus, pastikan untuk menguji situs Anda di beberapa perangkat dan laptop untuk memastikan desain memiliki kejelasan dan teks dapat dibaca dengan mudah.
  • Text Size: Buat teks menjadi jelas dan mudah dibaca, sesuaikan spasi baris dan beri banyak ruang putih. Lebih besar, bisa berarti lebih baik, ketika datang ke teks di web.
  • Alt Tags: Pastikan semua gambar memiliki tag ALT deskriptif yang jelas untuk gangguan penglihatan. Tidak hanya itu tetapi tanpa mereka, mereka tidak dapat ditemukan di mesin telusur.
  • Consistency: Pastikan elemen umum di situs konsisten untuk menghindari membingungkan pengguna Anda. Buat tombol terlihat seperti tombol, tautan terlihat seperti tautan, dan judul serta teks harus konsisten dalam ukuran dan warna.
  • Device Compatibility: Pertimbangkan bagaimana situs web akan digunakan di beberapa perangkat, responsif atau tidak situs web Anda seharusnya berfungsi untuk pengguna web desktop dan seluler.
  • Validation: Selalu bertujuan untuk validitas 100%. Jika situs Anda gagal divalidasi sepenuhnya jangan terlalu kesal, tetapi pastikan untuk memahami kesalahan apa pun untuk menghapus masalah yang tidak diinginkan.
  • JavaScript: Banyak orang yang menjelajahi web telah menonaktifkan JavaScript karena alasan keamanan. Pastikan situs Anda berfungsi penuh dan formulir masih melakukan pemeriksaan validasi sisi server tanpa itu.
  • Flash: Ya, kita tahu, tidak ada yang menggunakan Flash lagi kan? Jika Flash harus digunakan, pastikan untuk menyertakan gambar cadangan alternatif jika Flash Player tidak diinstal.

Sitemap

Pastikan Anda menyertakan peta situs. Ini membantu mesin telusur mengindeks situs web Anda dengan benar selama proses perayapan.

  • HTML Sitemaps: Meskipun bukan sebagai praktik umum sebagaimana adanya, bentuk sitemap ini dapat memiliki manfaat dalam membantu pengunjung melihat ikhtisar lengkap dari laman situs. Tautan untuk ini biasanya ditemukan di footer situs.
  • XML Sitemaps: Ini hanya digunakan oleh mesin pencari seperti Google, Bing dan Yahoo. Buat Sitemap XML dengan mudah dan kirimkan melalui Alat Webmaster. Ini kemudian akan digunakan untuk menginformasikan mesin pencari tentang halaman yang telah Anda terbitkan.

Performance

Situs yang lebih cepat adalah situs peringkat yang lebih baik. Anda juga akan menurunkan rasio pentalan pada laman jika Anda dapat mengurangi waktu pemuatan - siapa yang ingin menunggu laman dimuat?

  • Check site speed: Anda dapat menggunakan layanan seperti Google Page Speed untuk memeriksa waktu muat halaman situs Anda.
  • Image sizes: Pertahankan gambar Anda sekecil mungkin. Meskipun kecepatan jaringan lebih baik dari sebelumnya, tidak ada yang ingin menunggu halaman 10Mb untuk memuat. Mengompresi gambar hanya akan meningkatkan waktu pemuatan halaman.

  • SEO

    Great SEO akan berarti situs Anda akan bekerja lebih keras dan mencapai kesuksesan yang lebih besar daripada situs yang menggunakan teknik-teknik kecil atau buruk. Dapatkan penelitian Anda benar dan sisanya akan jatuh pada tempatnya.

    Daftar ini tidak berarti ekstensif dan jika Anda ingin mempelajari lebih lanjut, kita sarankan untuk membaca lebih lanjut dari artikel baru-baru ini FAQ Pengoptimalan Mesin Telusur dan Daftar Periksa SEO Perancang Web.

    • Keyword Research: Pastikan Anda menargetkan demografi dan pasar yang tepat. Penting untuk mendapatkan hak ini untuk menarik lalu lintas yang relevan ke situs Anda. Lakukan penelitian dengan Google AdWords dan lihat kata kunci (atau istilah pencarian) mana yang memiliki potensi lalu lintas tertinggi dan paling sedikit persaingan dan keseimbangan kedua faktor ini.
    • Page Titles & Descriptions: Apakah semua template memiliki judul halaman dan data meta yang diperlukan berdasarkan riset kata kunci Anda? Saat memfokuskan pada kata kunci tertentu, coba dan pindahkan ini ke bagian depan deskripsi dan lihat menggunakan bentuk tunggal dan jamak.
    • Image Alt-tags: Apakah gambar utama situs mengandung alt-tags yang relevan dan deskriptif? Menggunakan deskripsi singkat akan membantu. Dan ingat coba dan pilih nama file yang deskriptif, bukan kata dan angka acak untuk gambar-gambar ini.
    • Keywords: Tanamkan ini dalam judul, deskripsi dan salin.
    • Content: Jika konten bagus, itu akan bekerja untuk mengoptimalkan dan memuji SEO. Kerapatan kata kunci yang baik dalam salinan berfungsi dengan baik jadi gunakan bentuk kata kunci tunggal dan jamak dalam teks Anda. Jangan membebani konten atau terlalu memikirkan ini, menjadikannya alami dan hanya menambahkan kapan dan jika relevan. Mesin pencari juga lebih suka halaman konten yang lebih panjang jadi lihatlah untuk mendapatkan konten hingga 300 kata tetapi lebih fokus pada kualitas daripada kuantitas.
    • URL: Pastikan URL situs bersih. Menggunakan URL deskriptif dan bukan yang terdiri dari angka atau kata acak akan membantu SEO dan pengunjung menemukan halaman yang ingin mereka kembalikan, dan melihat untuk mendapatkan kata kunci ke URL jika relevan.

    Analytics 

    Tidak peduli seberapa kecil sebuah situs, menjalankan analisis web akan mengumpulkan Anda informasi berharga tentang cara meningkatkan situs web Anda ke depan..

    • Monitoring: Dengan SEO yang bagus di tempat, gunakan kode pelacakan untuk mengukur ini. Alat seperti Google Analytics (gratis) atau layanan seperti Hubspot, GoSquared, atau KISSmetrics (berbayar) akan memberikan umpan balik yang berharga.

    Keamanan

    Anda mungkin memiliki banyak hal yang tidak ingin dunia tahu. Sebagai contoh; media yang diunggah pengguna, atau rincian Kartu Kredit pembeli.

    • Protect Sensitive Pages: Lindungi halaman atau folder sensitif agar tidak diindeks di mesin pencari dengan meletakkan file robots.txt di tempat dan dengan mengecualikannya dari dalam Alat Webmaster. Juga pertimbangkan apakah Anda perlu menggunakan file .htaccess untuk menonaktifkan tampilan folder dalam direktori.
    • Security Certificates: Saat mengembangkan situs web eCommerce, atau situs yang menangani informasi pengunjung yang sensitif, tingkat keamanan akan menjadi yang terpenting. Pastikan untuk menggunakan protokol seperti enkripsi SSL untuk melindungi terhadap pencurian informasi yang tidak diinginkan. Ini juga telah terbukti bahwa menampilkan segel seperti TRUSTe, dapat meningkatkan kredibilitas situs.

    Hosting & backup

    Menemukan penyedia hosting web dapat menjadi sulit dan mengetahui apa yang Anda butuhkan bisa lebih sulit untuk dipahami. Ada banyak pilihan dan rencana harga untuk dipilih, tetapi pastikan untuk memilih penyedia yang memenuhi kebutuhan Anda, bukan yang menawarkan lebih dari yang Anda butuhkan untuk membayar.

    • Types: Hosting Berbagi Pakai, Hosting Pengecer, Hosting Awan, Hosting VPS, dan Server Terdedikasi. Tidak yakin apa artinya ini? Kemudian baca tips cepat ini.
    • Backup: Pastikan Anda menggunakan penyedia yang dapat menyediakan backup harian dan mingguan dari server Anda dan pastikan untuk mengambil lokal backup serta.
    • Monitoring: Layanan pengaturan seperti Pingdom atau alat pemantauan server lainnya untuk memantau kesehatan server Anda.

    Legal

    Sebelum Anda memulai proyek apa pun, kontrak yang ditandatangani harus ada. Kontrak tersebut harus dengan jelas menguraikan kiriman dan proses proyek sehingga kedua belah pihak 100% jelas tentang apa yang akan dicapai sebagai hasil akhir. Sebagai bagian dari kontrak itu, pastikan hal-hal berikut telah disetujui untuk mencakup semua keadaan yang tidak terduga.

    • Image/Content Rights: Nyatakan dengan jelas bahwa konten atau citra apa pun yang disediakan yang ditangani oleh Anda tetap menjadi tanggung jawab klien. Perjelas bahwa Anda tidak akan bertanggung jawab untuk mempublikasikan konten dan gambar yang mereka tidak memiliki hak untuk menggunakannya. Juga mendidik klien bahwa mereka harus menggunakan gambar atau konten yang dibayar atau mereka memiliki hak untuk menggunakan.
    • Payment Terms: Tetapkan persyaratan pembayaran yang adil dan bertahap pada tonggak yang ditentukan dengan jelas dari sebuah proyek (pada akhir tahap desain - sebelum pengembangan apa pun dimulai misalnya), jangan pernah berpindah ke fase proyek berikutnya sampai pembayaran yang disetujui masuk.
    • Timelines: Tetapkan garis waktu yang wajar yang adil bagi klien Anda serta dapat dikelola untuk Anda dan tim Anda. Nyatakan dengan jelas bahwa Anda tidak akan bertanggung jawab atas kerugian atau kerusakan apa pun akibat keterlambatan jadwal yang disebabkan oleh klien. Merupakan ide yang bagus untuk menggunakan sesuatu seperti Basecamp untuk mengelola proyek Anda sehingga semua pekerjaan dan percakapan dicatat jika Anda membutuhkannya untuk jatuh kembali di masa depan.
    • Intellectual Property Rights: Ini akan berbeda tergantung pada siapa Anda, apa yang Anda tawarkan, atau proyek yang dimaksud. Nyatakan dengan jelas apa yang Anda miliki dan klien setelah proyek selesai dan pembayaran telah dilakukan sepenuhnya. Pertimbangkan hak atas perangkat lunak atau kode apa pun yang ditulis oleh Anda bahwa Anda tidak ingin dijual, atau sesuatu yang serupa yang Anda rasa perlu Anda pertahankan haknya.

    Penyerahan

    Dalam kontrak proyek jelaskan apa yang klien akan terima secara fisik begitu proyek selesai. Berikut ini yang direkomendasikan.

    • Live Website: Ini adalah minimal. Pastikan situs web mereka aktif dan berfungsi penuh sebagaimana dimaksud.
    • Style Guide: Panduan gaya sederhana sangat bermanfaat bagi pemilik situs web apa pun, poin yang perlu dipertimbangkan meliputi:
      • Gaya Font
      • Ukuran Gambar
      • Nada Suara
      • Warna
      • Citra Gaya
      • Warna
    • Assets & Icons: Semua ikon, ilustrasi, atau desain infografis dan dibuat untuk situs web dapat membantu klien Anda untuk seterusnya. Berikan mereka file dalam format yang berbeda sehingga mereka dapat menggunakannya dalam presentasi atau pekerjaan desain di masa mendatang.
    • Offline Copy: Jika diminta oleh klien, berikan salinan situs. Ingat situs web adalah dokumen hidup yang harus terus diperbarui dan ditingkatkan, jadi kecuali situs ini statis Anda harus membuat backup offline biasa untuk klien.

    Kapan Peluncuran?

    Ingat: jangan pernah menyerahkan proyek atau file tanpa menandatangani dan pembayaran yang belum diselesaikan. Anda tidak akan kembali pada titik ini jika Anda melakukannya tanpa salah satu dari ini. Menyerahkan proyek tanpa pembayaran sama dengan pemilik toko yang membiarkan pelanggan keluar dari toko dengan troli penuh barang dengan janji bahwa mereka akan 'membayar Anda nanti'.

    Sekarang semuanya sudah siap Anda siap diluncurkan. Tapi kapan sebaiknya? Kita mencoba sebaik mungkin untuk tidak pernah meluncurkan situs dalam waktu dua hari dari akhir pekan. Kadang-kadang praktek ini harus keluar jendela pada kesempatan tetapi kami selalu mencoba dan bertujuan untuk slot peluncuran Senin hingga Rabu. Ini akan memberi Anda kesempatan untuk menghilangkan bug hidup yang muncul selama seminggu bekerja. Mencoba untuk memperbaikinya selama akhir pekan ketika baik Anda atau pengembang Anda tidak ada di sekitar hanya akan menyebabkan Anda sakit kepala ketika Anda memiliki klien yang membutuhkan situs mereka sepenuhnya berfungsi. Percayalah, Anda hanya akan belajar dengan cara yang sulit jika Anda tidak mengadopsi pendekatan ini.


    Pemeliharaan

    Jadi, Anda telah meluncurkan situs, itu berfungsi dengan baik dan klien senang, sekarang apa? Anda perlu memastikan bahwa itu terus berjalan tanpa hambatan. Hal-hal bisa salah atau terlewatkan, keamanan server terganggu, atau bisa jatuh. Pastikan Anda siap untuk setiap kemungkinan.

    • Backup: Selalu, selalu, pastikan backup sudah tersedia. Jalankan setidaknya dua cadangan setiap hari - satu di pagi hari dan satu 12 jam kemudian, membatasi jumlah data yang bisa hilang.
    • Kontrol versi: Mencoba menjalankan proyek melalui Git, sistem kontrol versi besar bagi tim pengembang yang bekerja sama. Sejarah kode sumber disimpan berarti bahwa Anda dapat merujuk atau kembali ke versi sebelumnya jika diperlukan. Untuk pengenalan Git membaca artikel ini mendalam kontrol versi mudah dengan Git.
    • Analisis: Untuk menyarankan perbaikan yang akan meneruskan meminta untuk diatur di analytics klien, cara ini Anda dapat memantau lalu lintas dan situs statistik untuk klien dan menyarankan perbaikan atas berikut bulan dan tahun setelah peluncuran.

    Lagi?

    Jika Anda memiliki poin tambahan apapun yang Anda pikir harus ditambahkan ke daftar, mari kita mendengar mereka di komentar!

    Advertisement
    Advertisement
    Looking for something to help kick start your next project?
    Envato Market has a range of items for sale to help get you started.