Pada kesempatan kali ini saya akan memberikan tutorial bagaimana Cara Mudah Menerapkan Meta Tag SEO Friendly HTML5 Pada Blog. Karna banyak dari para blogger yang belum mengetahui tentang meta tag SEO, terutama bagi para pemula yang baru terjun ke dunia blogger yang ingin mempelajari tentang SEO dan ingin blognya cepat di indeks di mesin penelusuran.
Meta Tag SEO adalah barisan kode yang berfungsi untuk mengoptimasi suatu blog dan artikel kita agar memiliki identitas dan deskripsi yang jelas, yang bertujuan agar blog atau artikel kita mudah ditelusuri oleh mesin penelusuran atau robot penelusuran.
Seperti google, Yandex, bing, maupun mesin penelusuran lainnya, sehingga blog atau artikel kita dapat bersaing di peringkat teratas mesin penelusuran.
Diharapkan dengan Menerapankan Meta Tag SEO Friendly HTML5 mampu memberikan dapak yang positif bagi bagi blog anda di mesin penelusuran, terutama untuk menarik pengunjung ke blog atau setidaknya artikel yang kita buat dapat dengan mudah bersaing di page rank google dan Search Engine Results Page (SERP).
Saya juga menerapkan Meta tag tersebut di blog saya. Saya telah menyusun meta tag di bawah ini dengan sedemikian rupa agar terlihat lebih rapi, mudah dipahami dan mudah untuk di edit, yang di dalamnya terdapat meta deskripsi, meta tag color, meta keyword, meta title, author, Media Sosial dan lainnya.
Cara Mudah Menerapkan Meta Tag SEO Friendly HTML5 Pada Blog
1. Buka blog anda > Tema > Pilih Edit HTML
2. Cari kode dan letakkan kode ini tepat berada di bawah <head> atau <head>
<!-- [ 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 == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<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 != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI/KATA-KUNCI' name='keywords'/></b:if>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/>
<link expr:href='"http://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<b:if cond='data:blog.pageType == "item"'>
<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/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- Meta Tag Theme Color -->
<meta content='#000000' name='msapplication-navbutton-color'/>
<meta content='#000000' name='apple-mobile-web-app-status-bar-style'/>
<meta content='#000000' name='theme-color'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta content='website' property='og:type'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</b:if>
<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 content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrmhp2f9n5ORyTf8yESZapONX6NFGdblXvJnwaJnHGIjXu0UGkXSUaOu95LHBwQL8xFoP4b79TrMyd4OINL2lIgUSuuccapcde7pTo5HLJ5wHEctWoqXGGBEIhWpMAwYk-JekYxqvdRsxJ/s1600/Arlina+Logo.png' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<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='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<!-- Schema WebSite -->
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "@id": "#website", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>search?q={search_term}", "query-input": "required name=search_term" } }</script>
<link href='//adservice.google.ca' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//adservice.google.com' rel='dns-prefetch'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//disqus.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//cdn.rawgit.com' rel='dns-prefetch'/>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>
<link href='//fonts.gstatic.com' rel='dns-prefetch'/>
<link href='https://3p.ampproject.net' rel='dns-prefetch'/>
<link href='https://lh3.googleusercontent.com' rel='dns-prefetch'/>
<link href='https://tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='https://i.ytimg.com' rel='dns-prefetch'/>
<link href='https://i3.ytimg.com' rel='dns-prefetch'/>
<link href='https://img.youtube.com' rel='dns-prefetch'/>
<link href='https://www.googletagmanager.com' rel='dns-prefetch'/>
<link href='https://adservice.google.co.id/' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com/' rel='dns-prefetch'/>
<link href='//resources.blogblog.com/' rel='dns-prefetch'/>
3. Selanjutnya Pilih Simpan Tema
Keterangan Meta tag:
| Nama | Keterangan |
|---|---|
| DESKRIPSI/KATA-KUNCI | Isi dengan deskripsi atau kata kunci blog anda |
| USER-GOOGLE-PLUS | Isi dengan link Google+ admin blog anda |
| KODE-VALIDASI-GOOGLE-WEBMASTER | Isi dengan kode validasi Google di Search Console |
| KODE-VALIDASI-BING-WEBMASTER | Diisi dengan kode validasi Bing Webmaster |
| NAMA-ADMIN | Isi dengan nama penulis |
| id dan Indonesia | Isi dengan kode negara lokasi dimana blog sobat dipublikasikan atau diposting |
| PROFIL-FACEBOOK | Isi dengan link profil Facebook sobat* |
| FAN-PAGE-FACEBOOK | Isi dengan link Fans Page Facebook* |
| KODE-APLIKASI-FACEBOOK | Isi dengan kode Aplikasi Facebook* |
| KODE-ADMIN-FACEBOOK | Isi dengan kode profil Facebook* |
| USER-TWITTER | Isi dengan nama user Twitter anda* |
Keterangan Meta Tag Theme Color:
| Nilai | Keterangan |
|---|---|
| #00000 | Diisi dengan warna template atau warna keinginan anda (ini berefek pada penggunaan smartphone, akan merubah warna tampilan System Ui anda |
Jika ada yang belum paham kegunaan dari DNS-Prefetch pada Meta Tag SEO yaitu berfungsi untuk memaksimalkan loading dalam memuat tautan blog.
Demikian Tutorial bagaimana Cara Mudah Membuat Gambar Lebih SEO Pada Postingan Blog serta kegunaannya. Semoga artikel yang saya buat dapat bermanfaat bagi kita semua. Selamat mencoba dan sampai jumpa.