”instagram”
header ruang kecil amina

Mengubah Template Fiksioner Untuk Blogspot SEO Friendly

Mengubah Template Fiksioner Untuk Blogspot SEO Friendly

Hai, Bestie Rucil !

Setelah minggu lalu berurusan dengan membeli dan memasang TLD bikin hati berdebar-debar. Meski begitu membuat hati berbunga-bunga, karena aku sudah satu langkah menuju go professional blogger. Yap. Baru satu langkah kok hehe. Masih banyak yang harus dilakukan, seperti mengubah template fiksioner untuk blogspot seo friendly.

Persoalan template blog itu ternyata hal yang perlu dipertimbangkan. Agar mempunyai blog yang responsif dan seo friendly. Nggak mau kan sudah susah payah membangun blog, tahunya orang lain ingin membuka blog kita lemot. Jadinya malas deh. 

Hal yang Perlu diperhatikan Saat Mengubah Template Blog

Impian aku ingin punya blog yang simple tapi tetap menarik untuk dikunjungi. Terbayarkan sudah dari materi tentang template dari Blogspedia Coaching menjawab rasa penasaran.

Coach Marita memberikan materi yang sangat lengkap dan detail. Awalnya emang bikin pusing, membuat banyak pertanyaan di pikiran. Ini apa ya? Maksudnya gimana pasangnya? 

Daripada berlama-lama memikirkan apa yang dimaksud dari materi template kali ini. Langsung aja deh kita harus berani praktek dan mencoba. 

Sebelum memulai untuk mengubah template blog, ada beberapa hal yang perlu diperhatikan dulu. Agar mendapatkan hasil yang bagus dan tentu terlihat lebih profesional

Berikut beberapa hal yang perlu diperhatikan saat mengubah template blog, antara lain :

1. Tampilan Enak Dilihat

Saat memutuskan ingin mengubah template blog agar terlihat lebih profesional artinya harus memiliki tampilan enak dilihat. Enak dilihat bagaimana maksudnya?

Kita perlu memperhatikan kombinasi warna yang digunakan dan jenis font. Gunakan font yang standar saja agar mudah dibaca. Nggak perlu menggunakan jenis font keriting-keriting ya, bisa jadi bikin pembaca pusing hehe.

Kombinasi warna template juga perlu diperhatikan. Setidaknya maksimal menggunakan 3 jenis warna berbeda dan kalau bisa menggunakan warna yang nyaman dimata. Disarankan menggunakan latar belakang putih dan warna font hitam.

2. Tampilan Responsif 

Maksudnya tampilan responsif itu apa sih? Jadi blog kita dapat dibuka dengan berbagai device, seperti handphone, tablet, tab dan lainnya. Walaupun ukuran layarnya lebih kecil dari komputer dan laptop, tapi tidak mempengaruhi ukuran tampilan blog.

Dengan memilih tampilan SEO template pada blog kita, bisa menambah pengunjung yang membaca blog. Karena kita nggak perlu khawatir dengan tampilannya. Dapat membuat para pengunjung nyaman saat membaca.

3. Loading Cepat

Pengalaman pribadi aku, kalau sudah buka sebuah website yang super lama loadingnya auto skip deh. Langsung cari referensi lain lagi.

Blog template yang memiliki kecepatan loading yang baik menjadi salah satu kriteria penting untuk diperhatikan. Apabila tampilan cepat berproses artinya pengunjung tidak perlu lama menunggu untuk akses blog kita.

4. Navigasi Jelas

Mengubah template blog perlu agar lebih SEO friendly adalah memiliki navigasi yang jelas pada blog. Seperti menu navigasi yang dimiliki teratur dan jelas dan penempatan yang strategi.

Bukan hanya bagian menu yang perlu diperhatikan. Tambahan widget di blog juga penting untuk diperhatikan. Gunakan widget yang simpel dan bermanfaat. Misalnya arsip, kategori penulisan di blog, kolom pencarian dan related post. Siapa tahu pembaca yang sedang mengunjungi tertarik dengan artikel yang berhubungan untuk dibaca lebih lanjut.

Itulah beberapa hal yang perlu diperhatikan saat mengubah template blog lebih SEO friendly. Sebenarnya semuanya mudah dilakukan selama pengerjaanya fokus dan sabar.

Salah satu kalimat yang dikatakan coach Marita saat kita diminta untuk memulai mengubah template blog.

"Kunci mengubah template yaitu Berani, Fokus dan Sabar”

Berani memulai saat utak atik template, jangan pernah takut salah. Fokus saat mengubah dan mengedit template agar bisa menyelesaikannya dengan baik. Dan terakhir harus sabar, karena membutuhkan proses yang cukup panjang.

