Menambah meta tag media sosial di blog

Sosial Media Meta Tag ? 

Katanya sih meta tag sudah tidak berfungsi lagi semenjak kejadian banyaknya kecurangan dalam menuliskan meta deskripsi . wah.. apa itu betul ??
Yah, itu memang benar, tapi yang akan saya share disini adalah Sosial Media Meta Tag bukan Meta Tag Biasa bukan meta tag terdahulu.
menambahkan Sosial Media Meta Tag ?

Apa bedanya antara Sosial Media Meta Tag dengan Meta Tag Biasa ?

Bedanya ada di tujuan atau fungsinya. Jika Meta Tag Biasa dulu fungsinya untuk memberitahukan kepada Search Engine mengenai isi dari situs kita "meta keyword dan meta deskripsi" dan sekaligus untuk mendongkrak situs kita di SERP... katanya sih begitu :p

Sementara untuk, Sosial Media Meta Tag mempunyai target yang berbeda namun tujuannya sama yaitu untuk, bingung kan ? sama, haha.
Tidak usah kuatir bro and sis, kalau sudah masuk pada contoh dari Sosial Media Meta Tag nanti akan sedikit lebih jelas setelah saya share.
Baik, langsung aja proses penerapan,



Meta Tag yang bisa Anda gunakan untuk mengoptimalisasi Social Media 



Meta tag media sosial
<!-- 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" />

Ubahs yntax yang warna merah sesuai dengan identitas media sosial dan blog anda

Its all !!

Subscribe to receive free email updates:

0 Response to "Menambah meta tag media sosial di blog"

Post a Comment