Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar

allyoucanshared.com, RD – Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar. Hallo sobat readers semuanya, kali ini admin akan membahas 2 topik berbeda yang akan membantu kalian dalam membuat website kalian sendiri menjadi menarik dilihat orang – orang dan Google sendiri tentunya.

Penjelasan pertama ini akan admin buka dengan membahas mengenai cara memasang Lazy Load Adsense. Lazy load adalah fitur dimana pengaplikasiannya bisa di gambar atau adsense yang mana iklan akan muncul setelah loading text selesai atau setelah web di scroll.

Bacaan Lainnya

Pada dasarnya, semakin cepat iklan AdSense Anda muncul, semakin besar kemungkinan pengunjung atau pengguna Anda akan mengkliknya. Dengan lazy loading, iklan Anda akan tampil lebih cepat karena loadingnya tidak sesuai dengan teks atau konten lain di website Anda, baik itu konten, Javascript, maupun gaya CSS.

Cara Kerja Lazy load Adsense

Mirip dengan prinsip umum lazy loading, konten bagian skrip lazy loading ditampilkan setelah scrolling atau scrolling ke bawah, sehingga AdSense muncul beberapa detik setelah scrolling dan memungkinkan klik yang tidak disengaja, Masih valid. PenggunaanLazy Load telah digabungkan dengan skrip eksternal agar fitur ini berfungsi dengan baik. Untuk mempermudah, kami akan mengubah skrip AdSense default. Perhatikan script AdSense berikut secara umum:

Baca Juga : Cara Menggunakan Google Family Link Dengan Benar
Apa Itu Google Scholar dan Bagaimana Manfaatnya? Simak Penjelasannya

<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
<ins class=”adsbygoogle”
     style=”display:block”
     data-ad-client=”ca-pub-715535894xxxxx”
     data-ad-slot=”97463xxxx”
     data-ad-format=”auto”
     data-full-width-responsive=”true”></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Dari kode di atas, tambahkan dan ubah skrip seperti berikut :

<script type=’text/javascript’> //<![CDATA[ // Lazy Load AdSense var lazyadsense=!1;window.addEventListener(“scroll”,function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement(“script”);e.type=”text/javascript”,e.async=!0,e.src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”;var a=document.getElementsByTagName(“script”)[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); //]]> </script>

Nah dibawah ini kalian bisa melihat cara memasang Cara Memasang Lazy Load Adsense dengan benar. Yuk simak ulasannya.

Cara Memasang Lazy Load Adsense Dengan Benar

Untuk memasang lazy load adsense di situs kami, kami harus menghapus kode adsense di <head> dan tambahkan kode yang dimodifikasi di atas, seperti ini caranya :

  • Masuk ke menu Penyunting HTML di wordpress / Blogger
  • Ketik CTRL+F dan cari kode <script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
  • Hapus kode diatas
  • Copy dan paste Script lazyload adsense
  • Simpan HTML

Baca Juga : Invalid Trafic Pada Google Adsense? Ini Penyebabnya
Pengertian Asuransi Menurut Fungsi dan Jenisnya

Dengan menyimpan kode terakhir di atas, Anda telah menerapkan instalasi lazyload adsense di situs web Anda, sehingga iklan akan muncul setelah pengunjung menggulir ke bawah situs web. Tapi pastikan untuk memasang iklan tanpa kode :

<script async src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>.

Nah kalian juga bisa melihat contoh kode pemasangan iklan dengan lazy load dibawah ini.

<ins class=”adsbygoogle”
     style=”display:block”
     data-ad-client=”ca-pub-715535894xxxxx”
     data-ad-slot=”97463xxxx”
     data-ad-format=”auto”
     data-full-width-responsive=”true”></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Tempatkan kode di bagian atas tempat iklan akan ditempatkan, baik di antara header atau di dalam artikel. Kemudian periksa tampilan situs web untuk memastikan skrip berfungsi dengan baik.

Oke sobat readers, satu topik utamanya sudah selesai admin jelaskan dan admin bagikan caranya, berikut ini kalian bisa melihat cara memasang Breadcrumb dengan benar dan mengetahui apa itu Bredacrumb. Simak ulasannya dibawah ini. Tapi bagi kalian yang belum mengetahui Breadcrumb, ada baiknya kalian mengetahui terlebih dahulu apa itu Breadcrumb.

Apa itu Breadcrumb

Breadcrumb adalah salah satu elemen kunci yang harus dipasang di blog atau situs web Anda untuk meningkatkan kualitas SEO situs web Anda. Di bawah ini adalah panduan tentang cara menginstal remah roti di Blogger.

Apakah Breadcrumb Penting untuk SEO Website

Ya, itu sangat penting. Jejak remah roti di blog dan situs web dapat membantu membuat halaman lebih mudah dibaca di Google Search Engine (Serp). Pengunjung dapat dengan mudah menemukan label untuk artikel yang dimulai dengan elemen induk dan diakhiri dengan akar kategori.

Apa Fungsi Breadcrumb Untuk Blog Atau Website

Fungsi Breadcrumb merupakan panduan yang membantu pengunjung mengetahui di mana mereka berada saat membaca artikel blog atau website. Remah roti berisi tautan terstruktur secara hierarkis, dari halaman utama dan kategori hingga halaman yang Anda lihat saat membaca artikel atau dokumen situs web.

Baca Juga : Apa Penyebab Saldo Google Adsense Minus?
ENS Domain Airdrop Here is a guide to Buying And Claim Fast

Cara Memasang Breadcrumb Di Blogger

Buka Blogger Anda > Edit HTML. Kemudian silahkan anda cari kode ini ]]><b:skin> atau </style>. tambahkan kode ini tepat pada sebelum kode diatas.

Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar

Lanjutkan dengan mencari kode ini :

Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar

Tempatkan kode dibawah ini tepat dibawah kode di atas.

Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar
Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar

Save dan lihat hasilnya. Cara Memasang Lazy Load Adsense Dan Breadcrumb Dengan Benar

Anda dapat memeriksa di sini untuk melihat apakah menu remah roti diaktifkan. Oleh karena itu, artikel ini menjelaskan cara memasang remah roti di Blogger.

Nah berikut ini admin juga akan membagikan tips untuk kalian, yuk simak tipsnya dibawah ini.

Cara mengetahui apakah Menu Breadcrumb pada situs itu Berkerja

  • Buka Google Testing Tools Disini
  • Masukan alamat postingan anda pada kolom yang tersedia ”alamat postingan bukan homepage”
  • Struktur breadcrumb akan di tandai dengan nama BreadCrumbList jika dipasang dengan banar maka akan tampil 0 error dan 0 warrning pada hasil testing alamat situs anda.

Akhir Kata

Oke sobat readers, demikianlah penjelasan dari admin mengenai 2 topik utama kita hari ini. Semoga dengan adanya artikel ini dapat membantu kalian dalam membuat website kalian sendiri menjadi lebih baik dan menarik.

Terima Kasih

Baca Juga : What is Ens Domain? Here’s The Full Explanation
Perbedaan Domain, Server, dan Hosting Secara Umum

Pos terkait

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.