MENGURANGI UKURAN FILE GAMBAR DAN MEMBUAT HALAMAN MUAT CEPAT TOPSEO

Setiap kali pengguna mencari topik yang berhubungan dengan blog Anda, Anda ingin Google untuk menampilkan halaman dari blog Anda di atas hasil pencarian. Untuk melakukan hal ini, kita perlu membantu mesin pencari dengan mengoptimalkan konten blog dengan cara yang benar. Sederhana, bukan? Aku sudah diberi beberapa tips sederhana untuk mengoptimalkan Blogger blog untuk mesin pencari tapi posting ini secara eksklusif tentang gambar. Banyak blogger posting beberapa gambar dalam single post dan gambar ini dapat membawa ton lalu lintas dari mesin pencari seperti gambar bagian Google. Ini benar-benar mudah setelah Anda tahu apa yang harus dilakukan. Berikut adalah beberapa tips untuk mengoptimalkan gambar blog Anda untuk peringkat yang baik dalam hasil mesin pencari.

Blogger Images Optimization

Langkah pertama kami adalah untuk menjaga ukuran gambar sekecil mungkin. Tidak ada yang menghargai website loading lambat. Bahkan Google mengambil kecepatan loading halaman di akun sementara peringkat halaman web. Untungnya, alat-alat online gratis yang tersedia untuk melakukan semua angkat berat. Berikut adalah orang-orang favorit saya.

1- Yahoo! Smush.it

Ini adalah alat kecil yang mengagumkan untuk secara dramatis mengurangi ukuran gambar. Hanya meng-upload gambar dari komputer Anda atau paste URL jika gambar sudah online dan klik tombol Smush. Ini akan mengembalikan versi dioptimalkan gambar Anda dalam beberapa detik. Berikut adalah hasil dari gambar sampel:

Juga mencatat bahwa ukuran asli screen shot ini adalah 48 KB dan aku upload versi yang dioptimalkan dari 30 KB.

2- Kraken.io

Kraken.io menawarkan software desktop, tetapi mereka juga menawarkan layanan online gratis dan hasilnya mereka cukup mengesankan. Hanya membuka Antarmuka Web mereka dan meng-upload gambar dari komputer atau sisipkan URL. Salah satu pilihan tambahan untuk memilih antara lossless dan lossy optimasi teknik. Lossless hanya akan mengurangi ukuran dan tidak mempengaruhi kualitas sementara Lossy sangat akan mengurangi ukuran gambar dan memiliki dampak minimal pada kualitas gambar. Jika situs Anda tidak didasarkan pada gambar yang jernih kemudian memilih lossy sini. Lagi pula, aku sudah upload di atas screen shot [size: 48 KB] di Kraken dan dioptimalkan dengan lossless dan lossy. Periksa pengurangan ukuran.

Blogger Images Optimization Tips # 3: Gunakan Deskriptif Nama untuk Gambar di Plain English

Selalu nama gambar Anda dengan cara deskriptif. Ini akan membantu mesin pencari untuk mengidentifikasi apa yang mereka tentang. Sebagai contoh, saya baru saja download gambar ini dari sebuah situs dan namanya adalah file7561245026222.jpg.

Sekarang pikirkan tentang hal ini. Bisa masuk akal dari citra nama asli file7561245026222? Saya sudah berganti nama gambar ini ke Afrika Giraffe di hutan sebelum meng-upload. Ini adalah akal sehat dan memberitahu search engine tentang isi gambar.

Blogger Images Optimization Tips # 4: Gunakan Alt Tag

