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

Web Developer

"Saya penggemar musik, kopi, dan teknologi. Kesaharian saya membosankan."

"Memilih ketenangan dengan berbagi."

Job Description

HTML, CSS, PHP, Web Design, Linux, dan lainnya.

2.000

Followers

259

Following

27

Projects