KontenWeb

Google Drive Direct Download Link Generator is a tool to create direct download links to files that you have saved on google drive, this tool allows you to create and share download links directly to files on your google drive (music, video, image, apk, zip and much more).

[full-post]

How to Get Your Sharing URL

  • Step 1: Open Google Drive and right-click the file you want to share, then click "Get link"
    Get link
  • Step 2: In the window that appears, change the visibility to "Anyone with the link"
    Anyone with the link
  • Step 3: Click "Copy link"
    Copy link
  • Step 4: Paste the link into the text box above and click "Create Direct Link" to create a direct download link for your file.
    Create Direct Link
  • Step 5: Copy and share the resulting direct link.
Good luck and I hope this tool (Google Drive Direct Download Link Generator) will be very useful for your sharing activities.

Google drive memang sudah umum digunakan sebagai penyimpanan file file penting seperti doc, image hingga apk.

Selain dapat di akses secara online, file yang di unggah ke google drive juga dapat di bagikan atau di share ke publik melalui link.

Nah, oleh karena itu pada artikel ini saya akan menjelaskan cara membuat link download langsung file yang ada di google drive dengan metode yang lebih aman.
Trik ini memungkinkan orang lain mengunduh secara langsung file yang dibagikan tanpa harus masuk ke pratinjau file di google drive anda. Simak langkah langkah nya berikut ini.

Membuat Link Download Langsung Untuk File Di Google Drive

  • Langkah 1: Buka Google Drive dan klik kanan pada file yang ingin Anda bagikan, kemudian klik "Dapatkan tautan"
    Dapatkan tautan yang dapat dibagikan
  • Langkah 2: Di jendela yang muncul, ubah visibilitas file menjadi publik (Siapa saja yang memiliki tautan)
    Siapa saja yang memiliki tautan
  • Langkah 3: Klik "Salin tautan"
    Salin Tautan
  • Langkah 4: Kunjungi Google Drive Direct Link Generator
  • Langkah 5: Pastekan link (tautan) itu ke dalam kotak teks bagian input dan klik "Create Direct Link" untuk membuat link download file.
    Buat Link Download
  • Langkah 6: Bagikan link download yang di hasilkan, letaknya ada di kolom output.
Dengan trik ini aktivitas berbagi file melalui google drive akan jauh lebih aman, karena orang yang akan mengunduh file dapat langsung mengunduhnya tanpa harus masuk ke pratinjau file secara langsung di akun google drive anda.

Semoga artikel ini bermanfaat dan sampai jumpa lagi di tutorial tutorial menarik lainnya hanya di kontenweb.com. selamat mencoba.

Referensi yang admin ambil pada artikel ini sepenuhnya bersumber dari cordialblogger.com, pada halaman webtools Google Drive Direct Link Generator.

Cara Membuat Tombol Chat Telegram Di Blog - Artikel ini merupakan refensi dari cordialblogger.com yang menyediakan berbagai widget blogger salah satunya adalah widget chat button sosial media. Disini saya akan menjelaskan cara membuat tombol chat telegram di blog berdasarkan referensi tersebut. Mari simak selengkapnya membuat tombol chat telegram di blog.

Material

  1. Kode HTML Telegram Chat Button
  2. Kode CSS Telegram Chat Button
  3. Short Link Chat Telegram
  4. Telegram SVG Icon

Kode HTML Telegram Chat Button

[code type="HTML"]<div class="sticky-chat-button"> <a class="telegram-chat-button" href="https://t.me/username" title="Chat Button"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 32 32"> <path fill="#fff" d="M29.919 6.163l-4.225 19.925c-0.319 1.406-1.15 1.756-2.331 1.094l-6.438-4.744-3.106 2.988c-0.344 0.344-0.631 0.631-1.294 0.631l0.463-6.556 11.931-10.781c0.519-0.462-0.113-0.719-0.806-0.256l-14.75 9.288-6.35-1.988c-1.381-0.431-1.406-1.381 0.288-2.044l24.837-9.569c1.15-0.431 2.156 0.256 1.781 2.013z"/> </svg></a> </div>[/code]

Kode CSS Telegram Chat Button

[code type="CSS"].sticky-chat-button{ position: fixed; background-color: #0088cc; border-radius:40px; bottom: 80px; right: 15px; height: 40px; width: 40px; overflow: hidden; } .sticky-chat-button a{ display:inline-block; position: relative; text-align:center height: 25px; width: 25px; padding: 6px; }[/code] Short link dan ikon svg sudah di kombinasikan pada kode html telegram chat button di atas, jadi selanjutnya kamu hanya perlu mengikuti langkah-langkah memasang tombol chat telegram di blog, ikuti panduan lengkapnya dibawah ini.

Memasang Tombol Chat Telegram Di Blog

  1. Install kode html telegram chat button di atas kode penutup body ( </body> )
  2. Kemudian install kode css telegram chat button di atas kode ]]></b:skin>
  3. Ganti tulisan username dengan user name telegram anda
  4. Terakhir klik Save Template untuk menyelesaikan.
Berdasarkan referensi terkait, tombol chat telegram ini merupakan widget chat button yang ringan (fast loading), karena material yang digunakan untuk membuat tombol chat telegram hanya berupa kode html, css dan ikon svg saja. [Lihat Demo]

Tidak hanya itu, tombol chat telegram ini juga di klaim ramah seluler (mobile friendly) dan responsive tentunya. Akhir kata selamat mencoba dan selamat menggunakan tombol chat telegram by cordialblogger.com.

Google Sites: Cara Submit Sitemap - Mengirimkan peta situs (sitemap) ke google tidak harus melalui search console atau google webmaster tools, platform-platform web seperti google sites yang tidak memungkinkan untuk verifikasi situs di search console dapat mengirimkan "submit sitemap" melalui metode ping sitemap, Metode ini "ping sitemap" merupakan cara yang efektif untuk mengirimkan peta situs website yang dibuat melalui google sites maupun web hosting seperti platform instant web lain yang tidak memerlukan codding.

Apa yang dimaksud dengan ping sitemap?

Ping dalam istilah teknologi informatika adalah singkatan dari "Packet Internet Gopher" Merupakan sebuah program utilitas yang digunakan untuk memeriksa induktivitas jaringan berbasis teknologi "Transmission Control Protocol/Internet Protocol (TCP/IP)".

Sedangkan dalam kasus ini "ping sitemap" dapat diartikan sebagai metode mengirimkan peta situs ke antrean pengindexan melalui jalur pintas (tidak melalui dashboard) webmaster tools baik itu google search console maupun bing webmaster, cukup dengan melakukan permintaan HTTP GET/PING Sitemap.

Cara Ping Sitemap (Peta Situs)

Kirimkan permintaan pengindexan dengan metode HTTP GET melalui addres bar pada browser anda seperti terlihat pada contoh dibawah ini;
http://www.google.com/ping?sitemap=https://sites.google.com/site/somad-site/system/feeds/sitemap
Jangan lupa sebelumnya ganti "somad-site" dengan nama situs google sites anda, lihat contoh gambar berikut;
Ping Sitemap Google Sites
Ping Sitemap Google Sites
Tekan "Enter" untuk mengirimkan peta situs "ping sitemap" ke google, jika peta situs berhasil dikirimkan maka akan terlihat pesan seperti berikut;
Sitemap Notification Received: Your Sitemap has been successfully added to our list of Sitemaps to crawl.
Jika kamu ingin mengirimkan juga sitemap google sites anda ke bing webmaster, silahkan ganti "www.google.com" dengan "www.bing.com" sehingga terlihat seperti dibawah ini;
http://www.bing.com/ping?sitemap=https://sites.google.com/site/somad-site/system/feeds/sitemap
Dan sekarang tinggal menunggu proses crawling dan indexing situs "google sites" selesai dilakukan, secara kualitas, metode ping sitemap tidak kalah bahkan bisa lebih baik dibandingkan dengan mengirimkan langsung peta situs melalui search console, namun kekurangannya adalah tidak ada statistik atau data yang dapat anda lihat seperti di search console.

Tidak hanya google sites, ping sitemap dapat digunakan oleh situs dengan platform web apapun termasuk blogger dan wordpress maupun instan web lainnya.

Google Sites yang merupakan produk google, sebenarnya tidak perlu melakukan apapun untuk mengatasi masalah pengindexan karena perayap google dapat melakukan pengindex-an dan mampu mendeteksi setiap situs dan laman baru dari sebuah situs, khususnya situs web google sites, namun untuk mempercepat proses pengindexan "Crawling dan Indexing" tidak ada salahnya jika kita membantu google menemukan konten dan situs dengan mengirimkan peta situs ke antrean perayapan google melalui ping sitemap.

