AH-SHARED

Creative Is Knowledge

  • Home
  • Tutorial
  • Sitemap
  • About
  • Exchange
  • Search
skip to main | skip to sidebar
Home » Blogger » Tutorial » Cara Memasang Open Graph Meta Tag Data

Cara Memasang Open Graph Meta Tag Data

Posted by Unknown
Blogger,Tutorial
Sunday, July 07, 2013
7 Comments
AHS

H
aii sobat AHS,,, udah berapa lama AHS ngga update??? ada yang tau?? xD
kali ini AHS baru update post,,
tentunya dengan trik yang terbaru donk,,

yap,, sekarang saya selaku author di sini ingin membagikan tutorial mengenai Cara Memasang Open Graph Meta Tag Data untuk facebook,,
loh facebook kok pake meta tag??

eitss.. sabar dulu bero :v
meta tag ini berfungsi untuk mengembalikan fitur asli untuk postingan (dibaca post thumbnail yang kacau)..
ya, tepatnya kemarin,
saya dimintai tolong seseorang yang ada d grup untuk membetulkan post thumbnailnya,, langsung saya mempunyai ide untuk buat post ini,

oke,, langsung saja ya...

Open Graph Meta Tag Facebook


Sebenarnya,, pake cara ini hanya untuk memanipulasi saja kok,,oke silahkan simak caranya,..
  • saya anggap anda sudah login ke blogger
  • langsung saja,cari dengan tombol Ctrl+F kode <head>
  • setelah ketemu,,copy kode dibawah ini, tepat dibawahnya
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='http://www.blog-logo.jpg' property='og:image'/>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<meta content='App-ID' property='fb:app_id'/>
<meta content='Facebook-Profile-ID' property='fb:admins'/>

Cara Setting

Meta Tag DefaultCara Setting
meta content='http://www.blog-logo.jpg' property='og:site_name'Ganti itu menjadi gambar anda sendiri,itu digunakan ketika postingan anda tidak ada gambar
meta expr:content='data:blog.metaDescription' name='og:description'Untuk ini,,silahkan ganti menjadi keyword anda,ini di gunakan untuk meta tag deskripsi ketika post anda masuk ke facebook
meta content='App-ID' property='fb:app_id'Untuk ini,,silahkan ganti menjadi Aplikasi Fanspage anda
meta content='Facebook-Profile-ID' property='fb:admins'Silahkan ganti menjadi FB Admin anda/yang biasa disebut pemilik Fanspage(author blog)


Nah,,sudah kan?? sekarang anda save lalu,
tunggu sekitar 2-3 hari untuk hasil yang maksimal,,

Ingat!
Robot crawler tidak langsung mengindex meta tag,
jadi perlu waktu,,..harap bersabar ya,..

O iya,, untuk penempatannya dibawah <head> atau diatasnya ]]></b:skin> juga bisa, terserah anda mau pilih yang mana, kalo saya lebih prefer yang diatasnya ]]></b:skin> karena apa? supaya ngga mengganggu meta tag yang diatas-atas itu sobat.


Maka,,demikianlah artikel Cara memasang Open Graph Meta Tag,,sampai jumpa


Meta tag by : My Blogger Lab & Gambar by : Designyoutrust.com
Tweet

7 Responses to "Cara Memasang Open Graph Meta Tag Data"

ahs-avatar
Balas
Randi Afrinal Author ahs-delete July 7, 2013 at 1:59 PM

ok makasih bnyak ya min
udah berbaik hati sama ane
terharu ane jadinya :')

ahs-avatar
Balas
Unknown Author ahs-delete July 7, 2013 at 2:08 PM

@Greenz Blogger \m/

ahs-avatar
Balas
Randi Afrinal Author ahs-delete July 8, 2013 at 10:58 AM

manjur sekali sob..
udah ane coba dan berhasil muncul deskripsi blog ane

ahs-avatar
Balas
Unknown Author ahs-delete July 8, 2013 at 3:25 PM

NICE broww.....
Makasi yah ilmunya
Sangat bermanfaat


http://thalp0uz.blogspot.com/2013/07/mutiarabijakcom-kata-kata-mutiara-dan.html

ahs-avatar
Balas
Unknown Author ahs-delete July 8, 2013 at 3:35 PM

@Thal POuZoke \m/

ahs-avatar
Balas
Unknown Author ahs-delete July 9, 2013 at 7:13 AM

Nice Bro.......

ahs-avatar
Balas
Unknown Author ahs-delete October 1, 2013 at 11:37 PM

Thanks untuk tips nya om..
bener2 sgt bermanfaat
http://adartsic.blogspot.com/

:)
:(
=(
^_^
:D
=D
|o|
@@,
;)
:-bd
:-d
:p
Thanks for comments
← Newer PostOlder Post →Home

AH-SHARED On Facebook

Advertise

banner andabanner anda1banner anda2banner anda3
 
AHS2

Labels

AHS OriginalAwardBeritaBloggerC++CheatCSSDewasa(18+)EmoticonEvent AHSFacebookFull PatchGamesGaya HidupHackingInfoInfo JutsuIT InfoKesehatanNarutoNewsPengetahuanProgrammingRemajaSEOSoftwareTemplateTipsToolsTricksTukar linkTutorialUnik

Little About AHS

AH-SHARED didirikan sekitar bulan Agustus 2012 tetapi baru diluncurkan sekitar bulan Mei 2013. Mau tau kenapa?? silahkan simak di... Readmore »

New Update

  • Kumpulan Dork Untuk Deface Website
  • Cara Membuat Comment Form Keren & Tombol Konvert
  • Cara Membuat Comment Blogger dan G+ Berdampingan
  • Cara Membuat Post Di Bagi Menjadi 2 Bagian
Back to top!
Copyright © 2012-2013 AH-SHARED - All Rights Reserved
Design by Angwyn Benvenuto - Powered by Blogger