Tag alt adalah teks hanya alternatif. Ketika browser tidak bisa membuka gambar, ini akan menampilkan teks dalam tag alt. Secara default, Blogger tidak menambahkan tag alt saat foto diupload. Anda harus melakukannya sendiri. Untuk melakukan hal ini, buka tab HTML post editor dan upload gambar. Anda hanya akan melihat kode dan tidak ada gambar. Sebagai contoh, ini adalah kode dari gambar jerapah di atas:

  <Div class = "separator" style = "clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdRMaW8YZPHMRPMZc3acy52juNxZyXJE6vZ6spdYHsGm72HeMeyUnEOZSJrh20bImbKrV-BkGoBkQXaAzET4h-hYDgD177j-owdlRfZudApdh3Yc6IJvl6QHkPZDhcvmAS_Q3fyADe-A/s1600/African-Giraffe-in-Jungle.jpg"  imageanchor = "1" style = "margin-left: 1em; margin-right: 1em;"> <img border = "0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdRMaW8YZPHMRPMZc3acy52juNxZyXJE6vZ6spdYHsGm72HeMeyUnEOZSJrh20bImbKrV-BkGoBkQXaAzET4h-hYDgD177j-owdlRfZudApdh3Yc6IJvl6QHkPZDhcvmAS_Q3fyADe-A/s400/African-Giraffe-in-Jungle.jpg"  /> </a> </ Div>

Anda dapat melihat tidak ada tag alt hadir. Sekarang, saya akan menambahkan tag alt di bagian disorot dari kode di atas dan di sini adalah kode saya dengan tag alt:

  <Div class = "separator" style = "clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdRMaW8YZPHMRPMZc3acy52juNxZyXJE6vZ6spdYHsGm72HeMeyUnEOZSJrh20bImbKrV-BkGoBkQXaAzET4h-hYDgD177j-owdlRfZudApdh3Yc6IJvl6QHkPZDhcvmAS_Q3fyADe-A/s1600/African-Giraffe-in-Jungle.jpg"  imageanchor = "1" style = "margin-left: 1em; margin-right: 1em;"> <img border = "0" alt = "Gambar An Giraffe Afrika di Jungle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdRMaW8YZPHMRPMZc3acy52juNxZyXJE6vZ6spdYHsGm72HeMeyUnEOZSJrh20bImbKrV-BkGoBkQXaAzET4h-hYDgD177j-owdlRfZudApdh3Yc6IJvl6QHkPZDhcvmAS_Q3fyADe-A/s400/African-Giraffe-in-Jungle.jpg"  /> </a> </ Div>

Blogger Images Optimization Tips # 5: Memilih Blogger Gambar Upload Pilihan Bijaksana

Setelah Anda selesai meng-upload gambar dalam posting Blogger, editor meminta Anda untuk ukuran dan posisi gambar sebelum menempatkannya di pos. Ini adalah pilihan penting dan harus dipilih dengan bijaksana. Jika Anda meng-upload resolusi tinggi gambar digital maka jangan pilih ukuran asli sebagai pilihan karena Blogger benar-benar akan memuat gambar penuh setiap kali beban pos. Gambar HDR memiliki ukuran yang signifikan dan halaman Anda dapat mengambil terlalu banyak waktu untuk memuat.

Saya menggunakan opsi besar untuk menentukan ukuran gambar. Namun, pilihan ukuran tidak berarti bahwa dimensi yang sebenarnya gambar atau kualitas dikompromikan. Mari kita lihat di atas kode gambar jerapah lagi untuk melihat apa yang terjadi pada gambar asli.

  <Div class = "separator" style = "clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdRMaW8YZPHMRPMZc3acy52juNxZyXJE6vZ6spdYHsGm72HeMeyUnEOZSJrh20bImbKrV-BkGoBkQXaAzET4h-hYDgD177j-owdlRfZudApdh3Yc6IJvl6QHkPZDhcvmAS_Q3fyADe-A/s1600/African-Giraffe-in-Jungle.jpg"  imageanchor = "1" style = "margin-left: 1em; margin-right: 1em;"> <img border = "0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdRMaW8YZPHMRPMZc3acy52juNxZyXJE6vZ6spdYHsGm72HeMeyUnEOZSJrh20bImbKrV-BkGoBkQXaAzET4h-hYDgD177j-owdlRfZudApdh3Yc6IJvl6QHkPZDhcvmAS_Q3fyADe-A/s400/African-Giraffe-in-Jungle.jpg"  /> </a> </ Div>

