Sosial Media Meta Tag ? bukankah Meta Tag 'katanya' sudah tidak dipakai Google lagi, semenjak banyak kecurangan dalam menuliskan (mengisikan) Deskripsi pada Meta Tag ? yap, itu memang benar, tapi jangan salah yang akan saya share disini adalah Sosial Media Meta Tag bukan Meta Tag Biasa, catat.
Lalu Apa bedanya antara Sosial Media Meta Tag dengan Meta Tag Biasa ?
Catat nak, catat. Bedanya ada di tujuan atau fungsinya. Jika Meta Tag Biasa fungsi utamany adalah untuk memberik tahukan kepada Search Engine mengenai isi dari situs kita (meta keyword dan meta deskripsi) dan sekaligus untuk mendongkrak situs kita di SERP.
Sementara untuk, Sosial Media Meta Tag mempunyai target yang berbeda namun tujuannya sama yaitu untuk, bingung kan ? sama, haha.
Namun jangan khawatir, kalau sudah masuk pada contoh dari Sosial Media Meta Tag nanti akan sedikit lebih jelas.
Baik, langsung saja, ini contoh Meta Tag yang bisa Anda gunakan untuk mengoptimalisasi Social Media Share yang saya dapatkan dari situs linggis moz.com.
Source: Social Media Meta Tag
<!-- kuncinya ada di itemscope dan itemtype attributes -->
Tambah tag itemscope pada doctype html
<html itemscope itemtype="http://schema.org/Article">
Letakkan script dibawah ini, sebelum </head>
<meta name="description" content="Page description. No longer than 155 characters." />
<!-- Google Authorship and Publisher Markup -->
<link rel="author" href="https://plus.google.com/[Google+_Profile_ID]/posts"/>
<link rel="publisher" href=”https://plus.google.com/[Google+_Page_Profile_ID]"/>
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_ image">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://www.example.com/image.html">
<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name" />
<meta property="article:section" content="Article Section" />
<meta property="article:tag"
content="Article Tag" />
<meta property="fb:admins" content="Facebook numberic ID" />
<!-- kuncinya ada di itemscope dan itemtype attributes -->
Tambah tag itemscope pada doctype html
<html itemscope itemtype="http://schema.org/Article">
Letakkan script dibawah ini, sebelum </head>
<meta name="description" content="Page description. No longer than 155 characters." />
<!-- Google Authorship and Publisher Markup -->
<link rel="author" href="https://plus.google.com/[Google+_Profile_ID]/posts"/>
<link rel="publisher" href=”https://plus.google.com/[Google+_Page_Profile_ID]"/>
<!-- Schema.org markup for Google+ -->
<meta itemprop="name" content="The Name or Title Here">
<meta itemprop="description" content="This is the page description">
<meta itemprop="image" content="http://www.example.com/image.jpg">
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_ image">
<meta name="twitter:site" content="@publisher_handle">
<meta name="twitter:title" content="Page Title">
<meta name="twitter:description" content="Page description less than 200 characters">
<meta name="twitter:creator" content="@author_handle">
<!-- Twitter summary card with large image must be at least 280x150px -->
<meta name="twitter:image:src" content="http://www.example.com/image.html">
<!-- Open Graph data -->
<meta property="og:title" content="Title Here" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.example.com/" />
<meta property="og:image" content="http://example.com/image.jpg" />
<meta property="og:description" content="Description Here" />
<meta property="og:site_name" content="Site Name" />
<meta property="article:section" content="Article Section" />
<meta property="article:tag"
content="Article Tag" />
<meta property="fb:admins" content="Facebook numberic ID" />
Sebelum dipasang, Anda ganti terlebih dahulu syntax yang sudah tandai dengan warna kuning.
Nah, untuk penjelasan dari setiap Sosial Media Meta Tag diatas, Anda bisa membacanya di Penjelasan Meta Tag Media Sosial Share
Maaf, kalau dipotong-potong, karena memang nulisnya pakai Hape, yang notabenya memiliki batasan karakter.
Mungkin cukup sekian dulu untuk artikel kali ini, semoga dapat memberikan manfaat.
0 komentar:
Posting Komentar