Mengenal Google Sites Lebih Dalam (Platform Web Creator) - Google sites adalah platform web creator yang di sediakan google untuk pengguna nya secara gratis. Google menjadikan google drive sebagai file hosting situs web yang dibuat melaui platform google sites. Sebelum google sites populer platform ini sebelumnya adalah lebih di kenal dengan sebutan jotSpot yang kemudian pada tahun 2006 tepat nya di bulan Oktober jotSpot di-akuisisi oleh google untuk menggantikan Google Page Creator.

Sekarang "2018 ini" Google telah mengembangkan tekhnologi pada platform web creator nya tersebut "Google Sites" menjadi lebih propesional dengan fitur "in new site" dan metode penggunaan yang sangat mudah dalam membuat website layaknya menyusun sebuah puzzle.
Apakah manfaat dan kegunaan Google sites? Fungsi utama Google sites adalah sebagai wadah membuat situs web untuk usaha civil (kecil dan menengah) agar masing-masing mereka memiliki website. Tujuaannya adalah agar setiap perusahaan dapat dengan mudah mengembangkan bisnis dan  membuat promosi produk mereka melalui website.

Platform Pendukung Google Sites

Seperti yang telah di jelaskan diatas google menjadikan google drive sebagai file hosting situs web yang di buat melalui platform google sites sehingga sangat memungkinkan bagi pengguna untuk melampirkan semua file dan fitur yang ada pada google drive seperti;
  1. Google Docs (document)
  2. Goole form (Formulir)
  3. Google Spreadsheet
  4. Google Calendar, dan support
  5. YouTube dan Picasa
Dengan demikian pengguna akan lebih leluasa dalam mempromosikan produk/bisnis mereka melaui video, gambar, slide image, alamat via google map dalam satu halaman web saja. Tentunya hal tersebut akan meminimalisir atau mengurangi biaya promosi produk/bisnis anda bukan! Dibawah ini adalah beberapa contoh desain website untuk usaha civil yang dapat kamu jadikan reference sebelum membuat website bisnis/usaha anda.
  • Contoh Website Perusahaan Jasa [Lihat Detail]
  • Contoh Website Personal [Lihat Detail]
  • Contoh Website Restaurant/Caffe, dan
  • Contoh Website Boutique / Toko
Alamat Situs (url) & Crawl Index Website Google Sites

Jika pada umumnya alamat situs/url atau domain sebuah website adalah www.namabisnis.com maka sedikit berbeda dengan url website via google sites namun untuk masalah parayapan (crawl atau index) kamu tidak perlu khawatir karena website yang di buat dari google sites dapat di rayapi (di index) oleh google dengan sangat baik. Contoh url website via google sites:
  • https://sites.google.com/view/nama-usaha/beranda (Home New Site)
  • https://sites.google.com/site/nama-usaha/beranda (Home Classic Sites)
  • https://sites.google.com/view atau site/product atau about, contact, gallery dll (Page url)
Nah, dari penjelasan dan contoh diatas saya fikir kamu sudah tidak sabar untuk memulai membuat website bisnis atau usaha anda dari google sites, siapa saja bisa membuat website tanpa coding jquery, html dan css menggunakan google sites.

Lihat Juga: Tutorial membuat blog di blogger.com

Demikian penjelasan tentang google sites "Mengenal google sites lebih dekat" ikuti terus situs ini untuk mendapatkan informasi/artikel terbaru mengenai google sites dan trik-trik penggunaan-nya yang akan admin ulas lebih dalam di waktu yang akan datang. Sampai jumpa kembali dan sukses selalu.

Cara Membuat Menu Navigasi Website Via Google Sites - Tutorial kali ini adalah tentang cara membuat menu navigasi pada situs web / website kusus yang menggunakan platform google sites. Pada tutorial sebelumnya saya telah menjelaskan cara membuat website gratis dari google sites maka sekarang kita membuat menu navigasi website dan dropdown menu agar situs web semakin terlihat lebih keren dan propesional tentunya.

Berbeda dengan blogger, membuat navigasi situs web di google sites tidak memerlukan coding "html dan css" apapun karena google sites telah dirancang dengan sangat sederhana secara penggunaan (cara menggunakan) google sites layaknya aplikasi pembuat situs web sehingga meski kamu tidak pandai codding kamu tetap bisa membuat website propesional + keren di google sites.

View Demo

Sebelumnya perlu diketahui situs web dari google sites yang telah dipublikasikan otomatis akan disimpan di google drive, maka untuk mengedit ulang situs silahkan masuk ke google drive kamu dan double klick situs untuk membuka dashboard situs google sites anda seperti contoh berikut ini.
Google Sites: Membuat Menu Navigasi Website Gambar 2
Login ke google drive dan double click untuk membuka dashboard situs google sites
Langsung saja kita mulai tutorial cara membuat membuat menu navigasi dan dropdown menu website di google sites, simak penjelasan lengkapnya berikut ini.
  1. Login ke google drive dan double click situs untuk membuka dashboard situs google sites seperti yang telah di jelaskan diatas.
  2. Kemudian pilih tab halaman pada dashboard google sites untuk membuat menu navigasi situs,
  3. Klik "Tambahkan halaman baru / add new page"  lihat contoh gambar dibawah ini.
Cara membuat menu navigasi website di google sites
Cara membuat menu navigasi website di google sites
Keterangan:
  • Gambar diatas menunjukkan cara membuat menu "Beranda" atau laman home situs via google sites.
  • Selanjutnya ulangi langkah tersebut untuk membuat beberapa menu lagi sesuai keinginan anda misal; "Product, Contact Us, About Us, Tech News, Tutorials dll, seperti contoh berikut.
Cara membuat menu navigasi website di google sites
Cara membuat menu navigasi website di google sites 

Menambahkan Dropdown menu / Sub Menu

Jika kamu merasa masih ada lagi menu yang penting untuk di tambahkan maka kita masih bias membuat dropdown menu atau sub menu  pada menu utama yang sudah dibuat kecuali pada menu/laman beranda. Simak cara menambahkan dropdown menu atau sub menu situs web google sites.
  1. Masih pada tab "halaman" pilih salah satu menu utama yang ingin ditambahkan sub menu,
  2. Klik symbol titik 3 vertical ( ⋮ ) yang terdapat di samping menu edit, kemudian
  3. Pilih "Tambahkan Submenu" untuk membuat dropdown menu.
Lihat contoh berikut
Google Sites: Cara dropdown menu website
Google Sites: Cara dropdown menu website

Terakhir klik tombol "Publikasikan" pada menu bar atas dashboard google site dan lihat hasil nya pada tampilan asli situs web anda.

Setelah membuat menu navigasi situs web google sites, tutorial selanjutnya akan membahas cara membuat content website di google sites. Demikian cara membuat menu navigasi wesite di google sites, jangan sungkan untuk memberikan pertanyaan seputar menu navigasi google sites atau sekedar berkomentar, kritik dan saran. Jangan lupa untuk Like & Share jika ini bermanfaat dan menambah ilmu pengetahuan kita semua...! Good luck and see you again, follow me.

Cara Membuat Footer Website Google Sites - Footer website merupakan bagian situs web yang tidak kalah penting dari widget apapun bagi para pengembang situs. Meskipun footer website berada pada bagian paling bawah situs ternyata footer website memiliki pengaruh besar dari segi desain pada laman web.

Selain berfungsi sebagai pembatas bawah situs footer website juga merupakan wadah untuk lisensi atau hak cipta situs "© Copyright". Seiring perkembangan tekhnologi di dunia situs web kini footer website telah memiliki banyak fungsi dan bentuk desain, mulai dari sticky footer, footer menu dengan style dropup dan banyak lagi bahkan footer website juga menjadi wadah widget-widget penting situs web.

Pada kesempatan kali ini saya akan menjelaskan cara membuat footer website khusu untuk situs web yang di buat dari google site. Membuat footer website via google sites sebenarnya merupakan pekerjaan yang paling mudah dan sangat sederhana namun ini tetap saya bagikan karena merupakan kelengkapan dari tutorial cara membuat website di google sites.

Membuat Footer Web di Google Sites

  1. Login ke dashboard situs web google sites
  2. Gulir kebawah hingga mentok, dan
  3. Arahkan mouse ke garis laman paling bawah situs google sites
  4. Akan muncul add footer (Tambahkan Footer), selanjutnya
  5. Klik Tambahkan footer untuk membuat footer web anda
  6. Isi teks lisensi dilengkapi dengan symbol © Copyright
Lihat contoh dibawah ini

Keterangan:
  • Isi teks lisensi dengan nama situs dan symbol © Copyright, example: Creative Site © Copyright
  • Select teks nama situs dan klik add link
  • Isi kolom url dengan link laman lisensi atau laman home/beranda example: https://sites.google.com/view/creativesite
