Sat Mar 28 2026 20:00:00 GMT-0400 (北美东部夏令时间)

Panduan SEO Imej: Teks Alternatif, Kelajuan, dan Pengindeksan

Gunakan aliran kerja SEO imej ini untuk menulis teks alternatif yang berguna, memilih penghantaran WebP, mengelakkan halaman perlahan, dan membantu Google menemui aset imej.

Panduan SEO Imej: Teks Alternatif, Kelajuan, dan Pengindeksan

Dikemaskini pada: June 28, 2026

Image SEO bukan helah untuk menyelitkan kata kunci ke dalam nama fail. Ia adalah kerja praktikal untuk menjadikan imej penting boleh ditemui, mudah difahami, pantas, dan berguna pada halaman di mana ia muncul.

Panduan ini merangkumi aliran kerja yang akan saya gunakan untuk galeri produk, artikel editorial, halaman perkhidmatan tempatan, atau halaman pendaratan yang padat imej sebelum bertanya sama ada imej-imej tersebut boleh menduduki kedudukan di Google Images.

Jawapan ringkas: apa yang paling penting untuk SEO imej?

SEO imej berfungsi apabila imej boleh di-crawl, halaman menerangkan apa yang ditunjukkan oleh imej itu, dan fail dimuatkan dengan cukup pantas sehingga pengguna tidak meninggalkan halaman. Mulakan dengan URL imej HTTPS yang stabil, nama fail deskriptif, alt text khusus, teks sekeliling yang berguna, dan versi WebP atau AVIF terkompresi bersaiz mengikut susun atur (layout).

image best practices Google sendiri menekankan imej berkualiti tinggi, teks deskriptif berdekatan dengan imej, tajuk halaman yang baik, dan URL yang boleh di-crawl. Konteks halaman sama pentingnya dengan fail itu sendiri.

Gunakan susunan ini: kebolehcapaian (discoverability) dahulu, deskripsi kedua, penghantaran ketiga, dan pengukuran terakhir. Jika fail mengembalikan 404, disekat oleh robots.txt, atau hanya muncul di dalam kod sisi klien yang enjin carian tidak dapat menganalisisnya dengan boleh dipercayai, alt text yang lebih baik tidak akan memperbaikinya.

Untuk semakan penerbitan yang lebih luas selepas kerja SEO imej, gunakan Complete Image Optimization Checklist. Jika masalah segera adalah berat fail, Image Compression Ratio Guide menerangkan cara mengukur penjimatan tanpa menyembunyikan kerosakan yang kelihatan.

Bagaimana Google Memahami Imej?

Google boleh menggunakan fail imej, tajuk halaman, tajuk utama, teks yang kelihatan, kapsyen, data berstruktur, dan pautan untuk memahami apa yang diwakili oleh sesebuah imej. Foto kasut larian biru pada halaman kosong adalah kurang kuat daripada foto yang sama di dalam halaman produk dengan tajuk yang jelas, nama model, warna, pilihan saiz, dan alt text deskriptif.

Penemuan (Discovery) adalah gerbang pertama. URL imej harus mengembalikan HTTP 200, menggunakan format yang boleh dicrawl, dan kekal stabil selepas diterbitkan. Elakkan URL tandatangan sementara untuk imej artikel awam melainkan URL yang dirender akhir adalah awam dan boleh diindeks.

Diagram yang menunjukkan semakan crawl, konteks, dan indeks untuk menjadikan imej boleh ditemui dalam carian

Gunakan senarai semak kebolehcrawlan pantas ini:

  1. URL imej akhir mengembalikan HTTP 200 tanpa pengesahan.
  2. URL halaman boleh diindeks dan tidak disekat oleh noindex.
  3. Imej tidak disekat oleh robots.txt.
  4. Imej muncul dalam HTML biasa atau markup yang dirender secara boleh diramal.
  5. Halaman mempunyai teks yang menjelaskan mengapa imej itu penting.
  6. Fail imej cukup stabil untuk disimpan dalam cache dan dicrawl semula.

