Meta Tag SEO Friendly dan Valid HTML5 Terbaru Blogger

Daftar isi [Tampil]
Serieswans.com | Meta Tag SEO Friendly dan Valid HTML5 Terbaru untuk Blogger - Hallo sahabat blogger, pada postingan kali ini saya akan membagikan tips SEO (Search Engine Optimization) untuk Blog dengan menggunakan Meta Tag. apa sih meta tag itu ? Meta Tag merupakan barisan kode yang fungsinya memberikan informasi berupa metadata yang terkait dengan document XHTML dan HTML berdasarkan fungsi yang ada di halaman situs website ataupun blog.
Meta Tag SEO Friendly dan Valid HTML5 Terbaru untuk Blogger
Meta Tag SEO Friendly dan Valid HTML5 Terbaru 

Memasang Meta Tag adalah cara paling bagus bagi seorang blogger untuk memberikan informasi mengenai halaman web atau blog yang di buatnya kepada mesin pencarian seperti Google, Bing dan alat penelusuran lainnya. agar mesin pencarian mudah memahami isi halaman blog anda, maka pemasangan meta tag itu juga harus benar. jadi tidak boleh asal-asalan ya harus teliti.

Didalam Meta Tag SEO Friendly dan Valid HTML5 ini ada beberapa elemen penting dan harus anda pahami yaitu :

Meta Tag Keyword

Meta Tag Keyword adalah bagian yang sangat penting, karena elemen inilah yang menentukan setiap kata kunci yang anda tentukan agar bisa menemukan halaman blog pada sebuah mesin penelusuran. contoh meta tagnya seperti ini.

<meta content='Tulis Deskripsi Blog anda di sini'  name='description'/>

Meta Tag Deskripsi

Meta Tag Deskripsi fungsinya untuk memberikan sebuah gambara umum mengenai isi dari halaman blog anda, untuk panjang deskripsi ini di sarankan  tidak boleh lebih dari 200 karakter. berikut adalah contoh penggunaan meta tag deskripsi yang bisa anda gunakan.

<meta content='Masukan beberapa kata kunci pada blog anda' name='keywords'/>

Meta Tag Robots

Meta Tag Robots merupakan element yang sangat berpengaruh sekali mengenai halaman blog anda. karena jika anda salah mengaturnya, bisa-bisa  seluruh halaman postingan anda tidak akan di index oleh google.

Perlu anda ketahui anda harus mengatur Meta Tag robot index dan ada yang harus no index. misalkan saja untuk meta tag robot di bagian postingan dan halaman homepage, harus anda atur menjadi Index (yang artinya anda telah mengizinkan mesin pencari google atau google bot ini untuk merayapi halaman blog tersebut).

Sedangkan meta tag robots no index ini anda bisa atur untuk halaman archive dan label. karena menurut saya halaman tersebut tidak begitu penting untuk muncul di mesin penelusuran (Search Engine). contoh penggunaanya bisa anda lihat di bawah ini.

<b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>
<meta content='noindex/nofollow' name='robots'/>
<meta content='noindex/nofollow' name='googlebot'/>
<b:elseif cond='data:view.isSingleItem or data:view.isHomepage'/>
<meta content='index/follow' name='robots'/>
<meta content='index/follow' name='googlebot'/>
</b:if>

Open Graph Facebook dan Twitter

Bagi saya elemen ini juga sangat di butuhkan, karena fungsi element ini adalah menampilkan data profil blog anda seperti Meta Deskripsi, nama blog, Author, Publisher. ketika anda ingin membagikan postingan atau halaman blog anda ke facebook ataupun Twitter.

Berikut adalah contoh penggunaan dari meta tag ini. jangan lupa setelah anda memasang meta Open Graph Facebook dan Twitter. anda di haruskan untuk memvalidate markup data yang sudah anda atur di halaman Facebook object Debugger Tools dan Twitter Card Validator Tools.

<meta content='https://www.facebook.com/alamat-profil-facebook' property='article:author'/>
<meta content='https://www.facebook.com/alamat-fanpage-facebook' property='article:publisher'/>
<meta content='isi-kode-aplikasi-facebook' property='fb:app_id'/>
<meta content='isi-kode-admin-facebook' property='fb:admins'/>
<meta content='isi-kode-profil-facebook' property='fb:profile_id'/>
<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'/>