Link tersebut merupakan link sub domain google sites dan merupakan link beranda website dari situs Creative Site. Nah bagaimana? mudah bukan untuk membuat footer website di google sites? sekarang silahkan kreasikan situs web google sites anda sesuai dengan selara. [Lihat Demo]

Demikian saja tentang "Cara membuat footer website google sites", masih banyak lagi tutorial google sites yang mungkin bisa saya share dalam waktu dekat, Follow situs ini untuk mendapatkan informasi ter update mengenai google sites, blogging dan online make money. Selamat mencoba dan sampai jumpa kembali.

Google Sites: Cara Membuat Konten Atau Artikel - Konten atau post atau artikel merupakan bagian inti dari sebuah situs web, kualitas situs web / website biasa nya di ukur dari konten atau artikel yang di publikasikan "tergantung kategori situs", selain itu tingkat ke-akuratan informasi yang dibagikan juga mempengaruhi kualitas situs web.

Melanjutkan pembahasan cara buat website gratis di google sites sekarang kita telah sampai ke tahap membuat konten atau post untuk website yang telah kita buat di google sites.

Sekedar mengingatkan untuk mengikuti tutorial ini pastikan anda telah membuat menu navigasi situs pada website google sites baru anda karena metode / cara membuat konten website google sites akan berkaitan dengan menu navigasi.

Untuk mempersingkat waktu sebaiknya langsung saja kita simak panduan lengkap membuat konten atau post atau artikel untuk website yang di buat dari platform google sites.

Membuat Artikel di Website Google Sites

  1. Buka dashboard situs google sites, cara nya login ke google drive dan double klik situs tersimpan seperti yang di jelaskan pada artikel menu navigasi.
  2. Pilih (Klik) salah satu laman / menu website yang akan di isi post atau artikel misal; Laman beranda atau pada laman about us.
  3. Double click pada body atau lembar kosong situs maka akan muncul bulatan yang berisi pilihan fitur untuk menambahkan text, file, atau gambar.
Lihat contoh gambar dibawah ini
Selanjutnya isi kolom teks yang tersedia pada mode teks normal dengan judul dan paragraf artikel yang kamu ingin kan, Untuk menandai teks judul, drag/select teks judul dan tandai sebagai judul, lihat contoh gambar di bawah ini.
Google Sites: Cara Membuat Konten Atau Artikel
Google Sites: Cara Membuat Konten Atau Artikel
Setelah teks selesai di ketik kamu juga dapat menambahkan properti seperti gambar melalui tab "sisipkan" lihat fitur tambahkan gambar yang berwarna merah melalui google drive dan fitur upload gambar yang berwarna hijau seperti terlihat di sudut kanan atas pada gambar diatas.

Menambahkan (Embed) Video Youtube

  1. Klik satu kali di halaman/lembar kosong yang tersedia dibawah lembar teks
  2. Kemudian pilih Youtube untuk menyematkan/ menambahkan video
  3. Akan muncul tab pilihan yaitu "Penelusuran video" dan tab "Telah diupload", penelusuran video untuk mencari video di laman youtube sedangkan tab "telah diupload" untuk menyematkan video anda sendiri yang telah diupload ke youtube sebelumnya.
  4. Sesuaikan lebar video yang ditampilkan dengan cara menggeser kedalam garis pada sisi video.
Video youtube yang disematkan pada situs web google sites dapat mengikuti lebar halaman website secara otomatis, kamu juga bisa menyusunnya dua sejajar atau 3 sejajar agar terlihat lebih manis. Lihat contoh menyusun sematan video youtube pada link ini [Lihat Detail]

Untuk menambahkan kalender dan peta/map lakukan hal yang serupa seperti pada langkah cara menambahkan video ke artikel website google sites.

Menambahkan Slide Image dan document

Pada langkah ini kamu harus menyiapkan terlebih dahulu slide image melalui google slide, dan membuat document melaui google doc. Setelah slide ataupun document selesai dibuat harap setting file sharing menjadi publik (Siapa saja dapat melihat) seperti contoh berikut.

Setelah file sharing google slide dan google doc di setting ke publik "siapa saja dapat melihat" sepeti diatas maka kedua nya siap untuk disematkan.
  1. Kembali ke dashboard google sites
  2. Select atau klik laman kosong kemudian klik fitur add slide atau document pada menu samping kanan dashboard google sites.
  3. Select file untuk melanjutkan proses add / menambahkan slide image atau document google doc ke website google sites.
Selain slide image dan document kamu juga bisa menyematkan atau menambahkan Spreadsheet, Formulir by Google form dan menambahkan Diagram ke situs web google sites anda.

Nah, jika sudah selesai membuat konten/post atau artikel di halaman beranda situs web google sites anda, silahkan buat juga konten pada laman atau menu yang lainnya. Demikian penjelasan tentang Cara membuat post atau artikel situs web di google sites.

Selamat berkreasi dan sampai jumpa kemabali. Jangan lupa follow dan share artikel "Cara membuat post atau artikel situs web di google sites" jika menurut anda ini bermanfaat dan menambah pengetauhan.

Cara Buat Website di Google Sites (Gratis) - Google menyediakan platform khusus untuk membuat situs web secara gratis yaitu google sites. Google sites dirancang lebih mudah dalam penggunaan nya dan menjadikan g-drive sebagai web hosting / file hosting situs website yang di buat dari google sites.

Pengalaman yang baru akan anda rasakan ketika membuat situs web (website) di google sites karena google sites akan membuat anda merasakan sensasi punya hosting sendiri (seperti membuat website dengan self hosting).

Dan, tutorial ini akan membantu anda dalam membuat situs web gratis di google sites secara detail/komplit, meskipun sebenarnya saya meyakini siapa saja bisa membuat website sendiri dengan mudah menggunakan platform google sites ini. Mari kita simak panduan cara buat website gratis dari google sites berikut ini.

Cara Membuat Website Di Google Sites

  1. Pertama kunjungi link https://sites.google.com/, kemudian
  2. Login / masuk menggunakan akun google (G-mail)
  3. Klick "Buat / Create" dan pilih "In new sites" untuk membuat situs web
Lihat contoh gambar berikut ini.

Langkah Selanjutnya Membuat Website Dari Google Sites

Setelah melewati langkah diatas, kamu akan diarahkan ke dashboard google sites (laman untuk membuat situs), ikuti panduan lengkap nya dibawah ini.
  1. Buat "Nama Situs Web" dan tambahkan logo jika diperlukan
  2. Ganti gambar spanduk header situs atau lewati langkah ini (spanduk / barner header dapat di setting belakangan).
Lihat contoh berikut ini
Cara Membuat Website di Google Sites - gambar 2
Cara Membuat Website di Google Sites - gambar 2
Kemudian klik "Publikasikan" pada menu bar atas dashboard google sites dan buat "url situs (alamat situs)" tanpa spasi dan menggunakan huruf kecil semua seperti terlihat pada gambar berikut.
Cara Membuat Website di Google Sites - gambar 2
Cara Membuat Website di Google Sites - gambar 2

Keterangan:
  • Jika url situs tersedia maka akan terlihat tanda "Benar / centang" di samping nya, itu menunjukkan bahwa url (alamat situs) dapat digunakan.
  • Setelan Penelusuran - Jangan di centang atau biarkan kotak centang kosong agar situs dapat di telusuri oleh mesin penlusur (Bisa dilihat / ditemukan dilaman pencarian google)
  • Selanjut nya klik "Publikasikan" untuk membuat situs.
Pada tahap ini situs web sudah selesai di buat namun masih berbentuk laman kosong dan hanya terlihat logo, nama situs dan barner situs saja. Agar situs web benar-benar rampung saya telah menyediakan tutorial buat website gratis dari google sites tahap selanjut-nya yakni;
  1. Membuat Menu Navigasi
  2. Membuat Konten situs "text ,video, slide, document dan map"
  3. Membuat Footer situs web

Kelebihan Membuat Website via Google Sites

Ketika hendak membuat situs web sudah seharus nya kita mengenal keutamaan atau kelebihan palfom / hosting yang akan kita gunakan seperti Google Sites misalnya, kelebihan membuat website dari google sites adalah; platform google sites merupakan produk google sehingga kita tidak perlu khawatir mengenai masalah peng-index-an situs yang dibuat dari google sites, seperti g-plus dan youtube contohnya. post yang diterbitkan pada sosial media g-plus dan youtube lebih cepat ter index oleh penelusur google dibandingkan platform lainnya, selain itu masih ada beberapa kelebihan lagi dari google sites.
  1. Gratis (membuat website di google sites tidak dipungut biaya apapun alias free)
  2. Mudah digunakan (siapa saja bisa membuat situs web dari google sites)
  3. Tampilan situs / Theme google sites sangat propesional, modern dan elegant
  4. Support add file (gambar, video, slide, upload document) dari banyak jenis platform google "G-drive, youtube, google doc, google photo dll".