Dalam kode di atas, sebenarnya ada 2 gambar. Salah satu gambar sumber yang benar-benar ditampilkan saat pasca beban dan URL gambar sumber:

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdRMaW8YZPHMRPMZc3acy52juNxZyXJE6vZ6spdYHsGm72HeMeyUnEOZSJrh20bImbKrV-BkGoBkQXaAzET4h-hYDgD177j-owdlRfZudApdh3Yc6IJvl6QHkPZDhcvmAS_Q3fyADe-A/s400/African-Giraffe-in-Jungle.jpg

Gambar lain adalah tujuan atau gambar yang terhubung. Ini adalah gambar upload asli dan dapat dibuka dengan mengklik pada gambar sumber. Ini adalah URL dari gambar asli.

 https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhdRMaW8YZPHMRPMZc3acy52juNxZyXJE6vZ6spdYHsGm72HeMeyUnEOZSJrh20bImbKrV-BkGoBkQXaAzET4h-hYDgD177j-owdlRfZudApdh3Yc6IJvl6QHkPZDhcvmAS_Q3fyADe-A/s1600/African-Giraffe-in-Jungle.jpg

Anda mungkin bertanya-tanya bahwa kode kedua gambar terlihat sama tapi ini tidak terjadi. Sumber gambar memiliki s400 [size: 56 KB] dan gambar asli mengandung S1600 [size: 108 KB]. 2 ini membedakan ukuran.

Pengunjung blog selalu dapat mengklik gambar sumber yang lebih kecil untuk melihat gambar resolusi tinggi penuh.

Blogger Images Optimization Tips # 6: Membuat Gambar di Compressed Format

Jika Anda membuat gambar sendiri maka pastikan untuk menyimpannya dalam format terkompresi yang baik sebelum upload. Untuk besar foto resolusi tinggi, saya biasanya lebih suka JPEG [.jpg] Format. Namun, PNG [Png] juga format yang baik untuk gambar kecil seperti ikon. Kebanyakan software seperti Adobe Photoshop menyediakan pilihan untuk langsung ekspor / menyimpan gambar dalam format ini. Ingatlah untuk menghindari GIF [Gif] gambar karena mereka memiliki ukuran yang besar dan tidak memberikan kualitas yang hebat.

Blogger Images Optimization Tips # 7: Apakah Tidak SPAM & Hindari Banned / Terdampar Google

Google memiliki beberapa algoritma yang sangat kuat dan cerdas untuk mendeteksi spam dan hal-hal yang tidak wajar pada halaman web. Sebagai contoh, jika Anda posting pic selebriti di blog yang tidak ada hubungannya dengan selebriti atau fashion, mesin pencari akan mengerti bahwa. Demikian pula, tidak over-barang tag alt teks seperti untuk gambar jerapah di atas:

  alt = "jerapah di Afrika, Giraffe Makan Rumput, Pria Giraffe, Female Giraffe, Afrika, Jungle, Safari"

JANGAN melakukan hal ini. Tindakan ini dapat membuat Anda dilarang dari hasil Google untuk jumlah yang tidak terbatas. Cobalah untuk menjadi sealami mungkin. Selalu menulis artikel asli kualitas dan gambar berkualitas tinggi pasca.

Saya harap tips ini akan membantu Anda. Jika Anda memiliki pertanyaan, beritahu saya. Oh di sini adalah fakta menyenangkan: Aku telah menyimpan 453 KB di posting ini dengan mengompresi gambar-gambar saya. Dengan kata lain, pengguna dengan 1 Mbps koneksi DSL dapat melihat posting saya 5 detik lebih cepat.

sumber http://www.betatemplates.com