thumbnail
Blogging SEO tutorial

Mengoptimalkan SEO dengan menambahkan markup schema.org di Blogspot

Optimalisasi SEO dengan menambahkan schema di Blogspot

Schema.org merupakan kolaborasi oleh Google, Microsoft, dan Yahoo! untuk meningkatkan web dengan membuat kosakata umum untuk mendeskripsikan data di web. Jika Anda menambahkan markup schema.org ke laman HTML Anda, berbagai perusahaan dan produk dalam hal ini termasuk Google penelusuran (Search Engine Google) akan memahami data di situs Anda. Demikan juga, apabila Anda menambahkan markup schema.org ke email berformat HTML, produk email selain Gmail mungkin akan memahami data tersebut.

Anda dapat menggunakan jenis markup yang berbeda untuk mendeskripsikan data dengan kosakata schema.org. Pemandu Markup dapat menunjukkan kepada Anda cara menggunakan microdata dan JSON-LD.

Dalam dunia onpage SEO, markup halaman anda berfungsi menandai situs agar mesin pencari dapat dengan mudah mengenali tentang niche situs anda. Dengan demikian, ketika mesin pencari bekerja akan lebih mengutamakan situs anda dibanding situs lain yang tidak memiliki penanda / markup.

menambahkan markup schema.org di Blogspot

Cara menambah markup schema.org Blogspot di webmastertools google

Dalam webmastertools google pada menu disamping kita akan melihat Data Terstruktur. Disana kita ditawari untuk menandai atau mem-markup halaman kita.

Hanya perlu beberapa langkah untuk memberi tahu Google tentang data di situs Anda:
  1. Langkah pertama tampilkan Pemandu Markup suatu contoh laman di situs Anda. 
  2. Gunakan mouse untuk memberi tag pada data di situs. Misalnya, Anda dapat memberi tag nama, tanggal, dan lokasi konser yang dideskripsikan oleh suatu laman. 
  3. Setelah Anda selesai memberi tag, Pemandu Markup menampilkan markup schema.org untuk data yang diberi tag. 
  4. Tambahkan markup schema.org ke laman pada situs Anda. Gunakan markup Pemandu Markup sebagai contoh untuk diikuti. 
  5. Saat Google marayapi situs Anda lagi, Google akan menggunakan markup Anda untuk memahami data pada situs. 
Pemandu Markup mengabaikan markup apa pun yang sudah ada di laman contoh atau email yang Anda beri tag. Jadi jika Anda memberi tag beberapa teks yang telah diidentifikasi oleh markup, Pemandu Markup akan terus melanjutkan dan menambahkan markup tambahan bagi tag tersebut.

Cara manual menambah markup schema.org Blogspot

Tutorial ini saya dapatkan dari webmaster indonesia yaitu Kang Adhy Suryadi. Beliau adalah pemilik website dari www.kompiajaib.com.

Berikut cara menambahkan markup schema.org di blogspot dengan menambahkan ke HTML.
- Pertama silakan buka blogspot.com dan masuk ke akun kita, klik Template lalu masuk ke Edit HTML.
- Cari satu-persatu baris HTML dan tambahkan markup yang belum tersedia sesuai dengan susunan HTML dibawah ini.
<body itemscope='itemscope' itemtype='http://schema.org/WebPage'>
<div itemprop='mainContentOfPage' itemscope='itemscope' itemtype='https://schema.org/WebPageElement'>

<nav class='page-menu' itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
 <ul>
   <li><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><span itemprop='name'>Home</span></a></li>
   <li><a href='#' itemprop='url' title='About'><span itemprop='name'>About</span></a></li>
   <li><a href='#' itemprop='url' title='Contact'><span itemprop='name'>Contact</span></a></li>
   <li><a href='#' itemprop='url' title='Privacy'><span itemprop='name'>Privacy</span></a></li>
   <li><a href='#' itemprop='url' title='Sitemap'><span itemprop='name'>Sitemap</span></a></li>
   </ul>
</nav>

<div id='search-box'>
<div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WebSite'>
<meta content='http://blogkamu.com/' itemprop='url'/>
<form action='/search' itemprop='potentialAction' itemscope='itemscope' itemtype='http://schema.org/SearchAction' method='get'>
<meta content='/search?q={q}' itemprop='target'/>
<input id='search-form' itemprop='query-input' name='q' placeholder='Search here and hit enter' required='required' type='text'/>
  </form>
  </div>
  </div>

<div class='sos-profil'>
<div itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/Person'>
  <link href='http://blogkamu.com/' itemprop='url'/>
<ul>
  <li><a href='//www.youtube.com/c/userkamu' itemprop='sameAs' target='_blank' title='Youtube'>Youtube</a></li>
  <li><a href='//id.linkedin.com/in/userkamu' itemprop='sameAs' target='_blank' title='LinkedIn'>LinkedIn</a></li>
  <li><a href='https://www.google.com/+userkamu' itemprop='sameAs' target='_blank' title='Google+'>Google+</a></li>
  <li><a href='https://twitter.com/userkamu' itemprop='sameAs' target='_blank' title='Twitter'>Twitter</a></li>
  <li><a href='https://www.facebook.com/userkamu' itemprop='sameAs' target='_blank' title='Facebook'>Facebook</a></li>
  </ul>
  </div>
</div>

<header itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WPHeader'>
<div id='header-wrapper'>

      <div class='titlewrapper'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
        <h1 class='title' itemprop='headline'>
<b:include name='title'/>
        </h1>
<b:else/>
        <p class='title' itemprop='headline'>
          <b:include name='title'/>
        </p>
