Gunakan Meta Tag Dari 4 Sosmed Raksasa Bila Ingin "Traffik Pengunjung" Memuncak

PosNongkrong-Cara lain untuk mendapatkan pengunjung blog adalah dengan mempromosikan konten di berbagai Sosmed.Beberapa contoh sosmed Raksasa saat ini seperti "google plus ,Facebook,Twitter"dll. Mungkin memang sudah tidak asing lagi di mata dan pendengaran kita ini.
Gunakan Meta Tag Dari 4 Sosmed Raksasa Bila Ingin "Traffik Pengunjung" Memuncak
Intinya jangan malas untuk berbagi lewat media apapun .


Gunakan Meta Tag Dari 4 Sosmed Raksasa Bila Ingin "Traffik Pengunjung" Memuncak

Agar artikel Anda memiliki kelihatan super menarik saat dibagikan, maka diperlukan optimalisasi tag meta pada template blog Anda. In Ini sangat penting sekali untuk memperindah tampilan serta memudahkan situs social untuk menentukan dan melakukan pemilahan terhadap Artikel Anda. Pemilahan tersebut meliputi judul, thumbnail, deskripsi, penulis dan lain sebagainya dari article yang anda share tersebut.
Pada dasarnya dalam melakukan pemilahan terhadap artikel,  Situs Sosmed menggunakan Open Graph Data dan beberapa lainnya menggunakan Scheme.org Markup Khusus Twitter menggunakan Twitter Card.
Beberapa sosial media yang menggunakan Open Graph Data adalah Facebook dan Pinterest. Sedangkan Scheme.org Markup di gunakan oleh Google Plus.
Untuk SEO google, meta data terkadang tidak terlihat atau terbaca oleh googlebot. Alhasil harus menggunakan javascript rekomendasi dari google webmaster untuk menampilkan meta data pada blog Anda. 

Gunakan Meta Tag Dari 4 Sosmed Raksasa Bila Ingin "Traffik Pengunjung" Memuncak


Gunakan Meta Tag Dari 4 Sosmed Raksasa Bila Ingin "Traffik Pengunjung" Memuncak

"Untuk itulah anda perlu memasang meta tag Google Plus"

Dalam optimalisasi tag meta google plus akan digunakan schema.org markup data. Berikut ini tag meta untuk optimalisasi google plus
1
2
3
4
<!-- Schema.org Markup untuk Google + -->
<meta itemprop="name" content="Judul Artikel">
<meta itemprop="description" content="Deskripsi Artikel">
<meta itemprop="image" content="Url Gambar Thumnail">
Penjelasan Tag Meta :
  • itemprop="name" memiliki fungsi untuk memberitahukan google plus bahwa apa yang sedang dibagikan berjudul atau memiliki judul sesuai dengan nilai yang diberikan dalam meta content yaitu Judul Artikel.
  • itemprop="description" memiliki fungsi untuk memberitahukan google plus bahwa apa yang sedang dibagikan memiliki descripsi sesuai dengan nilai yang diberikan dalam meta content yaitu Deskripsi Article.
  • itemprop="image" memiliki fungsi untuk memberitahukan google plus bahwa apa yang sedang dibagikan memiliki gambar thumbnail sesuai dengan nilai yang diberikan dalam meta content yaitu Url Gambar Thumnail.
Silahkan baca https://developers.google.com/+/web/snippet/

Selanjutnya "Meta tag Untuk Facebook dan Pinterest"

Yang kedua adalah optimalisasi tag meta untuk facebook dan pinterest. Dalam optimalisasi ini akan digunakan open graph data. Berikut ini tag meta untuk optimalisasi facebook dan pinterest
1
2
3
4
5
6
7
<!-- Open Graph Data -->
<meta property="og:type" content="article" />
<meta property="og:title" content="Judul Artikel" />
<meta property="og:url" content="Url Artikel" />
<meta property="og:image" content="Url Gambar Thumbnail" />
<meta property="og:description" content="Deskripsi Artikel" />
<meta property="og:site_name" content="Nama Blog" />
Untuk penjelasan tag meta diatas sebenarnya mirip pada penjelasan tag meta untuk optimalisasi plus. Berikut tambahan penjelasan untuk tag meta
  • property="og:type" memiliki fungsi untuk memberitahukan situs terkait yaitu facebook dan pinterest bahwa apa yang sedang dibagikan adalah berupa artikel.
  • property="og:title" memiliki fungsi untuk memberitahukan situs terkait yaitu facebook dan pinterest bahwa apa yang sedang dibagikan berjudul atau memiliki judul sesuai dengan nilai yang diberikan dalam meta content yaitu Judul Artikel.
  • property="og:site_name" memiliki fungsi untuk memberitahukan situs terkait yaitu facebook dan pinterest bahwa apa yang sedang dibagikan berasal dari situs sesuai dengan nilai yang diberikan dalam meta content yaitu Nama Blog 
  • Silahkan baca  https://developers.facebook.com/docs/opengraph/ untuk facebook dan https://developers.pinterest.com/docs/rich-pins/overview

