Loading...

4 Tips Dan Trik Mengoptimalkan Blogger

 Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO  4 Tips dan Trik Mengoptimalkan Blogger

Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO on page, yaitu teknik meningkatkan secara optimal SEO yang dilakukan di dalam halaman blog itu sendiri. Bagi yang belum membacanya, silahkan baca: cara meningkatkan secara optimal SEO on page pada Blogspot.

Artikel ini merupakan hasil studi masalah saya secara pribadi, jadi silahkan dipilah-pilih sendiri sebelum diterapkan pada blog anda masing-masing.

Ada 4 tips dan trik yang akan saya bahas disini, diantaranya:

1. Optimasi Kecepatan (Speed) Blog

Tanggal 26 Maret 2018 kemarin, Google secara resmi merilis algoritma mobile first indexing, jadi kecepatan blog pada tampilan mobile (mobile view) merupakan salah satu faktor pemeringkatan hasil SERP.

Ingat, hanya salah satu, bukan berarti kalau speed blog kita cepat maka menang di SERP. Salah besar!

Google sendiri menyampaikan "mempunyai situs mobile friendly dan cepat dalam kendaraan beroda empat view merupakan hal yang bagus, tapi memiliki konten yang berkualitas dan mengutamakan pengalaman pengguna yakni lebih bagus".

Untuk menganalisis kecepatan situs, parameter yang saya gunakan pada studi masalah ini yakni score PageSpeed Insight (mobile dan desktop).

Secara default, beberapa template Blogger sudah bundling dengan bundle.css dan beberapa javascript ibarat plusone.js. Jika kita analisa dengan tools Google PageSpeed Insight, keduanya tentu memperlambat speed dan loading blog, dengan menampilkan pesan error "render-blocking JavaScript and CSS".

Sebagai contoh, hasil analisa Google PageSpeed Insight untuk blog ini sebelum menghilangkan render-blocking JavaScript and CSS adalah: 74 untuk tampilan mobile dan 82 untuk tampilan desktop.

 Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO  4 Tips dan Trik Mengoptimalkan Blogger

 Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO  4 Tips dan Trik Mengoptimalkan Blogger

Setelah menghilangkannya, score Google PageSpeed Insight melaju cepat, lihat gambar di bawah ini.
 Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO  4 Tips dan Trik Mengoptimalkan Blogger

Oiya... hasil analisa di atas sudah include dengan beberapa script auto Ads.
Jika anda tertarik mencobanya, berikut ini tips dan trik meningkatkan secara optimal speed blog menurut hasil studi masalah ().

1.a Menghilangkan Render Blocking JavaScript dan CSS di Blogger

Buka alamat blog dan klik kanan view page source, jangan lupa backup file bundle.css, plusone.js dan widget.statics.blogger.js.
Masuk ke Dashboard Blogger: Settings > Templates > Edit HTML, cari arahan <head> dan ganti menjadi ibarat dibawah ini.
&lt;head&gt; 
Lakukan hal yang sama untuk arahan </head> dan ganti menjadi:
&lt;/head&gt;&lt;!--<head/>--&gt; 
Jangan lupa mengganti arahan </body> menjadi:
&lt;!--</body>--&gt;&lt;/body&gt;

Save template dan lihat hasilnya.
Cara diatas akan menghilangkan semua css dan javascript bawaan Blogger, selanjutnya silahkan tambahkan script-script tersebut secara manual.

1.b Gunakan async untuk Javascript

Cari semua arahan javascript, dan ganti menjadi:
<script async src="myjavscript.js"></script>
atau ibarat dibawah ini:
<script async='async' src="myjavscript.js"></script>
Selengkapnya wacana async, lihat: Fungsi async - menciptakan promise lebih bersahabat.

Karena kita tidak sanggup menyimpan file pada Blogger, gunakanlah layanan pihak ketiga untuk melaksanakan penyimpanan script-script Javascript dan CSS eksternal, salah satunya: RawGit. Cara lengkapnya akan saya bahas pada artikel selanjutnya.
Catatan: anda harus memiliki akun Github.

2. Optimasi Gambar Postingan Blogger

Banyak layanan yang sanggup anda gunakan untuk melaksanakan meningkatkan secara optimal gambar dengan cara mengompresnya menjadi ukuran yang lebih kecil. Salah satu cara favorit saya yaitu memakai Telegram desktop alasannya yakni mudah, sederhana dan alhasil bagus.

2.a Kompres Ukuran Gambar dengan Telegram Desktop

Saya asumsikan anda sudah memiliki akun Telegram, dan menginstal Telegram versi desktop.
- Klik icon attach file, kemudian pilih gambar yang akan di kompres
- Pilih opsi "Send as a photo"

 Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO  4 Tips dan Trik Mengoptimalkan Blogger
Setelah terkirim, download kembali gambar tersebut, dan lihat hasilnya.
Folder penyimpanan hasil download Telegram biasanya terletak pada direktori:

Linux:
/home/nama-anda/Downloads/Telegram Desktop/
Windows:
C:\users\nama-anda\downloads\Telegram Desktop/

2.b Menghilangkan Border & Shadow pada Postingan Gambar Blogger

