Cara Memasang Meta Tag SEO Friendly yang Valid HTML5 Terbaru
Blogger Info Menarik SEO Snippet Tips TutorialMokanesia.com - Untuk apa meta tag SEO friendly yang valid HTML5 untuk blog atau website. Dan bagaimana cara memasang meta tag SEO friendly di blog kita?. Disini akan saya jabarkan semua mulai dari penjelasan meta tersebut sampai meta tag seo friendly yang harus kamu pasang di blog kamu.
Namun sebelum kamu memasang meta tag seo friendly nya kamu harus mengetahu apa pengertian dari meta tag dan apa itu HTML5. Agar kamu tahu bagaiaman blog kamu bekerja dan bagaiaman cara mengoptimalkan blog kamu agar lebih SEO.
Saya akan menerangkan tidak terlalu panjang yang penting cukup untuk menjelaskan hal tersebut dan mudah dimengerti oleh anda. Dan setelah anda membaca penjelasan mengenai meta tag dan HTML maka anda akan lebih paham dan mudah untuk mengaplikasikan kode meta tag seo friendly pada blog anda.
Pengertian Apa Itu HTML5?
Seperti yang tertulis di Wikipedia, HTML atau Hypertext Markup Language yaitu bahasa standar untuk sebuah dokumen yang dirancang untuk ditampilkan di internet. Dan biasanya HTML dibarengi dengan CSS ( Cascading Style Sheets ) dan bahasa script lainnya seperti JavaScript, VBScript dan lainnya, agar tampilan yang ditampilkan lebih baik dan fungsi yang beragam.
Atau sederhananya HTML ada sebuah bahasa standar yang digunakan untuk memberikan struktur, menghubungkan sebuah teks/ link sebuah halaman ke halaman lainnya, mempermudah navigasi dan untuk menampilkan data dari halaman blog/ website atau isi World Wide Web di internet. Lalu apa itu HTML5? Apakah HTML5 sama dengan HTML?
HTML5 yaitu versi terbaru atau versi kelima dari HTML versi pertama yang pertama kali dibuat pada tahun 1990 dan dari versi sebelumnya yaitu versi keempatnya. Dikembangkannya versi HTML5 yaitu bertujuan untuk memperbaiki atau untuk menyempurnakan HTML versi sebelumnya dan agar lebih mendukung multimedia baru, lebih dipahami oleh manusia dan lebih mudah dibaca oleh mesin.
Jadi sebenarnya HTML5 itu sama dengan HTML hanya beda versi dari HTML pertama dan versi keempatnya. Dan tentunya HTML5 dikembangkan agar lebih mudah dipahami oleh manusia dalam mengemplementasikannya.
Pengertian Apa Itu Meta Tag?
Dan untuk Meta tag sendiri merupakan tag atau salah satu kode dalam bahasa pemograman HTML yang memiliki fungsi sebagai pemberitahu informasi/ data dari sebuah halaman web tersebut ke mesin penelusuran. Dan penulisan meta tag ini harus di tempatkan pada bagian dalam head dalam bahasa HTML.
Meta tag ini umumnya juga digunakan untuk memberitahu gambaran atau garis besar dari sebuah halaman website atau blog tersebut ke mesin penelusuran dan untuk menjelasakan keywords (kata kunci) yang terkait dari sebuah halaman website atau blog tersebut ke mesin penelusuran.
Jadi Meta tag ini berkerja sebagai tag yang memberikan data ke mesing penelusuran. Meta tag terdiri beberapa jenis yaitu Keywords, Description, dan Robots, berikut adalah penjelasannya.
Baca juga
10 Cara Optimasi SEO Wordpress atau Blogger di Mata Mesin Pencari
1. Meta Keywords
(Kata kunci) Keywords merupakan meta tag yang memberitahu data yang tertulis dengan beberapa frasa atau kata dari sebuah halaman web tersebut untuk diberikan ke mesin penelusuran. Contohnya untuk memberitahu bahwa blog ini berkaitan dengan kata kunci 'Blogger' dan 'Bisnis'.
Namun sekarang meta tag keywords akan dianggap spam oleh google jika menuliskan kata kunci lebih dari 7 untuk menjelaskan sebuah halaman web, jadi tulislah 7 kata kunci saja agar tidak dianggap spam oleh Search Engine. Dan untuk contoh penulisan meta tag keywords itu sendiri yaitu seperti dibawah ini.
<meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/>
2. Meta Description
Meta Description atau deskripsi yaitu jenis meta yang mendeskripsikan gambaran atau garis besar mengenai helaman web tersebut. Dan untuk meta tag ini kamu dapat menjelaskannya atau menuliskannya dalam bentuk kalimat bukan berupa kata atau frasa seperti meta Keywords.
Contoh penulisannya meta ini untuk memberitahu bahwa garis besar blog ini, seperti 'Mokanesia blog yang mebagikan artikel bermanfaat seputar blogger, tutorial, dan lainnya.'. Dan dalam penulisan metanya seperti dibawah ini.
<meta content='Tulis deskripsi di sini' name='description'/>3. Meta Robots
Meta yang satu ini berfungsi untuk mengontrol perayapan atau crawler yang dilakukan, pengindeksan dan pemblokiran perayapan apa saja yang tidak perlu dirayapi oleh mesin penelusuran. Untuk meta tag 'googlebot' adalah meta khusus untuk google dan seperti dibawah ini contoh penulisan meta tag root.
Sebenarnya cukup hanya '<meta content='index, follow' name='robots'/>' saja tapi menurut saya dibawah ini meta tag robot yang bisa meningkatkan SEO pada blog kamu agar lebih mudah dirayapi oleh banyak mesin penelusuran.
<meta content='index, follow' name='robots'/> Atau kamu bisa memakai meta tag robot ini juga jika ingin lebih banyak dirayapi.
<meta content='index, follow' name='robots'/>
<meta content='index, follow' name='googlebot'/>
<meta content='index, follow' name='googlemediabot'/>
<meta content='index, follow' name='gulliver'/>
<meta content='index, follow' name='slurp'/>
<meta content='index, follow' name='fast'/>
<meta content='index, follow' name='scooter'/>
<meta content='index, follow' name='vscooter'/>
<meta content='index, follow' name='ia_archiver'/>
<meta content='index, follow' name='FAST-WebCrawler'/>
<meta content='index, follow' name='teoma'/>
<meta content='index, follow' name='Baiduspider'/>
<meta content='index, follow' name='AlexaBot'/>
<meta content='index, follow' name='Yandex'/>
<meta content='index, follow' name='JikeSpider'/>
<meta content='index, follow' name='naverbot'/>
<meta content='index, follow' name='yeti'/>
<meta content='index, follow' name='SurveyBot'/>
<meta content='index, follow' name='ZyBorg'/>
<meta content='index, follow' name='ArchitextSpider'/>
<meta content='index, follow' name='msnbot-media/1.0'/>
<meta content='index, follow' name='MSNPTC'/>
<meta content='index, follow' name='MSNBot'/>
<meta content='index, follow' name='bingbot'/>
<meta content='index, follow' name='coccoc'/>
<meta content='index, follow' name='Linespider'/>
Dan itulah jenis-jenis meta tag yang perlu kamu tahu dan pahami fungsi dari masing-masing meta. Dan sekarang kamu tinggal mengimplementasikannya ke dalam blog kamu. Di bawah ini merupakan Meta Tag SEO Friendly yang valid HTML5. Kamu tinggal copy kode berikut ini di bawah tag HTML <head> atau sebelum tag </head> (<head>).
<!-- Meta Tag SEO Friendly Valid HTML5 www.mokanesia.com -->
<include expiration='7d' path='*.css'/>
<include expiration='7d' path='*.js'/>
<include expiration='3d' path='*.gif'/>
<include expiration='3d' path='*.jpeg'/>
<include expiration='3d' path='*.jpg'/>
<include expiration='3d' path='*.png'/>
<meta charset='utf-8'/>
<meta content='width=device-width, initial-scale=1' name='viewport'/>
<meta content='blogger' name='generator'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<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' rel='canonical'/>
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond='data:blog.pageType != "error_page"'>
<title><data:blog.pageName/> - <data:blog.title/></title>
</b:if></b:if>
<b:if cond='data:blog.pageType == "error_page"'>
<title>Page Not Found - <data:blog.title/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<meta content='noindex' name='robots'/>
</b:if>
<b:if cond='data:blog.searchLabel'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.isMobile'>
<meta content='noindex,nofollow' name='robots'/>
</b:if>
<b:if cond='data:blog.pageType != "error_page"'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<script type='application/ld+json'>{ "@context": "https://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + data:blog.title' name='keywords'/>
</b:if></b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta content='DESKRIPSI-BLOG' name='keywords'/></b:if>
<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'/>
<b:if cond='data:blog.pageType == "item"'>
<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://www.blogger.com/profile/USER-BLOG' rel='publisher'/>
<link href='https://www.blogger.com/profile/USER-BLOG' rel='author'/>
<link href='https://www.blogger.com/profile/USER-BLOG' rel='me'/>
<meta content='KODE-VALIDASI-GOOGLE-WEBMASTER' name='google-site-verification'/>
<meta content='KODE-VALIDASI-BING-WEBMASTER' name='msvalidate.01'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='NAMA-ADMIN' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>
<!-- [ Social Media Meta Tag ] -->
<b:if cond='data:blog.pageType == "item"'>
<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='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
</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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5Mbb4enZT2jXUHTdP7_BOIJIdrAc26ChxW_PavHT8ptki99vOUnr-y91bqV7G74TUDuiHbc3Zp67rByWk7xpkOhdwYkscUF38JGTSBrh2fZEONHuhE8RA1l8iJ8-PNP-mySXwIbv_MQh/w600/Mokanesia-Logo.jpg' property='og:image'/>
</b:if>
</b:if>
<meta content='https://www.facebook.com/PROFIL-FACEBOOK' property='article:author'/>
<meta content='https://www.facebook.com/FAN-PAGE-FACEBOOK' property='article:publisher'/>
<meta content='KODE-APLIKASI-FACEBOOK' property='fb:app_id'/>
<meta content='KODE-ADMIN-FACEBOOK' property='fb:admins'/>
<meta content='en_US' property='og:locale'/>
<meta content='en_GB' property='og:locale:alternate'/>
<meta content='id_ID' property='og:locale:alternate'/>
<meta content='summary' name='twitter:card'/>
<meta expr:content='data:blog.pageTitle' name='twitter:title'/>
<meta content='USER-TWITTER' name='twitter:site'/>
<meta content='USER-TWITTER' name='twitter:creator'/>
<meta content='summary_large_image' name='twitter:card'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/><link href='//www.google-analytics.com' rel='dns-prefetch'/><link href='//googleads.g.doubleclick.net' 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='//adservice.google.ca' rel='dns-prefetch'/><link href='//adservice.google.com' rel='dns-prefetch'/><link href='//resources.blogblog.com' rel='dns-prefetch'/><link href='//fonts.googleapis.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='//disqus.com' rel='dns-prefetch'/><link href='//github.com' rel='dns-prefetch'/><link href='//cdn.jsdelivr.net' rel='dns-prefetch'/><link href='//fontawesome.com' rel='dns-prefetch'/><link href='//www.sharethis.com' rel='dns-prefetch'/>
<!-- Meta Tag SEO Friendly Valid HTML5 www.mokanesia.com -->
Isi atau ganti tulisan yang diberi tanda merah agar proses meta tag bekerja pada blog kamu. Itulah meta tag seo friendly yang valid HTML5 dan meta tag diatas bisa lebih membuat blog SEO Friendly. Jadi blog kamu mudah untuk ditemukan oleh pengguna internet. Jika tidak tahu mengganti nya dengan apa atau tidak tahu keterang disetiap meta tag diatas kamu bisa baca keterangan dibawah ini.
Keterangan Meta Tag diatas
| Nilai | Keterangan |
|---|---|
| DESKRIPSI-BLOGURL | Diisi dengan deskripsi atau kata kunci blog |
| USER-BLOGGER | Diisi dengan ID user blog, contoh : https://www.blogger.com/profile/07405635929635938311 |
| KODE-VALIDASI-GOOGLE-WEBMASTER | Diisi dengan kode validasi Google di Search Console |
| KODE-VALIDASI-BING-WEBMASTER | Diisi dengan kode validasi Bing Webmaster * |
| NAMA-ADMIN | Isi dengan nama penulis |
| id dan Indonesia | Isi dengan kode negara lokasi dimana blog sobat dipublikasikan |
| PROFIL-FACEBOOK | Isi dengan link profil Facebook sobat |
| FAN-PAGE-FACEBOOK | Isi dengan link Fan Page Facebook |
| KODE-APLIKASI-FACEBOOK | Isi dengan kode App Facebook, bisa buat di https://developers.facebook.com |
| USER-TWITTER | Isi dengan nama user Twitter sobat |
| ...Mokanesia-Logo.jpg' property='og:image' | Ganti dengan logo blog kamu dengan ukuran 300x300 (untuk no thumnail blog) |
Demikianlah keterangan dari meta tag SEO Friendly diatas dan sekian dulu tentang Cara Memasang Meta Tag SEO Friendly yang Valid HTML5 Terbaru . jangan lupa baca artikel lainnya untuk menambah wawasan anda.