Nah, demikian penjelasan saya dan tutorial cara buat website gratis di google sites, ikuti terus perkembangan situs kami dengan cara mem follow situs melalui e-mail anda dan dapatkan pemberitahuan mengenai cara-cara membuat website geratis dari google sites dan blogger. Semoga ini bermanfaat dan menambah pengalaman serta pengalaman kita tentang situs web / website dan cara membuat nya, Good luck for you.

Situs web yang di monetisasi dengan iklan pihak ketiga seperti iklan google adsense pasti mengalami kemunduran kecepatan pemuatan halaman (loading situs web jadi lambat atau berat). Hal itu dikarenakan iklan pihak ketiga menggunakan script, image, css, dan lainnya yang di simpan di host pihak ketiga, sehingga server akan bekerja lebih keras lagi untuk memuat halaman web.

Teori nya sederhana, semakin banyak link dan file baik itu script, html, css, gambar dan multimedia lainnya yang berasal dari pihak ketiga, maka semakin banyak permintaan dan kunjungan keluar yang menyebabkan pemuatan atau loading situs web menjadi lebih lambat.
Tips Memasang Iklan AdSense Agar Loading Website Tidak Berat
Meskipun demikian hal itu masih bisa untuk diminalisir dengan beberapa tips speed up adsense berikut ini guna mengurangi beban server agar tidak terlalu terbebani dan efek positif dari itu loading situs web tetap stabil meskipun situs di monetisasi dengan iklan adsense atau iklan pihak ketiga lainnya.

Tips Memasang Iklan Adsense Agar Loading Situs Tidak Berat.
  1. Gunakan bundle javascript adsense asinkron.
  2. Pasang 1 satu saja bundle javascript untuk semua unit iklan.
  3. Internalisasi inline css pada iklan adsense.
  4. Minifikasi kode iklan adsense sebelum dipasang ke situs web.
  5. Batasi jumlah iklan yang ditampilkan.
  6. Gunakan lazyload adsense jika diperlukan.
Keterangan & Penerapan

Pertama - Gunakan bundle script asinkron - Adsense memang telah membuat semua bundle script asinkron di akun anda, hal itu dilakukan meningkatkan latensi web dan pengalaman pengguna yang lebih baik bagi pengunjung situs web. Jika diperlukan kode iklan adsense memang bisa dirubah dari asinkron menjadi sinkron, tetapi sebaiknya gunakan script asinkron saja dengan alasan diatas.
[code type="JavaScript"]<script data-ad-client="ca-pub-4209467777280582" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>[/code]
Ke-Dua - Gunakan 1 bundle script untuk semua unit iklan, setiap pengambilan kode iklan adsense akan selalu disertakan bundle javascript adsense seperti contoh diatas.

Jika anda sudah memasang 1 bundle script adsense atau kode iklan auto ads di header situs, maka untuk pemasangan unit iklan tidak perlu lagi menyertakan bundle script adsense. Sehingga ketika pemasangan unit iklan, anda hanya memasang kode seperti berikut ini.
[code type="Adsense"]<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-4209467777280582"
     data-ad-slot="7680930151"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Ke-Tiga - Internalisasi inline css yang ada pada kode iklan adsense, inline css salah satu faktor yang menghambat perenderan situs web, maka dari itu meskipun inline css pada iklan adsense tergolong kecil sebaiknya di internalkan saja, untuk melakukan internalisasi inline css pada iklan adsense lihat panduan berikut; internalisasi inline css.

Ke-Empat - Minifikasi kode iklan adsense, minify kode iklan adsense, jika langkah 1,2 dan 3 sudah di lakukan maka sebenarnya anda telah melakukan minifikasi terhadap kode iklan adsense.

Ke-Lima - Membatasi jumlah iklan yang ditampilkan di situs web juga membantu meringankan loading atau pemuatan halaman website.

Praktik terbaik
  • Tampilkan iklan di halaman web anda 4 hingga 5 unit saja.
  • Jangan penuhi halaman web anda dengan iklan, selain memberatkan pemuatan halaman web, menampilkan iklan adsense dalam jumlah yang banyak juga tidak menguntungkan dari sisi pendapatan CPC.
Ke-Enam - Lazyload adsense - Lazyload adsense berfungsi untuk menunda perenderan iklan dan mengutamakan pemuatan halaman web. Jika anda masih menginginkan speed yang lebih, anda dapat menggunakan lazyload adsense untuk mempercepat loading halaman web.

Saya fikir 6 trik speed up adsense di atas sudah cukup untuk meringankan loading situs web yang di monetisasi dengan iklan adsense, bahkan jika anda melakukan lima saja tanpa menerapkan lazyload adsense sudah cukup untuk membuat pemuatan halaman web atau loading situs web stabil (nyaris sama sebelum menggunakan iklan pihak ketiga seperti adsense dan lainnya).

Halo publisher, apakah kamu pernah berfikir untuk memasang kode iklan adsense dari A ke situs B? Kira kira apa yang akan terjadi jika hal itu dilakukan? Pada kesempatan ini saya akan menjelaskan kepada teman-teman publisher mengenai eksperiment ini, yaitu memasang kode iklan konten yang sesuai (matched content) dari situs A ke situs B. Eeksperimen ini mungkin akan membuat anda tercengang karena dalam sejarah adsense tidak pernah menganjurkan hal ini, kode iklan konten yang sesuai harusnya dipasang pada situs yang didukung saja atau yang tertera di daftar kelayakan iklan yang sesuai (matched content).
Tetapi saya mencoba memberanikan diri untuk mencoba eksperimen ini dan hasilnya sungguh tidak diduga, widget iklan konten yang sesuai tayang di situs saya yang tadinya belum layak menampilkan iklan konten yang sesuai (matched content ads). Dan yang paling mencengangkan, tidak butuh waktu lama google adsense benar-benar menyetujui iklan konten yang sesuai untuk tayang di situs tersebut meskipun situs tersebut tidak update dan memiliki trafik yang relatif rendah.

Jika kamu ingin mencoba eksperimen serupa, sebaiknya baca terlebih dahulu penjelasan saya berikut ini, karena saya tidak menanggung resiko jika nantinya google mengambil tindakan tegas.

Studi Kasus

Baca dengan teliti dan pahami 2 poin dibawah ini yang saya jadikan studi kasus atau acuan keberhasilan dalam eksperimen ini.
  • Kedua situs berada dalam monetisasi akun adsense yang sama (satu akun adsense).
  • Widget konten yang sesuai (matched content) memang sudah tersedia untuk situs A, tetapi belum tersedia untuk situs B.
  • Kedua situs mematuhi semua peraturan yang menjadi kebijakan google adsense.
Kamu mungkin berfikir, hal apa yang mendorong saya melakukan eksperimen atau percobaan ini, saya tidak melakukan eksperimen ini secara buta, ada beberapa hal yang meyakinkan saya untuk melakukannya selain dari 3 poin yang telah saya jelaskan diatas.
  1. Kode iklan adsense selain widget matched content bisa atau boleh dipasang di situs mana saja yang sudah disetujui oleh adsense.
  2. Kode iklan adsense dengan kode iklan display misalnya hanya berbeda pada format ad dan id unit iklan saja.
  3. Google adsense hanya menghukum situs (tidak sampai banned akun adsense) jika pelanggaran yang dilakukan masih dalam kategori pelanggaran tingkat rendah, seperti kesalahan pemasangan kode iklan yang menutupi sebagian halaman.
Kekurangan & Kelebihan

Iklan konten yang sesuai memang bisa tayang di situs B yang belum disetujui, tetapi ada sedikit kekurangan dan kelebihan sebelum situs B benar-benar di acc oleh google adsense untuk menggunakan unit iklan konten yang sesuai, yaitu:
  • Meskipun belum ada persetujuan yang sah, konten yang sesuai yang ditampilkan pada widget matched content merupakan konten yang berasal dari situs masing-masing (tidak tercampur aduk).
  • Anda tidak dapat membedakan pengaturan iklan konten yang sesuai, keduanya berada dalam pengaturan yang sama.
  • Tampilan iklan konten yang sesuai tetap bisa dibedakan atau di edit melalui modifikasi kode iklan, sesuai dengan petunjuk google.
Artikel ini dibuat sesuai apa adanya, dan benar-benar saya lakukan dan akun adsense dan situs saya masih aman sampai sekarang, tidak ada pesan peringatan pelanggaran terkait eksperimen ini, Jika kamu ingin mencoba, maka coba saja tidak ada larangan untuk melakukan eksperimen ini, tetapi ingan konsekuensi atau resiko yang mungkin terjadi ditanggung oleh anda masing-masing.

