Cara Menggunakan Coc Private Server TH 13

Fitur Terbaru Facebook dan Fungsinya

Website Tempat Belajar Blogging Lengkap dan Mudah dipahami

Cara Mendapatkan atau mengetahui ID Facebook

http://www.facebook.com/imamkunblog

Tips Cara Mengetahui ID Akun Facebook

Tips Cara Mengetahui ID Akun Facebook

Apa itu Open Graph?

Cara Menampilkan Gambar Blog Di Facebook saat di Share

<!-- Facebook Meta Tag Open Graph -->
<b:if cond='data:view.isHomepage'>
<b:if cond='data:view.isPost'>
<b:if cond='data:view.isPage'>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta content='blog' property='og:type'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='MASUKKAN_LINK_GAMBAR_BENER_LOGO_BLOG' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:post.snippet' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/MASUKKAN_ID_FACEBOOK_KAMU' property='article:author'/>
<meta content='https://www.facebook.com/MASUKKAN_ID_FACEBOOK_KAMU/ID_FAN_PAGE' property='article:publisher'/>
<meta content='ID_FB_FAN_PAGE' property='fb:admins'/>
<meta content='ID_APP_FB' property='fb:app_id'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>

• MASUKKAN_LINK_GAMBAR_BENER_LOGO_BLOG: Silahkan kamu masukkan link url Logo atau banner blog kamu.
• MASUKKAN_ID_FACEBOOK: Silahkan masukkan id Facebook kamu dan untuk yang dibawahnya sama.
• ID_FB_FAN_PAGE: Masukkan ide Fan Page Facebook kamu. Dan untuk dibawahnya boleh sama.

Cara Menampilkan Gambar Blog di Facebook Saat di Share

Cara Menampilkan Gambar Blog di Facebook Saat di Share

With the increasing usage and popularity of https://t.co/hGrr8MSS40 we decided to focus our development on a single scheme. As of April 6, 2020, https://t.co/N98EXBIRJ6 markup will no longer be eligible for Google rich result features. Read more at https://t.co/n8qsmdLgxE pic.twitter.com/JIg9yqMxRB

— Google Webmasters (@googlewmc) January 21, 2020

Cara Mengatasi data-vocabulary.org di Google Webmaster

1. Mengubah data-vocabulary.org dengan Schema.org

1. Login ke Blogger.com dan pilih menu Template > Edit HTML
2. Cara kode data-vocabulary.org (Gunakan CTRL+F Untuk mempermudah pencarian)
3. Kemudian, ubah data-vocabulary dengan schema.org (Ditemplate blog saya ada dua kode tersebut maka ubah juga kedua kode tersebut)
4. Save Template!

Selanjutnya adalah melakukan validasi di Google Webmaster, melakukan validasi dilakukan untuk melakukan perbaikan terhadap breadcrumbs yang baru saja diubah dan silahkan lakukan validasi di Google Webmaster dengan cara;

1. Login ke Google Search Console.
2. Pada bagian "Enhancements" pilih "Breadcrumbs" Pilih "data-vocabulary.org schema deprecated"
3. Klik Start Validasi
4. Tunggu hingga selesai dan nanti akan ada email masuk apabila telah selesai.

Google Webmaster

Untuk cara yang pertama seperti itu, dan cara ini sangat sukses dilakukan oleh saya dan untuk berjaga-jaga alangkah baiknya kita melakukan update atau memasang Breadcrumbs di Template Blogger anda berikut caranya;

<!-- Breadcrumb Blogger by igniel.com -->
<script type='application/ld+json'>{
  "@context": "https://schema.org",
  "@type": "BreadcrumbList",
  "itemListElement": [
    {
      "@type": "ListItem",
      "position": 1,
      "name": "Home",
      "item": "<data:blog.homepageUrl.canonical/>"
    <b:if cond='!data:post.labels'>}<b:else/>},<b:loop index='i' values='data:post.labels' var='label'>
    {
      "@type": "ListItem",
      "position": <b:with value='data:i + 2' var='num'><b:eval expr='data:num'/></b:with>,
      "name": "<data:label.name/>",
      "item": "<data:label.url.canonical/>"
      <b:if cond='data:post.labels.size != data:i + 1'>},<b:else/>}</b:if></b:loop></b:if>
  ]
}</script>

3. Update! Cara Mengatasi data-vocabulary.org di Template Viomagz semua Versi

<b:includable id="breadcrumb" var="posts"> ...sampai dengan kode penutup ... 

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:view.isPost'>
 <b:loop values='data:posts' var='post'>
  <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
   <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
   <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
   <meta content='1' itemprop='position'/>
   <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
   </span>
   <b:if cond='data:post.labels'>
   <b:loop index='nomor' values='data:post.labels' var='label'> &amp;nbsp;&#8250;&amp;nbsp;
     <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
    <meta expr:content='data:nomor+2' itemprop='position'/>
    <a expr:href='data:label.url + &quot;?&amp;max-results=8&quot;' expr:title='data:label.name' itemprop='item' rel='nofollow'>
      <span itemprop='name'><data:label.name/></span>
    </a>
     </span>
   </b:loop>
   <b:else/>
   &amp;nbsp;&#8250;&amp;nbsp; <span itemprop='name'><data:blog.pageName/></span>
   </b:if>
  </div>
 </b:loop>
<b:elseif cond='data:view.isPage'/>
 <div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'>
  <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
  <a expr:href='data:blog.homepageUrl' itemprop='item' title='Home'>
  <meta content='1' itemprop='position'/>
  <span itemprop='name'><b:switch var='data:blog.locale'><b:case value='id'/>Beranda<b:default/>Home</b:switch></span></a>
  </span> &amp;nbsp;&#8250;&amp;nbsp; 
  <span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'>
  <meta expr:content='data:num+2' itemprop='position'/>
  <a expr:href='data:blog.url' expr:title='data:post.url' itemprop='item'>
    <span itemprop='name'><data:blog.pageName/></span>
  </a>
  </span>
 </div>
</b:if>
</b:includable>

Referensi:

https://webmasters.googleblog.com/2020/01/data-vocabulary.html

https://www.igniel.com/2019/11/breadcrumb-blogger.html
https://sugeng.id/docs/update-kode-data-terstruktur-breadcrumb-evomagz-viomagz/