28 May 2013

Membangun Meta Tag Terstruktur

By kreasi

On 14:33

Sebelum membaca artikel ini ada baiknya anda membaca artikel mengenai Cara Memilih dan Membangun Template terlebih dahulu, karena artikel ini sangat erat hubungannya dengan artikel tersebut, dan jika anda telah membaca dan memahaminya mari kita simak bersama.

Meta Tag adalah beberapa deskripsi cerminan sebuah blog yang dipasang pada bagian Head pada sebuah template yang berfungsi untuk menambah keakuratan informasi sebuah blog. Fungsi dari Meta Tag adalah tertatanya sebuah struktur sebuah blog sehingga search engine lebih spesifik mengindeks seluruh data yang terkandung pada blog atau website.

Pada artikel ini akan dijelaskan mengenai

Cara Mengecek Meta Tag Data Terstrukur Cara Menanam Meta Tag Data Terstrukur

Cara Mengecek Meta Tag Data Terstrukur

Apa itu Data Struktur...? Data Struktur adalah pengenalan Search Engine terhadap blog yaitu mengenai konten atau pemilik blog tersebut. jika data blog anda terstruktur dengan benar maka google akan lebih sangat bersahabat dengan blog anda sehingga artikel anda akan terindeks seluruhnya. pada awal konfigurasi SEO Webmaster sangat wajar jika muncul peringatan TIDAK DITEMUKAN DATA TERSTRUKTUR DI WEBSITE ANDA. itu terjadi karena kita belum mengoptimalkan kinerja situs/blog kita. dan walaupun sudah di optimalkan masih akan tetap timbul peringatan TIDAK DITEMUKAN. peringatan tersebut dapat kita lihat ketika meng-Klik Tab Data Terstruktur pada webmaster kita oleh karena Google meng-update blog kita paling cepat satu minggu bahkan satu bulan. berikut ini adalah screenshot data struktur sebuah blog pada google webmaster tools.

Contoh Blog yang sudah Terstruktur

Contoh Blog yang belum terstruktur

Untuk mengecek ada atau tidaknya meta tag pada blog, kita bisa menggunakan tools bawaan google yaitu Google Rich Snippet. jika anda ingin mencoba mengetahui kesalahan-kesalahan data terstruktur blog anda silahkan klik link Rich Snippet ini. pada Alat Uji Coba Data Terstruktur silahkan ketikkan url blog anda kemudian pratinjau. gambar dibawah ini adalah contoh blog saya yang sudah saya optimalkan data terstrukturnya sehingga tidak ditemukan kesalahan

Contoh Blog yang sudah diberi Meta Tag

Sedangkan gambar berikut ini adalah contoh blog error data strukturnya

karena belum di optimalkan.

Contoh Blog Error karena belum diberi Meta Tag

Penjelasan mengenai Cara Mengecek Meta Tag dengan Data Terstrukur sudah usai dan semoga anda mengerti inti dari data struktur dan cara mengeceknya. sekarang kita beralih ke tutorial selanjutnya yaitu mengenai Cara Menanam Meta Tag Data Terstruktur

Cara Membangun Meta Tag Terstruktur

Untuk membangun Data Blog/Website agar terstruktur dengan benar yang harus dilakukan adalah mengkonfigurasi HTML Template blog anda dengan menambahkan meta-tag. baiklah langsung saja kita ke langkah optimalisasi data terstruktur situs/blog. berikut cara-caranya:

Log in Blogger
Buka Edit HTML >> Expand Template Widget
Carilah kode berikut, letaknya paling atas:

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> <head>

Jika sudah ketemu, silahkan ganti dengan kode berikut ini:

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>
<html expr:dir='data:blog.languageDirection' itemprop='http://schema.org/Article' itemscope='http://schema.org/Article' itemtype='http://schema.org/Article' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<html lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'/>

<head>

Langkah selanjutnya, Hapus seluruh kode diantara kode <head> sampai kode <b:skin><![CDATA[
kemudian copylah kode berikut ini dan paste di antara kode <head> sampai kode <b:skin><![CDATA[

<link href='https://plus.google.com/108091474010201886847' rel='publisher'/>
<meta charset='utf-8'/>
<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title><b:else/>
<title><data:blog.pageTitle/></title></b:if><b:else/>
<title><data:blog.pageName/></title></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='Edukatif Blog Kutai Kartanegara Kaltim | Gudang Artikel, Makalah, Karya Ilmiah, Skripsi, Webmaster, Apps-Games, Free Movie n MP3' name='description'/>
<meta content='Edukatif, Ary Anshorie, Makalah, Karya Ilmiah, Skripsi, Film, MP3, Gratis,' name='keywords'/>
<meta content='Ary Anshorie' name='Author'/>
<meta content='anshorie86@gmail.com' name='Email'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='1 days' name='revisit-after'/>
</b:if>
<meta content='https://plus.google.com/108091474010201886847' name='DC.Creator'/>
<meta content='EDUKATIF BLOG' name='DC.Identifier'/>
<meta content='ID' name='DC.Language' scheme='ISO639'/>
<meta content='EDUKATIF BLOG' lang='id' name='DC.Title'/>
<meta content='www.blogger.com' name='DC.Relation.IsPartOf'/>
<meta content='1998-09-22' name='DC.Date.LastModified' scheme='ISO 31-1'/>
<meta content='https://plus.google.com/108091474010201886847' name='DC.Publisher'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='id' name='geo.country'/>

Silahkan anda ganti tulisan yang bercetak tebal merah tersebut dengan Kriteria blog anda.

Catatan:
Jika diantara kode <head> sampai kode <b:skin><![CDATA[ terpadat script bawaan template misalnya script FONT seperti ini :
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'/>jangan dihapus, karena akan mengakibatkan buruknya tampilan blog.

Jika anda faham penempatannya, maka akan menjadi seperti dibawah ini :

<?xml version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html expr:dir='data:blog.languageDirection' itemprop='http://schema.org/Article' itemscope='http://schema.org/Article' itemtype='http://schema.org/Article' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>

<html lang='id' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'/>

<head>

<link href='https://plus.google.com/108091474010201886847' rel='publisher'/><meta charset='utf-8'/><b:if cond='data:blog.pageType == "index"'><b:if cond='data:blog.pageType == "item"'><title>data:blog.pageName/></title><b:else/><title><data:blog.pageTitle/></title></b:if><b:else/><title><data:blog.pageName/></title></b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><meta content='Edukatif Blog Kutai Kartanegara Kaltim | Gudang Artikel, Makalah, Karya Ilmiah, Skripsi, Webmaster, Apps-Games, Free Movie n MP3' name='description'/><meta content='Edukatif, Ary Anshorie, Makalah, Karya Ilmiah, Skripsi, Film, MP3, Gratis,' name='keywords'/><meta content='Ary Anshorie' name='Author'/><meta content='anshorie86@gmail.com' name='Email'/><meta content='general' name='rating'/><meta content='all' name='robots'/><meta content='index, follow' name='robots'/><meta content='1 days' name='revisit-after'/></b:if>

<meta content='https://plus.google.com/108091474010201886847' name='DC.Creator'/><meta content='EDUKATIF BLOG' name='DC.Identifier'/><meta content='ID' name='DC.Language' scheme='ISO639'/><meta content='EDUKATIF BLOG' lang='id' name='DC.Title'/><meta content='www.blogger.com' name='DC.Relation.IsPartOf'/><meta content='1998-09-22' name='DC.Date.LastModified' scheme='ISO 31-1'/><meta content='https://plus.google.com/108091474010201886847' name='DC.Publisher'/><meta content='Indonesia' name='geo.placename'/><meta content='id' name='geo.country'/>

<b:skin><![CDATA[

Langkah berikutnya, carilah kode seperti dibawah ini:

<b:if cond='data:post.hasJumpLink'>

Jika sudah ketemu, silahkan paste kode berikut ini tepat diatasnya:

<div class='vcard' id='hcard- Kepenakwae Blog'>

<span class='fn n'>
<span class='given-name'>Posted by: Ahmed Safei</span>
</span>
<a class='updated' href=' http://kepenakwae.blogspot.com/ ' rel='bookmark'> Edukatif Blog, </a> Updated at: <abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr>
</div>

Gantilah kode yang berwarna merah dengan kriteria blog anda
Langkah pengoptimalisasi data terstruktur sudah selesai, anda bisa mengecek blog anda kembali dengan menggunakan GOOGLE RICH SNIPPET.

Sumber

28 May 2013

Membangun Meta Tag Terstruktur

16 komentar