Meta Tag SEO Friendly 2019 untuk Blogger

meta tag seo friendly 2019 untuk blogger

Meta Tag SEO Friendly 2019 serta cara memasang meta tag seo di blog itulah topik yang akan dibahas kali ini dan semoga dapat menambah wawasan kita semua tentang ilmu SEO (Search Engine Optimization) dan web blog yang kita kelola akan semakin bagus kualitasnya di mata mesin pencari dan pengunjung situs.

Kita akan mulai dari tahap awal, tentang pengertian dari meta tag, fungsi meta tag, dan meta tag apa saja yang penting dan harus diterapkan di website Anda.

Pengertian, Fungsi, Meta Tag


Meta tag adalah sebuah kode HTML yang dipasang di dalam template website baik itu Blogger atau WordPress, sedangkan tujuannya adalah membantu search engine seperti Google, Bing, untuk mengetahui rangkuman isi dari situs web. Jadi, tujuan inti daripada meta tag adalah untuk memudahkan search engine mengindeks suatu website.

Apakah Meta Tag dapat berpengaruh terhadap SEO?


Apakah meta tag dapat mempengaruhi SEO? Jawabannya IYA, dengan syarat Anda juga harus melakukan strategi SEO yang lain. Silahkan baca artikel saya tentang cara membuat website seo friendly.

Apa saja Meta Tag yang penting, dan harus diterapkan di Website?


Meta Tag Charset UTF-8 - Meta tag ini paling sering digunakan dalam HTML5, contoh dalam penulisannya adalah sebagai berikut:

<meta charset="UTF-8">


Meta tag diatas memberi instruksi kepada web browser untuk menerjemahkan karakter-karakter di dalam halaman HTML sebagai UTF-8. Walaupun bersifat opsional, hampir setiap halaman HTML5 menggunakan meta tag tersebut.

Cara Penulisan meta tag Charset UTF-8 dalam HTML 4.01 maupun XHTML, penulisan karakter set lebih panjang, seperti pada contoh berikut:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>


Sedangkan dalam HTML5, penulisannya disederhanakan menjadi seperti ini:

<meta charset="UTF-8">


Penulisan meta tag charset ditempatkan pada bagian <head> sebelum tag <title>

Catatan: Meta tag charset ini sangat dianjurkan. Jika Anda tidak menuliskan charset, web browser akan mencoba menebak karakter yang digunakan (biasanya web browser modern akan menggunakan utf-8 sebagai karakter default).

Meta Title - adalah komponen penting dari optimasi mesin pencari. Saat disiapkan dengan benar, meta title dapat menjadi faktor penentu antara seseorang mengklik tautan atau pergi ke tempat lain. Karena alasan ini, memilih meta title dengan bijak adalah penting, dan membuatnya seakurat mungkin untuk mencerminkan apa yang ada di laman web Anda.

Meta title tidak hanya terlihat di mesin pencari, tetapi juga terlihat di bagian atas tab halaman di banyak browser web, biasanya menjadi subjek email jika tautan dikirim seperti itu, dan sering disimpan sebagai judul bookmark atau favorit jika pengguna memilih untuk menyimpan halaman tersebut di browser.

Meta Description - Tag deskripsi meta dalam HTML adalah potongan 160 karakter yang digunakan untuk meringkas konten halaman web. Mesin pencari terkadang menggunakan snippet ini dalam hasil pencarian untuk memberi tahu pengunjung tentang halaman web itu, sebelum mereka mengkliknya.

Contoh penulisannya seperti ini:

<meta name = ”description” content = ” Web informasi tips seputar tutorial AdSense, dan tips SEO,  ">


Viewport - adalah istilah untuk area yang terlihat dari halaman web pada perangkat tampilan. Ini digunakan dalam kode dan desain analog sebagai cara untuk merujuk ke layar tampilan dan bagaimana tata letak yang cocok dengan layar itu.

Desainer dapat menggunakan meta tag viewport dalam HTML dan alat di Cascading Style Sheets untuk mengatur parameter viewport seperti tinggi dan lebar serta skala dan resolusi viewport.

Contoh penulisannya seperti ini:

<meta name="viewport" content="initial-scale=1">


Setelah kita tahu tentang pentingnya meta tag pada sebuah website, mari kita lihat detail meta tag seo friendly untuk blogger dibawah ini yang mungkin mau Anda coba terapkan di web blog Anda.

<meta charset='utf-8'/>
<meta content='width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0' name='viewport'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<b:if cond='data:view.isSingleItem'>
<title><data:blog.pageName/></title>
<b:elseif cond='data:view.isHomepage'/>
<title><data:blog.title/></title>
<b:elseif cond='data:view.search.label'/>
<title><data:blog.pageTitle/></title>
<b:elseif cond='data:view.search.query'/>
<title><data:view.search.resultsMessage/></title>
<b:elseif cond='data:view.search and !data:view.search.label and !data:view.search.query'/>
<title><data:blog.pageTitle/></title>
<b:elseif cond='data:view.isArchive'/>
<title><data:view.archive.rangeMessage/></title>
<b:elseif cond='data:view.isError'/>
<title>404 Not Found</title>
</b:if>
<b:if cond='data:blog.pageType in {"archive"} or data:blog.searchLabel or data:blog.searchQuery'>
<meta content='noindex/nofollow' name='robots'/>
<meta content='noindex/nofollow' name='googlebot'/>
<b:elseif cond='data:view.isSingleItem or data:view.isHomepage'/>
<meta content='index/follow' name='robots'/>
<meta content='index/follow' name='googlebot'/>
</b:if>
<meta content='blogger' name='generator'/>
<link href='https://www.blogger.com/openid-server.g' rel='openid.server'/>
<link expr:href='data:blog.homepageUrl' rel='openid.delegate'/>
<link expr:href='data:blog.url.canonical.jsonEscaped' rel='canonical'/>
<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='"https://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/>
<meta expr:content='data:blog.homepageUrl + "sitemap.xml"' rel='sitemap' type='application/xml'/>
<b:if cond='data:view.isMultipleItems'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:elseif cond='data:view.isSingleItem'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta expr:content='data:blog.title' name='description'/>
</b:if>
</b:if>
<meta content='#000000' name='msapplication-navbutton-color'/>
<meta content='#000000' name='apple-mobile-web-app-status-bar-style'/>
<meta content='#000000' name='theme-color'/> 
<b:if cond='data:view.isMultipleItems'>
<meta content='YOUR KEYWORD 1 HERE, YOUR KEYWORD 2 HERE, YOUR KEYWORD 3 HERE, YOUR KEYWORD 4 HERE' name='keywords'/>
<b:elseif cond='data:view.isSingleItem'/>
<meta expr:content='data:blog.pageName' name='keywords'/>
</b:if>
<b:if cond='data:view.isPost'>
<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='alexaVerifyID'/>
<meta content='XXXXX' name='p:domain_verify'/>
<meta content='XXXXX' name='yandex-verification'/>
<meta content='XXXXX' name='msvalidate.01'/>
<!-- Open Graph -->
<b:if cond='data:view.isHomepage'> 
<b:if cond='data:view.isSingleItem'>
<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></b:if>
<b:if cond='data:view.isPost'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<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 content='YOUR_IMAGE_URL_HERE' property='og:image'/>
</b:if></b:if>
<b:if cond='data:view.isMultipleItems'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:elseif cond='data:view.isSingleItem'/>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:description'/>
</b:if>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:view.isSingleItem'>
<meta content='https://www.facebook.com/XXXXX' property='article:author'/>
<meta content='https://www.facebook.com/XXXXX' property='article:publisher'/>
</b:if>
<meta content='XXXXX' property='fb:app_id'/>
<meta content='XXXXX' property='fb:admins'/>
<meta content='XXXXX' property='fb:profile_id'/>
<meta content='XXXXX' property='fb:pages'/>
<meta content='id' name='geo.country'/>
<meta content='id_ID' property='og:locale'/>
<meta content='en_US' property='og:locale:alternate'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='general' name='rating'/>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName' property='og:image:alt'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:image:alt'/>
</b:if>
<meta expr:content='data:blog.title' name='twitter:site'/>
<meta content='summary_large_image' name='twitter:card'/>
<meta content='@YOUR_TWITTER_USERNAME_HERE' name='twitter:creator'/>
<!-- Schema WebSite -->
<script type='application/ld+json'>{ "@context": "http://schema.org", "@type": "WebSite", "@id": "#website", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>search?q={search_term}", "query-input": "required name=search_term" } }</script>
<link href='//adservice.google.ca' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//www.googletagservices.com' rel='dns-prefetch'/><link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/><link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.com' rel='dns-prefetch'/><link href='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.rawgit.com' rel='dns-prefetch'/><link href='//1.bp.blogspot.com' rel='dns-prefetch'/><link href='//2.bp.blogspot.com' rel='dns-prefetch'/><link href='//3.bp.blogspot.com' rel='dns-prefetch'/><link href='//4.bp.blogspot.com' rel='dns-prefetch'/><link href='//www.blogger.com' rel='dns-prefetch'/><link href='//www.facebook.com' rel='dns-prefetch'/><link href='//plus.google.com' rel='dns-prefetch'/><link href='//twitter.com' rel='dns-prefetch'/><link href='//www.youtube.com' rel='dns-prefetch'/><link href='//feedburner.google.com' rel='dns-prefetch'/><link href='//feeds.feedburner.com' rel='dns-prefetch'/><link href='//platform.twitter.com' rel='dns-prefetch'/><link href='//apis.google.com' rel='dns-prefetch'/><link href='//connect.facebook.net' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//www.gstatic.com' rel='dns-prefetch'/><link href='//static.xx.fbcdn.net' rel='dns-prefetch'/><link href='//tpc.googlesyndication.com' rel='dns-prefetch'/><link href='//syndication.twitter.com' rel='dns-prefetch'/><link href='//fonts.gstatic.com' rel='dns-prefetch'/><link href='https://3p.ampproject.net' rel='dns-prefetch'/><link href='https://lh3.googleusercontent.com' rel='dns-prefetch'/><link href='https://tpc.googlesyndication.com' rel='dns-prefetch'/><link href='https://i.ytimg.com' rel='dns-prefetch'/><link href='https://i3.ytimg.com' rel='dns-prefetch'/><link href='https://img.youtube.com' rel='dns-prefetch'/><link href='https://www.googletagmanager.com' rel='dns-prefetch'/><link href='https://adservice.google.co.id/' rel='dns-prefetch'/><link href='//cdnjs.cloudflare.com/' rel='dns-prefetch'/><link href='//resources.blogblog.com/' rel='dns-prefetch'/>

SIGN UP for FREE

7 Responses to "Meta Tag SEO Friendly 2019 untuk Blogger"

  1. Apakah Penerapan Keyword Pada Meta Masih Berlaku?

    ReplyDelete
    Replies
    1. Tergantung kebutuhan dan keadaan, jika keadaan mengharuskan menerapkan keyword pada meta, ya kita harus pake. Tapi untuk sekarang ini mesin pencari seperti Google tidak begitu mementingkan hal itu, intinya lebih mementingkan ke kualitas konten, semakin bagus konten yang dibuat maka Google akan berpikir dua kali untuk tidak menaruhnya diurutan pertama hasil pencarian.

      Delete
  2. apakah ini cocok untuk segala jenis template blogger?

    ReplyDelete
    Replies
    1. Sebaiknya ditanyakan dulu kepada yang desain template / kreator template.tapi setahu saya, para pembuat template biasanya sudah menerapkan sebagian / beberapa meta tag diatas, seperti misal Mas Fanky, Mba Arlina dll

      Delete
  3. Gan ini bisa untuk template viomgaz?, kan katanya template viomagz meta tag nya otomatis?

    ReplyDelete
    Replies
    1. Kalo udah pake template viomagz buatan sugeng, saya rasa tidak lagi perlu memasangnya lagi, karena setahu saya sugeng dalam mendesain template sudah berpengalaman, beberapa meta tag yang penting akan dia pasang, dan yang tidak begitu penting dia tidak memasangnya pada template desainnya.

      Delete
  4. misi gan, aku sudah nerapin model ini yg nemu dari blog lain, yang jadi pertanyaan, setiap aku tes menggunakan pencarian yang nongol kok halamn beranda yah, bukan halamn artikel?

    ReplyDelete