Selanjutnya "META TAG untuk Twitter"

Untuk optimalisasi tag meta untuk twitter akan digunakan Twitter Card. Berikut ini tag meta untuk optimalisasi twitter
1
2
3
4
5
6
7
<!-- Twitter Card data -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@username_blog_anda">
<meta name="twitter:title" content="Judul Artikel">
<meta name="twitter:description" content="Deskripsi Artikel">
<meta name="twitter:creator" content="@username_anda">
<meta name="twitter:image:src" content="Url Gambar Thumbnail">
Penjelasan Tag Meta :
  • name="twitter:card" memiliki fungsi untuk memberitahukan twitter bahwa apa yang sedang dibagikan harus ditampilkan dalam berupa ringkasan dengan ukuran gambar yang besar.
  • name="twitter:site" memiliki fungsi untuk memberitahukan twitter bahwa apa yang sedang dibagikan berasal dari situs dengan usernama di twitter sesuai dengan nilai yang diberikan dalam meta content yaitu @username_blog_anda.
  • name="twitter:title", name="twitter:description" dan name="twitter:image:src" memiliki penjelasan yang sama dengan dengan tag meta di scheme.org.
  • name="twitter:creator" memiliki fungsi untuk memberitahukan twitter bahwa apa yang sedang dibagikan ditulis oleh seseorang dengan usernama di twitter sesuai dengan nilai yang diberikan dalam meta content yaitu @username_anda.
Note :
Dalam kasus optimalisasi tag meta untuk twitter, conten dari meta name="twitter:creator" harus valid atau sesuai dengan format diatas. Jika tidak maka gambar thumbnail tidak akan tampil di twitter.

Optimalisasi Tag Meta untuk SEO Google


PosNongkrong-optimalisasi tag meta untuk SEO Google.Bertujuan  untuk memberitahukan google mengenai data tag meta yang bersesuaian atau dianggap penting. Benrikut ini optimalisasi tag meta untuk seo google
1
2
3
<!-- SEO untuk Google -->
<title>Judul Artikel</title>
<meta name="description" content="Deskripsi Artikel" />

Google tidak lagi menggunakan meta keywords, sementara untuk bing sendiri masih menggunakannya namun untuk kepentingan mengidentifikasi apakah blog Anda termasuk spam atau tidak.

* Langkah Menerapkan Optimalisasi Tag Meta di Blog *

Secara sederhana Anda hanya perlu mengganti nilai yang diberikan dalam meta content. Namun yang menjadi masalah adalah bagaiman jika halaman blog bersifat dinamis atau berubah-ubah? Maka dibutuhkan modifikasi pada nilai content sesuai dengan flatform yang digunakan. Apakah itu blogger atau wordpress.
Kali ini adalah untuk blogger (blogspot) berikut ini meta tag lengkap untuk optimalkan 4 SOSMED Raksasa see ya SEO Google yang dapat langsung pasang di blog Anda.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!-- Tag Meta Untuk Judul -->
<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
    <title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
    <title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {"index"} and data:blog.pageName == ""'>
    <title>All Posts | <data:blog.title/></title>
<b:else/>
<b:if cond='data:blog.pageType in {"error_page"}'>
    <title>Page Not Found | <data:blog.title/></title>
<b:else/>
    <title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
</b:if>
<!-- Tag Meta Untuk Deskripsi -->
<meta expr:content='data:blog.metaDescription' property='description'/>
<!-- Tag Meta Untuk Keywords -->
<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
    <meta expr:content='data:blog.title' name='keywords'/>
<b:else/>   
<b:if cond='data:blog.pageType in {"item","static_page"}'>
    <meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
</b:if>
<!-- Tag Meta Untuk Robots -->
<b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel or data:blog.searchQuery'>
    <meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType in {"index"} and data:blog.homepageUrl == data:blog.url'>
    <meta content='noodp' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
    <meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType in {"index"} and data:blog.pageName == ""'>
    <meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType in {"error_page"}'>
    <meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
    <meta content='noodp' name='robots'/>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
<!-- Tag Meta Untuk Open GraphData, Scheme.org Markup dan Twitter Card -->
<b:if cond='data:blog.pageType == "item"'>
    <meta expr:content='data:blog.pageName' property='og:title'/>
    <meta itemprop='name' expr:content='data:blog.pageName'/>
    <meta content='article' property='og:type'/>
    <meta name='twitter:title' content='data:blog.pageName'/>
<b:else/>
    <meta expr:content='data:blog.pageTitle' property='og:title'/>
    <meta itemprop='name' expr:content='data:blog.pageTitle'/>
    <meta content='website' property='og:type'/>
    <meta name='twitter:title' content='data:blog.pageTitle'/>
</b:if>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta name='twitter:card' content='summary_large_image'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta name='twitter:description' expr:content='data:blog.metaDescription'/>
<b:if cond='data:blog.postImageUrl'>
    <meta expr:content='data:blog.postImageUrl' property='og:image'/>
    <meta itemprop="image" expr:content='data:blog.postImageUrl'/>
    <meta name='twitter:image:src' expr:content='data:blog.postImageUrl'/>
<b:else/>
    <b:if cond='data:blog.postImageThumbnailUrl'>
        <meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
        <meta itemprop='image' expr:content='data:blog.postThumbnailUrl'/>
        <meta name='twitter:image:src' expr:content='data:blog.postThumbnailUrl'/>
    <b:else/>
        <meta itemprop='image' content='http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/s1600/no-image.png'/>
        <meta content='http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/s1600/no-image.png' property='og:image'/>
        <meta name='twitter:image:src' content='http://1.bp.blogspot.com/-7vDs5hMaDho/U268E2ecF4I/AAAAAAAADY8/RBHVTTuJrxc/s1600/no-image.png'/>
    </b:if>
</b:if>
<!-- Tag Meta Twitter Card (Edit bagian content atau hapus jika tidak ingin menggunakannya) -->
<meta name='twitter:site' content='@username_blog_anda'/>
<meta name='twitter:creator' content='@username_anda'/>
<!-- Tag Meta Facebook APP (Edit bagian content atau hapus jika tidak ingin menggunakannya) -->
<meta content='facebook_app_id_anda' property='fb:app_id'/>
<!-- Link Google Plus (Edit bagian url_google_plus_anda dan url_google_bisnis_anda) -->
<link rel='author' href='https://plus.google.com/url_google_plus_anda'/>
<link rel='publisher' href='https://plus.google.com/url_google_bisnis_anda'/>

Anda juga dapat menambahkan link google plus yang menunjukkan author atau penulis dan link google bisnis yang menunjukkan publisher blog. Tentunya ini sangat baik untuk SEO google. berikut link yang dapat Anda sertakan
1
2
3
<!-- Link Google Plus (Edit bagian url_google_plus_anda dan url_google_bisnis_anda) -->
<link rel=''author'' href=''https://plus.google.com/url_google_plus_anda''/>
<link rel=''publisher'' href=''https://plus.google.com/url_google_bisnis_anda''/>

Tahap terakhir adalah uji coba dari optimalisasi Tag Meta untuk 4 situs sosial media populer dan SEO google adalah menguji apakah tag meta Anda berhasil dan sesuai keinginan Anda ataukah malah gagal. Untuk itu sebgai referensi, Anda dapat mengunjungi situs terkait
  • Twitter Validation Tool : https://dev.twitter.com/docs/cards/validation/validator untuk menguji Twitter Card di blog Anda.
  • Facebook Debugger : https://developers.facebook.com/tools/debug untuk menguji Open Graph Data di blog Anda.
  • Google Structured Data Testing Tool : http://www.google.com/webmasters/tools/richsnippets untuk menguji Scheme.org Markup di blog Anda.
  • Pinterest Rich Pins Validator : http://developers.pinterest.com/rich_pins/validator/ untuk menguji Open Graph Data di blog Anda.
Note  


Ada kalanya Google tidak bisa membaca Scheme.org di Blog Anda. Misalnya saja pada laman yang dapat menimbulkan tindakan tertentu. Sebagai contohnya adalah laman pencarian. Untuk mengatasi hal tersebut, solusi alternatifnya adalah menambahkan javascript dibawah ini tepat diatas </head> 
1
<script type="application/ld+json">{"@context": "http:\/\/schema.org","@type":"WebSite","url": "/","potentialAction": {"@type": "SearchAction","target": "/?q={search_term_string}","query-input": "required name=search_term_string"}}</script>


Lanjut lagi atau

Sekian dulu apabila ada kekurangan minta maaf.
Apabila pemirsa mencoba cara di atas dan di kemudian hari ada efek tertentu baik buruk atau bagus terhadap blog anda sekalian....Semua resiko di tanggung oleh penumpang
Selamat mencoba dan salam sukses dan salam ngeblogger mania.
Blog, Updated at: 13.20

Selamat Datang