TRIK SIMPLE

Cara Membuat Schema QAPage pada Blog Secara Manual

Cara Membuat Schema QAPage pada Blog Secara Manual - Halo sobat TrikS pada kesempatan yang berbahagia ini saya akan share bagaimana membuat schema QAPage di blog secara manual, untuk contohnya bisa lihat di gambar diatas.

Sudah tau kah apa itu schema QAPage? Schema QAPage adalah schema yang dipakai untuk tanya jawab kepada audient, nah pada kali ini saya akan share cara membuat schema QAPage secara manual tentunya bisa dipakai di bogger.

Baca Juga : Cara Menghilangkan Tanggal Postingan Blogger pada Serp

Oke langsung saja ke caranya ya sob....

 Cara Membuat Schema QAPage pada Blog Secara Manual


Pertama sobat masuk terlebih dahulu ke Blogger kemudian cari postingan yang akan diberikan Schema QAPage lalu tempelkan kode dibawah ini dibawah sendiri dalam mode HTML (Bukan Compose)

<script type='application/ld+json'>
  {
    "@context": "http://schema.org",
    "@type": "QAPage",
    "mainEntity": {
      "@type": "Question",
      "name": "Judul Artikel",
      "text": "Deskripsi artikel",
      "answerCount": 10,
      "upvoteCount": 50,
      "dateCreated": "28/12/2019",
      "author": {
        "@type": "Person",
        "name": "Namamu"
      },
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "Teks Jawaban Pertama",
        "dateCreated": "28/12/2019",
        "upvoteCount": 2500,
        "url": "https://www.triksimple.com",
        "author": {
          "@type": "Person",
          "name": "Namamu"
        }},
      "suggestedAnswer": [
        {
          "@type": "Answer",
          "text": "Teks Jawaban Kedua",
          "dateCreated": "1/12/2019",
          "upvoteCount": 1250,
          "url": "https://www.triksimple.com",
          "author": {
            "@type": "Person",
            "name": "Namamu"
          }}

PASTE KODE TAMBAHAN DISINI
 
      ]
    }
  }
</script>

Jika sobat ingin menambah jawabannya silahkan ganti kata " PASTE KODE TAMBAHAN DISINI " dengan kode dibawah ini ya

,
{
          "@type": "Answer",
          "text": "Teks Jawaban Ketiga",
          "dateCreated": "1/25/2019",
          "upvoteCount": 75,
          "url": "https://www.triksimple.com",
          "author": {
            "@type": "Person",
            "name": "Namamu"
          }}

Sebelum sobat mempublikasikan alangkah baiknya mengecek terlebih dahulu di Alat Uji Coba Data Terstruktur sobat juga bisa mengedit mengedit terlebih disitu dan mengeceknya langsung.

Jika sudah cek kemudian pastekan didalam postingan sobat dan publikasi deh ...tunggu beberapa hari google akan mengindex QAPage yang dibuat oleh sobat....

Source : Kurazone.net

Oke sekian yang bisa saya sampaikan tentang Cara Membuat Schema QAPage pada Blog Secara Manual Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Cara Membuat Schema QAPage pada Blog Secara Manual


Cara Menghilangkan Tanggal Postingan Blogger pada Serp - Halo sobat TrikS apa kabar semoga baik baik saja pada kesempatan kali ini admin akan share bagaimana menghilangkan tanggal pada serp Google.

Menghapus tanggal pada serp banyak yang mengatakan dapat meningkatkan seo pada blog sobat ini juga salah satu teknik optimasi untuk blog sobat jika belum membaca teknik optimasi lainnya silahkan membacanya terlebih dahulu 😁😁😁😁.

Baca Juga : Optimasi Seo Blogger Terbaru

Oke langsung saja ke caranya ya sob cekebroottt....👌

Cara Menghilangkan Tanggal Postingan Blogger pada Serp


Pertama sobat masuk terlebih dahulu ke Blogger > Tataletak pada bagian Blog Post klik edit


Jika sudah klik edit pasti akan muncul seperti gambar dibawah ini, jika ingin menghilangkan tanggal bisa mengilangkan tandda centang yang ditunjuk pada gambar dibawah ini


Kemudian Klik Simpan...tunggu beberapa hari google akan mengindex ulang postingan sobat 😆

Oke sekian yang bisa saya sampaikan tentang Cara Menghilangkan Tanggal Postingan Blogger pada Serp Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Cara Menghilangkan Tanggal Postingan Blogger pada Serp

Optimasi Seo Blogger Terbaru

Optimasi Seo Blogger Terbaru - Halo sobat TrikS apa kabar? semoga dalam keadaan sehat walafiat pada kesempatan kali ini saya Majid JM sebagai admin triksimple.com akan menjelaskan tips optimasi seo blogger yang tentunya terbaru dan saya terapkan pada blog saya ini, optimasi seo pada blogger dibagi menjadi 2 yaitu seo on page dan seo off page yang saya sudah jelaskan pada artikel saya sebelumnya apa itu perbedaannya.

