Meta Tag SEO Friendly dan Valid HTML5 Blogger

OngkiE NgeBlog - Meta tag merupakan salah satu optimasi SEO (search engine optimization) pada blog agar memiliki identitas yang jelas, sehingga memudahkan mesin pencari untuk memahami isi dari posting kamu.

Meta Tag Blogger

Dengan memasang meta tag pada blog akan memudahkan robot search engine Google atau Bing, untuk menampilkan posting blog di SERP (search engine results page).

Meta Tag Terpenting

Ada tiga elemen penting dari beberapa elemen meta tag yang di pasang pada blog/website yakni Meta tag description, Meta tag keyword dan Meta tag robot.

Meta Tag Description

Meta tag description digunakan untuk memberikan gambaran singkat mengenai isi dari halaman blog. Isi description disarankan untuk tidak lebih dari 200 karakter.
Contoh :

<meta content="Isi Meta Tag Description Kamu" name="description" />

Meta Tag Keywords

Meta tag keywords penting karena akan menentukan kata kunci apa saja yang dapat menemukan posting untuk di tampilkan pada SERP.
Contoh :

<meta content="kata kunci 1, kata kunci 2, kata kunci 3" name="keywords"/>

Meta Tag Robots

Fungsi dari Meta Tag Robot ini adalah untuk menentukan halaman blog mana yang akan diindex oleh penelusuran dan halaman blog mana yang tidak akan ditelusuri. Tag ini sangat berguna jika sebuah blog menggunakan frame untuk navigasinya.
Contoh :

<meta content="index follow" name="robots" />

Meta Tag SEO Friendly dan Valid HTML5

Bagi blog di Blogger.com kamu bisa menggunakan Meta Tag yang SEO dan juga Valid HTML5 untuk mengoptimalkan blog pada SERP agar menambah visitor.

Dibawah ini meta tag tersebut.

<!-- [ Meta Tag SEO ] -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta content='sat, 02 jun 2020 00:00:00 GMT' http-equiv='expires'/>
<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='DESKRIPSI-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/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'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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='&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;' property='og:description'/>
</b:if>
</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='http://1.bp.blogspot.com/-eAeO-DYJDws/Vkqtj4HFBFI/AAAAAAAAB0o/Q5OLsyONXM0/s1600-r/nth.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='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' 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='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>

Catatan :

Sebelum meta tag diatas dipasang pada blog, kamu sesuaikan terlebih dahulu pada kata yang sudah di tandai.
Berikut penjelasannya :

Tulisan yang ditandaiPenjelasan
DESKRIPSI-BLOGIsi dengan deskripsi atau kata kunci blog
USER-GOOGLE-PLUSIsi dengan link Google+ kamu.
KODE-VALIDASI-GOOGLE-WEBMASTERIsi dengan kode validasi Google di Search Console
KODE-VALIDASI-BING-WEBMASTERIsi dengan kode validasi Bing Webmaster.
NAMA-ADMINIsi dengan nama kamu.
id dan IndonesiaIsi dengan kode negara dimana blog kamu dipublikasikan
PROFIL-FACEBOOKIsi dengan link profil Facebook sobat
FAN-PAGE-FACEBOOKIsi dengan link Fan Page Facebook kamu.
KODE-APLIKASI-FACEBOOKIsi dengan kode App Facebook kamu, bisa buat di https://developers.facebook.com
KODE-ADMIN-FACEBOOKIsi dengan kode profil Facebook kamu.
USER-TWITTERIsi dengan nama user Twitter kamu.

Setelah dicopy dan disesuaikan meta tag seo dan valid html5 diatas sekarang tinggal kita pasang, caranya sangat mudah cukup paste kan di bawah tag <head> atau sebelum </head>

Sekian tips kali ini mengenai Meta Tag SEO Friendly dan Valid HTML5 untuk blog di blogger.com
Semoga bermanfaat...

Tidak ada komentar:

Silahkan berkomentar sesuai pembahasan postingan, No SARA!!!

Diberdayakan oleh Blogger.