Cara Optimasi Gambar di blog agar SEO

Baik Anda memiliki blog, toko online, atau situs web biasa yang Anda ingin terlihat luar biasa, Anda perlu optimasi gambar yang Anda unggah.

Ketika kita berbicara tentang Cara Optimasi Gambar di blog agar SEO, Anda dapat memikirkan ini dalam tiga cara: 1) membuat gambar terlihat bagus, 2) membuat gambar memuat dengan cepat, dan 3) membuat gambar mudah untuk diindeks oleh mesin pencari.

Sebagian besar posting membahas satu aspek optimasi atau lainnya, tetapi dalam posting ini saya akan membahas semuanya. Yang lebih baik adalah Anda dapat optimasi gambar dengan alat gratis dan mudah digunakan — tidak diperlukan Photoshop. (Dalam posting ini saya akan lebih banyak mendemonstrasikan dengan Pixlr versi berbasis browser gratis, yang merupakan alat sederhana untuk mengedit gambar dasar. Jika Anda tertarik pada alat lain, lihat posting kami Cara Mengedit Foto Tanpa Photoshop ).

1. Mulai dengan gambar berkualitas tinggi

Fotografi stok: Anda tidak harus menjadi fotografer profesional untuk menggunakan gambar yang bagus di situs web Anda. Setiap hari sepertinya ada lebih banyak situs stok foto berkualitas tinggi di mana Anda dapat mengunduh foto gratis untuk penggunaan komersial. Beberapa favorit kami adalah:

• Pixabay
• Unsplash
• Barn Images
• PicJumbo
• SplitShire
• Little Visuals

Saat Anda mengunduh gambar dari salah satu situs web ini, kemungkinan itu akan menjadi file JPEG yang sangat besar. Untuk mengompresnya untuk situs web Anda, Anda harus mengurangi ukurannya dan mengunggah versi yang lebih kecil (lebih lanjut tentang itu di bawah). Tapi tidak apa-apa. Memulai dengan format besar sangat ideal, karena Anda selalu dapat membuat gambar besar lebih kecil. (Membuat gambar kecil lebih besar tidak akan bekerja dengan baik).

Mengambil foto Anda sendiri (lebih baik): Tentu saja, Anda tidak dapat menggunakan foto stok untuk semuanya (seperti tim atau produk Anda). Ada beberapa trik mudah untuk membuat gambar Anda terlihat terang dan lebih profesional, bahkan tanpa peralatan kamera yang mewah ( seperti tutorial tentang cara membuat lightbox Anda sendiri ).

Gambar: Jika Anda mencari sesuatu yang lebih berbasis grafis, ada banyak alat online baru gratis yang dapat Anda gunakan untuk membuat infografis atau foto Anda sendiri dengan overlay font. Kami mencintai Canva dan PiktoChart. Jika Anda mencari logo, sebaiknya periksa Pembuat Logo kami .

2. Gunakan jenis file yang tepat: JPEG atau PNG

Jika Anda bertanya-tanya tentang file gambar yang berbeda seperti JPG, PNG, GIF, dan SVG, ketahuilah bahwa di situs web Anda, Anda kemungkinan besar akan menggunakan format JPEG (JPG) atau PNG. Ada pro dan kontra dari masing-masing , tetapi untuk sebagian besar kasus Anda dapat mengingat yang berikut:

Foto-foto harus disimpan dan diunggah sebagai JPG. Jenis file ini dapat menangani semua warna dalam foto dalam ukuran file yang relatif kecil dan efisien. Dengan menggunakan JPEG, Anda tidak akan berakhir dengan file besar yang mungkin Anda dapatkan jika Anda menyimpan foto sebagai PNG.

Grafik, terutama yang menggunakan area warna besar dan datar, harus disimpan sebagai PNG. Ini termasuk sebagian besar desain, infografis, gambar dengan banyak teks di dalamnya, dan logo. PNG memiliki kualitas lebih tinggi daripada JPEG, tetapi biasanya memiliki ukuran file yang lebih besar juga. Seperti kerabat mereka, file SVG, PNG menangani area warna dan teks dengan garis-garis tajam yang bagus, sehingga Anda dapat memperbesar dan tidak kehilangan kualitas. Mereka juga mendukung latar belakang transparan ( yang Anda inginkan jika Anda menggunakan logo ). Jika Anda punya pilihan, kami sarankan menyimpan PNGs sebagai format "24 bit" daripada "8 bit" karena kualitas yang lebih baik dan susunan warna yang lebih kaya dari yang didukung.

3. Ubah ukuran gambar untuk mengoptimalkan kecepatan dan tampilan halaman

Dengan gambar web, Anda ingin menemukan keseimbangan yang tepat antara ukuran dan resolusi. Semakin tinggi resolusi Anda, semakin besar ukuran file.  Dalam dunia cetak, gambar resolusi tinggi adalah hal yang baik. Tetapi di web, ukuran besar, gambar beresolusi tinggi dapat memperlambat kecepatan halaman situs web Anda. Ini menyakiti pengalaman pengguna Anda dan, pada akhirnya, peringkat mesin pencari Anda . Gambar besar dan waktu buka yang lambat sangat menyebalkan bagi  pengunjung seluler .