Baca Juga : Perbedaan Antara Seo Onpage dan Offpage

Banyak sekali yang membahas seperti artikel yang saya buat ini tapi disajikan ala kadarnya dan tidak ada updatenya, sobat tepat sekali mampir pada artikel saya ini semoga sobat jelas yang saya jelaskan ya sob.

 Optimasi Seo Blogger Terbaru 


Dengan menerapkan teknik seo pada blog sobat, pasti akan meningkatkan ranking pada serp dan tentunya akan meningkatkan pengunjung blog sobat 😍 oke langsung saja hehe..

1. Menggunakan Template Responsive

Yap template yang seo, responsive, mobile friendly, blogger sendiri juga sudah menyediakan template yang bisa sobat pakai tapi sobat pasti akan mencari template yang pas dan nyaman untuk dikunjungi, pilih lah template yang responsive dan juga dilihat dari strukture datanya bagus atau tidak. Strukture data template juga mempengaruhi kinerja pada blog sobat.

2. Mempercepat Loading Blog

Survey membuktikan bahwa blog yang memiliki loading yang lemot pasti akan ditinggalkan pengunjungnya, oleh sebab itu mempercepat loading blog itu penting untuk meingkatkan optimasi teknik mempercepat loading blog sudah saya jelaskan pada postingan saya sebelumnya.

Baca Juga : Cara Optimasi Loading Blog Dengan Memasang Plugin LazyLoad

3. Mengatur Permalink

Banyak dipastikan yang nomor 3 ini jarang digunakan tentunya bagi blogger pemula, mengatur permalink pada postingan blog juga dapat meningkatkan artikel tersebut dapat bersaing dalam page one google, jadi saya ingatkan unntuk setiap membuat artikel selalu melihat apakah permalinknya sudah diatur atau belum jangan sampai tidak diatur contohnya seperti dibawah ini :

- https://www.triksimple.com/2019/05/cara-membuat-download-blog-yang.html (Belum diatur)
- https://www.triksimple.com/2019/05/cara-membuat-download-blog-yang-responsive.html (Sudah diatur)

Permalink blog itu harus jelas jangan setengah - setengah seperti contoh yang belum diatur. 😁😁😁

4. Mengisi Deskripsi Penulusuran

Setelah mengatur permalink artikel selanjutnya yaitu mengatur deskripsi penulusuran dimana menu deskripsi penulusuran? saat sobat menulis artikel lihat disebelah kanan terdapat menu setelan entri dibawah terdapat menu deskripsi penulusuran 🤞 Jika tidak ada menu tersebut sobat masuk terlebih dahulu ke pengaturan blogger Setelan > Dasar > Deskripsi lalu klik edit setelah sudah mengisi pasti didalam artikel sobat sudah terdapat menu deskripsi penulusuran.

Deksripsi  pada artikel itu penting sob jadi jangan sampai lupa untuk mengisi deskripsinya, deskripsi tersebut yang akan meningkatkan penulusuran artikel sobat.

5. Judul Mengandung Keyword

Faktor yang paling penting yaitu "Judul Blog" judul blog harus memiliki keyword yang akan mendongkrak popularitas artikel sobat terapkan keyword kalau bisa di awal judul itu sangat bagus untuk artikel sobat, dan saya sarankan untuk tidak menempatkan keyword pada akhir judul karena sangat tidak baik untuk artikel sobat nantinya.

6. Menyajikan Sitemap Untuk Pengunjung

Dengan menambahkan halaman sitemap pada blog sobat tentunya pengunjung setia blog sobat dapat sangat mudah menjelajahi seisi blog sobat dengan ini juga dapat menurunkan bounce rate pada blog sobat.

Oke sekian yang bisa saya jelaskan tentang Optimasi Seo Blogger Terbaru  Terima Kasih yang sudh berkunjung semoga bermanfaat bagi kalian semua.

Optimasi Seo Blogger Terbaru

Cara Membuat Pop Up Ucapan Selamat Berpuasa

Cara Membuat Pop Up Ucapan Selamat Berpuasa - Halo sobat TrikS semoga diawal bulan puasa ini diberikan banyak pahala di bulan romadhan ini, sekali lagi saya ucapkan selamat menunaikan ibadah puasa Ramadhan 1440 H Mohon Maaf Lahir dan Batin 🙏🙏🙏.

Pada bulan yang mulia ini saya akan share ke pada pengunjung setia blog triksimple.com bagai mana cara membuat pop up ucapan selamat berpuasa yang tentunya responsive di mobile friendly.



