thumbnail
Blogging SEO tutorial

Memasang Meta Tag Komplit di blogger

Cara pasang Meta Tag, Opengraph Facebook, Twitter Card Markup dan Dublin Core di blogspot

Memasang meta tag, opengraph facebook, twitter card markup, geo meta tag dan dublin core di blogspot | Meta tag merupakan salah satu komponen penting dalam template blog atau website, karena dengan adanya meta tag akan lebih memudahkan mesin crawl dalam menjelajahi website atau blog kita.

Ada bermacam-macam tipe meta tag yang sering kita jumpai dalam tutorial-tutorial yang sudah tersebar di internet. Diantaranya adalah Opengraph facebook yang biasanya disediakan oleh developer facebook, lalu ada lagi twitter card markup, yang bisa menentukan seperti apakah tampilan share blog kita waktu kita bagikan di twitter, ada lagi Dublin core yang konon kata beberapa ahli SEO juga mempunyai peran penting dalam hal SEO suatu template.

Meta tag komplit di blogspot

Pada browser chrome kita akan bisa jumpai suatu plugin atau ekstensi yang bisa mendeteksi meta tag suatu blog, dan salah-satunya yang saya pakai adalah meta seo inspector. Anda bisa mencarinya di toko ekstensi google. Atau juga bisa apabila anda menggunakan ekstensi SEOquake. Berikut ini adalah salah satu tampilan dari SEOquake.

Cara memasang meta tag, opengraph facebook, Geo Meta tag, dan Dublin Core di blogger - agungjakanugraha.blogspot.com
seoquake

Nb: Icon dipojok adalah indikasi bahwa chrome anda sudah terinstall extensi SEOquake.
Berikutnya adalah tampilan extensi META SEO inspector

Cara memasang meta tag, opengraph facebook, Geo Meta tag, dan Dublin Core di blogger - agungjakanugraha.blogspot.com
META SEO inspector

Cara Pasang Meta Tag Komplit Di Blogspot

Untuk dapat menampilkan data di atas maka kita membutuhkan meta tag.
Jika Anda masih bingung dengan bagaimana cara memasang meta tag di blogger silakan copy-paste aja meta yang pernah saya kumpulkan selama blogwalking di bawah ini, lalu sesuaikan dengan blog anda.

<meta content='(verifikasi google anda)' name='google-site-verification'/>
<meta content='(verifikasi bing anda)' name='msvalidate.01'/>
<meta content='(verifikasi Alexa anda)' name='alexaVerifyID'/>
<!-- Meta tags for homepage start -->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<meta content='deskripsi blog anda' name='keywords'/>
<b:else/>
<title><data:blog.pageName/></title>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot; - &quot; + data:blog.title + &quot; keyword1, keyword2, keyword3, dst&quot;' name='keywords'/>
<meta expr:content='data:blog.pageName + &quot;&quot;' name='description'/>
</b:if>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription + &quot; ,Find More information about all &quot; + data:blog.title + &quot; by Clicking here &quot;' name='description'/>
<meta content='keyword1, keyword2, keyword3, dst' name='keywords'/>
</b:if>
</b:if>
<!-- Meta tags for homepage end -->
<!-- Meta tags for post page start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, keyword1, keyword2, keyword3, dst&quot;' name='keywords'/>
<b:else/>
<meta expr:content='&quot; This page contains information about &quot; + data:blog.pageName + &quot; at &quot; + data:blog.title + &quot; Blog. &quot; + &quot; To learn more about this information click on this result &quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot; article, &quot; + data:blog.pageName + &quot; Post, Info About &quot; + data:blog.pageName ' name='keyword'/>
</b:if>
</b:if>
<!-- Meta tags for post page end -->
<!-- Meta tags for static page start -->
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:if cond='data:blog.metaDescription != &quot;&quot;'>
<meta expr:content='data:blog.metaDescription' itemprop='description'/>
<meta expr:content='&quot;keyword1, keyword2, keyword3, dst&quot;' name='keywords'/>
<b:else/>
<meta expr:content='&quot; This page contains information about ” &quot; + data:blog.pageName + &quot; ” at &quot; + data:blog.title + &quot; Blog. &quot; + &quot; To learn more about this information click on this result &quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot; Page &quot; + &quot; at &quot; + data:blog.title' name='keyword'/>
</b:if>
</b:if>
<!-- Meta tags for static page end -->
<!-- Meta tags for label,search,archive page start -->
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title>All article under : <data:blog.pageName/> : <data:blog.title/></title>
<meta expr:content='&quot; This page contains information about all article and post under :&quot; + data:blog.pageName + &quot;,&quot; + data:blog.title + &quot; Blog. Find More information about all &quot; + data:blog.pageName + &quot; article By Clicking here &quot;' name='Description'/>
<meta expr:content='&quot; Article &quot; + data:blog.pageName + &quot; &quot; + data:blog.title + &quot;, Post &quot; + data:blog.pageName + &quot; &quot; + data:blog.title + &quot;, &quot; + data:blog.pageName + &quot; page &quot; + data:blog.title' name='Keywords'/>
</b:if>
</b:if>
<!-- Meta tags for label,search,archive page end -->
<!-- Meta tags for error page start -->
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404 Error Page : Sorry,Wrong URL | <data:blog.title/></title>
</b:if>
<!-- Meta tags for error page end -->
<link expr:href='data:blog.url' rel='canonical'/>
<link href='https://plus.google.com/u/0/+akunGooglePlusAnda' rel='publisher'/>
<link href='https://plus.google.com/u/0/+akunGooglePlusAnda' rel='author'/>
<link href='url icon anda' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<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'/>
<link href='http://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<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>
<meta content='ID' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='blogger' name='generator'/>
<meta Content='snippet' name='googlebot'/>
<meta content='nama Author' name='author'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<meta content='index, follow' name='googlebot'/>
<!-- facebook opengraph area -->
<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 cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silahkan baca artikel &quot; + data:blog.pageName + &quot; ini selengkapnya di &quot; + data:blog.title + &quot;&quot;' property='og:description'/>
</b:if>
</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.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
<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;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot;Untuk membaca postingan-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:else/>
<meta content='url gambar ikon besar' property='og:image'/>
</b:if>
</b:if>
<meta content='http://www.facebook.com/fanpagefacebook' property='fb:admins'/>
<meta content='http://www.facebook.com/fanpagefaceebook' property='fb:profile_id'/>
<!-- twitter area -->
<meta expr:content='data:blog.title' name='twitter:site'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot; untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='&quot;Silahkan baca artikel &quot; + data:blog.pageName + &quot; ini selengkapnya di &quot; + data:blog.title + &quot;&quot;' name='twitter:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' name='twitter:image:src'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image:src'/>
<b:else/>
<meta content='url icon besar anda' name='twitter:image:src'/>
</b:if>
</b:if>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@usertwitter' name='twitter:creator'/>
<!-- dublin core -->
<meta content='nama Author' name='DC.Creator'/>
<meta content='nama Author' lang='id-ID' name='DC.Title'/>
<meta content='deskripsi blog anda' lang='id-ID' name='DC.Description'/>
Nb: untuk kode warna merah silakan disesuaikan dengan blog anda.

Kode diatas sudah saya ujicoba dibeberapa template modifikasi saya, dan hasilnya sangat memuaskan disamping itu meta tag ini telah valid di validator.w3.org.

Demikianlah cara memasang Meta Tag, Opengraph Facebook, Geo Meta tag, dan dublin core di blogger, semoga bermanfaat bagi anda yang sedang mencari tutorial pemasangan meta tag SEO friendly di blogspot.
Terima kasih telah membaca postingan ini dan Wassalam.

Cara pasang Meta Tag, Opengraph Facebook, dan Dublin Core di blogger