Tutorial

Cara Memasang Meta Tag Seo Friendly Terbaru 2018

Rizky Dian Syahputra
Jumat, Juni 26, 2020
1 Komentar
Beranda
Tutorial
Cara Memasang Meta Tag Seo Friendly Terbaru 2018
Meta Tag Yang Seo Friendly Terbaru 2018 - Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi sebagai pemberi informasi metadata dari sebuah halaman web. Elemen meta ini harus diletakkan pada bagian “head” dalam HTML tersebut. Tag meta ini dapat dipakai juga untuk menyatakan deskripsi/keterangan dari suatu halaman web dan untuk menjelaskan mengenai kata kunci [ keyword ] yang terkait serta untuk metadata lain tanpa “head”. Secara umum, terdapat beberapa macam meta tag dengan fungsi yang berbeda. Beberapa fungsi tersebut misalnya meta keywords, robots, dan descriptio [ WIKIPEDIA ]       

                                                                                                                                                     
Guna dari meta tag ini adalah agar google tidak kesulitan untuk mengindex blog / website kamu. ada 3 bagian yang sangat terpenting yaitu Meta Title, Meta Desc, Meta Keyword, jadi sudah jelas Meta Tags berperan sangat penting untuk blog.


Cara Memasang Meta Tag Seo Friendly Terbaru 2018




Cara Mudah Memasang Meta Tag Yang Seo Friendly Terbaru 2018


Kode Meta Tag nya :