Jika masih baru bermain adsense, sebaiknya abaikan eksperimen ini, dan baca artikel-artikel adsense saya yang lain, yang membahas tentang eksperimen adsense yang sesuai dengan kebijakan adsense (tidak melanggar pedoman kebijakan adsense).

Halo publisher adsense, kali ini saya akan berbagi trik atau cara mengatasi iklan adsense responsive yang tidak muncul atau blank, mungkin kamu salah satu yang pernah atau sedang mengalami hal ini. Untuk ini mari kita simak penjelasan berikut ini mengenai penyebab iklan adsense jika responsive tidak muncul padahal status iklan sudah aktif bahkan muncul jika posisi iklan dipindahkan ke tempat lain.

Penyebab Iklan Responsive Tidak Muncul

Script iklan adsense pada dasarnya dikembangkan dengan teknologi cangih dan ditangani oleh pakar-pakar pemograman dengan kemampuan di atas rata-rata.

Jadi jika iklan responsive google adsense tidak muncul atau tidak tampil, itu disebabkan oleh satu hal saja yaitu template website/blog yang kamu gunakan tidak mendukung style responsive adsense (true).

Tapi kamu tentang saja, kamu tidak perlu mengganti template untuk dapat menggunakan iklan responsive adsense karena disini saya akan memberikan solusinya dengan 3 cara yang berbeda sekaligus.

Cara Mengatasi Masalah Iklan Responsive Yang Tidak Muncul (Tidak Tampil).

  • Cara pertama - Edit kode iklan adsense dan hapus kode responsive (data-full-width-responsive="true")dari kode iklan adsense kemudian pasang kembali, Kemudian refresh halaman web untuk melihat apakah iklan responsive bisa tampil dengan cara itu.
  • Cara ke-dua - Gunakan iklan responsive dengan ukuran yang spesifik (memiliki nilai height dan width), kamu dapat melihat cara membuat iklan responsive dengan ukuran yang spesifik pada artikel saya yang sebelumnya. Lihat cara membuat iklan responsive dengan ukuran spesifik.
  • Cara ke-tiga - Buat container baru yang memiliki ukuran spesifik dan sisipkan kode iklan di dalam container tersebut seperti contoh dibawah ini.
[code type="HTML"]<div class="ad_container">

<--kode iklan adsense disini-->

</div>[/code]
Tambahkan juga kode css berikut ini untuk memberikan style responsive pada ad_container dengan ukuran yang spesifik.
[code type="CSS"].ad_container{min-width:400px;max-width:970px;width:100%;height:90px}[/code]
Saya fikir dengan salah satu cara di atas masalah iklan responsive yang tidak muncul (tidak tampil) akan teratasi. Jika masih belum muncul juga silahkan coba kombinasikan cara pertama dan cara ketiga yaitu membuat container baru yang memiliki nilai height dan width kemudian hapus style responsive data-full-width-responsive="true" dari kode iklan.

Baca Juga: Cara Menghilangkan Inline Css Kode Iklan AdSense

Bagaimana publisher? Mudah bukan untuk mengatasi masalah iklan responsive google adsense yang tidak muncul atau tidak tampil. Saya fikir cara ini lebih baik untuk mengatasinya daripada harus mengganti template yang belum tentu tidak memiliki permasalahan serupa.

Google adsense sangat merekomendasikan iklan responsive kepada pada para publisher karena iklan responsive memiliki potensi penayangan iklan yang lebih banyak dari pengiklan dibandingkan iklan dengan ukuran fixed. Maka dari itu saya akan menjelaskan cara merubah iklan adsense dengan ukuran fixed menjadi responsive.

Google adsense memang menyediakan fitur edit di dashboard adsense pada setiap unit iklan yang memudahkan publisher untuk merubah ukuran iklan stye iklan.

Tetapi disini saya bukan untuk menjelaskan itu, melainkan merubah ukuran iklan fixed menjadi responsive dengan melalui eksperimen pengeditan kode iklan adsense.
[Studi Kasus] - Di sidebar template blog yang digunakan website kontenweb.com tidak mendukung ukuran iklan responsive, jadi jika saya ingin memasang iklan adsense di sidebar, kode iklan harus memiliki nilai height dan width agar fitur sticky website saya tidak error.

Tetapi disisi lain saya juga ingin mendapatkan lebih banyak penayangan iklan, maka dari itu saya harus melakukan eksperimen ini yaitu merubah kode iklan ukuran fixed agar responsive dengan teknik codding yang sesuai dengan kebijakan google adsense.

Jika kamu mengalami hal serupa maka ini adalah solusi terbaik untuk menyelesaikan masalah anda. Simak dengan baik panduan eksperimen adsense ini.

Merubah Kode Iklan Adsense Ukuran Fixed Jadi Responsive.

Pertama coba perhatikan contoh kode iklan adsense dengan ukuran fixed atau ukuran tetap dibawah ini.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:300px;height:600px"
     data-ad-client="ca-pub-0000005555111111"
     data-ad-slot="0006666666"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Selanjutnya tambahkan class_name baru pada tag pembukaan ins, misalnya ad_responsive1 dan hapus style css yang ada pada kode iklan yaitu: style="display:inline-block;width:336px;height:600px", sehingga kode iklan terlihat menjadi seperti berikut.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ad_responsive1"
     data-ad-client="ca-pub-0000005555111111"
     data-ad-slot="0006666666"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Kemudian buat style css @media screen yang disesuaikan dengan template website anda seperti contoh berikut.
[code type="AdCss"]<style>
.ad_responsive1{ width:300px;height:600px;}
@media screen and (max-width:460px){.ad_responsive1{width:336px;height:280px;}}
@media screen and (max-width:350px){.ad_responsive1{width:300px;height:250px;}}
</style>[/code]
Jika anda sudah ahli di bidang css dan html, anda dapat mengimpor langsung style css ad responsive ke dalam internal css situs web anda, Tetapi jika anda adalah pemula sebaiknya gabungkan kode iklan dan css responsive menjadi satu, sehingga pemasangan kode iklan akan menjadi seperti contoh dibawah ini.
[code type="AdCode"]<style>
.ad_responsive1{width:300px;height:600px;}
@media screen and (max-width:460px){.ad_responsive1{width:336px;height:280px;}}
@media screen and (max-width:350px){.ad_responsive1{width:300px;height:250px;}}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle ad_responsive1"
     data-ad-client="ca-pub-0000005555111111"
     data-ad-slot="0006666666"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Eksperimen atau pegeditan kode iklan adsense seperti yang saya contohkan diatas sebenarnya sudah dijelaskan google pada halaman bantuan mereka dan dapat dipastikan ini tidak melanggar kebijakan google adsense.

Tips Membuat Iklan Responsive Dengan Ukuran Yang Spesifik

Dalam mengubah kode iklan adsense ukuran fixed menjadi responsive di semua ukuran layar smartphone, tablet maupun dekstop ada beberapa yang harus diperhatikan yaitu;
  • Ukuran iklan tidak boleh melebihi ukuran kueri css @media screen atau ukuran per lebar layar.
  • Gunakan size/ukuran iklan yang direkomendasikan oleh pihak google adsense, jangan sesekali membuat nilai width dan height secara sembarang (ukuran yang tidak didukung oleh adsense).
Lihat ukuran iklan yang didukung oleh adsense pada link dibawah ini agar anda tidak salah dalam merubah iklan adsense ukuran tetap (fixed) menjadi responsive.
https://support.google.com/admanager/answer/1100453?hl=id
Dengan teknik peng-kode-an iklan adsense seperti diatas, maka iklan dengan ukuran tetap (fixed) tetap bisa responsive di semua ukuran alayar baik itu layar smartphone, tablet maupun dekstop atau PC.

Terlebih lagi jika anda menglami hal yang sama seperti saya seperti studi kasus diatas maka ini adalah satu-satunya cara yang tepat untuk mengatasinya (merubah iklan adsense ukuran tetap (fixed) menjadi responsive atau membuat iklan responsive dengan ukuran yang spesifik).

Loading ketika pemuatan halaman web seringkali terbebani oleh kode iklan terutama kode iklan yang mengandung banyak inline css, kita semua mungkin sudah tahu bahwa inline css pada setiap elemen html apapun di situs web akan memberikan sedikit hambatan pada saat pemuatan halaman web. Untuk itu disini saya akan memberikan sedikit pengetahuan tentang bagaimana cara menghilangkan inline css khusus nya inline css yang ada pada html kode iklan AdSense.
Memang kita tidak bisa menghilangkan semua permasalahan perenderan yang disebabkan oleh inline css pada kode iklan adsense, karena sejatinya kita tidak punya akses yang luas untuk mengelola script, css dan kode html iklan adsense.