Peta tapak imej (image sitemap) boleh membantu penemuan untuk galeri besar, tetapi ia tidak menggantikan kualiti halaman. Google mendokumentasikan sokongan image sitemap dalam panduan sambungan sitemap imej. Gunakannya apabila imej adalah kandungan penting, bukan hanya perabot halaman hiasan.

Apa yang perlu dimasukkan dalam teks alt?

Teks alt harus menerangkan subjek dan fungsi imej yang kelihatan untuk halaman tersebut. Tulisnya untuk seseorang yang tidak dapat melihat imej itu, kemudian semak sama ada penerangan itu juga memberikan konteks yang jelas kepada enjin carian.

Teks alt yang baik adalah spesifik, cukup pendek untuk dibaca, dan bebas daripada keyword stuffing. Ia tidak boleh mengulang tajuk artikel pada setiap imej. Ia juga tidak boleh menerangkan bentuk hiasan yang tidak membawa sebarang maklumat. Jika imej itu ialah carta, ringkaskan poin carta tersebut berbanding menulis "chart".

Contoh yang membandingkan teks alt yang lemah dengan penerangan alt foto produk yang spesifik

Image type Weak alt text Useful alt text
Foto produk "imej kasut" "Kasut larian trek biru dengan tali hitam dan tapak putih tebal, pandangan sisi"
Rajah blog "diagram SEO" "Aliran kerja SEO imej empat langkah yang menunjukkan penemuan, penerangan, penghantaran, dan pengukuran"
Carta data "carta" "Carta bar yang menunjukkan saiz fail WebP meningkat apabila lebar imej berkembang dari 800 ke 2400 pixels"
Tangkapan skrin "papan pemuka" "Laporan prestasi Search Console yang ditapis kepada klik carian imej"

Gunakan semakan teks alt ini sebelum menerbitkan:

  1. Namakan subjek yang kelihatan dahulu.
  2. Tambah butiran yang penting pada halaman ini.
  3. Kekalkan jenama hanya apabila ia kelihatan atau berguna.
  4. Lewati frasa seperti "imej bagi" melainkan diperlukan untuk kejelasan.
  5. Jangan masukkan pelbagai varian kata kunci dalam satu atribut.
  6. Gunakan teks alt kosong hanya untuk imej yang benar-benar hiasan.

Untuk konteks kebolehcapaian, rujukan elemen [img] MDN (https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/img) menerangkan cara alt digunakan apabila imej tidak dapat dimuatkan atau dilihat. Anggap itu sebagai asas, kemudian tambahkan konteks khusus halaman apabila imej adalah kandungan yang bermakna.

Format fail dan saiz mana yang patut anda gunakan?

Untuk kebanyakan imej web awam, eksport salinan penghantaran moden selepas mengubah saiz master kepada keperluan paparan sebenar. WebP adalah pilihan lalai yang selamat untuk sokongan yang luas. AVIF boleh lebih kecil untuk banyak imej fotografi, tetapi pengekodannya lebih perlahan dan tingkah laku artifak berbeza. Simpan master sumber secara berasingan, terutamanya untuk foto produk dan fotografi editorial.

Kesilapan yang paling kerap saya lihat ialah memampatkan muat naik 4000 px dan kemudian menunjukkannya pada 900 px. Ubah saiz dahulu, kemudian mampatkan. Tetapan kualiti yang lebih kecil tidak dapat sepenuhnya membatalkan dimensi yang terlalu besar.

Carta bar menunjukkan pertumbuhan byte WebP yang diukur apabila lebar imej meningkat dari 800 hingga 2400 piksel

Saya menjana imej carta dalam artikel ini pada ukuran 1400 oleh 788 dan mengeksportnya sebagai kualiti WebP 82. Output tempatan adalah 22 KB untuk carta saiz dan 42 KB untuk kulit hadapan. Itu kecil kerana grafik menggunakan warna rata dan teks. Foto sebenar dengan dimensi yang sama boleh menjadi jauh lebih besar, jadi ukur aset anda sendiri dan jangan hanya menyalin sasaran byte tetap.

