Cara Memasang Meta Tag SEO Friendly Untuk Blogger Setiap blogger pasti menginginkan blognya menjadi Blog yang SEO Friendly. Dengan blog yang SEO, blog akan menjadi ramah dan bahkan mudah untuk ditemukan oleh mesin pencari. Untuk membuat blog yang SEO tentu anda harus mengoptimalkan beberapa hal, salah satunya adalah Meta Tag.
Meta Tag sangatlah penting untuk membuat blog anda menjadi blog yang SEO Friendly. Dan meta tag ini memiliki peranan yang wajib untuk diperhatikan. Banyak sekali template blog yang beredar di Internet sudah menggunakan Meta Tag. Namun Sekedar mengingat kembali saya akan mengulas mengenai bagaimana caranya memasang meta tag SEO Friendly di Blog.
Sebelum itu perlu anda ketahui mengenai Fungsi dan
Manfaat dari Meta Tag adalah
Fungsi Meta Tag :
- Meta Tag dapat membantu robot google dalam mengindeks konten-Konten yang ada di blog Anda.
- Membuat blog dan artikel-artikel blog lebih cepat terindeks pada mesin pencari.
- Membuat postingan atau artikel lebih cepat terindeks mesin pencari berdasarkan kata kunci atau keyword anda.
Sedangkan manfaat dari Meta Tag itu sendiri adalah :
- Membuat blog Anda menjadi ramai visitor / pengunjung apabila anda berhasil menerapkan meta tag. ( namun ramai atau tidaknya itu tergantung dari blog anda dan konten anda )
- Memungkinkan artikel-artikel Anda berada pada posisi halaman pertama Google. ( Tak hanya Google, namun mesin pencari/Search Engine lain)
- Judul artikel / postingan lebih mudah terindeks oleh mesin pencari.
- Menaikkan trafik dan PR ( PageRank ) blog Anda.
Nah, Itu dia Fungsi dan manfaat dari Meta Tag.
Mungkin diantara sobat blogger masih ada yang belum faham dengan meta tag ini, baiklah di sini saya akan menjelaskan sedikit tentang meta tag pada template blogger.
Meta tag merupakan salah satu optimasi pada blog agar blog dan artikel yang kita posting memiliki identitas yang jelas. Sehingga blog akan lebih mudah ditelusuri robot penelusuran seperti pada browser Google, Bing, atau alat penelusuran lainnya dan akan lebih mudah diurutkan di SERP
(search engine results page).
Adapun fungsi meta tag pada dasarnya terdiri dari beberapa elemen penting diantaranya :
Meta tag description Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman blog sobat. Ukurannya disarankan tidak lebih dari 200 karakter. Dan usahakan agar description ini bisa menjadi :
<meta content='Tulis deskripsi di sini' name='description'/>
Meta tag keyword Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman blog pada search engine.
<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/>
Meta tag robots Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman blog mana yang akan diindex oleh penelusuran dan halaman blog mana yang tidak akan ditelusuri. Tag ini sangat berguna sekali terutama jika suatu blog menggunakan frame untuk navigasinya.
<meta content="index follow" name="robots"/>
Ketiga komponen meta tag ini jika dipadukan maka bentuknya seperti di bawah ini :
<meta content='Tulis deskripsi di sini' name='description'/>
<meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>
Nah, setelah sobat mengetahui fungsi dan beberapa komponen dasar yang wajib sobat terapkan pada template blog. Sekarang saya akan menjelaskan satu persatu pada kode xxxxx yang sering terdapat pada template yang saya bagikan.
Meta Tag Seo Friendly dan Valid HTML5
Di sini saya akan membagikan contoh meta tag Seo Friendly dan Valid HTML5 yang saya gunakan pada template Simplify 2 versi terbaru sekaligus sebagai jawaban sobat blogger tentang cara menghilangkan judul blog saat berbagi artikel ke sosial media. Kode di bawah ini dapat sobat pasang di bawah tag pembuka
<head> atau sebelum
</head>
<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 == "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-BLOG' 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'/>
<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.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/AVvXsEgHxTyc3CmS7qJhok_J0dSIkcykfehdgrLerLQjp8ywpmDOuZD73s4ufFBRmwWRptWVYgD-Zo_EkJsu7avCpTeDIuO2qHKTsovzSqzVqUa7wgk9gngGx7PyVFgGkTm7qO1GpeR_hIpsqjyc/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='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'/>
Keterangan
| Tulisan | Penjelasan |
|---|
| DESKRIPSI-BLOG | Diisi dengan deskripsi atau kata kunci blog |
| USER-GOOGLE-PLUS | Diisi dengan link Google+ admin blog, contoh : +ArlinaFitriyaniDee |
| KODE-VALIDASI-GOOGLE-WEBMASTER | Diisi 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 |
| PROFIL-FACEBOOK | Isi dengan link profil Facebook sobat |
| FAN-PAGE-FACEBOOK | Isi dengan link Fan Page Facebook |
| KODE-APLIKASI-FACEBOOK | Isi dengan kode App Facebook, bisa buat di https://developers.facebook.com |
| KODE-ADMIN-FACEBOOK | Isi dengan kode profil Facebook sobat, dapatkan di http://findmyfbid.com |
| USER-TWITTER | Isi dengan nama user Twitter sobat |
* = Hapus jika tidak digunakan
Sesuaikan kembali kode xxxxx pada template sobat dengan penempatan meta tag di atas atau cukup ganti meta tag yang sudah ada dengan meta tag ini.
Baiklah Langsung saja menuju Cara Membuat Tombol Back to Top - Kembali ke Atas Responsive Fast Loading Di Blog