Tetapi setidaknya meskipun sedikit yang bisa kita akses, inline css pada kode iklan adsense tetap harus dihilangkan demi mengutamakan kelancaran pemuatan halaman web.
  • Apakah boleh mengedit dan merubah kode iklan adsense?
  • Apakah merubah kode iklan adsense akan menyebabkan pelanggaran kebijakan (FAQ) adsense?
  • Apakah merubah kode iklan adsense akan menyebabkan banned?
Pertanyaan-pertanyaan di atas mungkin ada dibenak kalian terutama publisher yang baru saja bermitra dengan adsense, untuk menghilangkan keraguan anda dalam melakukan eksperimen dengan kode iklan adsense maka saya akan menjawab pertanyaan-pertanyaan di atas sebelum kita sampai ke experiment yang sesungguhnya yaitu menghilangkan inline css dari kode iklan adsense.

Jawaban dari tiga pertanyaan di atas akan saya rangkum menjadi satu jawaban yang kongkrit dengan bukti valid. Google adsense tidak melarang publisher untuk bereksperimen (merubah kode iklan) selama eksperimen tersebut masih sesuai dengan kebijakan adsense. Lihat pedoman kebijakan adsense mengenai pengeditan kode iklan adsense.
https://support.google.com/adsense/answer/1354736?hl=id
Jika sebelumnya kamu telah membaca semua pedoman kebijakan adsense maka lewati langkah itu, dan kita mulai tutorial cara menghilangkan inline css pada kode iklan adsense. Berikut adalah kode standar iklan adsense.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Sebelum menghapus kode inline css pada iklan adsense yang harus dilakukan pertama sekali adalah menambahkan class name baru pada elemen ins (tag pembuka ins). Class name baru boleh menggunakan kombinasi huruf dan angka misalnya "iklan_sidebar336". Sehingga kode iklan adsense akan menjadi seperti berikut.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle iklan_sidebar336"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]
Setelah class name baru ditambahkan, silakan hapus kode inline css nya yaitu:
[code type="Css"]style="display:inline-block;width:336px;height:280px"[/code]
Sehingga kode iklan adsense menjadi seperti yang terlihat berikut ini.
[code type="AdScript"]<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle iklan_sidebar336"
     data-ad-client="ca-pub-4209467777222222"
     data-ad-slot="8247777777"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>[/code]Notes: Penambahan class name yang lebih baik adalah menggunakan kata dengan bahasa inggris dan tidak mengarahkannya ke kata kunci tertentu.

Langkah itu belum selesai, selanjutnya anda harus mengganti kode inline css yang dihapus dengan kode internal css (non-inline) dan menambahkannya ke kumpulan internal css di dalam html template web anda. Jika kamu menggunakan platform blogger kode css ditambahkan tepat di atas kode ]]></b:skin>.

Kode Internal Css (Non-inline)
[code type="Css"]//kode wajib
.adsbygoogle{display:block}

//kode yang harus disesuaikan
.iklan_sidebar336{height: 280px;width: 336px}[/code]
Saya harap artikel ini dapat memberikan pemahaman yang baik dalam bereksperimen dengan kode iklan adsense seperti menghilangkan atau merubah inline css menjadi internal css. Prinsip dasarnya google adsense tidak terlalu membatasi keleluasaan publisher dalam melakukan eksperimen asal masih dalam batas yang wajar yang sesuai dengan kebijakan adsense.

Eksperimen ini benar-benar telah admin terapkan di situs ini, untuk melihat kebenarannya silahkan lihat view source halaman ini dengan menekankan tombol Ctrl + U atau melalui link dengan format view-source:url_halaman.

Kode iklan adsense pada bagian halaman dan sidebar website kontenweb.com benar-benar tidak menggunakan inline css, semua sudah di conversi dari inline ke internal css. Selamat mencoba dan sampai jumpa kembali di eksperimen-eksperimen adsense yang akan datang.

Apa yang dimaksud dengan mapping content website? Mapping content secara bahasa dapat diartikan dengan "Pemetaan Konten", Secara gamblang pemahaman tentang mapping content dapat didefinisikan sebagai perencanaan strategi untuk menentukan arah atau niche sebelum membuat website dan strategi penataan/penempatan konten berdasarkan kelompok (kategori), jenis dan isi konten itu sendiri dengan tepat agar selaras dengan website.
Content mapping disebut juga sebagai strategi pemasaran konten, Jika anda memetakan konten dengan benar, maka anda dapat menyajikan konten yang tepat, untuk orang yang tepat, pada waktu yang tepat.

Dalam skala besar mapping konten sebenarnya melibatkan banyak hal seperti waktu, pengenalan pasar dan sebagainya juga harus dipikirkan dengan matang. Tetapi disini saya hanya akan fokus ke pemetaan dan penataan konten saja.

Tujuan Dan Manfaat

Pada dasarnya content mapping bertujuan untuk membuat website dan konten menjadi selaras dan lebih terstruktur. Dengan demikian website akan menjadi lebih mudah dikenali oleh mesin telusur dan user friendly sehingga efek positif dari itu dapat meningkatkan view dan interaksi pengguna di situs web.

Manfaat lainnya dari penerapan content mapping yang baik dan benar adalah sebagai berikut:
  1. Meningkatkan waktu yang dihabiskan pengguna di situs web.
  2. Meningkatkan interaksi pengguna (click view).
  3. Meningkatkan kualitas halaman di mesin pencari SEO.
  4. Membantu mesin telusur memahami isi website.
  5. Memudahkan pengguna untuk memahami situs web.
Tanpa kamu sadari sebenarnya strategi ini mungkin telah anda lakukan sebelumnya (content mapping). Akan tetapi apakah kamu yakin bahwa kamu telah melakukannya (content mapping) dengan benar? Untuk itu mari kita simak dengan baik penjelasan tentang bagaimana cara melakukan content mapping dengan baik dan benar.

Cara Melakukan Content Mapping Dengan Baik Dan Benar.

#Pertama - Pikirkan dengan matang judul website yang sesuai dengan konten yang akan anda muat.

Contoh:

Jika anda akan membuat website tentang SEO maka pastikan judul website yang akan dibuat mengandung kata kunci "SEO".

#Kedua - Gunakan kategori dengan istilah yang mampu menjelaskan halaman dan konten anda dengan spesifik.

#Ketiga - Masukkan / kelompokkan konten kedalam kategori yang tepat.

Contoh:

Kategori "Artikel" dan "Tutorial", Pada dasarnya semua konten website yang berisi teks disebut dengan artikel, tetapi dalam penerapan content mapping sebaiknya jangan memasukkan konten tutorial kedalam kategori artikel, begitu juga sebaliknya.

Coba perhatikan sejenak bagaimana situs web ini melakukan content mapping, saya tidak menambahkan artikel ini kedalam kategori tips maupun tutorial, karena ini adalah artikel penjelasan-penjelasan.

#Keempat - Jangan masukkan konten anda kedalam kategori yang terlalu banyak apa lagi kedalam kategori yang tidak seharusnya.

Mungkin kamu pernah melihat situs-situs web personal yang tidak ditangani dengan profesional, sehingga ketika di navigasi website yang hanya menampilkan konten yang itu-itu saja.

#Kelima - Jika situs memiliki banyak jenis produk/konten dan terpaksa harus memasukkannya kedalam kategori dan sub_kategori, pastikan anda melakukannya dengan benar.

Tampilan Fisik Content Mapping

Pada akhirnya content mapping akan mengarahkan anda ke tampilan fisik yang nyata agar pengunjung situs dapat berinteraksi di situs web anda, dari sebagian besar wacana di atas akan sia-sia jika kamu tidak menampilkan nya ke tampilan fisik.

Lalu apa saja fitur yang dapat mewujudkan content mapping ke tampilan fisik.
  • Menu Navigasi
  • Tag Label (Category)
  • Artikel Terkait / Produk Terkait
  • Breadcrumb
Pastikan semua elemen interaktif di atas mampu mengarahkan pengunjung website anda ke tujuan mereka dengan tepat. Seperti yang anda lihat pada contoh gambar dibawah ini.
Maksudnya ketika pengunjung situs web anda membuka halaman tetang schema maka rekomendasikan konten-konten schema yang benar-benar dapat membantu pengunjung anda. Hal itu hanya bisa dicapai dengan metode content mapping yang baik dan benar serta dukungan thema website yang mampu mewujudkan strategi mapping konten yang anda lakukan ke tampilan fisik.

Quote: Setiap pengunjung yang datang ke situs web anda membawa misi atau tujuan atau hal-hal yang ingin mereka ingin tahu, jadi jangan sia-siakan kesempatan itu, rekomendasikan dengan tepat semua hal yang berkenaan erat dengan yang mereka cari atau butuhkan.

Baca Juga: Penentuan Langkah Awal Dan Strategi Membangun Situs Blog