Meta Tag SEO Friendly dan Valid HTML5 Terbaru

Di bawah ini sudah saya siapkan Meta Tag SEO Friendly and Valid HTML5 yang sudah saya gunakan pada blog serieswans.com. dengan memasang Meta Tag SEO Friendly ini digunakan sebagai cara untuk optimasi blog anda. asalkan anda benar-benar memperhatikan penggunan meta tag yang ingin di gunakan pada template blog anda.

Bagaimana Cara Memasang Meta Tag SEO Friendly dan Valid HTML5 :

  • Login ke blogger.com dan masuk ke Dashboard Blogger.
  • Pilih menu Tema =>Edit HTML
  • Silahkan anda copy kode Meta Tag SEO Friendly di bawah ini. kemudian ikuti cara mengatur dan penggunaanya.

<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='Masukan-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://www.blogger.com/profile/Masukan-Profil-ID-Blog-anda' rel='publisher'/>
<link href='https://www.blogger.com/profile/Masukan-Profil-ID-Blog-anda' rel='author'/>
<link href='https://www.blogger.com/profile/Masukan-Profil-ID-Blog-anda' rel='me'/>
<meta content='masukan-kode-verifikasi-google-webmaster' name='google-site-verification'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='nama-admin-blog' 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.pageType == &quot;item&quot;'>
<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='url-logo-blog' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/alamat-profil-facebook' property='article:author'/>
<meta content='https://www.facebook.com/alamat-fanpage-facebook' property='article:publisher'/>
<meta content='isi-kode-aplikasi-facebook' property='fb:app_id'/>
<meta content='isi-kode-admin-facebook' property='fb:admins'/>
<meta content='isi-url-profil-facebook' property='fb:profile_id'/>
<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'/>

  • Untuk cara Mengatur dan Penggunaanya, bisa anda lihat tabel di bawah ini.
Masukan-Deskripsi-blog Isi dengan Deksripsi Blog anda
Masukan-Profil-ID-Blog-anda Isi dengan ID Profil Blog anda
masukan-kode-verifikasi-google-webmaster Isi dengan kode verifikasi Google Webmaster
nama-admin-blog Isi Nama Author Blog atau penulis
id Isi kode ID negara
url-logo-blog Isi url logo blog
alamat-profil-facebook Isi url Profil Facebook anda
alamat-fanpage-facebook Isi url Fanspage Facebook anda
isi-kode-aplikasi-facebook Isi dengan kode App Facebook anda, silahkan buat di https://developers.facebook.com
isi-kode-admin-facebookk Isi dengan kode admin Facebook anda, silahkan cek di http://findmyfbid.com
isi-url-profil-facebook Isi url Profil Facebook anda
@user-twitter Isi dengan nama Twitter anda

  • Setelah selesai mengatur penggunaan Meta Tag SEO Friendly, sekarang tinggal kita pasang ke template blog.
  • Silahkan Copy Meta Tag yang sudah di atur tadi dan letakan di bawah kode <head> atau di atas kode </head> 
  • Terakhir, simpan Tema

Nah, demikian pembahasana mengenai cara memasang Meta Tag SEO Friendly dan Valid HTML5 Terbaru untuk Blogger. jangan lupa share dan tinggalkan pesan anda di kolom komentar. semoga bermanfaat dan terima kasih.
Show comments
Hide comments

2 Komentar untuk "Meta Tag SEO Friendly dan Valid HTML5 Terbaru Blogger"

  1. harus segera du pgrade nih meta tag nya yang punya aku,

    BalasHapus
    Balasan
    1. Iya gan, saran saya lebih baik di upgrade Meta Tagnya

      Hapus
Catatan Untuk Para Jejaker
  • Mohon Tinggalkan jejak sesuai dengan judul artikel.
  • Tidak diperbolehkan untuk mempromosikan barang atau berjualan.
  • Dilarang mencantumkan link aktif di komentar.
  • Komentar dengan link aktif akan otomatis dihapus
  • *Berkomentarlah dengan baik, Kepribadian Anda tercemin saat berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel