Meta tag agar sesuai untuk share artikel di FB

Agustus 27, 2013


Saat kita ingin share artikel atau postingan di facebook, kadang yang muncul cuma judul postingannya saja, sedangkan untuk deskripsinya harus kita tulis sendiri, hal itu tentu tidak efiesien karena dua kali menulis, nah agar deskripsi setiap artikel yang kita share muncul otomatis, maka kita harus menyesuaikan meta tag pada edit HTML.

Banyak blog yang membahas bab meta tag. Ada yang katanya SEO ada yang katanya Super SEO, mbuh lah apa maksudnya, yang jelas sudah banyak aku coba dan hasilnya biasa-biasa saja. Karena penasaran dengan apa yang namanya meta tag dan fungsinya, maka aku coba memahaminya dan ini hasil meta tag yang aku sisipkan pada edit HTML, kemudian aku coba share beberapa artikel di fb, tapi ntah SEO apa Super SEO aku tidak tau. dan ini hasilnya.


Ada dua bagian meta tag dimana bagian pertama untuk memberi tahukan search engine saat ada orang mengetik nama blog kita, pada pagian ini yang muncul hanya nama blog dengan deskripsi secara umum yang kita tulis pada meta tag :

<meta content='DESKRIPSI YANG KITA TULIS SECARA UMUM' name='description'/>



Seadangkan pada bagian kedua yang dibatasi dengan kode  <b:else/> kemdian diakhiri dengan </b:if>
jika orang mencari kata kuci sesuai nama judul post atau isi artikel pada blog  maka muncul seperti ini hasilnya pada search engine google :


Nah, begitulah kira2 yang aku maksud. Ternyata penulisan HTML setelah aku amati tak ubahnya seperti menulis kode visual basic dimana ada kata if else dan end if cuma beda di tulisane, tapi intine sama memerintahkan tugas mesin untuk mencari kata kunci dan jika tidak diketemukan maka diberi alternatif..
Dan, developernya FB mengambil data dari meta tag ini  berdasarkan <meta content='article' property='og:type'/> dan  fbxml  karena server FB tidak menyatu dengar servernya google.

Nah, ini meta tag hasil utak-atiku, aku membuat tiga bagian dimana masing-masing punya peran. Jika diterjemahkan dengan bahasa manusia, maka perintanya kira2 seperti ini,
Cari nama asliku jika tidak ada cari sesuai nama panggilanku, jika tidak ketemu juga cari semua nama2 yang pernah aku tulis atau nama yang mirip dengan ku...
Kesalahan dalam menulis atau menempatkan susunan meta tag akan mempengaruhi tampilan blog dan mengacaukan mesin pencari (search engine).

Itulah sedikit pemahamanku tentang meta tag dan sudah aku praktekan pada blog Oyin> dan blog ini, diamana aku dipercaya sebagai penjaga gawangnya. (terlepas dari SEO apa tidak aku tidak faham)sampean bisa menobanya di blog Oyin. Di blog ini tidak aku pasang sahre fb cuma aku beri Like. Kerena ini cuma blog buat utak-atik koding doang.

Okey ini susunannya :

<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title>KATA KUNCI </title>
<meta content='DESKRIPSI YANG KITA TULIS SECARA UMUM' name='description'/>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>KATA KUNCI </title>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='DESKRIPSI YANG KITA TULIS SECARA UMUM' name='description'/>
<meta content='KATA KUNCI='keywords'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='Nomor registrasi  blog dari google' name='google-site-verification'/>
   <meta content='All, FOLLOW' name='GOOGLEBOTS'/>
   <meta content='All, FOLLOW' name='YAHOOBOTS'/>
   <meta content='All, FOLLOW' name='MSNBOTS'/>
   <meta content='All, FOLLOW' name='BINGBOTS'/>
   <meta content='all' name='Googlebot-Image'/>
   <meta content='index, follow' name='robots'/>
   <meta content='all' name='Googlebot-Image'/>
   <meta content='noarchive' name='robots'/>
   <meta content='noarchive' name='googlebot'/>
   <meta content='Blogger' name='generator'/>
   <meta content='article' property='og:type'/>
   <meta content='document' name='resource-type'/>
   <meta content='all' name='audience'/>
   <meta content='general' name='rating'/>
   <meta content='1 days' name='revisit-after'/>
   <meta content='ALL' name='spiders'/>
   <meta content='id' name='geo.country'/>
   <meta content='Indonesia' name='geo.placename'/>
   <meta content='Blogger' name='generator'/>
</b:if>
<link href='nomor registrasi dari G+ agar foto profil muncul dimesin pencarian ' rel='publisher'/>

Nah begitulah kira2 gambarannya, dan jangan lupa aktifkan juga kode robot.txtnya biar lebih joss

You Might Also Like

0 Comments

» Komentar anda sangat berguna untuk peningkatan mutu posting
» Terima kasih bagi yang sudah menulis komentar.

SUBSCRIBE NEWSLETTER

Get an email of every new post! We'll never share your address.

Flickr Images