• Tak Berkategori

Contoh dan Kumpulan Tips Memasang Meta Tag Lengkap Yang benar dan SEO untuk Blog

Hey sobat blogger, pada artikel kali ini, seciko akan share Artikel tentang Contoh dan Tips Membuat Meta Tag Yang benar dan SEO untuk blog. Menurut hasil penelusuran google, Meta tag adalah tag yang ada di HTML suatu blog yang dapat membantu search engine untuk mengindex situs Sobat sesuai tag yang ada dalam Meta Tag tersebut.

Masih belum mengerti apa itu Meta Tag? Baiklah saya akan coba jelsakan dan sekaligus berikan contohnya sekarang. Misalnya, apabila Sobat ingin mencari situs Sobat di halaman pencarian google pastinya Sobat hanya tinggal mengetikan nama dari Situs yang sobat milikki bukan? Nah ketika selesai mengetikkan Nama situs, situs Sobat akan muncul di halaman pencarian google, entah ada di halaman paling atas ataupun bukan. Nah disinilah meta tag berfungsi, meta tag akan mengatur tampilan yang seperti apa yang kita inginkan ketika situs kita itu terindex oleh google dan tampil di halaman pencarian google.

Sebagai contoh, saya menginginkan Deskripsi yang tampil di halaman pencarian google adalah sebagai berikut : “Seciko berbagi info Seputar Tutorial Blogger dan Tips Game Online, serta Share informasi seputar Sekolah dan Ekskul Paskibra.“. Nah, karena demikian saya harus mengatur meta Deskripsi yang ada di situs saya, dan cara mengaturnya mudah sekali, saya hanya perlu mengcopy kode di bawah ini dan menempelkannya di HTML blog saya, biasanya di bawah <head>:
<meta content=’Seciko berbagi info Seputar Tutorial Blogger dan Tips Game Online, serta Share informasi seputar Sekolah dan Ekskul Paskibra.’ name=’description’/>

BACA JUGA :
Cara Cepat Mendapatkan Sitelinks di Google dengan Mengatur Navigasi Menu pada blog

Ketika hal tersebut telah dilakukan, hasilnya Deskripsi yang saya inginkan pun akhirnya muncul di Google dan bisa dilihat di bawah ini, sama persis bukan?

Nah, contoh di atas hanyalah satu diantara banyaknya meta tag yang ada. Namun kendalanya, masih banyak blogger yang kebingungan dan sibuk mencari kesana-sini contoh meta tag yang benar, hal itu disebabkan karena mereka khawatir penempatan meta tag yang mereka lakukan akan salah dan malah berdampak buruk bagi situs mereka.

Karena itu, pada artikel kali ini saya akan share Beberapa meta tag yang saya gunakan di situs saya ini. Saya pastikan meta tag ini sama persis. Dan sobat blogger semua hanya perlu mengganti dengan identitas blog sobat. Berikut Meta Tag yang Lengkap yang benar dan SEO untuk Blog. Sobat hanya perlu copy meta tag di bawah ini, dan tempelkan di HTML situs sobat, tepatnya di bawah <head>.


Meta Tag Ala Seciko.id