Demikian saja penjelasan saya tentang content mapping di website dan cara penerapannya, semoga ini menjadi ilmu pengetahuan yang bermanfaat di dunia blogging yang menyenangkan ini.

Panduan Lengkap Memasang Iklan In-feed Ads - Sesuai dengan namanya yaitu "in-feed ads" iklan ini khusus untuk di pasang di antara postingan (homepage) dan halaman post navigasi, selain itu iklan infeed ads google adsense juga dapat dipasang di widget posts seperti popular post. Apa yang berada dengan tutorial cara memasang iklan in-feed ads dengan cara memasang kode iklan lainnya? Perbedaannya ada pada penempatan dan penerapan kode iklan nya saja, maka dari itu harap dibaca dengan teliti untuk menghindari kesalahan ketika pemasangan.

Menyiapkan Kode Iklan In-feed Ads

Siapkan kode iklan in-feed ads sesuai dengan arahan ini untuk menysuaikan thumbnail iklan yang lebih sesuai dengan posts website anda.
  1. Login ke Adsense, kemudian
  2. Pilih Tab "Ads" dan pilih "Ad unit > "In-feed ads",
  3. Masukkan URL situs > Dekstop Mode dan klik "Scane The Page",
  4. Kemudian perhatikan Ad Preview atau thumbnail iklan infeed ads yang ditampilkan.
  5. Klik Next untuk melanjutkan
  6. Tambahkan nama unit iklan kemudian atur ulang thumbnail ikla in-feed pada tab image.
Jika thumbnail posts di situs web anda memiliki lebar kurang dari 200px maka itu akan sangat bagus karena thumbnail iklan in-feed tidak dapat melebihi nilai lebar diatas 200px. Jika lebar thumbnail posts dibawah 190px atau dibawah nilai lebar 200px kamu juga dapat mengatur thumbnail iklan in-feed ads kurang dari 200px, lihat contoh setting thumbnail iklan in-feed dibawah ini;
Setelah selesai lanjutkan proses menyaiapkan iklan infeed ads dengan mengklik save and get code.

Memasang Iklan In-Feed Di Antara Posts

  1. Masuk Ke Blogger > Template > Edit HTML
  2. Kemudian cari kode <b:loop values='data:posts' var='post'>, biasanya kode tersebut lebih dari satu, untuk lebih spesifik kode yang dimaksud adalah yang berada di bawah kode id='Blog1' (tidak jauh dari situ). Lebih spesifik lagi kode tersebut dekat dengan kode <div class='blog-posts hfeed' id='mainblog'>.
  3. Selanjutnya silahkan ganti kode <b:loop values='data:posts' var='post'> dengan kode berikut ini.
[code type="HTML"]<b:loop myfeed='feednya' values='data:posts' var='post'>[/code]
Kemudian tambahkan lagi di bawah-nya kode berikut ini beserta kode iklan in-feed ads[code type="HTML"]<b:if cond='(data:feednya+1)%3==0'>

//tambahkan kode iklan in-feed disini

</b:if>[/code]

Penyederhanaan Langkah.

Agar tidak bingung saya akan menyederhanakan langkah-langkah pemasangan iklan in-feed ads yang telah dijelaskan diatas kemudian mengatur jumlah sisipan iklan yang akan ditampilkan, berikut ringkasannya;

Cari kode <b:loop values='data:posts' var='post'> yang paling dekat dengan widget Blog1, kemudian ganti dengan kode dibawah ini;
[code type="HTML"]<b:loop myfeed='feednya' values='data:posts' var='post'>
   <b:if cond='(data:feednya+1)%3==0'>

<!--Ganti Baris ini Dengan Script Iklan Infeed Ads-->

</b:if>[/code]
Keterangan:
  • Untuk mengatur jumlah iklan in-feed yang ditampilkan di antara feed posts website anda harap simak beberapa poin di bawah ini;
  • Kode (data:feednya+1) befungsi untuk menampilkan iklan dibawah post pertama
  • Kode %3==0 berfungsi untuk mengatur sisipan iklan.
Contoh: Jika pada feed posts menampilkan postingan sebanyak 7 post maka akan disisipkan 3 iklan in-feed ads, jika laman berisi 5 post maka akan muncul 2 iklan in-feed ads.
Jadi, jika hanya ingin menampilkan 2 iklan in-feed ads pada halaman website, kamu hanya perlu meubah "%3" menjadi "%2".

InFeed Ads Di Antara Popular Post

Langkah-langkah memasang iklan in-feed di antara popular post masih sama dengan tutorial diatas, yang membedakan-nya adalah kode <b:loop values='data:posts' var='post'> yang di edit adalah kode yang berada di dalam tag widget popular post;
  1. Masuk ke blogger > template > edit html
  2. Klik lompati ke widget dan pilih popular post
  3. Luaskan kode widget popular post untuk melihat kode <b:loop values='data:posts' var='post'>.

Keistimewaan Iklan In-Feed Ads

Dari sisi earning atau cpc, iklan infeed ads mungkin masih sama dengan unit iklan lainnya, akan tetapi ada keistimewaan unit iklan infeed ads yaitu, publisher dapat menyesuaikan tampilan iklan in-feed ads nyaris mirip dengan tampilan feed post di situs web.

Dengan demikian dapat dikatakan bahwa ik berpotensi mendapatkan klik dan penayangan iklan yang lebih positif sehingga dapat meningkatkan penghasilan anda. [Demo].

Demikian cara memasang, mengatur thumbnail dan jumlah iklan in-feed ads yang muncul di antara post dan popular posts, semoga bermanfaat dan menambah ilmu pengetahuan kita semua.

Beberapa bagian dari halaman interaktif di situs web seperti baru menu atau yang lainnya mungkin perlu ada yang di tonjolkan seperti tombol login atau tombol follow blog agar mudah dilihat oleh pengguna dan mendapatkan interaksi atau tindakan yang lebih positif dari pengunjung situs web sesuai dengan yang kita harapkan.

Maka dari itu kita perlu membuat strategi kecil dengan menyoroti elemen interaktif yang penting dengan memberikan warna yang berbeda dengan elemen interaktif lainnya.
Jika kamu pernah melihat situs-situs web raksasa yang memerlukan tindakan lebih dari pengguna, mereka juga melakukan strategi ini, yaitu menyoroti elemen interaktif dengan membuat warna yang berbeda dengan halaman interaktif lainnya, bahkan dari sekian banyak situs web milik google juga melakukan hal serupa.

Lalu bagaimana cara menyoroti elemen interaktif seperti menu navigasi agar mendapatkan lebih banyak interaksi dari pengunjung? Mari kita simak penjelasan berikut ini.

Cara Membuat Warna Berbeda (Sorotan) Pada Menu Navigasi.

