Skema adalah bahasa yang digunakan untuk membantu mesin pencari memahami konten situs Anda. Pelajari tentang jenis skema apa yang ada dan bagaimana menambahkannya untuk memberi situs web Anda peluang terbaik untuk dilihat.
Ketika mesin pencari merayapi halaman situs Anda, mereka mencoba untuk memahami tentang apa setiap halaman. Ini untuk mengindeks mereka dan melayani mereka ketika mereka mencari sesuatu yang relevan. Untuk melakukan ini, mereka perlu memahami semua kode HTML di situs Anda. Bergantung pada cara situs Anda dibangun, ini mungkin atau mungkin tidak mudah bagi mereka.
Skema (juga dikenal sebagai data terstruktur, cuplikan kaya atau mikrodata), adalah bahasa yang dipahami secara universal oleh mesin pencari, dengan sangat mudah. Pada dasarnya, skema memberi tahu mesin pencari tentang apa situs Anda atau halaman tertentu dalam istilah yang sangat sederhana.
Apa Pentingnya Menambahkan Skema Artikel ke Posting Blog?
Jika Anda menulis konten yang luar biasa, masuk akal jika Anda ingin mesin pencari memahaminya dengan mudah: masukkan skema, bahasa yang secara harfiah dibangun untuk membuat konten Anda lebih mudah dimengerti. Selain itu, sekitar Maret 2016, data terstruktur ditambahkan ke algoritma faktor peringkat Google. Jadi memiliki itu di halaman Anda dapat membantu Anda mendapatkan posting blog ekor panjang Anda ke peringkat yang lebih baik, karena itu membantu strategi pemasaran konten Anda dan keseluruhan tujuan pemasaran digital.
Selain itu, jika Anda membaca blog kami atau berita pemasaran digital lainnya, Anda tahu bahwa Laman Seluler yang Dipercepat (AMP) telah menjadi topik besar bagi blog dan situs penerbitan. Ini sangat bergantung pada data terstruktur untuk fitur-fitur canggih mereka. Memahami jenis-jenis yang lebih sederhana, seperti skema BlogPosting, adalah cara yang pasti untuk membantu mempersiapkan Anda menghadapi hal ini.
Terakhir, jika Anda perlu lebih meyakinkan, memiliki data terstruktur pada berita situs web Anda, posting blog atau artikel dapat meningkatkan tampilan situs web Anda di mesin pencari. Mungkin Anda dapat muncul di carousel berita utama (namun, ingatlah bahwa ini tidak dijamin oleh Google karena tampaknya memprioritaskan halaman AMP di atas hal lain saat ini).
Jenis skema artikel apa yang dapat saya tambahkan?
Ada beberapa jenis skema artikel yang dapat ditambahkan: NewsArticle atau BlogPosting menjadi yang paling umum. Untuk sebagian besar bisnis (kecuali Anda melaporkan berita), saya sarankan menggunakan skema BlogPosting karena lebih spesifik dengan apa artikel itu. Semakin spesifik skema yang Anda dapatkan, semakin mudah bagi mesin pencari untuk sepenuhnya memahami situs Anda. Jadi untuk tujuan kejelasan, saya akan menggunakan skema BlogPosting sebagai contoh.
Cara Menambahkan Skema di Postingan Blog
Saat ini banyak CMS akan menambahkannya secara otomatis atau setidaknya akan kompatibel dengan plugin yang melakukannya. Misalnya, Yoast untuk WordPress, Amasty untuk Magento dll. - Anda hanya perlu menemukan yang kompatibel dengan situs Anda dan pastikan itu tidak mengganggu plugin lain atau kecepatan situs. Ini juga sangat berguna karena artinya setiap posting blog yang Anda tulis akan memiliki skema BlogPosting yang dimasukkan secara dinamis ke dalamnya - Anda tidak perlu menambahkannya ke setiap posting.
Berikut ini adalah contoh kode schema markup blog saya kala itu.
<div class='post hentry uncustomized-post-template' itemscope='itemscope' itemtype='http://schema.org/BlogPosting'>
<b:if cond='data:post.thumbnailUrl'>
<meta expr:content='data:post.thumbnailUrl' itemprop='image'/>
</b:if>
<a expr:name='data:post.id' itemprop='postId'/>
<b:if cond='data:post.title'>
<h3 class='post-title entry-title' itemprop='headline'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' itemprop='name'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<b:if cond='data:blog.url != data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<b:if cond='data:blog.pageType != "item"'><b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript'>
//<![CDATA[
function bp_thumbnail_resize(image_url,post_title)
{
var image_size=0;
var show_default_thumbnail=true;
var default_thumbnail="http://2.bp.blogspot.com/-erTXCq61ULM/TmHYAQBZ0GI/AAAAAAAACCs/6cBX54Dn6Gs/s0/default.png";
if(show_default_thumbnail == true && image_url == "") image_url= default_thumbnail;
image_tag='<img src="'+image_url.replace('/s72-c/','/s'+image_size+'-c/')+'" alt="'+post_title+'"/>';
if(image_url!="") return image_tag; else return "";
}
//]]>
</script>
</b:if>
<b:if cond='data:post.snippet'>
<div class='thumbs'>
<script type='text/javascript'>
document.write(bp_thumbnail_resize("<data:post.thumbnailUrl/>","<data:post.title/>"));
</script>
<div class='homelabel'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> | </b:if>
</b:loop>
</b:if>
</div>
<a expr:href='data:post.url'>
<div class='readitmore'>
Read Article →
</div>
</a>
</div>
<div class='summary'>
<data:post.snippet/></div>
<div class='botsnip'>
<i><data:top.authorLabel/> : <data:post.author/></i><br/>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/> Comments</a><br/>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
<br/>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<div class='addthis_sharing_toolbox'/>
</b:if>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'><span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<b:if cond='data:post.authorProfileUrl'>
<span class='fn'>
<a expr:href='data:post.authorProfileUrl' itemprop='author' rel='author' title='author profile'>
<data:post.author/>
</a>
</span>
<b:else/>
<span class='fn'><data:post.author/></span>
</b:if>
</b:if>
</span> <span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' itemprop='url' rel='bookmark' title='permanent link'><abbr class='updated' expr:title='data:post.timestampISO8601' itemprop='datePublished'><span class='updated'> <data:post.timestamp/> </span></abbr></a>
</b:if>
</b:if>
</span> <span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</span> <span class='post-icons'>
<!-- email post links -->
<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons goog-inline-block'>
<b:if cond='data:post.sharePostUrl'>
<b:include data='post' name='shareButtons'/>
</b:if>
</div> </div>
<div class='post-footer-line post-footer-line-2'><span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span> </div>
<div class='post-footer-line post-footer-line-3'><span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span> </div>
</div>
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=7"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
</b:if>
</div>
Untuk situs web yang dibangun dengan CMS yang dipesan lebih dahulu, tanyakan pengembang Anda bagaimana mereka dapat menambahkannya. Mungkin mereka perlu melakukannya dengan memasukkan hardcoding ke halaman - tetapi jika mereka dapat membangun template halaman yang mendukung skema, itu yang terbaik. Lihat lebih lanjut di blog ini apa yang perlu mereka masukkan ke dalam halaman.
Jika Anda tidak dapat memperoleh plugin yang menyisipkannya secara dinamis dan pengembang Anda tidak dapat menyandikannya di situs, upaya terakhir Anda adalah menambahkannya melalui Google Pengelola Tag. Ini adalah pilihan terakhir karena hanya Google yang dapat melihat kodenya - GTM juga terkadang temperamental sehingga tidak ideal.
Metode ini tidak mengharuskan Anda untuk benar-benar mengubah kode di situs. Untuk menambahkan skema artikel, sebagai bisnis Anda harus sudah memiliki skema Organisasi di situs Anda. Untuk mengatur ini, periksa posting blog yang saya tulis pada bulan lalu yang berisi panduan langkah demi langkah - sekali lagi, ingat bahwa plugin dan hardcoding adalah opsi yang lebih disukai.
Mirip dengan menambahkan skema Organisasi ke situs, untuk menambahkan skema artikel Anda perlu membuat pemicu dan tag HTML khusus. Kecuali kali ini, Anda tidak ingin pemicu Anda menargetkan "semua halaman", Anda ingin menargetkan URL posting blog tertentu. Misalnya, untuk menambahkan skema BlogPosting ke salah satu posting blog klien saya: https://www.gatewan.com Saya menyiapkan pemicu di Tag Manager.