<meta charset=’utf-8’/>
<meta content=’width=device-width,minimum-scale=1,initial-scale=1′ name=’viewport’/>
<meta content=’IE=9; IE=8; IE=7; IE=EDGE; chrome=1′ http-equiv=’X-UA-Compatible’/>
<meta content=’blogger’ name=’generator’/>
<script src=’https://cdn.rawgit.com/rizkyheryandi/seciko.id/fd10afd6/continuesflnk.js’ type=’text/javascript’/>
<script type=’text/javascript’>
protected_links = &quot;seciko.id&quot;;
auto_safelink();
</script>
<link expr:href=’data:blog.homepageUrl + &quot;favicon.ico&quot;’ rel=’icon’ type=’image/x-icon’/>
<link href=’https://4.bp.blogspot.com/-oo9r8Ea4w10/Wgba5SrAitI/AAAAAAAABSQ/1p_Sp0chhhM-FzZhqTEp9RWrXaUYJzWHACLcBGAs/s1600/logo%2Bseciko%2Bah57x57.png‘ rel=’apple-touch-icon’ sizes=’57×57’/>
<link href=’https://2.bp.blogspot.com/-RrzDthZxt_E/Wgba5oUmFcI/AAAAAAAABSU/PtzU-khSiboYljX6rWk3CcP2qiZl5p1xQCLcBGAs/s1600/logo%2Bseciko%2Bah60x60.png‘ rel=’apple-touch-icon’ sizes=’60×60’/>
<link href=’https://3.bp.blogspot.com/-7a9XrZTj7_U/Wgba54_ol-I/AAAAAAAABSY/FOC98Vj67SMwrvzzkNPEjrErjV8FZeF5wCLcBGAs/s1600/logo%2Bseciko%2Bah72x72.png‘ rel=’apple-touch-icon’ sizes=’72×72’/>
<link href=’https://3.bp.blogspot.com/-NqgbP8za61U/Wgba6AIrNFI/AAAAAAAABSc/YLPRFyzO-rAOeu8xx9Z5NatzVAHxZXx1QCLcBGAs/s1600/logo%2Bseciko%2Bah76x76.png‘ rel=’apple-touch-icon’ sizes=’76×76’/>
<link href=’https://3.bp.blogspot.com/-lkSwpNWYlGg/Wgba2APETSI/AAAAAAAABRs/pvLQUx_jCU8c2yzI0sFAG1ws2w2aZyg7gCLcBGAs/s1600/logo%2Bseciko%2Bah114x114.png’ rel=’apple-touch-icon‘ sizes=’114×114’/>
<link href=’https://3.bp.blogspot.com/-zsLfektwtao/Wgba3J5szHI/AAAAAAAABR4/fakjdR–fQg6NKdAsFlYLP1TRvHfXD99ACLcBGAs/s1600/logo%2Bseciko%2Bah120x120.png‘ rel=’apple-touch-icon’ sizes=’120×120’/>
<link href=’https://2.bp.blogspot.com/-lNt__nNZa-8/Wgba3sV3mtI/AAAAAAAABSA/Jyt-c_LbzmcDsgNjZL0ocaaG_ixH6VLjwCLcBGAs/s1600/logo%2Bseciko%2Bah144x144.png‘ rel=’apple-touch-icon’ sizes=’144×144’/>
<link href=’https://2.bp.blogspot.com/-uSLvusU66AI/Wgba3vPYVNI/AAAAAAAABR8/YOFamRivc6Q2b6XzfQcfLTx96nN2PTZ0ACLcBGAs/s1600/logo%2Bseciko%2Bah152x152.png‘ rel=’apple-touch-icon’ sizes=’152×152’/>
<link href=’https://1.bp.blogspot.com/-BjpIC-eFIyM/Wgba39Kk1jI/AAAAAAAABSE/61eVlk2BKNYcESsXkJ7vaTR6Enajc0SFACLcBGAs/s1600/logo%2Bseciko%2Bah180x180.png‘ rel=’apple-touch-icon’ sizes=’180×180’/>
<link href=‘https://1.bp.blogspot.com/-MomE7EVdJ_A/Wgba4eMLZwI/AAAAAAAABSI/6ygKnrJeR2gxoF1KVvTsTY9IaoIbyOmQgCLcBGAs/s1600/logo%2Bseciko%2Bah192x192.png‘ rel=’icon’ sizes=’192×192′ type=’image/png’/>
<link href=’https://2.bp.blogspot.com/-y_LAHdNg4Yo/Wgba4-gruoI/AAAAAAAABSg/8b7bxRbp_JAk_-zTQuerQY5PkMdDefxXQCEwYBhgL/s1600/logo%2Bseciko%2Bah32x32.png‘ rel=’icon’ sizes=’32×32′ type=’image/png’/>
<link href=’https://2.bp.blogspot.com/-NqgbP8za61U/Wgba6AIrNFI/AAAAAAAABSg/0FajVlvlJTw36it-0cgVxAFy0Oabg3BwwCEwYBhgL/s1600/logo%2Bseciko%2Bah96x96.png‘ rel=’icon’ sizes=’96×96′ type=’image/png’/>
<meta content=’https://1.bp.blogspot.com/-lNt__nNZa-8/Wgba3sV3mtI/AAAAAAAABSg/CAkXbsyVJmcw0OzpPh4uiSB21pyqKoXyQCEwYBhgL/s1600/logo%2Bseciko%2Bah144x144.png‘ name=’msapplication-TileImage’/>

