Daftar Meta Tag SEO Friendly Blog Terbaik Terpopuler di Dunia

Artikel ini sebenarnya sebagai artikel tambahan daftar meta tag SEO friendly di dunia, khususnya bagi pengguna blogspot sebagai platform blognya. Meta tag itulah yang populer digunakan oleh para desainer blog di dunia. Yang saat ini paling terkenal baik di kalangan desainer yaitu lebih dikenal sebagai All in One SEO Pack yang menjadi salah satu kombinasi SEO meta tag saingan Yoas di wordpress self hosting.

Sebenarnya apa sih meta tag itu? Kok tiba-tiba malah sudah masuk ke inti, padahal ane felum faham.

Gini lo. Meta tag itu ibaratnya sebagai sebuah kartu nama diri kita, yang berisi berbagai informasi pokok/ dasar dan menjadi sebuah kunci dikenalnya kita di negeri ini. Bahkan jika seseorang tidak teridentifikasi sebagai warga penduduk (tidak mempunyai KTP), yah gak bisa “nyolob” saat pemilu kali, hehe.

Itulah sebabnya, meta tag sebuah blog akan menjadi super duper sangat penting sekali. Untuk lebih jelasnya, berikut ini ada beberapa penjelasan versi lain mengenai meta tag:

Meta tags are snippets of text that describe a page’s content; the meta tags don’t appear on the page itself, but only in the page’s code. We all know tags from blog culture, and meta tags are more or less the same thing, little content descriptors that help tell search engines what a web page is about. (Wordstream)

Saya kira dengan dua contoh dan penjelasan di atas sudah cukup untuk memberikan pemahaman pada Sobat semua.

Komponen Meta Tag SEO Friendly sebuah Template Blog

Sebelum melangkah lebih jauh, alangkah lebih baiknya kita berikan beberapa komponen/ elemen yang berada dalam meta tag sebuah template SEO. Komponen tersebut ada sembilan (9) antaralain:

Meta tag description
Meta tag keyword
Meta tag robot
Meta Content Type (Charset)
Meta Tag Geo Placename
Meta Languange
Meta Refresh
Meta Tag Revisit After
Title Tag

Dari ke-sembilan komponen meta tag di atas, banyak desainer yang secara komplit menyertakan semua elemen di atas. Namun ada juga yang hanya menyertakan beberapa elemen menyesuaikan dengan kebutuhan dasar (menurut pandangan masing-masing).

Lha atas dasar itulah, biasanya dari beberapa tutorial SEO mengenai meta tag akan menyebutkan hanya beberapa komponen saja. Jika mereka hanya menyebutkan beberapa saja tersebut dan menganggab yang lain tidak ada, maka pemahaman desainer template tersebut kurang lengkap.

Untuk itu, di sini akan saya berikan informasi mengenai meta tag SEO friendly yang terdapat pada template fenomela Mas Kolis dari Creating Website, yakni Johny Wuss.

Meta Tag SEO Friendly dari Mas Kolis – Johny Wuss Template

Berikut ini adalah komponen meta tag SEO friendly ala Johny Wuss blogger template:

<b:if cond=’data:blog.pageType == "index"’>

<b:if cond=’data:blog.pageType == "item"’>

<title><data:blog.pageName/> | <data:blog.title/></title>

<b:else/>

<title><data:blog.pageTitle/> | Panduan Blog bagi Pemula</title>

</b:if>

<b:else/>

<title><data:blog.pageName/> | <data:blog.title/></title>

</b:if>

<meta expr:content=’data:blog.metaDescription’ name=’description’/>

<meta expr:content=’data:blog.pageName’ name=’keywords’/>

<link expr:href=’data:blog.url’ rel=’canonical’/>

<b:if cond=’data:blog.url == data:blog.homepageUrl’>

<meta content=’Keyword 1, keyword 2, keyword 3‘ name=’keywords’/>

<meta content=’SL Blogger‘ name=’Author’/>

<meta content=’general’ name=’rating’/>

<meta content=’all’ name=’robots’/>

<meta content=’index, follow’ name=’robots’/>

</b:if>

Ketiga kode yang saya tandai adalah beberapa sample saja. Sobat bisa menyesuaikan dengan blognya masing-masing. Kode Tag Meta ini menggantikan kode <title><data:blog.pageTitle/></title> bawaan blogger. Hanya saja, perlu ditambahkan kode <b:include data=’blog’ name=’all-head-content’/> yang sangat penting bagi indentitas dan elemen blog yang akan dibaca mesin pencari.