Senario penggunaan Titik permulaan Risiko SEO yang perlu dielakkan
Hero artikel WebP atau AVIF lebar 1200-1600 px Memuat naik asal kamera 5000 px ke susun atur sempit
Galeri produk Potongan konsisten, WebP q82-q90 Memampatkan label sehingga teks tidak dapat dibaca
Tangkapan skrin Master PNG, penghantaran WebP atau PNG selepas pengujian Teks UI kabur daripada pemampatan lossy yang agresif
Latar belakang hiasan WebP atau AVIF kualiti lebih rendah Membiarkan imej bukan kritikal bersaing dengan kandungan halaman
Pratonton sosial Nisbah platform tepat ditambah salinan mampat Menggunakan semula imej artikel tinggi yang memotong subjek

Untuk pertukaran format, bandingkan AVIF vs WebP. Jika anda perlu mengesahkan dimensi sebelum eksport, gunakan Check Image Size and Dimensions.

Bagaimana imej responsif mempengaruhi SEO?

Imej responsif membantu pengguna dan crawler mencapai fail yang betul untuk peranti tersebut. Pelawat mudah alih tidak seharusnya memuat turun hero yang besar sama seperti yang diterima oleh monitor desktop. Gunakan srcset dan sizes apabila satu imej memerlukan pelbagai lebar, dan kekalkan nilai alt yang bermakna pada elemen img.

Halaman itu harus memperuntukkan ruang sebelum imej dimuatkan. Tetapkan atribut width dan height atau gunakan peraturan aspect ratio CSS supaya kandungan tidak melompat-lompat semasa pelayar memuat turun fail tersebut. Google mendokumentasikan Cumulative Layout Shift sebagai sebahagian daripada panduan Core Web Vitals, dan imej tanpa dimensi adalah punca yang biasa dan boleh dicegah.

Gunakan corak markup ini apabila anda mempunyai derivatif responsif:

<img
  src="/images/product-shoe-1200.webp"
  srcset="/images/product-shoe-600.webp 600w, /images/product-shoe-1200.webp 1200w"
  sizes="(max-width: 700px) 92vw, 680px"
  width="1200"
  height="800"
  alt="Blue trail running shoe with black laces and thick white sole"
  loading="lazy"
>

Jangan lazy-load imej paling penting di atas lipatan (above-the-fold) secara rutin. Imej hero, foto produk utama, dan imej editorial utama sering memerlukan keutamaan normal. Imej galeri di bawah lipatan (below-the-fold) adalah calon yang lebih baik untuk lazy loading.

Untuk penjanaan derivatif pukal, Batch Resize Guide memberikan aliran kerja command-line. Untuk keputusan imej khusus mudah alih, padankan panduan ini dengan Mobile Image Optimization.

Patutkah anda menggunakan sitemap imej dan data berstruktur?

Gunakan sitemap imej apabila imej adalah kandungan penting dan bukan sekadar sokongan dekoratif. Ia sangat berguna untuk katalog produk, resipi, galeri, dan arkib editorial di mana banyak URL imej memerlukan penemuan yang boleh dipercayai.

Data berstruktur juga boleh membantu apabila jenis halaman menyokongnya. Halaman produk, resipi, artikel, dan video sering memasukkan sifat imej dalam schema markup. Skema tersebut harus sepadan dengan kandungan halaman yang kelihatan; jangan tandakan imej yang tidak dapat dilihat oleh pengguna.

Jenis Halaman Sokongan SEO imej yang berguna Nota
Ecommerce product Product schema, consistent gallery URLs, descriptive alt text Utamakan warna, bahan, dan kebolehlihatan label yang tepat
Recipe Recipe schema with finished-dish image Gunakan hidangan siap sebenar, bukan foto dapur generik
News or blog article Article image, stable cover, contextual body images Pilih imej representatif yang sepadan dengan topik artikel
Local business Photos of premises, services, team, or completed work Elakkan foto stok yang tidak membuktikan kerelevanan tempatan
Portfolio gallery Sitemap entries and captions Berikan setiap sampel kerja konteks sekeliling yang mencukupi