</b:if>
      </div><b:include name='description'/>
    </div>

          <b:includable id='description'>
             <p class='description' itemprop='description'><span><data:description/></span></p>
          </b:includable>
          <b:includable id='title'>
             <a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><data:title/></span></a>
          </b:includable>
  </div>
      </header>

<div id='outer-wrapper'>
<div itemscope='itemscope' itemtype='http://schema.org/Blog'>

              <b:includable id='post' var='post'>
  <article class='post hentry' itemprop='blogPost' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<div itemscope='itemscope' itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage"/>
<b:if cond='data:post.firstImageUrl'>
<div itemprop='image' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
  <meta expr:content='data:post.firstImageUrl' itemprop='url'/>
  <meta content='700' itemprop='width'/>
  <meta content='700' itemprop='height'/>
  </div>
    </b:if>
  <div itemprop='publisher' itemscope='itemscope' itemtype='https://schema.org/Organization'>
    <div itemprop='logo' itemscope='itemscope' itemtype='https://schema.org/ImageObject'>
      <meta content='http://2.bp.blogspot.com/-z_neu_jdmF4/VbVr4STl7mI/AAAAAAAAhiQ/-ykM7LgN2Es/s600/logo-ka.png' itemprop='url'/>
      <meta content='600' itemprop='width'/>
      <meta content='600' itemprop='height'/>
    </div>
    <meta expr:content='data:blog.title' itemprop='name'/>
  </div>

    <b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.title'>
      <h2 class='post-title entry-title' itemprop='headline'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
</b:if>
<b:else/>
<div id='judul-post'>
      <h1 class='post-title entry-title' itemprop='headline'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url' expr:title='data:post.title' itemprop='url mainEntityOfPage'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h1>
</div>
</b:if>

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<div class='postmeta'>
<h3 class='date-header'>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.timestamp/></abbr></a></h3>
</div>
</b:if>

    <div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>
   
<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<div class='postmeta'>
<h3 class='date-header'>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.timestamp/></abbr></a></h3>
</div>
  </b:if>
 
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postmeta'>
<h3 class='date-header'>
<a class='updated' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601' itemprop='datePublished dateModified'> <data:post.timestamp/></abbr></a></h3>
</div>
</b:if>
  </article>
</b:includable>

  </div>
</div>

<div itemprop='mainEntity' itemscope='itemscope' itemtype='https://schema.org/WPSideBar'>
<aside id='sidebar'>
<div id='sidebar1'>
        <b:section class='sidebar' id='sidebar' preferred='yes'>
          <b:widget id='PopularPosts1' locked='false' title='Posts Of The Week' type='PopularPosts'>
            <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'><h2 itemprop='name headline'><data:title/></h2></b:if>
  <div class='widget-content popular-posts'>
    <ul>
      <b:loop values='data:posts' var='post'>
      <li>
        <b:if cond='!data:showThumbnails'>
          <b:if cond='!data:showSnippets'>
            <!-- (1) No snippet/thumbnail -->
            <a expr:href='data:post.href' itemprop='url'><data:post.title/></a>
          <b:else/>
            <!-- (2) Show only snippets -->
            <div class='item-title'><a expr:href='data:post.href' itemprop='url'><data:post.title/></a></div>
            <div class='item-snippet' itemprop='description'><data:post.snippet/></div>
          </b:if>
        <b:else/>
          <!-- (3) Show only thumbnails or (4) Snippets and thumbnails. -->
          <div expr:class='data:showSnippets ? &quot;item-content&quot; : &quot;item-thumbnail-only&quot;'>
            <b:if cond='data:post.thumbnail'>
              <div class='item-thumbnail'>
                <a expr:href='data:post.href' itemprop='url' target='_blank'>
                  <img expr:alt='data:post.title' expr:src='data:post.thumbnail' expr:height='data:thumbnailSize' expr:title='data:post.title' expr:width='data:thumbnailSize' itemprop='image'/>
                </a>
              </div>
            </b:if>
            <div class='item-title'><a expr:href='data:post.href' expr:title='data:post.title' itemprop='url'><data:post.title/></a></div>
            <b:if cond='data:showSnippets'>
              <div class='item-snippet' itemprop='description'><data:post.snippet/></div>
            </b:if>
          </div>
          <div style='clear: both;'/>
        </b:if>
      </li>
      </b:loop>
    </ul>
  </div>
              </b:if>
</b:includable>
          </b:widget>
        </b:section>
      </div>
</aside>
</div>

<footer itemprop='mainEntity' itemscope='itemscope' itemtype='http://schema.org/WPFooter'>
<div class='credit'>
Copyright &#169; <span itemprop='copyrightYear'>2015</span> <span itemprop='copyrightHolder' itemscope='itemscope' itemtype='https://schema.org/Organization'><a expr:href='data:blog.homepageUrl' expr:title='data:blog.title' itemprop='url'><span itemprop='name'><data:blog.title/></span></a></span>
</div>
</footer>

</div>

</body>
Pemasangan schema ini bukan untuk dicopy paste namun anda harus mencari satu persatu HTML dengan mencocokkan susunan diatas dan menambahkan yang belum ada.

Mungkin sebagian anda pasti bingung, namun itu wajar. Karena template blogspot tidak selalu sama. Silakan dicari yang sekiranya mirip dengan HTML diatas.

Demikian postingan tentang mengoptimalkan onpage SEO dengan menambahkan markup schema.org di Blogspot. Terimakasih telah membaca postingan Agung Jaka Nugraha.

Mengoptimalkan SEO dengan menambahkan markup schema.org di Blogger