Nah, sekarang waktunya praktek yuk. Sekarang aku akan menjelaskan langkahnya secara detail. Simak ya, cara mengubah template fiksioner untuk blogspot SEO Friendly.

Cara Mengubah Template Fiksioner

Sebelumnya kan kita sudah menggunakan template gratis bawaan dari blogspot. Pasti para bestie sudah menggunakan beberapa widget atau pengaturan kan.

Agar menghindari berbagai problem dan error saat pasang template fiksioner yang baru. Sebaiknya kita backup terlebih dahulu template saat ini. 

Dengan cara pilih setting lalu pilih tema. Klik tanda segitiga kebawah, lalu pilih bagian backup. Nanti akan ke download dalam format xml. Jangan lupa diberi nama ya, agar nanti tidak bingung.

Mengubah Template Fiksioner setiing blogspot

Yuk lanjut mulai cara mengubah template fiksioner dari igniel.

1. Install Template Fiksioner

Aku menggunakan tema blogspot fiksioner v4 dari igniel. Dimana template ini cocok digunakan oleh blog yang memiliki berbagai niche. 

Buat bestie yang mau install template fiksioner (link igniel) caranya mudah dilakukan. Nanti klik pada bagian download file untuk install nanti. 

Mengubah Template Fiksioner

File yang terdownload akan dalam bentuk .zip. Setelah berhasil didownload, kita perlu melakukan ekstrak file dulu. Kemudian nanti cari file yang berjudul fiksioner-v4.xml

2. Memasang Template Fiksioner

Berdasarkan panduan memasang template fiksioner terdapat dua cara yaitu salin HTML secara manual dan langsung unggah file XML. 

Unggah File XML

Cara ini paling mudah dan simpel, karena kita nggak perlu lagi edit kode di html. Berikut cara unggah file XML :

  • Pada bagian setting tema > backup. Kita perlu backup dulu settingan tema sebelumnya. Mengantisipasi hal yang tidak diinginkan
  • Setelah itu, langsung upload file fiksioner .xml dengan
  • Terakhir tinggal klik tombol upload

Salin HTML (paling direkomendasikan)

Untuk mengubah template lebih disarankan dengan cara manual salin kode html. Karena kita bisa mengecek satu persatu kode yang ingin diedit terlebih dahulu.  Berikut cara salin HTML yaitu :

  • Buka file fiksioner .xml dengan menggunakan teks editor seperti notepad. Kalau aku menggunakan sublime text yang direkomendasikan coach Marita. Menurut aku lebih nyaman dan simpel menggunakan sublime text karena tampilannya mirip yang ada di blogspot
  • Kemudian, edit beberapa bagian yang diperlukan. Agar tulisan kode html lebih rapih.
  • Lanjut, salin semua kode html yang sudah dibuka
  • Pada bagian dashboard blogger > menu tema > edit HTML
  • Hapus semua kode html awal sebelumnya
  • Kemudian, paste kode html terbaru dari template fiksioner
  • Lalu, save

Pastikan proses save berhasil dan tidak ada yang eror ya.

Bagian yang Perlu diatur Ulang

Setelah mengubah template menjadi fiksioner dengan salin kode HTML. Masih perlu beberapa hal untuk di atur ulang. Karena masih dalam setting standar bawaan. Berikut bagian yang perlu diatur 

1. Mengatur Bahasa

Agar blog menggunakan bahasa indonesia, kita bisa mengganti pada bagian html lang. Biasanya terdapat dibagian atas. Kalau sulit menemukannya, bisa menggunakan ctrl + f. 

html lang= “id-ID”

Pastikan kode yang digunakan sama seperti diatas, untuk menggunakan bahasa indonesia.

2. Mengatur Judul Blog

Pada kode bawaan template fiksioner, apabila kita membuka artikel. Nanti akan muncul judul artikel + nama blog. Hal ini membuat karakter H1 akan semakin panjang, tentu akan mempengaruhi SEO. Oleh karena itu, kita perlu edit kodenya.

Cari kode <title><data:blog.pageName/> - <data:blog.title/></title>

Nanti kita bisa hapus pada bagian, <data:blog.title/>

3. Mengubah Gambar Thumbnail

Bagian ini perlu diganti, agar saat kita sedang share link artikel atau blog muncul gambar kita sendiri bukan bawaan dari fiksioner.

Dengan cara mengganti kode link gambar pada meta content 

4. Mengubah Info Penulis