Ada kalanya Anda ingin menggunakan gambar besar di situs web Anda, seperti untuk latar belakang atau gambar pahlawan Anda . Jika Anda menggunakan gambar berkualitas rendah dan mencoba meledakkannya menjadi cukup besar, itu akan terlihat kabur.

Jadi, bagaimana Anda mencapai keseimbangan yang tepat antara ukuran dan kualitas? Pertama, penting untuk dipahami bahwa dalam hal gambar, "ukuran" adalah istilah yang relatif. Apa yang Anda butuhkan untuk mencetak biasanya jauh lebih besar daripada yang Anda butuhkan untuk sebuah situs web. Berikut ini ikhtisar dari tiga aspek utama yang membentuk "ukuran":

• Ukuran file optimal: jumlah byte file yang digunakan di komputer Anda. Ini adalah faktor yang dapat memperlambat situs web Anda. Gambar 15MB (megabyte) sangat besar. Gambar 125KB (kilobyte) jauh lebih masuk akal. Jika ukuran file Anda sangat besar, ini merupakan indikator bahwa dimensi gambar Anda terlalu besar atau resolusinya terlalu tinggi.

• Ukuran gambar: Dimensi aktual gambar Anda, dalam piksel. Anda mungkin menganggap foto cetakan tradisional 4 × 6, 5 × 7, atau 8 × 10. Namun di web, tinggi dan lebar diukur dalam piksel. Jadi misalnya, gambar khas pada situs web atau blog mungkin 795 × 300 piksel.

• Resolusi untuk gambar web: Tersisa dari dunia cetak, resolusi adalah kualitas atau kepadatan gambar, diukur dalam dots per inch (dpi). Printer profesional mungkin membutuhkan gambar minimal 300dpi. Tetapi kebanyakan monitor komputer menampilkan 72dpi atau 92dpi , jadi apa pun yang lebih tinggi dari itu berlebihan dan membuat gambar Anda menjadi tidak perlu besar. Ketika sebuah program desain memiliki opsi untuk "menyimpan untuk web", itu berarti menyimpannya pada resolusi rendah, ramah-web.

4. Buat gambar dengan ukuran dan gaya yang sama

Gambar pada halaman web akan terlihat lebih baik jika Anda menggunakan gaya dan ukuran yang konsisten. Konsistensi juga akan membantu ketika menyejajarkan teks, kolom, dan informasi lainnya di halaman Anda. Untuk melihat apa yang kami maksud, lihat contoh di bawah ini.

Yang pertama, diambil dari situs web Make-Believe Coffee kami, foto-foto tersebut semuanya memiliki dimensi yang berbeda. Yang satu diorientasikan secara vertikal, sedangkan yang lainnya horisontal. Ini membuat halaman terlihat berantakan.

5. Beri nama file gambar dengan benar untuk membantu SEO Anda

Kebanyakan orang tidak terlalu memikirkan nama file mereka. Mereka dapat memanggil foto "Photo1.jpg" atau "Screen Shot 2018-06-02 pukul 3.41.15 PM". Jika ini terdengar familier, luangkan waktu sejenak untuk mengubah nama gambar Anda sebelum Anda mengunggahnya ke situs web Anda. Mengapa? Karena hal itu membuat foto Anda lebih mudah dikelola. Tergantung di mana gambar muncul online, itu juga dapat  meningkatkan SEO Anda

Demi konsistensi, gunakan huruf kecil dan angka 0-9. Jangan beri tanda baca atau spasi. Dan yang terbaik adalah menggunakan tanda hubung daripada menggarisbawahi . (Pikirkan eiffel-tower.jpg daripada DSC12345.jpg ).

6. Isi teks dan teks alternatif Anda

Begitu orang mengunggah gambar ke situs web mereka, mereka sering lupa mengisi informasi tambahan. Tapi sama seperti nama file, info ini memberi Anda beberapa jus SEO tambahan.

Alt tag (atau teks alternatif) tidak akan terlihat oleh pengunjung rata-rata Anda, tetapi mereka memberikan mesin pencari ide dasar tentang apa masing-masing gambar. Jadi, begitu Anda menambahkan gambar ke situs Anda, pastikan untuk mengisi bidang Teks Alternatif dengan frasa yang menggambarkan apa yang ditampilkan foto, lebih disukai dengan kata kunci yang ditargetkan . (Teks alternatif juga membantu pengunjung tunanetra menavigasi situs Anda dengan perangkat lunak berbasis audio, jadi ini cara yang bagus untuk meningkatkan aksesibilitas situs web.) Berikut adalah beberapa tips untuk menulis tag alt yang baik .

7. Letakkan gambar di dekat teks yang relevan

Pilih gambar yang terkait dengan apa yang dikatakan teks, daripada sesuatu yang benar-benar tiba-tiba. Gambar yang dikelilingi oleh informasi yang relevan (dengan kata kunci terkait) akan peringkat lebih baik .

Tip ini juga membantu Anda menghindari klise stok foto. Jika situs web Anda tentang pendidikan, Anda tidak mendapatkan dorongan SEO dari memiliki foto apel. Foto-foto guru, siswa, dan ruang kelas akan lebih menarik bagi pembaca dan lebih relevan dengan materi pelajaran Anda.

Share this post

Berlangganan update artikel terbaru via email: