Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Blogger

Nama Bagian Komponen Halaman blog dan penjelasannya

Bagian-bagian blog itu harus diketahui oleh seorang blogger. Bagi yang baru mengenal dan membuat sebuah blog atau istilah masih seorang pemula mungkin ada bagian yang tidak dimengerti nama dan kegunaannya. Beberapa bagian dari blog itu ada yang penting dan ada juga yang hanya untuk pelengkap saja. Dalam membuat sebuah bagian dari blog, banyak para blogger yang sudah mahir menyediakan tutorial mengelola blog. Seperti halnya membuat,menambah,mengedit, dan memodifikasi bagian-bagian pada halaman blog. Mungkin dalam mencari tutorial akan kesulitan jika tidak tahu namanya. Itulah alasan utama mengapa saya tulis artikel ini, karena saya dulu sebagai blogger pemula juga mengalami hal yang sama. Mengenal Bagian-bagian Komponen Halaman Blog Di sini hanya akan menjelaskan beberapa saja yang mungkin namanya belum kamu diketahui. Breadcrumb Breadcrumb merupakan sebuah komponen yang menunjukkan (menginformasikan) dalam bagian apa halaman itu berada dan jenis apa halaman yang sedang di buka. Dalam

Menambahkan Situs Baru di Google Adsense, Bagimana Caranya

Menampilkan iklan Adsense di situs baru, berbeda dengan peraturan Google adsense sebelumnya, yang di mana sebelumnya pengguna akun adsense dapat menambahkan situs baru yang ingin di munculkan iklan. Tetapi sekarang Google telah memperbarui dan memperketat peraturannya, karena mungkin semakin lama banyak yang bermain curang dalam adsense. Dan sekarang, situs baru yang ditambahkan ke akun adsense juga akan ditinjau terlebih dahulu, peninjauan/ review sama seperti saat sedang mendaftar adsense. Jika situs layak, maka akan iklan dapat di tampilkan. Setelah menambahkan situs blog mankoin.com , ternyata kebijakan adsense sudah berubah. Karena mendapatkan Email berikut "Terima kasih" dari Google Adsense. Situs belum siap untuk menampilkan iklan, masih ada beberapa masalah (konten dan navigasi). Review Site untuk akun Adsense yang sudah diterima tidak sesulit saat sedang mendaftar. Tetapi syaratnya yang digunakan masih sama seperti saat sedang mendaftar Adsense. Cara Mudah Review S

Membuat Iklan Sticky Adsense Melekat di Bawah

Memang Google melarang menggunakan sticky ads yaitu iklan yang melayang dan tampil terus ketika di scroll. Karena ini bisa mengganggu pengunjung blog. Akan tetapi Google sendiri menyediakan iklan otomatis yang di dalamnya terdapat fitur iklan anchor yang di mana iklan akan tampil di bagian atas atau bawah layar. Akan tetapi iklan anchor otomatis ini tidak mengganggu pengunjung, karena hanya memiliki tinggi 50px dan hanya tampil pada layar vertikal seperti pada smartphone dan jika pengunjung agak terganggu maka ada tombol untuk menyembunyikannya dengan mudah. Serta juga kemunculan iklan anchor otomatis ini hanya di saat waktu yang optimal (sehingga tidak memberatkan pemuatan halaman). Iklan sticky otomatis tentu tidak akan muncul halaman dekstop pc, maka solusinya ialah memasang dan membuat secara manual iklan sticky, yang akan muncul di bawah layar. Seperti pada gambar di atas, tampilannya dibuat mirip iklan sticky pada amp , cukup menarik untuk di coba. Kalau masalah aman atau tidak,

Cara Membuat Lightbox AMP dengan Fitur Galeri

Dalam memposting konten banyak yang menggunakan gambar supaya lebih menarik. Atau mungkin menggunakan media gambar sebagai media untuk mempermudah dalam memahami isi artikel. Serta, mungkin juga sebagai media Galery. Seringkali banyak pengunjung blog yang mempratinjau atau memperbesar gambar agar terlihat lebih jelas, terutama gambar yang memiliki bagian-bagian yang detail. Sehingga mereka harus membuka gambar di tab . Dengan menggunakan alat lightbox gambar dapat diperbesar. Ada banyak tutorial untuk membuat lightbox non-amp dan banyak juga plugin untuk membuat lightbox. Di amp project ada tiga jenis komponen lightbox, diantaranya: amp-lightbox , menampilkan elemen html dengan layar penuh. amp-image-lightbox , menampilkan efek lightbox untuk gambar yang telah ditentukan. amp-lightbox-gallery , menampilkan gambar dalam mode galery lightbox. Pengguna dapat beriteraksi untuk melihat-lihat gambar dengan lebih nyaman. Di sini akan membahas tutorial membuat lightbox menggunakan amp-lightbox

Cara Membuat Schema Breadcrumb JSON-LD SEO Friendly Blogger

Breadcrumb merupakan sebuah navigasi yang merujuk ke halaman artikel. Atau lebih mudahnya bisa dikatakan, halaman artikel tersebut bisa ditemukan dalam kategori apa. Jadi mesin pencari menggunakan markup breadcrumb untuk mengkategorikan informasi dari halaman ke dalam hasil pencarian. Kategori atau bisa juga disebut "Label" dalam istilah Blogger. Fitur label ini hanya tersedia pada halaman postingan. Breadcrumb nantinya digunakan mesin pencari google untuk mengganti teks alamat url halaman dengan label pada markup breadcrumb. Dekstop Mobile Lihat pada gambar, di bawah judul seharusnya berisi teks url tapi karena halaman terdapat markup breadcrumb maka berubah menjadi navigasi. Update Error data-vocabulary.org! Baru baru ini januari 2020 Google secara resmi tidak lagi mendukung skema data-vocabulary.org . Bagi masih menggunakan skema tersebut, Google menghimbau untuk segera beralih ke Schema.org. Jika tidak nanti Webmaster atau Google Search Console akan menampilkan error &quo

Cara Mengganti Domain Blogspot ke Domain Sendiri

Blogger merupakan platform untuk membuat blog secara gratis dari Google — Di mana hosting (sebagai tempat menyimpan data) dan domain (sebagai alamat blog) disediakan gratis. Domain yang digunakan berada di bawah subdomain blogspot.com. Akan tetapi jika Kamu ingin menggunakan domain milik sendiri, maka caranya ialah dengan Custom Domain. Apa itu Custom Domain? Custom Domain merupakan istilah untuk mengganti atau mengubah alamat domain bawaan ke domain yang ditentukan (milik sendiri). Jika Kamu fokus dalam mengelola blog, maka menggunakan domain milik sendiri lebih direkomendasikan. Karena dengan Custom Domain dapat memperpendek alamat blog, serta akan terlihat lebih profesional. Apalagi jika Kamu ingin menggunakan blog sebagai Media Usaha Bisnis. Bagaimana Cara Mendapatkan Domain Milik Sendiri! Banyak situs yang bisa kamu gunakan untuk mencari dan membeli nama domain yang diinginkan. Di sini saya rekomendasikan untuk menggunakan situs exabytes dalam membeli domain. Serta, jika kamu lain

Mengatasi Tulisan Teks URL Berubah menjadi Link Aktif

Disqus adalah plugin komentar yang populer, dan ini gratis. Apa hubungannya disqus dengan teks url yang akan dibahas. Jika sobat baru saja memasang plugin Dsiqus, kemungkinan akan mengalami masalah teks URL apapun pada halaman artikel blog akan secara otomatis berubah menjadi sebuah link aktif/hidup (hyperlink), yang link tersebut menuju ke situs yang dituliskan pada teks. Ini terjadi karena script yang digunakan komentar disqus. Contohnya jika sobat menuliskan www.google.com, ketika script disqus dimuat maka teks tersebut (yaitu www.google.com) akan berubah menjadi sebuah link yang menuju ke halaman Google. Dan link tersebut terdapat atribut class="vglnk" . Struktur html tautan/link nya seperti ini. <a class="vglnk" href="http://www.google.com" rel="nofollow"><span>www</span><span>.</span><span>google</span><span>.</span><span>com</span></a> Masalah ini disebabkan karena ada

Cara Mengatur Gambar AMP di Postingan supaya Responsive

Pada artikel sebelumnya yaitu Cara Membuat Gambar di Postingan Blogger Valid AMP menjelaskan cara untuk mengatur gambar postingan supaya valid AMP (amp-img). Serta cara supaya gambar (amp-img) bisa responsive dengan lebar perangkat. Terkait: Cara Menggunakan AMP di Blogger Yang Perlu Diketahui . Serta menjelaskan supaya bisa responsive maka amp-img menggunakan atribut layout="responsive" dan elemen induknya atau yang menampungnya harus diatur lebarnya (dengan menggunakan max-width ). Jadi elemen induk (biasanya dengan atribut class berisi separator) selalu diatur menggunakan CSS. Karena jika tidak, Gambar akan melebar sesuai lebar artikel. Masalahnya jika ukuran lebar gambar kecil maka akan menyebabkan gambar pecah-pecah. Dalam artikel ini membahas cara terbaru untuk membuat amp-img menjadi responsive. Dan cara ini akan lebih mudah digunakan karena tidak perlu mengatur elemen induknya. Jadi lebar amp-img akan menyesuaikan lebar gambar. Jika sebelumnya menggunakan atribut

Cara Verifikasi Akun Google Adsense Terbaru

Syarat agar bisa menerima pembayaran Google Adsense adalah harus melakukan verifikasi identitas. Dan berikut pengalaman saya memverifikasi akun Google Adsense, serta langkah-langkah untuk Verifikasi PIN dan Identitas Google Adsense. Awalnya untuk melakukan verifikasi Adsense hanya menggunakan Nomor Pengenal Pribadi dalam bahasa inggrisnya Personal Identification Number yang disingkat PIN. Syarat untuk melakukan verifikasi identitas (Tanda Pengenal dan PIN) akun Adsense Anda harus memiliki saldo minimal (sudah melebihi) 10 dolar atau bisa dikatakan 10% dari ambang pembayaran. Dalam rupiah ambang pembayarannya ialah 1.300.000, maka 10 persennya ialah 130.000. Jadi setelah semua saldo mencapai 130.000, Google akan mengirimkan Surat PIN ke rumah Anda melalui POS dengan alamat yang di cantumkan ketika pendaftaran. Itulah kenapa ketika Anda daftar Google Adsense diperlukan Nama dan alamat yang benar (sesuai dengan KTP) supaya pengiriman PIN lancar. Dan Anda juga akan menerima pemberitahuan

Perubahan Terjadi setelah Pembaruan Algoritma Google Terbaru

Google mengumumkan perubahan besar pada 1 Agustus 2018 tentang Algoritma terbaru. Algoritma baru ini bernama " broad core algorithm update ". Perubahan Algoritma broad core ini merupakan Update yang besar. Banyak pakar SEO berspekulasi, tentang pembaruan Google ini. Mungkin banyak situs yang mengalami perubahan traffik visitor, jika tidak turun ya naik. Blog ini mengalami peningkatan Traffik setelah tanggal 1 Agustus – Saya pun merasa ada yang berbeda (janggal) karena peningkatannya yang agak drastis. Algoritma Google Terbaru - Agustus 2018 - Broad Core Google membuat banyak perubahan algoritme per tahun. Algoritme Google sebelumnya yang populer ialah (Penguin, Panda, Pigeon, Fred, dll). Di implementasikan untuk mengatasi kesalahan atau masalah tertentu dalam algoritme Google . Dalam Penguin, tentang spam tautan; dalam kasus Pigeon tentang spam SEO lokal. Semuanya memiliki tujuan tertentu. Pembaruan Core berbeda. Cara saya memahaminya, pembaruan inti adalah tweak atau perubah

Kenapa Domain .BLOG Sebagai Pilihan Alternatif, Ini Alasannya