Secara default, postingan gambar pada beberapa template Blogger memliki border dan shadow. Bagi anda yang mengerti styling CSS, mungkin hal ini amatlah mudah. Caranya yaitu menambahkan img style pada arahan CSS.

Settings > Templates > Edit HTML, cari kode: ]]></b:skin>, kemudian paste arahan di bawah ini sempurna sebelum arahan tersebut.

.post-body img, .post-body .tr-caption-container,  .Profile img, .Image img,  .BlogList .item-thumbnail img {   padding: 0px !important;   background: none !important;   border: none !important;   -moz-box-shadow: 0px 0px 0px transparent !important;   -webkit-box-shadow: 0px 0px 0px transparent !important;   box-shadow: 0px 0px 0px transparent !important; }

Sebagai contoh, sanggup anda lihat alhasil pada blog ini, postingan gambar terlihat lebih manis tanpa border.

3. Membuat Clean URL Tampilan Mobile Blogger

Maksudnya yakni menghilangkan arahan m=1, pada tampilan mobile. Bagi anda pengguna platform Blogger niscaya sering melihat struktur url ibarat berikut ini:
http://domain.com/?m=1.

Kode ini biasanya mucul kalau tidak mengaktikan mobile template pada settingan template Blogger.

Sebenarnya ada dua kode, yaitu m=0 untuk tampilan desktop dan m=1 untuk tampilan mobile, hanya saja tampilan m=0 jarang ditemui kalau dibuka melalui desktop.

Berikut ini cara menghilangkan url m=1 Blogger [sumber: bloggertipandtrick.net]

Settings > Templates > Edit HTML, salin arahan Javascript berikut ini, dan simpan di bawah arahan </head> atau sanggup juga di simpan sebelum arahan </body>.
<script type='text/javascript'>   var uri = window.location.toString();   if (uri.indexOf("?m=1","?m=1") > 0) {      var clean_uri = uri.substring(0, uri.indexOf("?m=1"));      window.history.replaceState({}, document.title, clean_uri);   } </script>

Lebih tepatnya, script diatas yakni melaksanakan redirect, dari url http://www.domain.com/?m=1 ke http://www.domain.com/.
Meskipun demikian, tidak ada salahnya dicoba untuk menciptakan struktur url Blogger lebih rapi dan SEO friendly.

4. Mengaktifkan fitur HTTPS Blogger (Official)

Pada postingan yang lalu, saya sudah menulis artikel mengenai: cara mengaktifkan https blog custom domain Blogger tanpa pihak ke-tiga. Hanya saja masih fitur draft.

Saat ini Blogger sudah mendukung penggunaan https untuk custom domain secara resmi, bagi yang belum menggunakannya, atau masih memakai layanan https pihak ke-tiga, saya sarankan segera migrasi ke fitur official.

4.a Mengaktifkan HTTPS Blogger (secara langsung)

Caranya sama, masuke ke Dashboard Blogger:
Settings > Basics > HTTPS
HTTPS Availability : Yes
HTTPS Redirect : Yes

 Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO  4 Tips dan Trik Mengoptimalkan Blogger
Cara diatas berlaku kalau kita belum mengaktifkan https layanan pihak ketiga, kemudian bagaimana kalau sudah terlanjur memakai https dari layanan pihak ketiga? Misalnya Cloudflare ...

4.b Migrasi HTTPS dari Layanan Pihak Ketiga

Saya asumsikan, anda sudah memakai layanan https pihak ketiga contohnya Cloudflare. Ada beberapa langkah yang harus dilakukan, yaitu sebagai berikut.

Masuk ke dashboard Cloudflare, pada sajian Status Overview, klik Advanced dan pilih salah satu opsi: Pause atau Delete Website.

Jika suatu ketika anda ingin mengaktifkannya kembali saya sarankan pilih Pause, tapi kalau tidak silahkan pilih Delete Website. Dalam artikel ini saya pilih Pause.

 Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO  4 Tips dan Trik Mengoptimalkan Blogger

Setelah itu buka email yang dipakai mendaftar Cloudflare, kemudian cari inbox dari Cloudflare yang berisikan daftar nameserver domain anda sebelum memakai Cloudflare. Atau kalau anda punya catatan nameserver anda silahkan skip langkah ini.

Masuk ke dasboard domain, sesuai dengan registrar domain anda, kemudian kembalikan nameserver ibarat semula.

 Pada artikel sebelumnya saya sudah membahas mengenai cara meningkatkan secara optimal SEO  4 Tips dan Trik Mengoptimalkan Blogger
Setelah itu kembali ke Blogger, dan lakukan langkah ibarat pada poin 4.a.
Tunggu beberapa menit dan https pun aktif!

Catatan:
Jika sehabis melaksanakan migrasi https blog anda tidak sanggup diakses, tak usah khawatir, cukup tunggu kurang lebih 5-15 menit.

Demikian lah artikel mengenai 4 Tips dan Trik Mengoptimalkan Blogger, selamat mencoba!
Sumber https://www.wadagizig.com

Subscribe to receive free email updates:

0 Response to "4 Tips Dan Trik Mengoptimalkan Blogger"

Posting Komentar