Trik Dan Tips Setting Meta Tag Open Graph Media Umum (Facebook, Twitter, Dan Google+)
Setting Meta Tag Open Graph - Dalam dunia blogging meta tag open graph tentu sudah tidak gila lagi bagi para blogger yang sudah mempunyai ...
https://tutorialcarapintar.blogspot.com/2019/02/trik-dan-tips-setting-meta-tag-open.html
Bagaimana bila meta tag open graph tidak menerapkan property og:image:width dan og:image:height? Tanpa property og:image: width dan height, gambar thumbnail akan ditampilkan kecil dan sembarang atau bahkan tidak tampil sama sekali dikala tautan situs di share ke sosial media menyerupai pola dibawah ini.
Catatan: settingan meta tag open graph menyerupai diatas hanya sebagai pola dan hanya berlaku pada sosial media facebook dan google plus saja, sedangkan meta tag untuk twitter akan sedikit berbeda sebab twitter mempunyai meta tag sendiri yaitu "Twitter Card" namun bila robots twitter tidak menemukan meta tag twitter card pada situs web maka twitter akan mengambil data dari meta tag Open Graph. Berikut ini saya akan membagikan meta tag open graph lebih lengkap dan sudah di optimalkan (Perpaduan meta tag Open Graph dengan Twitter Card). Kamu sanggup menerapkan-nya ke dalam html situs blog (blogger) yang kau kelola.
 |
| Fix missing meta tag open graph |
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<meta expr:content='data:blog.postImageUrl' itemprop='image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' name='twitter:image'/>
<meta expr:content='data:blog.postImageThumbnailUrl' itemprop='image'/>
</b:if></b:if>
<!-- Metadata Facebook -->
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.url' property='og:url'/>
<meta content='https://3.bp.blogspot.com/your_image_url.png' property='og:image'/>
<meta content='1824105131201217' property='fb:app_id'/>
<meta content='100009286926617' property='fb:admins'/>
<meta content='530560420444100' property='fb:pages'/>
<!-- Metadata Twitter -->
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@ListrikBatam' name='twitter:site'/>
<meta content='@ListrikBatam' name='twitter:creator'/>
<meta content='1200' name='twitter:image:width'/>
<meta content='800' name='twitter:image:height'/>
<link href='https://plus.google.com/116107967974314978362/about' rel='author'/>
<link href='https://plus.google.com/116107967974314978362/posts' rel='publisher'/>
<link href='https://plus.google.com/+AbdulSomad88' rel='me'/>
<meta content='Abdul Somad' name='Author'/>
<!-- Schema.org markup for Google+ -->
<meta expr:content='data:blog.pageTitle' itemprop='name'/> Instruksi:
Pemirsa besar yang ada di Facebook dan Twitter sering kali menjadi kerikil loncatan setiap konten gres untuk mendapat rating di serp melaui jumlah tayangan laman yang di dapat. Tanpa pengoptimalan meta tag open graph tentu saja sulit bagi konten untuk bersaing di media umum kerena umumnya media umum terkenal (facebook, Twitter, LinkedIn, dan Google+) memanfaatkan meta tag open graph untuk mengenali situs dan memaksimalkan kinerja tautan situs di laman mereka.
Disana kau sanggup melihat missing meta tag open graph dan mendapat arahan untuk memperbaiki bagian-bagian meta tag yang mis (error).
Demikian artikel "Setting Meta Tag Open Graph Media Sosial (Facebook, Twitter, dan Google+)", lebih dan kurang mohon maaf. Akan tiba saya masih akan membahas mengenai meta tag lainnya yang bermanfaat untuk situs web, subscribe situs ini untuk mendapat pemberitahuan "informasi atau artikel" terbaru mengenai meta tag dan trick-trick blogging lain-nya. See you bye!
<!-- Metadata Twitter -->
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@ListrikBatam' name='twitter:site'/>
<meta content='@ListrikBatam' name='twitter:creator'/>
<meta content='1200' name='twitter:image:width'/>
<meta content='800' name='twitter:image:height'/>
<link href='https://plus.google.com/116107967974314978362/about' rel='author'/>
<link href='https://plus.google.com/116107967974314978362/posts' rel='publisher'/>
<link href='https://plus.google.com/+AbdulSomad88' rel='me'/>
<meta content='Abdul Somad' name='Author'/>
<!-- Schema.org markup for Google+ -->
<meta expr:content='data:blog.pageTitle' itemprop='name'/> Instruksi:
- Ganti semua yang ditandai dengan warna merah pada meta tag open graph di atas (url gambar, id facebook, id fanspage, app id, id gplus, username twitter dll) dengan id sosial media kau sendiri.
- Letakkan kode meta tag open graph diatara kode <head> dan </head> pada html situs blog anda.
Kenapa Meta Tag Open Graph Sangat Penting
Saya fikir kita semua setuju bahwa konten merupakan tulang punggung untuk mendatangkan visitor ke situs web. Namun terkadang dalam pemasaran konten atau post gres mengalami kesulitan untuk menjangkau khalayak yang lebih luas. Solusi yang paling gampang untuk mengatasi hal tersebut yaitu dengan menyebarkan di media sosial.Pemirsa besar yang ada di Facebook dan Twitter sering kali menjadi kerikil loncatan setiap konten gres untuk mendapat rating di serp melaui jumlah tayangan laman yang di dapat. Tanpa pengoptimalan meta tag open graph tentu saja sulit bagi konten untuk bersaing di media umum kerena umumnya media umum terkenal (facebook, Twitter, LinkedIn, dan Google+) memanfaatkan meta tag open graph untuk mengenali situs dan memaksimalkan kinerja tautan situs di laman mereka.
Meta Tag Open Graph Tester
Menurut saya meningkatkan secara optimal meta tag open graph menyerupai yang saya bagikan sudah cukup baik untuk situs blogger, namun bila kau masih ingin melaksanakan meningkatkan secara optimal (pengoptimalan meta tag) kau sanggup memeriksakan meta tag open graph situs kau dengan derma tool facebook developers debugger [kunjungi laman].Disana kau sanggup melihat missing meta tag open graph dan mendapat arahan untuk memperbaiki bagian-bagian meta tag yang mis (error).
Demikian artikel "Setting Meta Tag Open Graph Media Sosial (Facebook, Twitter, dan Google+)", lebih dan kurang mohon maaf. Akan tiba saya masih akan membahas mengenai meta tag lainnya yang bermanfaat untuk situs web, subscribe situs ini untuk mendapat pemberitahuan "informasi atau artikel" terbaru mengenai meta tag dan trick-trick blogging lain-nya. See you bye!
