Jawaban singkatnya: untuk memeriksa gambar di halaman untuk SEO, tempelkan URL-nya ke Pemeriksa Gambar SEO gratis PromoPilot. Alat ini akan menganalisis hingga 100 tag <img>: apakah ada tag alt, apakah loading="lazy" diatur, apakah lebar dan tinggi diatur, apakah WebP, AVIF, atau SVG digunakan, dan apakah ada srcset. Hasilnya adalah skor dari 0 hingga 100 dan komentar pada setiap gambar. Di bawah ini Anda akan menemukan cara perhitungan skor, apa yang perlu diperbaiki terlebih dahulu, dan apa yang tidak dilihat oleh alat ini.
Saya telah membangun situs web dan toko online selama 12 tahun, dan gambar adalah kendala utama di hampir setiap proyek tersebut. Contoh kartu produk yang umum: lima foto berukuran 3MB langsung dari kamera, teks alt kosong, dan nama file IMG_4512.jpg.
Apa yang diperiksa oleh Image SEO Check?
Alat ini menganalisis setiap gambar di halaman berdasarkan lima kriteria dan menjumlahkannya untuk membentuk skor keseluruhan.
| Apa yang diperiksanya? | Apa yang sedang dia lihat? | Mengapa hal ini penting untuk SEO dan bisnis? |
|---|---|---|
| Alternatif | Apakah ada deskripsi teks untuk setiap <img> | Peringkat Google Images berdasarkan alt; aksesibilitas untuk tunanetra |
| Pemuatan lambat | Atribut loading="lazy" diterapkan pada gambar di bawah layar pertama. | Halaman tersebut tidak memuat apa pun yang belum dilihat pengunjung melalui pengguliran. |
| Lebar dan tinggi | Apakah dimensinya sudah ditentukan dalam atribut tag? | Blok tidak "melompat" saat dimuat - ini adalah metrik CLS. |
| Format | WebP, AVIF, atau SVG berdasarkan ekstensi file. | Format modern jauh lebih kecil daripada JPG dan PNG. |
| Sumber | Apakah ada opsi gambar untuk layar yang berbeda? | Ponsel menerima file berukuran kecil, bukan versi untuk monitor. |
Setiap gambar menerima daftar komentar, dan halaman tersebut menerima skor akhir. Ini praktis: Anda tidak hanya dapat melihat apa yang salah, tetapi juga gambar mana yang bermasalah.
Bagaimana cara memeriksa gambar di situs web secara online?
- Buka Pemeriksa SEO Gambar.
- Masukkan alamat halaman, sebaiknya halaman yang memiliki banyak foto: kartu produk, kategori, artikel blog, portofolio.
- Klik "Periksa" dan tunggu hingga semua gambar selesai dipindai.
- Lihat peringkat dan daftar komentar untuk setiap gambar.
- Mohon perbaiki masalah tersebut dan periksa kembali halaman ini.
Beginilah tampilan halaman alat tersebut: kolom alamat, daftar cek, dan FAQ.
Bagaimana peringkat dihitung dan apa yang harus dikoreksi terlebih dahulu?
Peringkat dimulai dari 100 poin, dan penalti akan dikurangi untuk setiap masalah, tergantung pada persentase gambar di halaman yang tidak memenuhi kriteria. Dengan mengetahui aturannya, mudah untuk mengetahui apa yang akan memberikan peningkatan terbesar.
| Penyelidikan | Bagus | Komentar |
|---|---|---|
| Alternatif | Kurang dari 50% gambar dengan alt — -30; kurang dari 80% — -15; kurang dari 100% — -5 | Poin terpenting |
| Pemuatan lambat | kurang dari 50% - −15; kurang dari 80% - −8 | Tiga gambar pertama tidak diperhitungkan. |
| Lebar dan tinggi | kurang dari 50% - −15; kurang dari 80% - −8 | Dimensi khusus CSS tidak diperhitungkan. |
| WebP, AVIF, atau SVG | kurang dari 30% - 10 | Formatnya ditentukan oleh ekstensi. |
| Srcset untuk gambar raster | kurang dari 30% - 10 | SVG tidak memerlukan srcset. |
Berikut adalah surat perintah kerja saya:
- Alt. Barang termahal dan paling mudah diperbaiki. Tulis apa yang ditampilkan:
alt="Кожаный рюкзак Nord 20 л, коричневый, вид сбоку", bukanalt="рюкзак купить дёшево рюкзак". Untuk elemen dekoratif, gunakanalt=""kosong. - Lebar dan tinggi. Tentukan dimensi sebenarnya pada atribut, dan tambahkan
img { max-width: 100%; height: auto; }ke CSS—gambar akan tetap responsif, dan tata letak tidak akan bergeser. - Lazy loading berlaku untuk semua konten di bawah lipatan halaman. Namun, hal ini merugikan gambar utama (hero image): gambar utama perlu dimuat segera dan dengan prioritas tinggi.
- WebP atau AVIF. WordPress telah mendukung unggahan WebP sejak versi 5.8, dan AVIF sejak versi 6.5.
- Gunakan Srcset untuk foto berukuran besar agar ponsel tidak mengunduh versi monitor.
Contoh gambar utama dan foto adaptif yang tepat dalam teks:
<img src="/img/hero.webp" alt="Мастерская кожаных изделий Nord" width="1200" height="600" fetchpriority="high"> <img src="/img/bag-700.webp" srcset="/img/bag-700.webp 700w, /img/bag-1400.webp 1400w" sizes="(max-width: 700px) 100vw, 700px" alt="Рюкзак Nord 20 л, вид сбоку" width="700" height="700" loading="lazy">Bagaimana cara menulis tag alt yang baik untuk sebuah gambar?
Tag alt adalah elemen terpenting dalam evaluasi, dan di sinilah kesalahan paling sering terjadi: entah membiarkannya kosong atau mengisinya dengan kata kunci. Aturan sederhana: jelaskan gambar kepada seseorang yang tidak dapat melihatnya dalam satu kalimat.
| Gambar | Alternatif yang buruk | Alternatif yang bagus |
|---|---|---|
| Foto produk | рюкзак купить рюкзак недорого | Кожаный рюкзак Nord 20 л, коричневый, вид спереди |
| Foto tim | photo1 | Мастера мастерской Nord за работой над сумкой |
| Diagram atau bagan | график | Рост заказов с сайта по месяцам: с 40 до 120 в месяц |
| Ikon dekoratif | иконка | alt="" — tidak perlu membacanya |
Untuk katalog, akan lebih mudah membuat tag alt menggunakan templat: nama produk + warna atau varian + sudut. Dengan cara ini, lima foto pada satu kartu akan memiliki lima deskripsi berbeda dan bermanfaat, bukan lima deskripsi yang identik.
Nama file juga penting: kozhanyj-ryukzak-nord-korichnevyj.webp lebih baik daripada IMG_4512.jpg. Tidak ada gunanya mengganti nama file lama hanya untuk ini, tetapi unggah file baru dengan nama yang deskriptif.
Perbandingan: Pemeriksa SEO Gambar dan Alternatifnya
| Alat | Apa yang gratis? | Pembatasan | Produk ini cocok untuk siapa? |
|---|---|---|---|
| PromoPilot — Pemeriksa SEO Gambar | Alt, lazy loading, lebar/tinggi, format, srcset; peringkat 0–100 dan komentar untuk setiap gambar | Hingga 100 gambar, ukuran file tidak diperkirakan. | Menguraikan gambar dengan cepat dari halaman mana pun. |
| Google PageSpeed Insights | Audit gambar sebagai bagian dari uji kecepatan: format, ukuran, lazy loading. | Dicampur dengan lusinan pemeriksaan lainnya, alt hampir tidak mengerti. | Menilai dampak gambar terhadap kecepatan |
| Squiosh | Kompres dan konversi satu gambar di browser. | Tidak memeriksa halaman, bekerja dengan file. | Mempersiapkan gambar individual |
| Screaming Frog SEO Spider | Daftar gambar tanpa teks alt di seluruh situs. | Instalasi diperlukan, versi gratis memiliki batasan jumlah alamat. | Audit alt pada ratusan halaman |
Kesimpulan: Pemeriksa online menunjukkan apa yang salah dengan gambar di halaman tertentu, PageSpeed menunjukkan berapa banyak biaya yang dikeluarkan dalam hal kecepatan, dan Squoosh atau konverter membantu memperbaiki file itu sendiri.
PromoPilot memiliki 87 alat SEO gratis, termasuk alat kompresi gambar dan konverter WebP yang bekerja langsung di browser, tanpa mengunggah file ke server. Untuk memahami ukuran halaman secara keseluruhan, lihat artikel kami dalam seri analisis kecepatan halaman kami.
Apa yang tidak terlihat oleh verifikasi gambar?
Mari kita jujur tentang keterbatasan alat ini—penting untuk mengetahuinya agar dapat menafsirkan peringkat secara akurat:
- Ukuran file tidak diperhitungkan —gambar tidak diunduh; format ditentukan oleh ekstensinya.
- Tag
<picture>tidak diuraikan: JPG dalam<img>akan tetap diberi tag meskipun ada AVIF atau WebP di dalam<source>di sebelahnya. - Gambar latar belakang dari CSS dan gambar yang ditambahkan oleh JavaScript tidak termasuk dalam laporan ini.
- Dimensi yang hanya ditentukan dalam CSS tidak diperhitungkan.
- Halaman tanpa satu pun
<img>mendapat 50 poin - ini bukan "setengah dari kesalahan", tetapi "tidak ada yang perlu dinilai".
Kapan alat gratis tidak cukup?
Memperbaiki teks alt pada satu halaman membutuhkan waktu sepuluh menit. Tetapi jika toko tersebut memiliki lima ribu produk, hal itu tidak mungkin dilakukan secara manual. Anda membutuhkan spesialis jika:
- Teks alt harus dihasilkan secara otomatis dari nama, warna, dan sudut untuk seluruh katalog;
- Gambar dimuat dari kamera tanpa kompresi, dan diperlukan alur kerja otomatis: kompresi, WebP, berbagai ukuran;
- Tema situs web menampilkan foto tanpa lebar, tinggi, dan srcset, dan templat perlu diperbaiki;
- Ingin mendapatkan trafik dari Google Images untuk pencarian produk?
Apa yang bisa saya lakukan untuk situs web Anda?
Saya Valeriy Danyuk, seorang pengembang dan spesialis SEO dengan pengalaman 12 tahun dan lebih dari 200 klien, termasuk banyak toko online dengan ribuan foto.
SEO dan audit
- Audit SEO situs web lengkap: Saya memeriksa gambar di seluruh situs, menyiapkan konversi otomatis dan teks alt di template.
- Blog SEO bertenaga AI yang mendatangkan klien organik — ilustrasi otomatis dengan alt dan gambar WebP untuk setiap artikel.
Toko dan katalog
- Katalog berisi 300 item hanya dalam beberapa menit melalui MCP dan Claude —dengan deskripsi dan foto untuk setiap item.
- Toko online di WooCommerce dengan pemrosesan gambar yang tepat.
- Memindahkan toko dari Instagram ke situs web —foto dan deskripsi produk sedang dalam proses pengerjaan.
- Produk, foto, dan teks dapat ditransfer ke 1001site melalui tautan dari situs web lama Anda atau media sosial.
Akuntansi dan otomatisasi
Kirimkan saya tautan kartu produk di Telegram - saya akan memberi tahu Anda berapa banyak yang bisa Anda menangkan berdasarkan gambar-gambar tersebut.
Hasil
- Pemeriksa gambar SEO online menganalisis hingga 100 gambar di sebuah halaman dan memberikan skor dari 0 hingga 100, beserta komentar untuk setiap gambar.
- Poin terbanyak diberikan kepada alt dan dimensi lebar/tinggi, diikuti oleh lazy loading, WebP/AVIF dan srcset.
- Gambar utama tidak memerlukan lazy loading - gambar tersebut memerlukan
fetchpriority="high". - Untuk katalog besar, pemrosesan foto diotomatiskan—atau dipilih platform yang sudah melakukan hal tersebut, misalnya, 1001site.
Periksa halaman terberat situs Anda dengan Pemeriksa SEO Gambar gratis —mulailah dengan alt.
Sumber
- Halaman Pemeriksa SEO Gambar PromoPilot - pemeriksaan, aturan evaluasi, batasan, dan FAQ.
- Google Search Central - Rekomendasi gambar untuk pencarian.
- Google PageSpeed Insights dan Squoosh - Deskripsi Fitur.
