Beranda / Tutorial Blogger

Cara Membuat Meta Tag SEO Friendly Valid HTML5 Untuk Blogspot

Ditulis oleh Zulfan
Cara Membuat Meta Tag SEO Friendly Valid HTML5 Untuk Blogspot
Sumber: www.zulfanlife.net

Untuk pembaca yang belum mengerti apa itu Meta Tag saya akan  menjelaskan sedikit tentangnya.

Meta Tag adalah sekumpulan kode yang memberikan informasi kepada Robot mesin pencari agar artikel yang ada di blog kita dengan mudah terindeks oleh mesin pencari seperti Google Search, Yahoo Search, Bing Search dan lain sebagainya.

Maka dari itu, meta tag mesti dimasukan ke dalam template blog sobat masing-masing agar artikel yang ada di blog sobat dengan mudah terindeks oleh mesin pencari.

Cara Membuat Meta Tag SEO Friendly Valid HTML5 Untuk Blogspot

<!-- [ Meta Tag SEO ] -->
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url' rel='canonical'/>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != &quot;error_page&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ &quot;@context&quot;: &quot;http://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>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='KEYWORD BLOG' name='keywords'/></b:if>
<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;http://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'/>
<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>
<link expr:href='data:blog.url' hreflang='x-default' rel='alternate'/>
<link href='/favicon.ico' rel='icon' type='image/x-icon'/>
<link href='https://plus.google.com/URL Profil G+/posts' rel='publisher'/>
<link href='https://plus.google.com/URL Profil G+/about' rel='author'/>
<link href='https://plus.google.com/URL Profil G+' rel='me'/>
<meta content='Validasi Webmaster' name='google-site-verification'/>
<meta content='Validasi Bing' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='Nama Anda' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<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'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<b:else/> <b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<b:else/>
<meta expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='Deskripsi Blog' property='og:description'/>
</b:if> 
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/URL PROFILE FB' property='article:author'/>
<meta content='https://www.facebook.com/URL FANPAGE FB' property='article:publisher'/>
<meta content='ID APLIKASI FB' property='fb:app_id'/>
<meta content='ID FANPAGE FB' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USERNAME TWITTER' name='twitter:site'/>
<meta content='USERNAME TWITTER' name='twitter:creator'/>
Salin semua kode di atas dan letakan kode di atas tersebut di bawah <head> atau sebelum </head>.

Keterangan

  1. Keyword Blog ganti dengan kata kunci blog sobat.
  2. URL Profil G+ ganti dengan URL Profil Google Plus.
  3. Validasi Webmaster ganti dengan kode validasi Google Web Master Tools.
  4. Validasi Bing ganti dengan kode validasi Bing Web Master Tools.
  5. Nama Anda ganti dengan nama pemilik atau penulis blog.
  6. ID dan Indonesia ganti dengan lokasi dimana sobat membuat postingan.
  7. data:blog.blogspotFaviconUrl bisa di ganti dengan URL logo atau favicon blog sobat.
  8. Deskripsi Blog ganti dengan deskripsi singkat blog sobat, maksimal 200 karakter.
  9. URL PROFILE FB ganti dengan URL profil akun fb sobat.
  10. URL FANPAGE FB ganti dengan URL profil fanpage fb sobat.
  11. ID APLIKASI FB ganti dengan id Aplikasi fb sobat, buat id aplikasinya di https://developers.facebook.com.
  12. ID FANPAGE FB ganti dengan id Fanpage fb sobat, ambil di http://findmyfbid.com/.
  13. USERNAME TWITTER ganti dengan Username Twitter sobat.
Silahkan ubah kode-kode yang saya tandai sesuai blog sobat.
Demikian Cara Membuat Meta Tag SEO Friendly Valid HTML5 Untuk Blogspot.

Tidak ada komentar

Posting Komentar