Mulakan dengan tujuan sebenar gambar pada halaman
Imej sepatutnya membantu pelawat memahami artikel, mengenali perkhidmatan atau menyelesaikan tugasan. Enjin carian juga boleh menggunakan gambar yang relevan untuk memahami serta mempersembahkan halaman, tetapi keperluan pembaca tetap menjadi asas. Corak latar hiasan, ilustrasi proses DNS dan tangkapan skrin tetapan akaun mempunyai fungsi berbeza. Pengoptimuman bermakna memberikan rawatan yang sesuai kepada setiap gambar, bukan menyumbat kata kunci pada semua imej hanya kerana ia telah dimuat naik.
Bagi artikel OnHypp tentang e-mel perniagaan, ilustrasi sampul surat atau mesej domain sendiri boleh mengukuhkan topik. Tangkapan skrin teknikal mungkin memerlukan kapsyen supaya seseorang memahami langkahnya. Logo syarikat pula membantu mengenali jenama, bukan menerangkan protokol. Sebelum menggunakan aset, rekodkan penciptanya, kebenaran penggunaan dan kaitan gambar dengan teks berhampiran. Foto besar yang tidak berkaitan hanya menambah saiz halaman tanpa semestinya membantu pelanggan.
Pilih nama fail ringkas dan jelas
Panduan Google menyatakan nama fail pendek serta deskriptif boleh memberikan petunjuk kecil tentang subjek imej. Nama seperti professional-email-domain-setup.svg lebih jelas daripada IMG_8422.png. Namun nama fail sahaja tidak menjanjikan kedudukan tinggi dan tidak perlu mengandungi semua frasa kata kunci. Gunakan perkataan yang mudah difahami, kaedah penamaan stabil dan sambungan yang sepadan dengan format sebenar. Jangan menamakan semula logo rasmi sesuka hati jika pautan lama atau dokumen pelanggan telah bergantung padanya.
Gunakan pengecam topik yang munasabah apabila ilustrasi dibuat khusus untuk sesuatu artikel, terutama dalam perpustakaan kandungan besar. Jangan mencipta ratusan salinan gambar umum dengan nama berbeza semata-mata untuk menambah entri sitemap. Pada laman dwibahasa, satu ilustrasi tanpa teks bahasa tertentu boleh digunakan pada kedua-dua halaman dengan alt yang diterjemah. Grafik mengandungi arahan mungkin memerlukan versi setempat. Kekalkan laluan aset apabila boleh kerana penamaan semula berulang memerlukan cache serta crawler mempelajari alamat baharu.
Fahami fungsi teks alternatif
Atribut alt HTML menyediakan pengganti teks apabila gambar tidak boleh dilihat atau dimuatkan. Pengguna pembaca skrin memerlukannya untuk memahami imej bermaklumat serta fungsi imej yang menjadi butang atau pautan. Google juga menggunakan alt bersama konteks halaman dan analisis imej. Tulis keterangan tentang maklumat atau fungsi yang diberikan, bukan slogan iklan. Ayat pendek yang tepat lebih berguna daripada senarai kata kunci panjang yang tidak tersusun.
Bayangkan ilustrasi menunjukkan invois bergerak daripada komputer melalui pelayan e-mel kepada pelanggan. Alt boleh menerangkan aliran tersebut dengan jelas. Jika gambar sama sekadar hiasan di sebelah heading yang sudah menerangkan semuanya, alt kosong mungkin lebih sesuai. W3C membezakan imej bermaklumat, hiasan dan berfungsi; keputusan bergantung pada konteks, bukan format fail. Penilaian itu sepatutnya sebahagian daripada kerja editorial dan bukan diserahkan sepenuhnya kepada sistem penjana nama fail automatik.
Gunakan alt kosong untuk hiasan tulen
Corak latar atau bentuk hiasan mungkin tidak menyampaikan maklumat yang perlu didengar pengguna pembaca skrin. Menerangkan setiap garisan, bayang dan corak abstrak boleh mengganggu pemahaman kandungan utama. W3C mengesyorkan alt="" bagi imej hiasan supaya teknologi bantuan boleh mengabaikannya. Ini berbeza daripada tidak menyediakan atribut alt langsung kerana sesetengah pembaca skrin mungkin menyebut nama fail atau URL. Pengurusan hiasan yang betul membantu navigasi.
Namun imej bermakna tidak menjadi hiasan semata-mata kerana cantik. Carta perbandingan, foto produk yang menunjukkan ukuran atau tangkapan skrin ralat penting memerlukan alternatif sewajarnya. Kadangkala alt ringkas tidak mencukupi; berikan huraian berhampiran, jadual data atau penerangan lebih panjang. Jangan tetapkan semua alt kosong semata-mata supaya alat automatik tidak mengadu. Penyunting perlu menentukan maklumat apa yang akan hilang apabila gambar tidak kelihatan.
Logo berpaut mesti menerangkan fungsi pautan
Apabila logo menjadi satu-satunya kandungan pautan ke halaman utama, pengguna perlu mengetahui fungsi pautan itu. Panduan W3C mengenai imej berfungsi mencadangkan alt yang menyampaikan destinasi atau tindakan, contohnya nama organisasi dengan konteks halaman utama, bukan hanya warna logo. Jika pautan sudah mempunyai label teks yang boleh dicapai, elakkan pengumuman berulang. Uji nama boleh akses yang terhasil dan jangan hanya memeriksa sama ada medan alt telah diisi.
Identiti jenama juga memerlukan penggunaan karya asal yang diluluskan. Kekalkan nisbah, warna dan unsur pengenalan, bukan menggantikannya dengan ikon yang tidak disahkan. Header laman dan favicon mungkin menggunakan varian berbeza kerana wordmark panjang tidak jelas dalam petak kecil. Bezakan tujuan masing-masing. Structured data Organization merujuk imej wakil jenama, manakala pautan favicon menunjukkan ikon untuk konteks pelayar atau carian tertentu. Keselarasan aset membantu pengecaman tetapi tidak memaksa Google menukar paparan serta-merta.
Letakkan gambar berhampiran penerangan berkaitan
Google menyarankan imej berada dekat teks yang relevan dan mempunyai tajuk serta kapsyen membantu. Ilustrasi pengesahan e-mel patut muncul berhampiran bahagian SPF, DKIM dan DMARC, bukan di sebelah jadual harga hosting yang tidak berkaitan. Tangkapan skrin tetapan domain sebaiknya disertai peringatan bahawa paparan mungkin berubah. Konteks itu membantu pelawat dan sistem automatik memahami gambar. Alt tidak mampu membetulkan halaman yang subjeknya langsung tidak sepadan dengan imej.
Pada artikel, visual muka depan boleh memperkenalkan topik, sementara rajah dekat langkah tertentu menerangkan perincian. Tambahkan heading atau kapsyen apabila ia membawa makna. Jangan meletakkan semua ilustrasi asli hanya pada kad halaman utama jika pembaca perlu melihatnya di artikel sebenar. Gunakan unsur img biasa dengan nilai src apabila boleh supaya crawler dapat mengenal pasti fail. Imej latar CSS boleh kelihatan cantik tetapi bukan kaedah utama yang boleh diharap bagi penemuan imej kandungan.
Pilih format mengikut sifat visual
Foto, tangkapan skrin dan ilustrasi vektor mempunyai ciri pemampatan berbeza. JPEG atau WebP sesuai untuk banyak foto; PNG boleh mengekalkan butiran antaramuka atau ketelusan; SVG pula kekal tajam bagi garis dan ilustrasi apabila fail selamat serta dibina dengan betul. Google menyokong beberapa format lazim termasuk PNG, JPEG, WebP, SVG dan AVIF, tetapi tidak semua pelayar atau aliran kerja mempunyai syarat sama. Pilih format praktikal dan pastikan sambungan sepadan kandungan fail sebenar.
Foto terlalu besar boleh melambatkan halaman telefon, manakala pemampatan berlebihan boleh menjadikan teks pada tangkapan skrin sukar dibaca. Mulakan dengan dimensi paparan dan hasilkan versi berkualiti yang tidak menghilangkan butiran penting. Fail SVG daripada sumber luar perlu diperiksa supaya tidak mengandungi skrip atau kandungan terbenam berbahaya. Simpan asal untuk penyuntingan sah pada masa depan, tetapi terbitkan hanya aset yang diperlukan pelanggan. Pengurangan saiz tidak patut menghasilkan rajah yang tidak lagi boleh difahami.
Sokong susun atur responsif
Pelanggan mengakses laman PKS melalui telefon, tablet serta komputer. Gambar perlu mengecil mengikut ruang tanpa keluar daripada bekas atau memotong maklumat penting. Unsur HTML srcset dan picture boleh menyediakan variasi skrin, sementara src biasa memberi laluan sandaran kepada pelayar serta crawler. Google secara khusus menyarankan nilai src tetap disediakan. Jangan bergantung sepenuhnya pada imej latar CSS atau skrip tersuai yang tidak pernah mendedahkan URL biasa.
Uji lebar skrin kecil dan zoom pelayar. Carta aliran kompleks mungkin jelas pada monitor besar tetapi memerlukan versi telefon yang dipermudah atau penerangan teks. Pastikan tulisan dalam gambar dapat dibaca dan kawalan interaktif berhampiran tidak terlindung. Logo patut mengekalkan nisbah, manakala foto muka depan boleh dipotong jika maklumat penting tidak hilang. Paparan responsif ialah keperluan kegunaan, bukan bukti kedudukan carian akan meningkat.
Gunakan sitemap imej untuk membantu penemuan
Google menyokong sambungan imej dalam sitemap XML biasa. Elemen image:image boleh mengaitkan URL image:loc dengan halaman yang relevan. Ini berguna apabila imej sukar ditemui melalui kaedah lain. Walau bagaimanapun, sitemap imej ialah isyarat bantuan; ia tidak menggantikan gambar yang benar-benar diletakkan dalam halaman atau keperluan fail boleh diambil. Entri XML yang menunjuk kepada fail tidak wujud tidak memberi manfaat.
Hubungkan ilustrasi setiap artikel kepada URL canonical English dan Bahasa Melayu berkenaan jika sesuai, bukan memasukkan semua gambar ke semua halaman. Logo juga boleh dikaitkan dengan halaman utama sebagai petunjuk penemuan, manakala JSON-LD Organization menerangkan hubungan identiti yang lebih jelas. Pastikan namespace XML dan URL tepat. Jalankan semakan bahawa laluan sumber wujud serta memberikan respons imej selepas deployment. Jangan mendakwa Google mengindeks gambar hanya kerana XML berjaya diproses.
Ketahui peranan Open Graph dan schema Article
Metadata imej Open Graph menyatakan pratonton pilihan bagi banyak platform sosial dan mesej, manakala markup Article schema.org boleh menerangkan imej wakil kepada sistem carian. Panduan Google menyatakan pilihan imej boleh dipengaruhi data berstruktur serta og:image, tetapi pemilihan pratonton berlaku secara automatik. Gunakan ilustrasi yang benar-benar berkaitan dengan halaman dan jangan sentiasa menggunakan logo syarikat. Imej terlalu panjang atau penuh tulisan halus mungkin tidak sesuai sebagai pratonton.
Kekalkan URL aset awam mutlak yang konsisten dalam HTML, structured data dan sitemap. Jika laman menggunakan CDN, semak kebolehcapaian serta pemilikan domain apabila diperlukan. Jangan mencipta tarikh penerbitan dalam schema hanya kerana draf disimpan di GitHub. Gunakan data sumber yang tepat dan tarikh live sebenar apabila tersedia. Metadata perlu sepadan dengan kandungan yang kelihatan. Percanggahan antara topik artikel dan visual pratonton boleh mengelirukan pembaca serta menjejaskan kepercayaan.
Kurangkan beban halaman tanpa menyembunyikan imej penting
Imej besar boleh menyumbang kebanyakan saiz muat turun halaman, terutama pada rangkaian telefon. Saiz, pemampatan dan strategi pemuatan yang sesuai membantu pelawat melihat teks lebih cepat. Lazy loading mungkin sesuai bagi imej jauh di bawah paparan pertama, tetapi imej hero utama mungkin memerlukan keutamaan berlainan. Gunakan atribut pelayar asli apabila boleh dan pastikan gambar tetap muncul jika skrip tertangguh. Teknik prestasi tidak sepatutnya menyebabkan crawler atau pengguna bantuan gagal mencapai aset bermakna.
Ukur halaman sebenar dan jangan menganggap setiap format baharu sentiasa lebih pantas. Cuba sambungan mudah alih, semak kejelasan imej dan kestabilan susun atur. Nyatakan dimensi atau gaya yang sesuai supaya elemen tidak melompat apabila gambar dimuat. Jangan menggantikan logo asal dengan salinan kecil yang kabur hanya demi skor kelajuan. Pengoptimuman perlu menjaga identiti dan makna sambil membuang bait yang tidak perlu. Ulang ujian pada laman awam selepas deployment.
Semak kebolehcapaian bagi kedua-dua bahasa
Teks alt sepatutnya sepadan dengan bahasa serta konteks halaman. Artikel teknikal English dan versi Bahasa Melayu boleh berkongsi ilustrasi asal yang sama, tetapi pengguna kedua-duanya memerlukan penerangan yang boleh difahami dalam bahasa masing-masing. Terjemahan mesti mengekalkan maksud teknikal dan tidak semestinya menukar nama produk atau akronim protokol. Baca alt dengan kuat dan tanya sama ada tujuan utama gambar dapat difahami tanpa melihatnya. Pastikan ringkas dan jangan menyumbat frasa jualan berulang.
Semak kapsyen, tulisan terbenam dalam grafik serta ikon berfungsi. Jika ilustrasi memaparkan arahan English pada halaman BM, sediakan penjelasan terjemahan berdekatan atau visual setempat apabila arahan itu penting. Periksa kontras apabila teks berada di atas foto dan jangan menyampaikan status melalui warna sahaja. Kebolehcapaian memerlukan semakan praktikal berterusan; atribut alt yang sah dan keputusan ujian automatik tidak membuktikan pematuhan WCAG sepenuhnya.
Hormati hak cipta dan aset jenama yang diluluskan
Gambar daripada enjin carian tidak semestinya bebas untuk digunakan. Thumbnail atau ilustrasi pesaing mungkin boleh dilihat umum tetapi masih dilindungi hak cipta atau syarat lesen. Utamakan hasil asli, aset berlesen atau sumber dengan hak penggunaan semula yang jelas. Simpan rekod pencipta, penggunaan dibenarkan serta atribusi diperlukan. Jangan menyalin rajah Hostinger atau InMotion ke artikel OnHypp semata-mata kerana penerangan teknikal mereka dijadikan rujukan. Tulis semula penjelasan sendiri dan hasilkan visual sah yang berbeza.
Bagi identiti syarikat, kekalkan koleksi asal logo dan varian yang dikawal. Aset dalam schema Organization mesti sesuai dengan OnHypp sebenar; gambar stok, avatar terlalu kecil atau reka bentuk anggaran baharu boleh mengelirukan. Bezakan wordmark mendatar untuk laman daripada favicon segi empat sama jika kedua-duanya diluluskan berasingan. Elakkan logo tidak rasmi atau mencipta nilai warna baru berdasarkan satu piksel rawak. Aset yang betul, konteks serta hak penggunaan lebih penting daripada mengejar jumlah imej tinggi.
Akhiri dengan audit berguna, bukan senarai kata kunci
Bagi setiap visual penting, rekodkan sumber, tujuan, halaman paparan, nama fail, format, dimensi, rawatan alt, teks berhampiran, isu kebolehcapaian dan URL awam. Jika gambar menjadi pautan, semak nama yang dibaca teknologi bantuan menerangkan destinasi. Jika sekadar hiasan, pertimbangkan alt kosong. Jika menerangkan proses, pastikan maklumat sama ada dalam teks. Semak ilustrasi artikel benar-benar muncul pada halaman artikel serta dikaitkan dengan URL sitemap yang sesuai.
Selepas release produksi disahkan, periksa respons imej melalui HTTPS, uji halaman dengan gambar dimatikan, semak paparan telefon dan gunakan Search Console untuk menyiasat masalah penemuan apabila sesuai. Matlamatnya bukan menjamin gambar muncul pada setiap hasil carian kerana Google menentukan pratonton. Laman OnHypp perlu membantu PKS Malaysia memahami perkhidmatan, mengenali jenama rasmi serta membaca kandungan English atau BM tanpa kehilangan maklumat. SEO imej menyokong pengalaman itu dan bukan pengganti mutu kandungan.