Cara Memasang Meta Tag Seo Friendly serta Valid HTML5

Posted by Admin Ganteng on
Meta Tag adalah salah satu script optimalisasi untuk blog supaya blog dan artikel yang sudah kita buat bisa mempunyai keterangan yang jelas di Google Search. Fungsi dari meta tag sendiri adalah supaya memudahkan mesin pencari seperti Google, Bing, Yandex, Yahoo dan lain sebagainya untuk mengindek isi dari blog tersebut dan lebih mudah di urutkan di Search Engine Result Page (SERP).

Mungkin untuk orang yang baru masuk ke dunia blogger masih belum paham apa itu meta tag? dan bagaimana cara mengoptimalkannya. Sebenarnya, setiap kita download template dari creator, template tersebut sudah include meta tag, dan kita hanya perlu mensetting ulang meta tag tersebut supaya lebih optimal.

Tapi ada beberapa meta tag yang tidak rapih atau tidak berurutan, yang membuat judul atau deskripsi blog kita amburadul. Oleh karena itu, disini saya mau mencoba membagikan Meta tag yang sering saya gunakan di template blog agar lebih optimal lagi.

Sebelum ke Meta Tag-nya, ada beberapa komponen yang perlu kamu ketahui.

<meta content='Tulis deskripsi kamu di sini' name='description'/>
<meta content='Tulis Keyword kamu disini (Ex: Keyword1, Keyword2, Keyword3 dll)' name='keywords'/>
<meta content='index, follow' name='robots'/>

 Keterangan Komponen:
1. Meta Tag Description: Seperti judulnya, meta description ini berfungsi untuk menjelaskan gambaran tentang blog kamu. Biasanya kamu mensetting deskripsi ini setelah nama blog kamu. Maksimal karakter yang digunakan adalah 200 karakter.
2. Meta Tag Keyword: Keyword atau kata kunci, ini adalah komponen penting yang harus ada dalam sebuah template blog. Keyword atau kata kunci ini bisa menentukan sebuah niche yang ada dalam blog tersebut.
3. Meta Tags Robots: Berfungsi untuk menentukan indexing oleh google, konten apa saja yang perlu di index dan di publikasikan di google nanti. Ini juga merupakan komponen wajib dalam Meta Tag.

Meta Tag Seo Friendly Serta Valid HTML5
Disini saya akan membagikan contoh meta tag yang sering saya gunakan dalam berbagai template. Meskipun saya gonta ganti template, tapi untuk meta tags saya sering menggunakan meta tags ini. Pemasangannya silahkan Edit HTML template kamu biasanya terdapat meta tag dalam Template kamu dari pembuka <head> atau sebelum </head>. Hapus terlebih dahulu meta tag yang ada di template tersebut lalu pastekan meta tag berikut:

<!-- [ 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='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:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FANS-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='ID-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='ID-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'/>

Keterangan Yang Sudah Saya Block Biru.

Ganti Tulisan Keterangan Cek
DESKRIPSI-BLOG Ganti Dengan Deskripsi Blog Sobat
USER-GOOGLE-PLUS Ganti Dengan Google Plus Milik Sobat
KODE-VALIDASI-GOOGLE-WEBMASTER Ganti Dengan Kode Validasi dari Google WebMasterTools
KODE-VALIDASI-Bing-WEBMASTER Ganti Dengan Kode Validasi dari Bing WebMasterTools
NAMA-ADMIN Ganti Dengan Nama Sobat/Admin
PROFIL-FACEBOOK Ganti Dengan Link Facebook Sobat
FANS-PAGE-FACEBOOK Ganti Dengan Link Fans Facebook Sobat
ID-APLIKASI-FACEBOOK Ganti Dengan ID Aplikasi Facebook Sobat Cek Disini
ID-ADMIN-FACEBOOK Ganti Dengan ID Profil Facebook Sobat Cek Disini
USER-TWITTER Ganti Dengan Nama user Twitter Sobat
Tinggal sobat sesuaikan saja, dan ganti tulisan yang di block biru sesuai dengan keterangan. Mungkin cukup untuk tutorial Memasang Meta Tag Seo Friendly serta Valid HTML5, semoga tutorial ini bermanfaat bagi sobat.

Comments

Post a Comment