Cara Membuat Template Blogger Jadi Responsive dan Lebih SEO Friendly
Romeltea | Follow @romel_tea
Cara Membuat Template Bawaan Blogger Jadi Responsive dan Lebih SEO Friendly
TEMPLATE atau tema bawaan Blogger (default Blogger template) sebenarnya sudah responsive (mobile-friendly) karena ada versi mobilenya saat blog dibuka di HP.
Template blog bawaan Blogger juga sebenarnya sudah ramah mesin telusur (SEO friendly) dan fast loading (cepat, ringan).
Anda mungkin sering menemukan informasi yang Anda cari di Google, ditemukan di blog dengan tampilan menggunakan tema bawaan Blogger. Itu bukti ke-SEO-an template bawaan Blogger.
Kebanyakan template premium juga sebenarnya merupakan modifikasi dari template bawaan Blogger. Para desainer template "hanya" mengubahnya menjadi lebih ringan, SEO, dan responsive.
Mengubah atau mengedit sendiri template blogger akan terbebas dari "beban" mencantumkan footer credit link desainer.
Baca Juga: Cara Membuat Template Blog Sendiri
1. Buat Blog Baru.
2. Pilih template SIMPLE (Sederhana) yang warna biru
Saatnya kita edit.
#1. RESPONSIVEKAN!
Template blog simple bawaan Blogger sebenarnya sudah responsive, dalam arti ada versi mobilenya. Namun, tampilannya sedikit berbeda dengan tampilan di desktop.
Agar tampilan blog tidak berubah atau relatif sama dengan jika dibuka di komputer, maka kita harus menjadikannya responsive (mobile friendly).
Silakan buka panduan cara meresponsivekan template bawaan blogger.
#2. FIX Structured Data
Structured Data template bawan blogger banyak errornya jika kita cek di laman resmi Structrured Data Testing Tools milik Google.
Karenanya, harus kita atasi errornya agar template lebih mudah dna cepat terindeks Google dan mesin pencari lainnya. Silakan buka panduan cara mengatasi error structured data blog.
#3. Ringkas Posting Halaman Depan
Silakan buka: Cara Membuat Auto Readmore Blogger
#4. Gunakan Meta Tags SEO Friendly
Ambil kodenya di sini: Meta Tags SEO Friendly BlogTerbaru
#5. Edit Header
Header blog template bawaan blogger umumnya satu kolom saja. Kita bisa mengubahnya menjadi dua kolom dan responsive.
Silakan buka: Cara Membuat Header Blog Jadi Dua Kolom
#6. Buat Navigasi Menu Responsive
Silakan buka cara membuat navigasi menu responsive
#7. Tambahkan Breadcrumbs
Breadcrumbs adalah internal link sekaligus navigasi menu di halaman posting atau halaman statis yang menunjukkan posisi halaman yang sedang dibuka. Breadcrumbs memudahkan pengunjung membuka posting atau halaman lainnya.
Silakan buka Cara Membuat Breadcrumbs di Blogger
Itu dia 7 langkah Cara Membuat Template Bawaan Blogger Jadi Responsive dan Lebih SEO Friendly.
Masih ada langkah lainnya, namun opsional, misalnya Membuat Related Posts.
Bagi blogger pemula, Cara Membuat Template Bawaan Blogger Jadi Responsive dan Lebih SEO Friendly akan terasa rumit. Namun, tak ada salahnya mencoba, 'kan? Wasalam. (blogromeltea.blogspot.com).*
TEMPLATE atau tema bawaan Blogger (default Blogger template) sebenarnya sudah responsive (mobile-friendly) karena ada versi mobilenya saat blog dibuka di HP.
Template blog bawaan Blogger juga sebenarnya sudah ramah mesin telusur (SEO friendly) dan fast loading (cepat, ringan).
Anda mungkin sering menemukan informasi yang Anda cari di Google, ditemukan di blog dengan tampilan menggunakan tema bawaan Blogger. Itu bukti ke-SEO-an template bawaan Blogger.
Kebanyakan template premium juga sebenarnya merupakan modifikasi dari template bawaan Blogger. Para desainer template "hanya" mengubahnya menjadi lebih ringan, SEO, dan responsive.
Mengubah atau mengedit sendiri template blogger akan terbebas dari "beban" mencantumkan footer credit link desainer.
Baca Juga: Cara Membuat Template Blog Sendiri
Cara Membuat Template Blogger Jadi Responsive dan Lebih SEO
Berikut ini saya share tentang Cara Membuat Template Bawaan Blogger Jadi Responsive dan Lebih SEO Friendly.1. Buat Blog Baru.
2. Pilih template SIMPLE (Sederhana) yang warna biru
Saatnya kita edit.
#1. RESPONSIVEKAN!
Template blog simple bawaan Blogger sebenarnya sudah responsive, dalam arti ada versi mobilenya. Namun, tampilannya sedikit berbeda dengan tampilan di desktop.
Agar tampilan blog tidak berubah atau relatif sama dengan jika dibuka di komputer, maka kita harus menjadikannya responsive (mobile friendly).
Silakan buka panduan cara meresponsivekan template bawaan blogger.
#2. FIX Structured Data
Structured Data template bawan blogger banyak errornya jika kita cek di laman resmi Structrured Data Testing Tools milik Google.
Karenanya, harus kita atasi errornya agar template lebih mudah dna cepat terindeks Google dan mesin pencari lainnya. Silakan buka panduan cara mengatasi error structured data blog.
#3. Ringkas Posting Halaman Depan
Silakan buka: Cara Membuat Auto Readmore Blogger
#4. Gunakan Meta Tags SEO Friendly
Ambil kodenya di sini: Meta Tags SEO Friendly BlogTerbaru
#5. Edit Header
Header blog template bawaan blogger umumnya satu kolom saja. Kita bisa mengubahnya menjadi dua kolom dan responsive.
Silakan buka: Cara Membuat Header Blog Jadi Dua Kolom
#6. Buat Navigasi Menu Responsive
Silakan buka cara membuat navigasi menu responsive
#7. Tambahkan Breadcrumbs
Breadcrumbs adalah internal link sekaligus navigasi menu di halaman posting atau halaman statis yang menunjukkan posisi halaman yang sedang dibuka. Breadcrumbs memudahkan pengunjung membuka posting atau halaman lainnya.
Silakan buka Cara Membuat Breadcrumbs di Blogger
Itu dia 7 langkah Cara Membuat Template Bawaan Blogger Jadi Responsive dan Lebih SEO Friendly.
Masih ada langkah lainnya, namun opsional, misalnya Membuat Related Posts.
Bagi blogger pemula, Cara Membuat Template Bawaan Blogger Jadi Responsive dan Lebih SEO Friendly akan terasa rumit. Namun, tak ada salahnya mencoba, 'kan? Wasalam. (blogromeltea.blogspot.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
mas punya saya judulnya ketutup sama 2 sidebar diatas itu kenapa ya? otomatis judul halaman saya ilang, mohon bimbingannya ms.
ReplyDeletedicoba gan
ReplyDeleteMantap nih tutorialnya, aku coba ya mas,
ReplyDelete