Cara Mudah Memasang Meta Tag SEO di Blogger

Cara Mudah Memasang Meta Tag SEO di Blogger

Dalam perkembangannya, saat ini blog bukan hanya menjadi tempat berbagi artikel. Namun blog bahkan telah menjadi salah satu bentuk persaingan untuk memperoleh popularitas, penghargaan, hingga lahan bisnis. Dengan berkembangnya internet, sistem di dalamnya perlahan menjadi lebih kompleks untuk melengkapi keperluan penggunanya.

Blogger, salah satu blog engine yang cukup populer menjadi pilihan sebagian orang karena tidak memerlukan hosting yang berbayar. Selain itu Blogger juga membebaskan penggunanya untuk melakukan modifikasi dari segi tampilan hingga tingkat SEO friendly.

Salah satu cara yang paling banyak digunakan untuk meningkatkan level SEO sebuah blog adalah dengan menggunakan tag meta. Tag meta atau dalam bahasa Inggris disebut meta tag merupakan salah satu tag dalam HTML yang berfungsi untuk menyediakan informasi bagi mesin pencari selama proses crawling, atau perayapan isi blog. Proses tersebut adalah saat dimana mesin pencari (seperti Google, Bing, Yahoo, dll) mulai mengindeks sebuah situs dan mengumpulkan informasi yang nantinya ditampilkan pada hasil pencarian. Tag meta juga berfungsi untuk memberitahu mesin pencari tentang informasi mana yang tidak boleh ditampilkan.

Namun perlu diketahui bahwa tag meta tidak hanya ada satu. Banyak orang yang mencari-cari dan mengumpulkan informasi untuk mengetahui tag meta apa saja yang paling baik dipasang pada blog. Oleh karena itu berikut ini 2 jenis tag meta yang cocok kamu pasang di Blogger.

Meta Tag Dasar yang SEO Friendly

Meta tag dasar ini merupakan tag meta yang kebanyakan digunakan pada situs-situs blog, namun tidak semua yang bentuknya sama. Tag meta ini akan membantu kamu mengembangkan karir blog dengan baik. Ikuti langkah-langkah berikut ini untuk memasang tag meta yang SEO di blog kamu.
  1. Buka Blogger
  2. Buka bagian Tema lalu klik tombol Edit HTML
  3. Temuka <head> di blog kamu, dan tambahkan tag meta berikut di bawahnya. Jika terdapat beberapa tag yang sudah ada kamu bisa menggantinya dengan tag meta baru di bawah ini
  4. <!-- [ 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='xxxxx' 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'/>
    <meta content='xxxxx' name='google-site-verification'/>
    <meta content='xxxxx' name='msvalidate.01'/>
    <meta content='xxxxx' name='alexaVerifyID'/>
    <meta content='Indonesia' name='geo.placename'/>
    <meta content='xxxxx' name='Author'/>
    <meta content='general' name='rating'/>
    <meta content='id' name='geo.country'/>
  5. Ganti bagian yang ditandai sesuai informasi di blog kamu, untuk lebih jelas kamu bisa lihat pada tabel di bawah
  6. Setelah mengganti bagian-bagian tersebut, klik tombol Simpan

NoName/RelContent
1KeywordsKata kunci untuk blog kamu
5google-site-verificationIsi dengan kode verifikasi kepemilikan pada Google Webmaster
6msvalidate.01Isi dengan kode verifikasi kepemilikan pada Bing!
7alexaVerifyIDIsi dengan kode verifikasi Alexa
8AuthorPada author kedua isi dengan nama kamu atau nama pemilik blog tersebut

Tag Meta untuk Media Sosial di Blogger

Tidak sampai disitu, tag meta diatas merupakan bagian dasar dan beberapa inisialisasi serta kepemilikan, selanjutnya kamu perlu menambahkan meta tag untuk media sosial dan publikasi, meta tag yang tentunya juga SEO friendly. Letakkan kode berikut ini di bawah kode diatas tadi dalam HTML blog kamu.

<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>  
<b:if cond='data:blog.url'>
<meta expr:content='data:blog.url' property='og:url'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.pageName'>
<meta expr:content='data:blog.pageName' property='og:title'/>
</b:if></b:if></b:if></b:if>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<meta content='website' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<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 expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='xxxxx' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='xxxxx' property='fb:app_id'/>
<meta content='xxxxx' 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='xxxxx' name='twitter:site'/>
<meta content='xxxxx' name='twitter:creator'/>

Sama seperti sebelumnya, kamu tinggal mengganti bagian yang ditandai diatas, kamu bisa melihat penjelasannya pada tabel berikut.

NoName/Rel/PropertyContent
1og:descriptionIsi dengan deskripsi yang kamu gunakan untuk blog
2fb:app_idIsi dengan kode facebook app_id
3fb:adminsIsi dengan kode facebook admin_id
4twitter:siteIsi dengan id untuk akun twitter blog kamu (jika ada)
5twitter:creatorIsi dengan id untuk akun twitter pemilik blog (jika ada)

Bagian yang mungkin sedikit membingungkan adalah content untuk fb:app_id dan fb:admins. Untuk mempelajari cara mengisi bagian tersebut, kamu bisa mengetahuinya pada Cara Mendapatkan FB Admin ID, FB App ID untuk Blogger.

Itulah beberapa langkah yang bisa kamu lakukan untuk memasang tag meta yang SEO di blog kamu. Semoga artikel ini bisa bermanfaat. Jangan lupa untuk memberikan komentar terbaik kamu di bagian bawah atau melalui halaman kontak. Baik itu berupa pertanyaan ataupun pernyataan. Terima kasih dan sampai jumpa!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel