Pengertian Tag, Meta Tag, dan Meta Tag Description
Tag
Tag merupakan satu kata atau lebih sebagai perintah yang diolah didalam dokumen HTML. Seperti halnya kelopok atau kumpulan kata, tag digunakan untuk mengklasifikasikan sebuah artikel maupun content didalam sebuah situs. Tag berbentuk lebih fleksibel apabila dibandingkan dengan kelompok kata lain. Tag digunakan biasa melalui caya yang lebih spesifik sebagai salah satu kata kunci atau keyword satu halaman yang spesifik di suatu website/blog. Dalam satu halaman artikel atau tulisan umumnya diberikan kata kata sinonim serta juga banya tag didalamnya.
Meta Tag
Meta tag merupakan kode-kode html yang berada di bagian halaman sebuah situs. Meta tag tidak akan muncul pada bagian halaman tulisan ataupun halaman situs. Meta tag adalah kunci untuk mendapatkan peringkat halaman web blogspot yang baik di search engine. Meta tag ditulis di antara <HEAD> dan </HEAD> dalam dokumen html.Meta tag yang tidak sama mempunyai fungsi yang tidak sama juga, tetapi dengan umum dari keduanya dapat digunakan untuk memberikan informasi tambahan tentang kondisi atau isi dari halaman website atau blog pada robot di search engine.
Tag merupakan satu kata atau lebih sebagai perintah yang diolah didalam dokumen HTML. Seperti halnya kelopok atau kumpulan kata, tag digunakan untuk mengklasifikasikan sebuah artikel maupun content didalam sebuah situs. Tag berbentuk lebih fleksibel apabila dibandingkan dengan kelompok kata lain. Tag digunakan biasa melalui caya yang lebih spesifik sebagai salah satu kata kunci atau keyword satu halaman yang spesifik di suatu website/blog. Dalam satu halaman artikel atau tulisan umumnya diberikan kata kata sinonim serta juga banya tag didalamnya.
Meta Tag
Meta tag merupakan kode-kode html yang berada di bagian halaman sebuah situs. Meta tag tidak akan muncul pada bagian halaman tulisan ataupun halaman situs. Meta tag adalah kunci untuk mendapatkan peringkat halaman web blogspot yang baik di search engine. Meta tag ditulis di antara <HEAD> dan </HEAD> dalam dokumen html.Meta tag yang tidak sama mempunyai fungsi yang tidak sama juga, tetapi dengan umum dari keduanya dapat digunakan untuk memberikan informasi tambahan tentang kondisi atau isi dari halaman website atau blog pada robot di search engine.
Fungsi dari meta tag dalam sebuah dokumen html memberikan informasi tentang berbagai aspek dari halaman web atau blogspot, baik dari nama penulis bahasa yang digunakan, judul dan kata kunci dari halaman web.Di masa lalu, meta tag digunakan untuk rating halaman web, tetapi penggunaan meta tag oleh webmaster situs dewasa menyebabkan search engine utama seperti search engine Google, Yahoo, MSN, dll untuk menghapus meta tag dari kriteria prioritas mereka. Web master situs dewasa menggunakan meta tag untuk memasukan kata kunci yang tidak relevan di situs web agar pengunjung dapat di arahkan ke situs mereka. Tetapi meta tag pasti dapat membantu search engine dalam mengindeks halaman web teman-teman.
Meta tag Description
Meta tag description merupakan perintah dalam wujud kode html di template blog/web yang ada pada masing-masing halamannya. Meta tag decription digunakan untuk memberikan gambaran umum mengenai isi dari halaman web teman-teman. Ukurannya biasanya tidak boleh lebih dari 160 karakter, dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.Jadi fungsi dari meta tag decription adalah untuk mengemukakan ringkasan informasi dari satu judul halaman postingan pada Search Engine dimana ringkasan tersebut
Meta tag Description
Meta tag description merupakan perintah dalam wujud kode html di template blog/web yang ada pada masing-masing halamannya. Meta tag decription digunakan untuk memberikan gambaran umum mengenai isi dari halaman web teman-teman. Ukurannya biasanya tidak boleh lebih dari 160 karakter, dan usahakan agar description ini bisa menjadi kalimat-kalimat yang letaknya di awal halaman web page yang bersangkutan.Jadi fungsi dari meta tag decription adalah untuk mengemukakan ringkasan informasi dari satu judul halaman postingan pada Search Engine dimana ringkasan tersebut
Cuma muncul di halaman indeks pencarian. Sebagai contoh hasil pencarian oleh spider google serta search engine yang lain hingga bisa di mengerti oleh user yang tengah melacak judul artikel tersebut serta relevan dengan yang mereka cari. Description yang relevan dengan judul artikel atau postingan lebih mempunyai peluang untuk mendapatkan banyak clickthrough (banyak di klik).
Biasanya ada yang disebut meta tag kata kunci yaitu keyword, keyword yang mewakili judul serta gambaran halaman menulis yang sedang dicari di search engine dan jika kata kunci nya cocok dengan judul serta gambaran menulis teman-teman, maka judul artikel teman-temanlah yang muncul di halaman index pencarian. Dalam kaitannya dengan search engine optimization (SEO), google lebih percaya meta description dan pada yahoo search lebih percaya tag atau kata kunci.
Meta Tag yang Wajib Dipelajari :
Untuk yang berkaitan langsung dengan SEO sebenarnya cuma 3 aja:
Meta title
Meta description
Meta robots
Dari ketiga hal di atas, yang paling sering dioprek dan paling berdampak adalah meta tag title dan meta tag description.
Meta Tag Title
Ada dua cara memasukkan meta tag title ke dalam halaman yang mau dioptimasi:
<title>Ini Meta Title</title>
<meta name="title" content="Ini Meta Title">
Pakai yang mana?
Google sendiri dalam contoh yang selalu diulang di web resminya menggunakan <title>Ini Meta Title</title>, tapi bukan berarti pakai cara lainnya salah. Kamu bisa pakai keduanya secara bersamaan, biar lebih aman.
Beberapa Manfaat dari Menulis Meta Tag
Setelah mempelajari penjelasan di atas, harusnya kamu udah mulai ngerti ya.
Berikut ini beberapa manfaat yang akan kamu dapat kalau maksimal memanfaatkan meta tag untuk SEO.
- Bisa meranking ratusan (bahkan ribuan) keyword dalam satu konten.
- Memperkuat posisi rank di Google.
- Menyelipkan click-bait seperti; 2019, terbaru, terkini, lengkap, panduan, murah, terbaik, dll
Selain menampilkan judul yang berbeda di Google dan di web, dengan menggunakan plugin Yoast (mungkin juga plugin sejenis lainnya) bisa menampilkan judul berbeda di Facebook.
Untuk kode pemasangan Meta tag seo friendly dan valid html5 terbaru di 2019 untuk blogger sebagai berikut ini :
<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'/>
Setelah itu simpan.
demikianlah tutorial mengenari New Meta Tag SEO Friendly Dan Valid HTML5 Blogspot agar bisa bermanfaat untuk blog anda yang baru dibangun dari awal menjadi lebih seo.
0 Comments