Postingan

Browsing Artikel: Blog Tips
Tunjukkan semua
Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag

Menggunakan Post Labels Sebagai Meta Data Keywords dan Property article:tag

Setelah beres dengan urusan 'migrasi' ke Schema Markup BlogPosting , saya mencari-cari apalagi yang sekiranya bisa dioptimasi di platform Blogger atau Blogspot ini. Akhirnya ketemu 2 hal yang cukup penting tapi tidak begitu krusial untuk ditambahkan di blog masing-masing. Yakni, menjadikan Post Labels atau Entri Label sebagai Meta Data Keywords dan Property article:tag sebagaimana yang seringkali kita lihat pada meta data website platform WordPress, terutama pengguna plugin SEO Rank Math. Sayangnya, untuk Blogger kita tidak bisa menambahkan kedua keta data tersebut di dalam <head> . Kita hanya bisa melatakkanya di dalam  <b:widget type='Blog' ...> . Sama dengan JSON LD untuk schema markup BlogPosting , juga lebih maksimal ditempatkan di dalam widget type Blog. Namun tidak menjadi masalah, yang penting bisa diterapkan dan terbaca dengan jelas oleh browser dan mesin penelusuran, yang kita kenal dengan istilah  sers enjin . Contoh outputnya sebagai berikut
Bikin Forum, Lagi

Bikin Forum, Lagi

Nampaknya saya masih cukup penasaran serta menolak 'kapok' untuk bikin forum lagi. Setelah sebelumnya gagal mengelola dan mempertahankan forum dengan subdomain forum.bungfrangki.com , yang dibangun dengan biaya hampir 0 rupiah. Bagaimana tidak, forum tersebut berjalan di atas salah satu platform forum creator  gratis, dan domainnya tinggal menambahkan CNAME baru (forum) pada pengaturan DNS di CloudFlare . Namun forum kali ini nampak sedikit berbeda. Forum ini dibangun di atas CMS Wordpress dengan plugin bbPress, menggunakan domain (subdomain) khusus dari .co.vu , dan sewa hosting, tentunya. Meski tak begitu spesial-spesial amat, sebab begitu banyak forum seperti ini, pun begitu mudah untuk membuatnya. Namun, bagi saya ini cukup berarti. Sebab telah menjawab rasa penasaran saya selama ini. Tentu saja, masih cukup banyak kekurangan dari forum ini. Ditambah lagi topiknya masih sebiji (saat artikel ini ditulis). Untuk itu, masukan dan sarannya masih sangat amat diperlukan. Bagi par
Schema Markup BlogPosting

Schema Markup BlogPosting

Baru-baru ini saya mengubah Schema Markup dan Structured Data blog ini dari Article menjadi type  BlogPosting , dalam format Json-LD, dengan menghapus Microdata bawaan Blogger. Mengapa menggunakan format JSON-LD? Karena (saat ini) itu yang direkomendasikan oleh Google Developer . Lagipula format ini yang (menurut saya) paling mudah digunakan, tidak ribet bila ingin mengganti type atau menambahkan atau menghilangkan item lainnya sewaktu-waktu. Dibanding dengan penerapan Microdata yang menempel pada konten HTML. Mengapa memutuskan mengganti (lagi) Schema dan Stuctured Data menjadi schema BlogPosting markup? Secara garis beasr BlogPosting markup kurang lebih sama dengan Article markup. Namun bagi saya schema BlogPosting markup lebih cocok dipasang di platform Blogger / blogspot dengan jenis konten seperti di bungfrangki.com ini. Schema BlogPosting Markup Berikut format JSON-LD untuk schema BlogPosting markup: <script type='application/ld+json'>{   &quot;@context&qu
 Cara Custom Domain WordPress.com dengan Mudah

Cara Custom Domain WordPress.com dengan Mudah

WordPress merupakan salah satu platform yang digandrungi karena kemudahan dan -user-interface yang cukup simple. Selain itu, bagi Anda yang tidak suka ribet, maka WordPress menjadi pilihan terbaik karena menajemen situsnya yang mudah, jadi Anda tidak perlu khawatir mengenai pengelolaan teknis. Namun, salah satu kelemahan yang dimiliki oleh platform ini adalah penggunaan subdomain sebagai alamatnya, sehingga nama terkesan terlalu panjang. Jadi, Anda perlu memahami cara custom domain WordPress.com supaya alamatnya bisa menjadi lebih singkat seperti domain yang digunakan pada platform lain. Baca juga : Apa itu domain? Sebagai contoh, ketika Anda menggunakan alamat default dari WordPress.com, maka berupa domainku.wordpress.com bukan domainku.com. Salah satu solusinya adalah melakukan custom domain WordPress dengan menghubungkan domain pribadi ke situs WordPress.com. Lantas bagaimana caranya?  Simak informasi selengkapnya di bawah ini! Cara Custom Domain WordPress.com Sebelum memulai lang
Cara Menyalin Tulisan dari MS Word ke Blogger

Cara Menyalin Tulisan dari MS Word ke Blogger

Tidak sedikit Blogger pemula yang masih kebingungan untuk memindahkan tulisan dari MS Word ke Blogger atau cara mengcopy/memasukkan tulisan dari Word ke blogspot. Pasalnya, jika kita melakukan dengan cara tradisional, yang memanfaatkan CTRL + V atau klik kanan pada bidang text lalu Paste, maka tampilan postingan menjadi berantakan. Mulai dari jenis font, besar font dan lainnya, persis mengikuti apa-apa yang kita lakukan di Microsoft Word tersebut. Keadaan tersebut biasa disebut dengan formatted text atau teks terformat . Menyalin tulisan dalam keadaan formatted text akan memicu masalah luar biasa pada template Blogger/blogspot. Bahaya Posting Formatted Text ke Blogspot Salah satu dampak yang paling berpengaruh jika tetap memaksa untuk memposting tulisan dalam keadaan terformat seperti, akan berdampak pada jumlah postingan di homepage tidak sesuai dengan yang telah disetting . Dampak lainnya adalah, tentu saja tampilan konten menjadi berantakan. Fontnya tidak lagi sesuai
Cara Redirect 301 ke Domain Baru di Blogger/Blogspot

Cara Redirect 301 ke Domain Baru di Blogger/Blogspot

Cara redirect 301 dari domain lama ke domain baru di Blogger atau Blogspot ini juga berlaku bagi blog yang sudah menggunakan TLD (Top Level Domain). Intinya, masih pakai platform Blogger untuk membuat postingan. Apa Itu Redirect 301? Redirect 301 ialah upaya untuk me-redirect (mengalihkan) URL atau permalink blog lama ke permalink blog baru secara otomatis. Yang dialihakan bukan hanya antar halaman homepage saja, tetapi juga berlaku untuk halaman post dan static/page. Adapun model redirect 301 ini bisa dengan mengalihkan nama domain lama ke nama domain baru, misalnya https://domainlama.blogspot.com di redirect ke https://domainbaru.blogspot.com . Atau bisa juga mengahlikan ke TLD yang baru (dengan nama domain yang sama). Contohnya https://www.namadomainku.com menjadi https://www.namadomainku.net Secara lengkapnya, ilustrasi redirect 301 adalah sebagai berikut: https://www.namadomainku.com/ https://www.namadomainku.com/p/halaman-static.html https://www.namadomainku.com/20
Membuat 3 Iklan yang Tampil Sesuai Paragraf dan Bisa Diedit pada Layout, untuk Blogger Layout v3

Membuat 3 Iklan yang Tampil Sesuai Paragraf dan Bisa Diedit pada Layout, untuk Blogger Layout v3

Trik kali ini terkait slot iklan yang letaknya khusus di tengah postingan/artikel (post page), namun bisa di edit melalui menu Layout atau Tata Letak Blogger. Keunggulan dari widget slot iklan ini dapat di setting ingin ditampilkan pada paragraph tertentu. Cara penerapannya masih mirip-mirip dengan tutorial yang telah saya bagikan sebelumnya, yaitu Trik Agar Bisa Edit Kode Iklan dibagian Postingan pada Menu Layout/Tata Letak . Hanya saja bedanya, kali ini saya menerapkannya pada Blogger yang layout versi 3 ( b:defaultwidgetversion='2' b:layoutsVersion='3' ). Jadi, cara ini tidak akan berhasil diterapkan begitu saja pada HTML yang biasanya. Namun kalau Anda sudah mengerti sedikit kode HTML, maka akan sangat mudah bagi Anda untuk utak-atik ini dan menerapkannya pada jenis html yang lama. Karena sebetulnya hanya butuh sedikit perubahan pada bagian html pemanggil widgetnya saja, yang bisa dikonfigurasi pada layout. Mengapa saya pilih menerapkannya di Blogger layout ve
Cara Membuat Widget Social Bar yang Bisa Langsung Diedit pada Menu Layout

Cara Membuat Widget Social Bar yang Bisa Langsung Diedit pada Menu Layout

Lagi-lagi ini adalah salah satu tips untuk creator template Blogger. Agar pengguna template tidak lagi pergi ke menu Tema > Edit HTML, hanya untuk sekadar mengganti menu pada widget social media blog mereka. Mengganti dan menambahkan link akun social media, dapat langsung dilakukan dari menu Layout atau Tata Letak Blogger/Blogspot. Kita hanya butuh memanipulasi widget PageList (widget default), dengan sedikit modifikasi dan tambahan CSS. Cara kerjanya, pengguna tinggal menambahkan atau mengedit nama social media (dalam huruf kecil) serta link dari social medianya pada widget. Seperti pada gambar berikut ini. Berikut tutorialnya! Langkah 1 Masuk ke menu Tema > Edit HTML Langkah 2 Ganti atau tambahkan widget social media di template Anda dengan kode berikut ini: <div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/Person'> <link expr:href='data:blog.homepageUrl' itemprop='url'/> <b:se
Iklan Adsense Tidak Tampil di Semua Artikel? Lakukan Setting pada robots.txt khusus!

Iklan Adsense Tidak Tampil di Semua Artikel? Lakukan Setting pada robots.txt khusus!

Tips Adsense kali ini membahas tentang cara mengatasi iklan Google Adsense yang tidak muncul/tampil pada semua postingan blog, dengan melakukan setting pada fitur robots.txt khusus. Semua pengguna Blogger/blogspot pasti pernah mengalami iklan adsense blank pada artikel tertentu, sementara di artikel atau postingan lainnya semua slot iklan tampil dengan sempurna. Atau pada kasus lain terdapat pula dalam satu artikel hanya sebagian slot iklan saja yang menampilkan iklan, slot lainnya kelihatan kosong/blank. Tentu saja hal ini sangat membingungkan, juga agak “merugikan”. Mengingat semua masalah teknis yang menyebabkan iklan Adsense tidak tampil sudah diatasi dan cara pemasangan iklan pun sudah benar. Ternyata ada satu hal lagi yang terlewati, yaitu mengedit setting robots.txt khusus. Lalu bagaimana mengubah settingan robots.txt agar iklan bisa tampil di semua postingan blog? Berikut tutorialnya. Cara mengatasi iklan Adsense tidak muncul di semua postingan dengan mengubah robots.t
Trik Memasang 2 Iklan AdSense di Tengah Postingan pada Template AMP Blogger

Trik Memasang 2 Iklan AdSense di Tengah Postingan pada Template AMP Blogger

Tutorial Blogger untuk tips AMP (Accelerate Mobile Page) kali ini membahas tentang cara pasang 2 unit iklan Adsense di tengah artikel postingan untuk template AMP di Blogger. Emang bisa? Mari kita lihat kembali apa itu AMP! Apa itu AMP? AMP kependekan dari Accelerated Mobile Pages atau laman seluler yang dipercepat. Tujuan dibuatnya proyek AMP ini adalah untuk membuat halaman web (untuk tampilan seluler) yang mampu dimuat secara instan, lebih cepat. Berkali-kali lipat lebih cepat dari kecepatan tampilan desktopnya. Intinya, AMP ini khusus diprioritaskan pada tampilan mobile, guna menghemat data serta memberikan pengalaman membuka situs lebih cepat dari biasanya. Untuk tujuan tersebut, dibuatlah struktur HTML khusus yang memenuhi kaidah-kaidah theme AMP, yang berbeda dengan struktur html biasanya. Nah, dari penjelasan tersebut, kita akan coba memanfaatkan peluang dalam memaksimalkan iklan. Terutama iklan Google AdSense pada halaman desktop. Sebab untuk template versi desktop ti
3 Alat Penting Sebelum Update Postingan di Blog Bule

3 Alat Penting Sebelum Update Postingan di Blog Bule

Dalam hal ini saya asumsikan Anda sudah punya artikelnya, baik itu artikel berbahasa Inggris, bahasa Spanyol, atau bahasa Korea. Termasuk juga, Anda sudah melakukan reset keyword dan embel-embelnya berdasarkan niche yang Anda pilih. Pokoknya artikel-artikel tersebut sudah siap 100% untuk di posting, dengan segala konsep yang sudah direncanakan secara matang-matang. Serta penggunaan grammar yang menurut Anda cocok untuk niche yang sudah dipilih tersebut. Adapun tiga alat tempur yang perlu disiapkan sebelum melakukan update postingan di blog bule akan dijabarkan seperti berikut ini. 3 tools yang harusnya digunakan sebelum update artikel unruk blog bule Bagi sebagian Blogger mungkin tools berikut ini terlihat tidak penting-penting amat, atau bahkan bisa jadi ada yang akan bilang kalau toolsnya tidak berguna. Namun, menurut saya ini perlu dipertimbangkan untuk digunakan, mengingat target market kita adalah orang-orang nun jauh disana. Adapun ketiga tools/alat tersebut adalah sebaga
Museo @font-face for Website

Museo @font-face for Website

Tips website/blogger kali ini tentang cara memasang atau mengganti jenis huruf blog menggunakan huruf yang sangat cantik, yaitu Museo . FYI, sebetulnya font Museo ini adalah font yang berbayar untuk font-weight dan font-style tertentu. Tetapi juga ada yang gratis, yaitu untuk font-weight: 300, 500 dan 700 . Jadi, yang akan dijadikan bahan dalam tutorial kali ini ialah menggunakan yang format font yang gratis. Jenis huruf ini tidak tersedia di Google Fonts , sehingga jika ingin memasangnya di website atau blog, maka harus menghosting file dengan format woff ( woff2 ) pada hostingan sendiri. Entah itu hosting sewaan atau di hosting file berupa script yang bisa digunakan secara percuma, semacam Github. Simak juga: Cara Mudah Mengetahui Font yang Digunakan pada Blog atau Website Namun, berhubung ada seseorang yang telah berbaik hati menghosting berbagai format font Museo ini, maka Anda tidak perlu mencari-cari tempat hosting lagi untuk menaruh format font Museo yang dibutuhkan unt
Cara Mudah Mengubah Script Iframe Menjadi 100% SEO

Cara Mudah Mengubah Script Iframe Menjadi 100% SEO

Tutorial blogger kali ini tentang cara mengubah script/kode iframe menjadi SEO. Artinya, tidak akan terdeteksi oleh chkme.com (SEO Checker) menjadi kode yang merusak peringkat SEO blog/website. Penggunaan kode iframe memang tidak dianjurkan untuk blog yang masih menggunakan HTML5 atau HTML non-AMP. Karena dampaknya akan sangat buruk bagi SEO. Biasanya kode iframe ini diperoleh dari embed video Youtube atau script iframe fanpage Facebook, dan script video Vimeo, kode chatbox, script iklan dan lainnya. Lalu, apa itu iframe? Iframe juga diartikan sebagai bingkai, yang menampilkan webpage lain pada halaman tertentu. Dengan menggunakan iframe, berarti akan membuat browser seperti akan memuat dua halaman sekaligus, yaitu halaman yang diletakkan iframe, dan link yang ada pada kode iframe tersebut. Hal inilah yang mengakibatkan penggunaan iframe sangat tidak direkomendasikan. Karena sangat buruk pada SEO. Dalam kalimat lain, masing-masing halaman blog tidak menjadi SEO friendly, menjadi
CSE: Membuat Pencarian di Form Search Blog, Menjadi Hasil Penelusuran Google

CSE: Membuat Pencarian di Form Search Blog, Menjadi Hasil Penelusuran Google

Sebuah custom search engine yang mampu membantu pengindeksian artikel di blog atau website Anda, yaitu dengan menjadikan hasil pencarian di widget searh box (form search) yang terpasang di blog/website, muncul sebagai hasil pencarian di search engine Google . Singkatnya, input keyword di search form blog kita, output dan action-nya di halaman pencarian Google. Menarik bukan? Kalau dirasa menarik, berarti Anda sudah mengerti what i mean . Saya jelaskan sekali lagi. Jadi begini, saat Anda menggunakan kolom pencarian di blog/website Anda dengan mengetikan beberapa kata untuk mencari artikel tertentu, maka hasil pencarian itu akan muncul di halaman pencarian Google, bukan di blog Anda. Tetapi link yang muncul di hasil pencarian Google itu, semuanya mengarah ke blog/website Anda sendiri. DEMO? Silahkan gunakan kolom search di blog ini, dengan mengetikkan kata kunci Tips Blogger , kemudian enter atau klik search, lalu perhatikan apa yang terjadi selanjutnya. Maka hasil pencarian pad
Free and premium blogger templates