Cara Membuat Pop Up Ucapan Selamat Berpuasa


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML kemudian tambahkan kode dibawah ini tepat diatas kode </head>

<b:if cond='data:view.isHomepage'>
<style type='text/css'>
/* Pop Up Ramadhan */
@keyframes slideDown{0%{opacity:0;transform:translateY(-10%)}100%{opacity:1;transform:translateY(0%)}}
#trksmplpuasa2019ku{line-height:1.55;display:block;background:#fff;position:fixed;top:25%;right:0;left:0;margin:auto;text-align:center;max-width:600px;box-shadow:0 0 2.5rem -1.5rem rgba(0,0,0,0.5);z-index:99;min-height:325px;padding:20px;border-radius:10px;animation:slideDown 2s}#trksmplpuasa2019ku .puasa19{position:absolute;color:#222;font-size:1.5rem;font-weight:400;z-index:99999;text-align:center;margin:auto;padding:10px;left:0;right:0;top:17%;border-bottom:1px solid rgba(0,0,0,0.05);border-top:1px solid rgba(0,0,0,0.05)}#trksmplpuasa2019ku .puasa19 p{margin:10px auto;font-style:italic;font-family:Georgia}#trksmplpuasa2019ku .puasa19 .ramadhan2019{font-size:2.5rem;font-style:normal}#trksmplpuasa2019ku a.close-popup{background:#428bca;position:absolute;bottom:20px;right:20px;color:#fff;text-align:center;cursor:pointer;z-index:99;border-radius:3px;display:inline-block;font-size:13px;padding:4px 14px;min-width:60px;border:1px solid #3885c7;transition:all 0.3s}#trksmplpuasa2019ku a.close-popup:hover{background:#fff;color:#3885c7;border-color:#3885c7}#trksmplpuasa2019ku a.close-popup:active{opacity:.9}
.ketupat{position:absolute;left:0;right:0;top:-12px;margin:auto;width:10px;height:10px;background:#B9E937;box-shadow:10px 0 0 #57D131,10px 10px 0 #B9E937,0px 10px 0 #57D131,5px 5px 0 10px #fff;display:inline-block;text-align:center;transform:rotate(45deg);z-index:2}.ketupat.duaa{top:initial;bottom:3px}
@media screen and (max-width:768px){#trksmplpuasa2019ku .puasa19{font-size:1rem}#trksmplpuasa2019ku .puasa19 .ramadhan2019{font-size:1.5rem}#trksmplpuasa2019ku{min-height:260px;left:20px;right:20px}}
</style>
</b:if>

Jika sudah tambahkan kode dibawah ini tepat diatas kode </body>

<b:if cond='data:view.isHomepage'>
<div id='trksmplpuasa2019ku'>
<div class='ketupat'/>
<a class='close-popup' href='#' title='Close this message'>Close</a>
<div class='puasa19'>
   <p>Selamat Menunaikan Ibadah Puasa</p>
   <p><span class='ramadhan2019'>Ramadhan 1440 H</span></p>
   <p>Mohon Maaf Lahir Batin</p>
</div>
<div class='ketupat duaa'/>
</div>
<script type='text/javascript'>
//<![CDATA[
$(window).bind("load",function(){$("#trksmplpuasa2019ku").animate({top:"25%"},1e3),$("a.close-popup").click(function(){return $(this).parent().fadeOut(1e3),!1})});
//]]>
</script>
</b:if>

Kalau sudah memasang semua kode diatas klik Simpan.

Baca Juga : Cara Memasang PopUp Selamat Tahun baru di Blogger

Oke sekian yang bisa saya sampaikan tentang Cara Membuat Pop Up Ucapan Selamat Berpuasa Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Cara Membuat Pop Up Ucapan Selamat Berpuasa

Cara Mengatasi Leverage Browser Caching di Blogger

Cara Mengatasi Leverage Browser Caching di Blogger - Memperbaiki Leverage Browser Caching juga dapat sangat efektif untuk meningkatkan visitor pada blog sobat dan juga membantu mempercepat loading blog. Untuk blogger pemula yang memulai untuk ngeblog jangan lupa memperhatikan dengan matang sebelum mengekseskusinya, dalam tutorial kali ini tidak hanya Blogger saja Wordpress juga saya berikan pada tutorial kali ini.

Banyak sekali para suhu - suhu blogger 😇 yang memanfaatkan Leverage  Caching ini untuk mempercepat loading blognya yang akan berakibat nyaman ke pada pengunjung.

Kok bisa Leverage Browser Caching berpengaruh ke dalam kecepatan web / blogger? oke saya jelaskan terlebih dahulu, dalam membuka suatu website atau blogger sangat memerlukan source dari web server dan browser akan mendownload seperti file CSS, HTML JS, Teks, Image.

Baca Juga  : Cara Mengecek Struktur Data Pada Template Blog

Oke tidak usah pangjang lebar langsung saja ke caranya

Cara Mengatasi Leverage Browser Caching di Blogger


Pertama sobat masuk terlebih dahulu ke Blogger > Tema > Edit HTML copy kode dibawah ini dan pastekan tepat dibawah kode <head>

<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>

Jika sudah klik simpan.

Nah bagaimana cara memasang dalam platform Wordpress? oke simak tutorial dibawah ini

Pertama sobat tambahkan kode dibawah ini dalam akses file .htaccess pada public html hosting wordpress

## EXPIRES CACHING ##
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>
## EXPIRES CACHING ##

Jika sudah klik simpan.

Oke sekian yang bisa saya sampaikan tentang Cara Mengatasi Leverage Browser Caching di Blogger Terima Kasih yang sduah berkunjung semoga bermanfaat bagi kalian semua.

Cara Mengatasi Leverage Browser Caching di Blogger

New Simplify 2 Responsive Blogger Template

New Simplify 2 Responsive Blogger Template - Oke kali ini admin triksimple.com akan share template blogger yang tentunya responsive,  new simplify 2 ini updatean dari simplify 2 yaitu memperbaiki komentar blogger yang error belakangan ini, sekarang terdapat 2 sistem komentar disqus dan blogger.

New Simplify 2 Responsive Blogger Template


Spesifikasi bisa lihat dibawah ini:

Features Availability
Responsive True Cek
Mobile Friendly True Cek
Google PageSpeed Insights True Cek
Google Testing Tool Validator (Index) True Cek
Google Testing Tool Validator (Item) True Cek
SEO Friendly True
Personal Blog True
2 Column True
Main Navigation True
Auto Readmore True
Disqus, Blogger and Facebook Comments True
Unlimited Page Numbered True
Breadcrumbs True
Back to Top Button True
Footer Menu True
Featured Posts True
News Ticker True
Newsletter Widget True
Related Posts True
Shortcodes True
Sitemap Widget True
Contact Form Widget True
Documentation True
Untuk lebih lengkapnya bisa cek di idntheme.com ya

New Simplify 2 Responsive Blogger Template


Asal SEO Responsive Blogger Template - Oke kali ini admin triksimple.com akan share kepada kalian template blogger buatan naminakiky.com yang dipublikasikan oleh idntheme.com yang tentunya responsive dan juga mobile friendly, dengan tampilan flat design yang cupuk menarik untuk digunakan di blog sobat 😆

Beberapa Fitur dari Asal SEO Blogger Template


Free Version

Features Availability
Responsive True Cek
Mobile Friendly True Cek
SEO Friendly True
Personal Blog True
2 Column True
Flat Design True
Related Posts with Thumb True
Search Box True
Social Share Button True
Email Subscribe Box True
Back to Top Button True
Pro Version Style 1


Pro Version Style 1 Dark Version


Pro Version Style 2

untuk lebih lengkapnya bisa cek di idntheme.com ya
Features Availability
Responsive True Cek
Google Testing Tool Validator True Cek
Mobile Friendly True Cek
SEO Friendly True
Personal Blog True
Recent Post Widget True
Featured Post Widget True
Recent Post by Label Widget True
Fixed Navigation True
Shortcodes True
2 Style (Blogger and Disqus Comments) True
Custom 404 Page True
2 Column True
Flat Design True
Breaking News Widget True
Related Posts with Thumb True
Search Box True
Social Share Button True
Email Subscribe Box True
Back to Top Button True
Notification Menu True
Header Ads Slot (Style 2) True
Sidebar Author Box (Style 2) True
Untuk lebih lengkapnya bisa cek di idntheme.com ya

Asal SEO Responsive Blogger Template


In SEO Pro Responsive Blogger Template - Kini idntheme.com telah update kembali dengan memunculkan update template terbaru yaitu In SEO Pro tidak hanya tema In SEO Pro ni juga terapat tema safelink juga yang sudah satu paket dengan templatenya

Template In SEO Pro ini terdapat yang versi gratis maupun perbayar dan juga memiliki style: Grid Style, List Style yang memiliki spek seperti tabel dibawah ini:

Features Availability
Responsive True Cek
Mobile Friendly True Cek
Google PageSpeed Insights True Cek
Google Testing Tools : Index True Cek
Google Testing Tools : Item True Cek
SEO Friendly True
Personal Blog True
2 Column True
Style Option : Grid, List, and Simple True
Featured Post Widget True
Recommended Post Widget True
Recent Post by Label Widget True
Breadcrumbs True
Related Posts with Thumb True
Search Box True
Social Share Button True
Newsletter Widget True
Shortcodes True
Well Documentation True
Untuk lebih lengkapnya bisa cek di blog idntheme.com ya

In SEO Pro Responsive Blogger Template

Jangan Lupa Subcribe