<meta charset='utf-8'/>
<!--[if lt IE 9]> <script src="https://www.blogger.com/static/v1/jsbin/4044097237-ieretrofit.js"> </script> <![endif]-->
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' expr:title='data:blog.title + &quot; - RSS&quot;' rel='alternate' type='application/rss+xml'/>
<link expr:href='&quot;//www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;' expr:title='data:blog.title + &quot; - Atom&quot;' rel='alternate' type='application/atom+xml'/>
<link href='//www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<meta content='XXXXX' name='google-site-verification'/>
<meta content='XXXXX' name='msvalidate.01'/>
<meta content='XXXXX' name='yandex-verification'/>
<link href='//plus.google.com/XXXXX/posts' rel='publisher'/>
<link href='//plus.google.com/XXXXX/about' rel='author'/>
<link href='//plus.google.com/XXXXX' rel='me'/>
<!-- SEO Title Tag -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<title>Archive For <data:blog.pageName/></title>
<meta content='noindex,nofollow,noarchive' name='robots'/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found</title>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
</b:if>
</b:if>
<!-- SEO Meta Tag -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
</b:if>
<meta content='YOUR KEYWORDS HERE' name='keywords'/>
<b:if cond='data:blog.homepageUrl == data:blog.url'>
<meta content='YOUR DESCRIPTION HERE' name='description'/>
<meta content='YOUR DESCRIPTION HERE' property='og:description'/>
<meta content='YOUR DESCRIPTION HERE' property='twitter:description'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='twitter:description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='twitter:description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<meta content='all' name='audience'/>
<meta content='YOUR NAME' name='author'/>
<meta content='blogger' name='generator'/>
<meta content='translate' name='google'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<!-- SEO Meta Tag end -->
&lt;script type=&quot;text/javascript&quot;&gt;(function() { var a=window,c=&quot;jstiming&quot;,d=&quot;tick&quot;;var e=function(b){this.t={};this.tick=function(b,o,f){f=void 0!=f?f:(new Date).getTime();this.t[b]=[f,o]};this[d](&quot;start&quot;,null,b)},h=new e;a.jstiming={Timer:e,load:h};if(a.performance&amp;&amp;a.performance.timing){var i=a.performance.timing,j=a[c].load,k=i.navigationStart,l=i.responseStart;0&lt;k&amp;&amp;l&gt;=k&amp;&amp;(j[d](&quot;_wtsrt&quot;,void 0,k),j[d](&quot;wtsrt_&quot;,&quot;_wtsrt&quot;,l),j[d](&quot;tbsd_&quot;,&quot;wtsrt_&quot;))}
try{var m=null;a.chrome&amp;&amp;a.chrome.csi&amp;&amp;(m=Math.floor(a.chrome.csi().pageT));null==m&amp;&amp;a.gtbExternal&amp;&amp;(m=a.gtbExternal.pageT());null==m&amp;&amp;a.external&amp;&amp;(m=a.external.pageT);m&amp;&amp;(a[c].pt=m)}catch(n){};a.tickAboveFold=function(b){var g=0;if(b.offsetParent){do g+=b.offsetTop;while(b=b.offsetParent)}b=g;750&gt;=b&amp;&amp;a[c].load[d](&quot;aft&quot;)};var p=!1;function q(){p||(p=!0,a[c].load[d](&quot;firstScrollTime&quot;))}a.addEventListener?a.addEventListener(&quot;scroll&quot;,q,!1):a.attachEvent(&quot;onsFroll&quot;,q);
 })();&lt;/script&gt;
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<script type='application/ld+json'>
{&quot;@context&quot;: &quot;https://schema.org&quot;,&quot;@type&quot;: &quot;WebSite&quot;,&quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;,&quot;potentialAction&quot;: {&quot;@type&quot;: &quot;SearchAction&quot;,&quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;,&quot;query-input&quot;: &quot;required name=search_term&quot;}}
</script>
<!-- Tag Facebook Open Graph -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
  <meta property='og:type' content='article'/>
<b:else/>
  <meta property='og:type' content='website'/>
</b:if>
<meta content='ID FANPAGE FACEBOOK' property='fb:app_id'/>
<meta content='ID FB ADMIN' property='fb:admins'/>
<meta content='id_ID' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='en_GB' property='og:locale:alternate'/>
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta property='og:url' expr:content='data:blog.canonicalUrl'/>
<!-- Large image, original size -->
<b:if cond='data:blog.postImageUrl'>
  <meta property='og:image' expr:content='data:blog.postImageUrl'/>
<b:else/>
  <!-- Thumbnail image, 72 × 72 pixels -->
  <b:if cond='data:blog.postImageThumbnailUrl'>
    <meta property='og:image' expr:content='data:blog.postThumbnailUrl'/>
  <b:else/>
    <!-- Default, no image. Use favicon or your own image URL -->
    <meta property='og:image' expr:content='data:blog.blogspotFaviconUrl'/>
  </b:if>
</b:if>
<!-- Tag Twitter Open Graph -->
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta name='twitter:card' value='summary'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='XXXXX' name='twitter:creator'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.postImageThumbnailUrl'>
<link expr:href='data:blog.postImageThumbnailUrl' rel='image_src'/>
</b:if>
</b:if>

Langkah langkah nya :


  1. Pergi Ke blogger.com
  2. Pilih "Tema"
  3. Pilih "Edit Html"
  4. Cari Kode "<head>" [ Ctrl + F untuk memudahkan Pencarian ] 
  5. Lalu pastekan kode Meta Tag nya tepat dibawah kode "<head>"
  6. Lalu Simpan



Baca Juga : Cara Mengganti Background Blog Dengan Warna


Itulah sedikit tentang Cara Memasang Meta Tag Seo Friendly Terbaru 2018, tapi jangan salah ya dengan kamu memasang meta tag ini bukan berarti artikel kamu harus masuk halaman 1 google, tetapi yang menentukan nya artikel yang berkualitas. wassalam... 

Penulis blog

Rizky Dian Syahputra
Rizky Dian Syahputra
I'm stuttering, heal me O Allah. The world is hard my friend, keep learning

1 komentar

  1. Biswajit Das
    Biswajit Das
    27 Desember 2019 pukul 08.11
    Hello, Thank you for your article share with us. It's very helpful for me. If you want to check your meta length then go for my meta title length checker tool.
Berkomentar lah sesuai judul diatas