Sebagai contoh kode menu navigasi di website anda menggunakan kode html seperti di bawah ini;
[code type="HTML"]<div id='menunaviy'>
<nav id='topmenu'>
<ul>
<li><a href='url'>About</a></li>
<li><a href='url'>Contact</a></li>
<li><a href='url'>Privacy Policy</a></li>
<li><a href='url'>Disclaimer</a></li>
<li><a href='url'>Login</a></li>
</ul>
</nav>
</div>[/code]
Kemudian tambahkan class='currentmenu' pada link menu yang akan disoroti misalnya menu Login, sehingga menjadi seperti yang terlihat di bawah ini;
[code type="HTML"]<li><a class='currentmenu' href='url'>Login</a></li>[/code]
Selanjutnya gunakan css berikut untuk membuat warna yang berbeda pada menunavigasi agar lebih menonjol dari elemen interaktif lainnya.
[code type="Css"]a.currentmenu{background-color:#008066;color:#fafafa;font-weight:bold;width:auto;border-radius:5px}
a.currentmenu:hover{background-color:#656666;}[/code]
Catatan: Kamu dapat menambahkan css "line-height:30px" untuk style tambahan untuk mendapatkan efek sorotan yang lebih memukau, tetapi jika itu digunakan, kamu juga harus menyeting tinggi line atau line-height menunavigasi setara dengan 30px.

Selesai...!

Bagaimana jika kode html menu dibuat dengan kode otomatis seperti script dan widget pagelist di blogger? Untuk versi yang seperti ini sebenarnya lebih mudah, kamu hanya perlu menambahkan css seperti berikut ini tanpa melekukan pengeditan di bagian html.

[code type="Css"]//css ini hanya sample saja, ini mungkin tidak cocok dengan format id atau class di html web anda.
#topmenu li:last-child{background-color:#008066;color:#fafafa;font-weight:bold;width:auto;border-radius:5px;height:30px;line-height:30px}[/code]
Jika yang akan di sorot adalah menu paling kanan atau akhir maka gunakan target elemen ul li:last-child atau jika yang akan di sorot adalah paling kiri menu gunakan target elemen ul li:first-child.

Lihat demo sorotan menu_navigasi pada link dibawah ini;

Demo #1
https://borisinil.blogspot.com
Demo #2
https://athiyablog.blogspot.com
Saya pikir sampai disini saja tutorial "cara menyoroti menu navigasi" atau membuat warna yang berda pada menunavigasi. Semoga saja totorial ini menjadi ilmu yang bermanfaat untuk anda dan dapat membantu anda dalam meningkatkan interaksi pengunjung di situs web.

Ada banyak orang yang menjelaskan opini mereka mengenai fitur istimewa google adsense yaitu matched content ads (konten yang sesuai), sebenarnya berapa lama waktu yang diperlukan situs untuk mendapatkan matched content ads sejak di approve adsense dan berapa traffic organik yang harus dicapai situs web untuk mendapatkan widget matched content ads.
Pada dasarnya matched content ads didukung dengan kemampuan membaca struktur situs web dan kemampuan menelusuri semua konten di situs web, hal itu dijelaskan pihak google di webinar adsense, akan tetapi tak satu pun dari mereka mengatakan tentang masa review matched content ads, begitu juga tentang jumlah trafic situs web dengan spesifik.

Di halaman bantuan google dijelaskan bahwa jika situs belum layak, artinya volume trafik belum cukup, jika sudah layak berarti volume trafik sudah cukup. Artinya tidak ada jumlah trafik minimum maupun trafik maksimum.
Lalu bagaimana dengan jumlah konten yang unik, apakah itu menentukan kelayakan atau ketersediaan unit iklan yang sesuai? Ya, tentu saja semakin banyak halaman unik maka akan semakin banyak trafik dan peluang untuk mendapatkan iklan yang sesuai (Matched Content Ads).

Berdasarkan pengalaman saya di beberapa situs yang saya kelola tinggi rendahnya traffic tidak mempengaruhi kelayakan situs web untuk menggunakan widget matched content ads.

Yang ada hanyalah seberapa sering situs web anda memposting konten-konten baru, meskipun situs memiliki ribuan pageview sebelum dan sesudah di approve adsense tetap itu tidak dapat menjamin kelayakan situs web untuk mendapatkan matched content ads.

Jika kamu bertekad ingin mendapatkan widget matched content ads (iklan konten yang sesuai) yang perlu kamu lakukan adalah memposting konten setiap hari setidaknya selama 2 minggu, trik ini benar-benar berhasil dan telah teruji di beberapa situs yang saya kelola sendiri dan di situs-situs orang yang pernah saya tangani.

Melihat ketersediaan iklan matched content untuk situs web anda.

  1. Masuk ke dashboard adsense, kemudian
  2. Pilih tab Site (situs),
  3. Selanjutnya pilih tab Matched Content (konten yang sesuai).
Disana kamu dapat melihat dengan jelas apakah iklan matched content sudah tersedia untuk situs anda. Jika belum tersedia, ikuti tips-tips berikut untuk mendapatkan iklan matched content.

Tips untuk mempercepat kelayakan situs web mendapatkan widget matched content ads.
  1. Posting konten minimal 1 konten setiap hari selama 2 minggu.
  2. Kelompokkan konten website anda berdasarkan kategori yang tepat.
  3. Pastikan situs web tidak melarang crawler adsense dan AdsBot sejenis lainnya untuk merayapi semua halaman di situs web anda.
  4. Pasang ads.txt sesuai dengan petunjuk google.
  5. Gunakan breadcrumb untuk membantu pengelompokan konten situs (mapping content).
Karena matched content ads dirancang untuk mampu merayapi struktur situs web maka mapping content dengan tag label maupun breadcrumb menjadi sangat diperlukan dalam hal ini (mempercepat situs mendapatkan widget matched content ads).

Jika situs dan konten anda sudah terstruktur dengan sangat baik, anda tidak perlu melakukan pengoptimalan seperti itu lg (mapping content). Teruslah memposting konten baru setiap harinya selama kurang lebih 2 minggu. Dengan demikian itu akan sangat membantu mempercepat kelayakan situs web untuk mendapatkan/di dukung dengan widget matched content ads.

Keistimewaan Matched Content Ads

  1. Matched content ads membantu mempromosikan konten website anda dengan sangat baik.
  2. Matched content ads mampu menampilkan konten yang sesuai (relevan) dengan konten yang sedang dilihat pengguna.
  3. Mampu meningkatkan pageview hingga 9% dan menurunkan rasio pentalan (bounce rate) situs web.
  4. Mampu meningkatkan interaksi pengguna dan waktu yang di habiskan pengguna di situs web hingga 10%.
  5. Efektif meningkatkan penghasilan iklan adsense.
Dengan 5 keistimewaan widget matched content ads tersebut, tidak sedikit publisher yang tergila-gila memburu kelayakan situs web mereka agar segera support matched content ads.

Baca Juaga: Cara Memasang Iklan Matched Content Adsense

Tidak sedikit pula dari mereka yang terus mencari-cari cara agar dapat widget matched content ads dengan cepat, hal itu sebenarnya justru memperlambat kelayakan situs web anda untuk mendapatkan widget matched content ads karena anda akan disibukkan dengan pencarian anda sendiri dan lupa memposting konten.

Google Adsense melakukan banyak perubahan pada platform periklanan digital mereka termsuk salah satunya pada bagian "Add Site" telah berlaku sistem review. Sebenarnya untuk melewati review ketika menambahkan situs baru di akun AdSense tidak sulit dan tidak membutuhkan waktu lama, biasanya hanya memakan waktu selama 2 hari dan paling lama 2 minggu.
Bahkan jika situs web yang ditambahkan menggunakan top level domain (tld) bisa direview dengan sangat cepat di bawah 2 hari meskipun status alexa rank situs web masih n/a.

Lalu apa yang membuat proses review add site menjadi lebih lama bahkan lebih dari waktu yang ditentukan oleh Google AdSense? Untuk itu mari kita simak penjelasan berikut ini.

Hal-hal yang membuat proses review add site menjadi lebih lama.
  1. Bundle script adSense tidak terpasang dengan benar.
  2. Terlalu banyak situs yang ditambahkan di fitur add site Google AdSense.
  3. Kesalahan robots.txt sehingga crawler google tidak dapat mengakses situs.
Diluar dari 3 kesalahan di atas sangat kecil kemungkinan situs domain tld melewati masa review dengan sangat lama apalagi sampai tidak lolos review.

Nah, untuk mengatasi hal tersebut terjadi (masa review add site menjadi sangat lama), ikuti panduan mempercepat masa review add site berikut ini:

1. Pastikan bundle javascript google adsense terpasang dengan benar, yakni berada diantara tag <head> pembukaan dan tag </head> penutup. Jangan letakkan bundle js adsense di tag body selama masa review.

2 . Utamakan situs prioritas Jika situs yang ditambahkan ke akun AdSense terlalu banyak, silakan hapus situs-situs yang belum di acc tersebut dari akun AdSense dan hanya tambahkan situs utama yang harus didahulukan.

Crawler google adsense biasanya merayapi situs anda berdasarkan yang terdahulu di tambahkan untuk di review, jika sebelumnya kamu telah menambahkan situs-situs yang berada di sub domain blogspot semua negara seperti blogspot.my, blogspot.sg, us dan sebagainya, kemudian belum diterima sebaiknya hapus saja supaya crawler AdSense memprioritaskan situs TLD yang terakhir di tambahkan.
Under Review Adsense
Kasus ini biasanya terjadi pada akun-akun AdSense lawas yang didaftarkan melalui blog-blog yang masih berada di sub domain blogspot.

3. Uji Robots.txt situs web di search console untuk memastikan situs dapat di akses oleh semua bot atau crawler google. Jika terdapat pemblokiran atau pembatasan perayapan terhadap crawler-crawler penting google segera perbaiki robots.txt anda.

Tips Lainnya
  1. Pastikan anda telah menggunakan/meng-upload ads.txt ke situs web anda.
  2. Pastikan situs yang di tambahkan "add site" memiliki pengunjung meskipun sedikit, karena google tidak dapat menerima situs yang tidak ada kunjungan ke situs tersebut.
Baca Juga: Cara Meringankan Loading Iklan Adsense
Masa review add site di akun google adsense pada dasarnya tidak lama, tekhnologi crawler google adsense mampu mengunjungi banyak situs berbeda dengan akun yang berbeda pula. Yang membuat proses atau masa review add site menjadi lebih lama adalah kesalahan-kesalahan publisher itu sendiri.

Tetap terhubung dengan kontenweb.com untuk mendapatkan informasi-informasi terbaru tentang AdSense dan trik-trik blogging lainnya yang mungkin belum kamu tahu.