Jika imej dijana atau diedit secara meluas, pastikan konteks halaman adalah jujur. Jangan biarkan imej yang digilap menyiratkan bukti produk, hartanah, atau hasil yang tidak dapat disokong oleh halaman tersebut.

Bagaimana anda mengukur SEO imej selepas menerbitkan?

Pengukuran harus memisahkan penemuan imej daripada kelajuan halaman. Search Console boleh menunjukkan prestasi carian imej dengan menapis laporan hasil carian kepada jenis carian Imej. Core Web Vitals dan Lighthouse boleh menunjukkan sama ada imej merosakkan pengalaman muat.

Jadual semakan untuk mengaudit URL imej, teks alt, dimensi, dan kelajuan sebelum menerbitkan

Semak perkara-perkara ini selepas penerbitan:

  1. URL imej CDN yang penting mengembalikan HTTP 200.
  2. Halaman yang dirender mengandungi penanda imej akhir.
  3. Search Console sedang mengumpul impresi untuk pertanyaan yang relevan.
  4. Largest Contentful Paint tidak didominasi oleh imej bersaiz besar.
  5. Perubahan susun atur tidak berlaku apabila imej dimuatkan.
  6. Teks alt masih sepadan dengan imej yang kelihatan selepas suntingan atau penggantian.
  7. Pautan dalaman merujuk kepada halaman langkah seterusnya yang berguna, bukan catatan yang tidak berkaitan.
  8. Imej muncul dengan betul dalam pratonton Open Graph dan sosial.

Jangan harapkan SEO imej untuk membaiki halaman yang nipis. Jika artikel, halaman produk, atau galeri kekurangan teks berguna, imej mempunyai konteks yang kurang untuk diberi ranking. SEO imej paling kuat apabila imej benar-benar membantu halaman menjawab pertanyaan tersebut.

Senarai Semak SEO Imej

Gunakan semakan akhir ini untuk setiap imej yang penting kepada trafik carian, perkongsian sosial, atau penukaran:

Semak Syarat Lulus Baiki jika gagal
Discoverability Imej dan halaman mengembalikan HTTP 200 dan tidak disekat Pindah ke URL CDN yang boleh diakses atau kemas kini peraturan robots
Context Tajuk, tajuk utama, kapsyen, atau teks berdekatan menerangkan imej Tambah teks sekeliling yang spesifik atau gantikan imej
Alt text Menerangkan subjek dan fungsi halaman yang kelihatan Tulis semula tanpa keyword stuffing
Dimensions Dimensi fail sepadan dengan ruang yang dipaparkan atau set responsif Saiz semula dari induk dan jana semula derivatif
Format Menggunakan WebP atau AVIF jika sesuai Eksport salinan penghantaran moden dan simpan sandaran jika perlu
Stability URL imej tidak akan berubah selepas setiap deploy Terbitkan aset versi atau laluan CDN yang stabil
Measurement Semakan Search Console dan kelajuan telah ditinjau Pantau klik imej, impressions, LCP, dan CLS selepas pelancaran

Aliran kerja yang paling mudah dan boleh dipercayai masih yang terbaik: gunakan imej yang boleh diakses, terangkan dengan jujur, saiz semula sebelum mampatan, hantar dari CDN yang stabil, dan ukur halaman selepas ia diterbitkan.

Gunakan alat percuma kami semasa mengikuti panduan ini.

Imej kulit untuk Cara Menambah Watermark pada Foto (Perlindungan Hak Cipta)

Tue Mar 24 2026 20:00:00 GMT-0400 (北美东部夏令时间)

Cara Menambah Watermark pada Foto (Perlindungan Hak Cipta)

Tambahkan watermark pada foto untuk melindungi hak cipta anda. Pelajari penempatan (sudut vs jubin vs tengah), cara batch-watermark, dan pertukaran antara perlindungan serta kualiti imej.