Meta Tag Website Seo Friendly Social Media

Publish Date : 11-03-2016 , dibaca 4899 kali, Hari ini dibaca : 1 kali ,0 comments

Sosial Media Meta Tag Google, Facebook dan Twitter untuk Website 2016.

Memasang Meta Tag Twitter , Googl + dan Facebook tentu akan membuat website kita lebih optimal dalam berbagi di media sosial, dengan mendeskripsikan judul , gambar , deskripsi.

Tentu ini membuat website kita lebih Seo Friendly, dengan berbagi ke media sosial maka artikel didalam website kita akan lebih mudah sampai kepada pembaca.

Berikut ini merupakan Meta Tag Sosial Media , anda Cukup Copy paste dan kemudian mengganti dengan data pada website anda..

1. Template Minimal
versi slim ini tentu akan berjalan ramping dan cepat. Ini berisi minimal data untuk berbagi dioptimalkan di Twitter, Facebook, Google+ dan Pinterest.
Judul tag dan meta deskripsi disertakan meskipun mereka secara teknis tidak meta tag media sosial. Hal ini karena mereka dapat digunakan oleh Google+ dan platform media sosial lainnya, dan itu adalah praktek terbaik untuk memasukkan mereka pada setiap halaman Anda mempublikasikannya.

Minimum Social Media Tag Template: Article
<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Twitter Card data -->
<meta name="twitter:card" value="summary">

<!-- 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" />

2: The Standard Template
Template standar merupakan pelaksanaan lebih kuat dari tag sosial dan dimaksudkan untuk bekerja di semua platform. Selain semua fitur dari template minimal di atas, template standar meliputi:

The basic Twitter Summary card
Twitter thumbnail image
Facebook Page Insights

Standard Social Media Tag Template: Article
<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- Twitter Card data -->
<meta name="twitter:card" content="summary">
<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 images must be at least 120x120px -->
<meta name="twitter:image" content="http://www.example.com/image.jpg">

<!-- 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, i.e. Moz" />
<meta property="fb:admins" content="Facebook numeric ID" />

3: The Full Monty

Ini adalah rakasa yang! Selain semua data yang terdapat dalam template standar, template penuh berisi:

Google Authorship and Publisher Markup.. Meskipun data ini tidak mengubah penampilan konten Anda di Google+, itu berpotensi menambah link ke halaman Google+ Anda dalam hasil pencarian.
Schema.org artikel markup Kartu Ringkasan twitter dengan gambar besar
Diperluas artikel Data Open Graph

Full Social Media Tag Template: Article
<!-- Update your html tag to include the itemscope and itemtype attributes. -->
<html itemscope itemtype="http://schema.org/Article">

<!-- Place this data between the <head> tags of your website -->
<title>Page Title. Maximum length 60-70 characters</title>
<meta name="description" content="Page description. No longer than 155 characters." />

<!-- 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:published_time" content="2013-09-17T05:59:00+01:00" />
<meta property="article:modified_time" content="2013-09-16T19:08:47+01:00" />
<meta property="article:section" content="Article Section" />
<meta property="article:tag" content="Article Tag" />
<meta property="fb:admins" content="Facebook numberic ID" />

Setalah anda Memasang Meta Tag Facebook, Twitter dan Google +, Berikut ini Tools Yang Digunakan untuk mengetahui apakan meta tag sudah bekerja atau belum

A. Twitter Validation Tool

https://dev.twitter.com/docs/cards/validation/validator

Sebelum kartu Anda tampil di Twitter, Domain anda harus terlebh dahulu disetujui oleh Twitter. Setelah Anda menerapkan kartu Anda, cukup masukkan URL sampel Anda ke alat validasi. Setelah memeriksa markup Anda, pilih tombol "Kirim untuk Persetujuan" .

B. Facebook Debugger

https://developers.facebook.com/tools/debug

Anda tidak perlu persetujuan terlebih dahulu untuk informasi meta Anda untuk menunjukkan di Facebook, tapi alat debugging mereka menawarkan memberi Anda banyak informasi tentang semua tag Anda dan juga dapat menganalisis tag Twitter Anda.

C. Google Data Terstruktur Pengujian Alat

http://www.google.com/webmasters/tools/richsnippets

Webmaster tradisional menggunakan alat pengujian data terstruktur untuk menguji kepenulisan markup dan melihat bagaimana potongan akan muncul dalam hasil pencarian, tetapi Anda juga dapat menggunakan melihat apa jenis meta data Google dapat mengekstrak dari setiap halaman.

D. Pinterest Kaya Pins Validator

http://developers.pinterest.com/rich_pins/validator/

Seperti Twitter, Pinterest memerlukan proses persetujuan untuk mengaktifkan fungsi Pin Kaya. Gunakan alat Kaya Pin Validator untuk menguji markup data dan mengajukan permohonan persetujuan pada saat yang sama.