Web publishing

Bagaimana pembagian antara web publishing, desain, dan pengembangan?

Desain menentukan tampilan layar, web publishing mengubah tampilan itu menjadi kode yang dibaca browser, dan pengembangan membuat fitur yang menyimpan dan memproses data seperti reservasi · pembayaran. Di situs web kecil, satu orang kadang menangani beberapa tahap sekaligus.

Web publishing terutama memakai tiga bahasa. HTML adalah kerangka konten seperti judul · tulisan · foto, CSS menangani tampilan seperti warna · ukuran · tata letak, dan JavaScript menangani gerakan seperti membuka menu · menggeser foto.

Web publishing penting bagi Anda karena yang benar-benar ditemui pelanggan adalah tampilan hasil publishing, bukan draf desain. Dari draf yang sama, publishing yang teliti menghasilkan situs web yang lebih mudah dibaca dan lebih cepat di ponsel.

Situs profil tanpa reservasi · pembayaran kadang selesai hanya dengan desain dan publishing. Sebaliknya, jika ada reservasi · pembayaran, ada tambahan proses menghubungkan fitur yang dikembangkan ke tampilan hasil publishing, sehingga jadwalnya lebih panjang.

Bagaimana menilai kualitas web publishing?

Kualitas publishing bukan soal apakah tampilannya sama dengan draf, melainkan apakah tetap utuh di berbagai layar dan situasi. Tampilan yang sama pun bisa berbeda visibilitas pencarian dan kecepatannya tergantung cara kodenya disusun.

Kriteria seperti ini tidak langsung terlihat mata sehingga sulit dicek sendiri, tetapi cukup tanyakan ke vendor ‘dengan kriteria apa pengecekan dilakukan’. Anda juga bisa memasukkan alamat ke PageSpeed Insights, alat gratis dari Google, untuk melihat hasil pemeriksaan kecepatan bersama-sama.

Aksesibilitas web bukan hanya untuk pelanggan penyandang disabilitas. Tampilan dengan kontras warna tulisan dan latar yang cukup serta nama tombol yang jelas juga nyaman bagi pelanggan yang melihat ponsel di bawah sinar matahari dan pelanggan lansia yang memperbesar tulisan.

• Apakah judul · subjudul memakai tag judul yang sebenarnya, sehingga mesin pencari dan pembaca layar bisa membaca strukturnya
• Apakah tulisan dan foto tidak bertumpuk di lebar ponsel · tablet · komputer mana pun
• Apakah ukuran foto sudah diperkecil sehingga cepat terbuka meski koneksi data lambat
• Apakah tombol cukup besar untuk ditekan dengan jari
• Apakah konten tidak terpotong meski ukuran tulisan diperbesar di pengaturan ponsel

Bagaimana cara menulis keterangan gambar (alt)?

Keterangan gambar (alt) adalah kalimat singkat yang menyampaikan isi foto kepada orang yang tidak bisa melihatnya. Kalimat ini dibacakan saat foto tidak terbuka, atau kepada pelanggan yang mendengarkan situs web lewat pembaca layar.

Jika ditulis seperti ‘foto’ atau ‘gambar1’, tidak ada informasi yang tersampaikan. Untuk foto menu kafe, tulis secara spesifik apa yang terlihat, seperti ‘sepotong kue krim stroberi dan americano’.

Google juga menyebut alt sebagai atribut terpenting untuk menyampaikan informasi gambar di pencarian gambar. Namun menjejalkan kata kunci justru tidak baik, jadi tulis kalimat wajar yang menjelaskan foto. Untuk gambar tanpa makna seperti motif hiasan, keterangannya memang sebaiknya dikosongkan.

Bagaimana cara mengecek tampilan hasil web publishing?

Jika hasil publishing hanya dilihat di satu perangkat, masalah mudah terlewat. Dengan urutan di bawah ini, sebagian besar masalah bisa ditemukan dalam 10–15 menit.

Jika menemukan masalah, beri tahu di perangkat apa dan tampilan apa, disertai tangkapan layar. Masalah publishing sering hanya muncul di jenis ponsel atau lebar layar tertentu, jadi jika ada nama perangkatnya, perbaikannya jauh lebih cepat.

Saat mengecek, sebaiknya buka draf desain di sampingnya untuk membandingkan. Namun perbedaan kecil karena lebar layar yang berbeda itu wajar, jadi fokuslah pada bagian yang informasinya hilang atau urutannya berubah.

1. 01Buka tampilan yang sama di ponsel Anda dan ponsel lain milik keluarga · karyawan.
2. 02Putar ponsel ke posisi mendatar dan lihat apakah tata letaknya tidak rusak.
3. 03Perbesar ukuran tulisan di pengaturan ponsel lalu buka lagi.
4. 04Di komputer, perkecil jendela browser perlahan dan lihat bagaimana kolom-kolom ditumpuk.
5. 05Matikan Wi-Fi, buka dengan data seluler, dan lihat apakah foto tidak terlalu lambat muncul.
6. 06Tekan sekali setiap menu · tombol · tautan nomor telepon.

Apa masalah yang sering muncul di tahap web publishing?

Masalah paling umum adalah teks sementara yang pendek di draf diganti dengan teks asli yang panjang sehingga kolomnya meluap. Jika nama perawatan salon atau deskripsi kelas studio kerajinan panjang, baris berganti berkali-kali di ponsel dan tata letak jadi goyah.

Tabel dengan banyak kolom seperti daftar harga atau jadwal mudah meluap ke samping dan terpotong di ponsel. Konten seperti ini mungkin perlu tata letak lain, misalnya diubah menjadi bentuk kartu di ponsel.

Untuk halaman yang banyak fotonya seperti detail produk studio kerajinan, memakai cara memuat foto saat mendekati layar (lazy loading) membuat layar pertama lebih cepat. Tanyakan ke vendor bagaimana mereka menjaga kecepatan halaman yang banyak fotonya.

• Foto asli berukuran besar diunggah apa adanya sehingga layar pertama lambat muncul
• Pop-up menutupi seluruh layar di ponsel sehingga tombol tutup sulit ditemukan
• File jenis huruf berat sehingga tulisan lambat muncul
• Informasi yang hanya terlihat di komputer hilang di ponsel

Apa yang perlu ditanyakan ke pembuat situs soal web publishing?

Anda tidak perlu memilih apa pun soal web publishing, tetapi dengan menanyakan kriterianya, Anda bisa tahu kualitas apa yang dijanjikan vendor.

Setelah rilis, sesekali tampilan bisa berubah karena pembaruan sistem operasi ponsel atau browser. Ada baiknya dicek juga apakah hal seperti ini diperbaiki dalam layanan pemeliharaan.

Tanyakan juga apakah tampilan ponsel disesuaikan secara responsif di situs web yang sama, atau dibuat tampilan khusus ponsel terpisah. Jika dibuat terpisah, saat mengubah konten Anda mungkin harus mengubah di dua tempat.

• Dicek di perangkat dan browser apa saja
• Apakah ukuran foto diperkecil dan kecepatan diperiksa
• Apakah dasar-dasar pencarian · aksesibilitas seperti keterangan gambar (alt) · struktur judul dipasang
• Siapa dan bagaimana mengubah teks seperti harga · jam buka nanti