Senin, 20 Februari 2017

Update Meta Tag Blogger

Update Meta Tag pada Blogger

Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau XHTML yang berfungsi sebagai pemberi informasi metadata dari sebuah halaman web. Tentu saja jika situs kita memberikan informasi yang benar dan baik akan berdampak pada nilai SEO pada alat penelusuran.

Dan kali ini saya akan memberikan updatena dari Meta Tag Blogger yang sebelumnya saya bahas disini: https://ziixon93.blogspot.co.id/2016/08/meta-tag-pada-blogger.html namun  meta tag tsb masih menyisakan dilema ketika saya mencoba debuging pada alat debugger milik Facebook, untuk itu saya memberikan Update Meta Tag pada Blogger ini.

Sebelumnya perlu diperhatikan, sesuaikan meta tag ini dengan template blog anda, dan pada tanda ###### (pagar) diisi dengan kesesuai data yang kalian miliki.

<head>

<meta charset='utf-8'/>
<meta content='IE=edge' http-equiv='X-UA-Compatible'/>
<meta content='width=device-width, initial-scale=1, maximum-scale=1' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='blogger' name='generator'/>
<meta content='#####################' name='Author'/> <!-- Tulis nama blog atau nama anda -->

<b:if cond='data:blog.pageType == &quot;index&quot;'>
  <title><data:blog.pageTitle/> | Personal Blog</title>
 <b:else/>
 <b:if cond='data:blog.pageType == &quot;error_page&quot;'>
  <title>404: Page Not Found | <data:blog.title/></title>
  <b:else/>
  <title><data:blog.pageName/></title>
 </b:if>
</b:if>

<!-- SITE VERIFICATION -->
<meta content='#####################' name='google-site-verification'/> <!-- Isi dengan token verifikasi dari google.com -->
<meta content='#####################' name='msvalidate.01'/> <!-- Isi dengan token verifikasi dari bing.com -->
<meta content='#####################' name='alexaVerifyID'/> <!-- Isi dengan token verifikasi dari alexa.com -->
<!-- ./SITE VERIFICATION -->

<!-- META TAG BLOGGER -->
<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='shortcut icon' type='image/x-icon'/>
<link expr:href='data:blog.url' rel='canonical'/>
<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'/>
<!-- ./META TAG BLOGGER -->

<!-- OPEN GRAPH DATA AND TWITTER CARD -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.canonicalUrl' name='twitter:url'/>
<meta content='article' property='og:type'/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta expr:content='data:blog.title' name='twitter:title'/>
<meta content='https://www.facebook.com/##########' property='article:author'/> <!-- Isi dengan username fan page anda -->
<meta content='https://www.facebook.com/##########' property='article:publisher'/> <!-- Isi dengan username fan page anda -->
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<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;' property='og:description'/>
<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>

<meta expr:content='data:blog.title' property='og:site_name'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta content='website' property='og:type'/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.title' name='twitter:title'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<meta expr:content='data:blog.metaDescription' name='twitter:description'/>
<b:else/>
<meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot;Untuk membaca postingan-postingan menarik.&quot;' property='og:description'/>
<meta expr:content='&quot;Silahkan kunjungi &quot; + data:blog.pageTitle + &quot;Untuk membaca postingan-postingan menarik.&quot;' name='twitter:description'/>
</b:if>
</b:if>

<b:if cond='data:blog.postImageUrl'>
<meta expr:content='data:blog.postImageUrl' property='og:image'/>
<meta expr:content='data:blog.postImageUrl' name='twitter:image'/>
<b:else/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postThumbnailUrl' property='og:image'/>
<meta expr:content='data:blog.postThumbnailUrl' name='twitter:image'/>
<b:else/>
<meta content='#####################' property='og:image'/> <!-- Isi dengan url gambar anda -->
<meta content='#####################' name='twitter:image'/> <!-- Isi dengan url gambar anda -->
</b:if>
</b:if>

<meta content='#####################' property='fb:admins'/> <!-- Isi dengan IDs facebook anda -->
<meta content='#####################' property='fb:profile_id'/> <!-- Isi dengan IDs fan page anda -->
<meta content='#####################' property='fb:app_id'/> <!-- Isi dengan IDs aplikasi facebook anda -->
<meta content='summary_large_image' name='twitter:card'/>
<meta content='#####################' name='twitter:creator'/> <!-- Isi dengan @username twitter anda -->
<meta content='#####################' name='twitter:site'/> <!-- Isi dengan dengan @username twitter blog anda -->
<!-- ./OPEN GRAPH DATA AND TWITTER CARD -->

<!-- GOOGLE PLUS -->
<link href='https://plus.google.com/+##########' rel='author'/>
<link href='https://plus.google.com/+##########' rel='publisher'/>
<!-- ./GOOGLE PLUS -->

<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->

</head>

Share:

Iqbar Alhakim

IT Analyst and Web Developer

"I am an IT Analyst, writer, and web developer at Freelancer currently living in Tasikmalaya, Indonesia. My interests range from technology to coffee. I am also interested in Hacking, arts, and music."

"To be or not to be, this is my awesome motto!"

Job Description

Freelancer, Web developer, Design graphic, and coffee addict.

235

Followers

114

Following

35

Projects