Zaman sekarang sudah sangat banyak blog atau website yang telah terdaftar di internet, artinya banyak juga orang yang telah membuat blog. Dan jumlah ini akan terus berkembang seiring berjalannya waktu. Kebanyakan orang lebih senang dan suka untuk memilih alamat domain .com atau sebagai alternatifnya .net – untuk nama blog atau website mereka. Dikarenakan domain ini sudah populer. Tapi sekarang perlu Anda ketahui salah satu nama domain yang unik dan menarik lainnya ialah ".BLOG". Awalnya saya baru dapat mengetahui nama domain ini di situs exabytes.co.id . Tapi sebenarnya domain .BLOG termasuk jenis domain baru yang di mulai pada 21 November 2016. Tapi karena masih baru mungkin banyak orang yang menganggap domain .BLOG itu kurang bagus untuk blog maupun website mereka. Tapi itu anggapan yang salah – sekarang Anda tidak perlu khawatir karena domain .BLOG itu juga bagus dan bahkan terus berkembang. Alasan kenapa Anda harus memilih domain .BLOG Alasan pertama – Jangan mengira doma

"Pasang Matched Content" Pastikan Mendapatkan Matched Content Adsense

Apa itu Matched Content atau konten yang sesuai. Matched Content adalah alat rekomendasi untuk menawarkan konten lainnya yang di anggap sesuai dan relevan, atau bisa juga untuk mempromosikan konten — yang ditujukan untuk pengunjung situs. Rekomendasi konten yang muncul didasarkan pada kesamaan topik dan disesuaikan untuk pembaca. Matched Content ini bisa digunakan sebagai pengganti artikel terkait atau related post. Matched Content tidak sama seperti related post, dimana alat ini tidak menampilkan daftar konten berdasarkan label, melainkan dari topik dan kesesuaian pembaca, yang pemilihannya secara otomatis diatur oleh boot adsense. Hasil yang ditampilkan akan selalu sama, dan kemungkinan akan berbeda setelah beberapa waktu. Sedangkan untuk related post, daftar pilihan konten berdasarkan label yang telah dibuat dan diatur, serta pemilihannya diacak secara otomatis oleh javascript. Jadi hasil akan selalu berbeda. Yang menarik dari matched Content ini ialah diselipkannya iklan adsense pa

Mengatasi Item Data Terstruktur Hilang atau Tidak Valid pada Blog AMP

Sekarang Google memfokuskan konten dengan blog AMP pada pencarian mobile. Salah satunya dengan adanya validasi data terstruktur pada pengujian AMP milik google. Yang tidak valid akan ada " Missing or invalid structured data item " di bagian bawah, bagi yang akun google-nya di setting bahasa indonesia maka akan menggunakan peringatan "Item data terstruktur hilang atau tidak valid". Tapi ketika di cek di pengujian data terstruktur tidak ada error sama sekali. Setelah saya amati ternyata ada yang salah dalam penempatan schema, yang tentunya tidak sesuai pedoman. Tapi bagi yang sering berkunjung di blog kompi ajaib milik kang adhy akan mendapatkan penyelesaian masalah seputar blog. Salah satu contohnya yang dibahas di posting ini. Di blog kompi ajaib dalam Memperbaiki Item Data Terstruktur yang tidak valid menggunakan cara yang agak rumit, lalu bagaimana bagi yang belum terlalu paham dengan kode HTML. Tidak harus mengubah semua struktur data, seperti pada tutorial komp

Cara Membuat Artikel Terkait Blogger Ringan dengan Gambar

Related Post atau artikel terkait bisa juga tergolong sebuah widget merupakan sebuah cara untuk meningkatkan visitor sekaligus memperkecil Bounce Rate di blog, cara kerjanya ialah menampilkan artikel lainnya yang berkaitan dengan label postingan dan ditampilkan dengan acak secara otomatis. Yang tentunya ini juga akan berdampak baik untuk blog di mesin pencari, utamanya google. Biasanya artikel terkait bisa berada dibawah postingan atau otomatis di tengah postingan. Bounce Rate artinya Rasio Pentalan, maksudnya pengunjung keluar dari blog tanpa melihat artikel menarik lainnya. Intinya setelah melihat satu artikel pengunjung melakukan pentalan atau keluar dari blog yang dibaca. Sebelumnya telah membuat related post untuk AMP . Lalu ada yang request related post untuk blogger Non-AMP. Cara Membuat Related post Blogger Bergambar Related post ini scriptnya hampir sama seperti yang amp. Dan juga tidak menyebabkan render-blocking JavaScript (memblokir rendering di konten) dengan atribut as