Adakah contoh meta tag SEO lainnya? Banyak banget kok. Nih saya berikan beberapa sample dari Mbak Arlina dari template terkenal beliau:

<!– [ 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 == "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=’xxxxx’ 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/xxxxx/posts’ rel=’publisher’/>
<link href=’https://plus.google.com/xxxxx/about’ rel=’author’/>
<link href=’https://plus.google.com/xxxxx‘ rel=’me’/>
<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’/>
<!– [ Social Media Meta Tag ] –>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<b:if cond=’data:blog.pageType == "item"’>
<b:if cond=’data:blog.pageType == "static_page"’>
<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 == "item"’>
<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=’https://www.facebook.com/URLPROFILADMIN‘ property=’article:author’/>
<meta content=’https://www.facebook.com/URLFANPAGE‘ property=’article:publisher’/>
<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’/>

Tuhkan panjang banget? Silakan saja diganti saja kode html yang saya beri warna merah di atas. Pengen tahu juga meta tag SEO yang digunakan diwordpress yang sering disebut All in one SEO pack? Berikut saya berikan kodenya:

<!– All in One SEO Pack for blogger by forumblogino.com –>
<meta charset=’utf-8’/>
<meta content=’width=device-width, initial-scale=1, maximum-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’/>
<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=’Silakan Masukkan Kata Kunci Blog Sobat’ 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>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<b:if cond=’data:blog.pageType == "item"’>
<b:if cond=’data:blog.pageType == "static_page"’>
<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>
<meta content=’website’ property=’og:type’/></b:if></b:if></b:if>
<b:if cond=’data:blog.postImageThumbnailUrl’>
<meta expr:content=’data:blog.postImageThumbnailUrl’ property=’og:image’/>
<b:else/></b:if>
<link href=’/favicon.ico’ rel=’icon’ type=’image/x-icon’/>
<link href=’https://plus.google.com/GOOGLE+ID/posts’ rel=’publisher’/>
<link href=’https://plus.google.com/GOOGLE+ID/about’ rel=’author’/>
<link href=’https://plus.google.com/GOOGLE+ID‘ rel=’me’/>
<meta content=’GOOGLE-WEBMASTER-CODE‘ name=’google-site-verification’/>
<meta content=’BING-WEBMASTER-CODE‘ name=’msvalidate.01’/>
<meta content=’ALEXA-VERIFY-CODE‘ name=’alexaVerifyID’/>
<meta content=’Indonesia’ name=’geo.placename’/>
<meta content=’Nama-Admin‘ name=’Author’/>
<meta content=’general’ name=’rating’/>
<meta content=’Indonesia’ name=’geo.country’/>
<meta content=’en_US’ property=’og:locale’/>
<meta content=’en_GB’ property=’og:locale:alternate’/>
<meta name=”language” content=”english”/>
<meta content=’https://www.facebook.com/slblogger‘ property=’article:author’/>
<meta content=’https://www.facebook.com/slblogger‘ property=’article:publisher’/>
<meta content=’FACEBOOK-APP-ID‘ property=’fb:app_id’/>
<meta content=’FACEBOOK-ADMIN-ID‘ property=’fb:admins’/>
<meta content=’@SLBLOGGER‘ name=’twitter:site’/>
<meta content=’@SLBLOGGER‘ name=’twitter:creator’/>
<!– End of All in One SEO Pack for blogger by forumblogino.com–>

Panjang bingit juga kan?

Semua meta tag yang saya sebutkan di atas insyalloh SEO friendly semuanya. Silakan pilih sesuai dengan kebutuhan Anda.

Lalu bagimana cara memasangnya mas?

Cara Setting Optimasi Meta Tag pada blog

Caranya cukup mudah:

1. Silakan masuk dashboard blog > pilih template > mode HTML

2. Silakan cari kode <head>

3. Silakan copas kode meta tag SEO friendly di atas di bawah kode <head>

4. Save template

Mudah bukan? Namun jangan lupa, sebelum melakukan keempat hal di atas, sobat harus menghapus seluruh komponen meta tag yang lama, dan digantikan dengan yang baru di atas.

Demikian sekilas informasi mengenai Daftar Meta Tag SEO Friendly Blog Terbaik Terpopuler di Dunia. Semoga bermanfaat. Salam.