<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;https://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=’https://www.blogger.com/openid-server.g’ rel=’openid.server’/>
<link expr:href=’data:blog.homepageUrl’ rel=’openid.delgate’/>
<link href=’https://plus.google.com/+MochamadRizkyHeryandi‘ rel=’me’/>
<link href=’https://plus.google.com/+MochamadRizkyHeryandi’ rel=’publisher’/>
<!–[if IE]> <script> (function() { var html5 = (“abbr,article,aside,audio,canvas,datalist,details,” + “figure,footer,header,hgroup,mark,menu,meter,nav,output,” + “progress,section,time,video”).split(‘,’); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand(‘BackgroundImageCache’, false, true); } catch(e) {} })(); </script> <![endif]–>
<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>404: Page Not Found | <data:blog.title/></title>
    <b:else/>
        <title><data:blog.pageName/></title>
    </b:if>
</b:if>

<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>
<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>
<meta expr:content=’data:blog.title’ property=’og:site_name’/>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta expr:content=’data:blog.metaDescription’ name=’description’/>
<meta expr:content=’data:blog.title’ property=’og:title’/>
<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 Artikel tentang Tutorial Blog, Info Pendidikan, Info Sekolah, Info Lomba Paskibra, dan Info menarik lainnya. &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=’https://1.bp.blogspot.com/-MomE7EVdJ_A/Wgba4eMLZwI/AAAAAAAABSI/6ygKnrJeR2gxoF1KVvTsTY9IaoIbyOmQgCLcBGAs/s1600/logo%2Bseciko%2Bah192x192.png‘ property=’og:image’/>
</b:if>
</b:if>
<meta content=’L48Bh7_r4pfS9bLJkMnu20eGLj3KoMFeSklMfF9UqtA’ name=’google-site-verification’/>
<meta content=’DE355B5E61C75AB165A8941C3E58EB6E’ name=’msvalidate.01’/>
<meta content=” property=’fb:admins’/>
<meta content=” property=’fb:profile_id’/>
<meta content=’Mochamad Rizky Heryandi‘ name=’Author’/>
<meta content=’https://www.facebook.com/mochamad.rizky.heryandi’ property=’article:author’/>
<meta expr:content=’data:blog.title’ name=’twitter:site’/>
<meta content=’summary_large_image’ name=’twitter:card’/>
<meta content=’@Rizkyheryandi‘ name=’twitter:creator’/>
<link href=’https://fonts.googleapis.com/css?family=Roboto:300,400italic,400,500,500italic,700,700italic,900%7CMaterial+Icons’ rel=’stylesheet’ type=’text/css’/>

Keterangan :
-Ganti URL yang saya beri tanda warna Merah dengan URL Logo Anda, kalo bisa buat logo Anda menjadi beberapa ukuran seperti saya di atas, dari mulai 57×57 sampai 192×192. Atau kalo lagi males, bisa pakai satu saja hehe…
-Ganti ‘+MochamadRizkyHeryandi‘ dengan URL Google + Anda
-Ganti ‘Silahkan kunjungi &quot; + data:blog.pageTitle + &quot;Untuk membaca Artikel tentang Tutorial Blog, Info Pendidikan, Info Sekolah, Info Lomba Paskibra, dan Info menarik lainnya.‘ Dengan Deskripsi Blog Anda
-Ganti ‘Mochamad Rizky Heryandi‘ dengan nama Author situs Anda yaitu nama Anda sendiri.
-Ganti ‘https://www.facebook.com/mochamad.rizky.heryandi‘ dengan Url Profil facebook Sobat.
-Ganti ‘@Rizkyheryandi‘ dengan Username Twitter sobat

Nah itu dia meta tag yang bisa saya berikan untuk sobat blogger semua, walaupun meta tag ini sangat penting untuk kemajuan blog. Tapi perlu diingat, kita tidak bisa bergantung hanya pada meta tag saja, jika ingin situs yang kita milikki ini bisa Tenar di Halaman Pencarian Google. Tetaplah menulis sebaik mungkin agar situs kita bisa sering tampil di halaman pencarian google.

Demikian Tips dari saya mengenai Contoh dan Kumpulan Tips Membuat Meta Tag Lengkap Yang benar dan SEO untuk Blog, silahkan diterapkan di Situs Anda, selamat Mencoba dan Semoga Bermanfaat!

Keyword:
cara memasang keyword di blogspot
memasang meta keyword di blogspot
cara pasang meta tag youtube
title tag adalah
cara memasang tag di blogger
cara mengisi meta tag analysis
cara memasang meta tag di wordpress
cara membuat tag di postingan blog

Mungkin Anda juga menyukai

2 Respon

  1. Wen Gie Angga berkata:

    mantap gan, udah saya terapin
    Tinggalin jejak
    androida31.com

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar anda diproses.