Kita juga bisa merubah bagian informasi penulis dengan identitas diri kita, seperti :

  • Your Name: nama sendiri
  • BLOGGER PROFILE: ID profil Blogger
  • ID FACEBOOK: ID dari akun Facebook atau Fanpage (Halaman)
  • @USERNAME TWITTER: Username Twitter (X)

5. Menambahkan Banner Blog

Agar tampilan blog semakin menarik, bisa menambahkan banner blog sebagai identitas blog kita. 

Dengan cara menambahkan widget html pada bagian billboard di layout, kemudian masukan kode berikut :

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgf5BEr7i6Ka0VB0UyJzUzdYEFdt27WjPaWZFRpXZpoUQFVXjRrPxi4YeH_Xc6dz3I92pq7BBT710NVIyiRHNkJeYV6f9mX7UKkM2gMFSWWZSrVVE-IKz_dwv3XZOJeC_Kxt9U5DQNgg9pGggu5FTw6uVu_BmovxyZXL3_8bqJbvcIP5xfo74CuEayO5hI/s16000/Banner%20aminapedia(2)%20(2)_11zon.webp" width="1000"  height="250" title="header aminapedia" alt="header ruang kecil amina"/>

Ubah bagian warna biru sesuai dengan link gambar masing-masing 

6. Menambahkan Profil Penulis

Biasanya profil penulis bawaan blog muncul dengan keterangan simpel saja. Agar lebih menarik dan menambahkan beberapa keterangan yang diinginkan. Kita bisa menambahkannya sendiri dengan menggunakan kode html, sebagai berikut :

(Screenshot kode nya aja)

7. Mengatur Warna Template

Kita bisa custom sendiri untuk mengatur warna template yang diinginkan. Jangan lupa dalam pemilihan warna gunakan warna netral dan tidak lebih dari 3 kombinasi. Pastikan pilihan warnanya yang nyaman dilihat oleh mata.

8. Mengatur Sidebar

Pada bagian sidebar kita bisa menambahkan widget yang diinginkan. Misalnya profil penulis seperti apa yang sudah jelaskan, dan logo komunitas.

9. Mengatur Footer

Pada bagian footer terdapat link media sosial. Disini kita tinggal mengganti profil media sosial milik kita. 

Tampilan Blog Ruang Kecil Amina

Mengubah Template Fiksioner before - after aminapedia.com

Inilah tampilan blog ruang kecil amina sebelum dan sesudah mengubah template menjadi fiksioner. 

Alhamdulillah hasilnya sangat memuaskan, karena hasilnya simpel tapi terlihat profesional. Apalagi template fiksioner untuk blogspot yang lebih seo friendly. 

Blog ini bagaikan rumah sendiri, membangun dan mengatur bagian hal yang ada di rumah apa saja. Jadi menulis artikel lebih semangat dong. Semoga dengan tampilan baru ini, bisa mendatangkan rezeki. Amiin.

Testing Hasil Template Fiksioner SEO Friendly

Setelah mengubah template menjadi fiksioner dan edit-edit bagian lainnya. Kita bisa cek apakah hasilnya sudah oke dan memiliki nilai baik.

Bisa dengan cara cek melalui https://pagespeed.web.dev/

Ketik url blog kita, contoh : https://www.aminapedia.com/

Pagespeed dekstop aminapedia

Pagespeed mobile aminapedia

Apabila hasilnya sudah bagus dan memiliki nilai antara 90-100. Berarti hasil perjuangan ngulik templatenya berhasil.

Sedangkan, ingin mengetahui apakah sudah seo friendly. Bisa menggunakan website seoptimer.com

Seoptimer aminapedia

Penutup

Mengubah template fiksioner menjadi salah satu langkah untuk mendapatkan hasil yang terbaik pada blog impian kita. Karena tampilan yang simpel dan mudah saat menguliknya. Tentu membutuhkan kesabaran dan fokus ya.

Gimana apakah kalian juga tertarik mengubah template fiksioner untuk blogspot yang seo friendly dari igniel? Yuk ceritakan bagaimana pengalaman dan kesan dari hasilnya di kolom komentar ya.

3 komentar

Terima kasih sudah berkunjung. Mohon tidak meninggalkan link hidup di kolom komentar.
  1. MasyaAllah cute bangeeet... semoga semakin menambah semangat ngeblognya ya mbak.

    BalasHapus
  2. semakin betah bacanya, kereen...kereen pokoknya!
    iya.. iya mbak, jadi pengen ikutan pake fiksioner (mode : manggut-manggut). hihi...
    barokallah kakak... semoga blognya semakin keren, bermanfaat dan mendatangkan rezeki seperti yang diharapkan.

    BalasHapus