Kenyataannya, Banyak blogger pemula yang tau Meta Tag tapi hanya tahu namanya saja tapi tidak tahu artinya, oke akan Admin bahas dalam artikel ini Apa itu Meta Tag.
Meta adalah Elemen atau Tag dalam Bahasa Pemrograman HTML atau XHTML yang berfungsi sebagai pemberi informasi Metadata dari sebuah halaman Web. Elemen Meta ini harus diletakkan pada bagian Head dalam HTML tersebut. Tag Meta ini dapat dipakai juga untuk menyatakan Deskripsi atau Keterangan dari suatu halaman Web dan untuk menjelaskan mengenai Kata Kunci (Keyword) Yang Terkait Serta Untuk Metadata Lain Tanpa Head. Secara Umum, Terdapat Beberapa Macam Meta Tag Dengan Fungsi Yang Berbeda. Beberapa Fungsi Tersebut Misalnya Meta Title, Keywords Dan Description.
Cara Memasang Meta Tag SEO Friendly dan Valid HTML5
Contoh Meta Tag:
Pada umumnya, Meta Tag memiliki 3 Elemen penting untuk memberikan informasi sebuah Website. Ketiga tersebut adalah:
<Title>Judul Website Anda</Title>
<Meta Content=’Deskripsi Website Anda’ Name=’Description’/>
<Meta Content=’Keyword Website Anda’ Name=’Keywords’/>
Meta Title
Meta Tag Title ini berfungsi untuk memberikan informasi Judul sebuah Website. Seperti “Infinity Xsamz” atau yang lainnya. Contoh:
<Title>Judul Website Anda</Title>
Meta Description
Meta Description berfungsi untuk memberikan informasi Deskripsi Website. Seperti “Infinity Xsamz adalah Situs Berbagi Tutorial Apa Saja”. Contoh:
<Meta Content=’Deskripsi Website Anda’ Name=’Description’/>
Meta Keyword
Meta Keyword berfungsi untuk memberikan informasi Keyword atau Kata Kunci Website. Seperti, “Infinity Xsamz, Isa Ahmad Mujahid”. Meta Tag Keyword di isi dan di Pisah oleh tanda koma (,). Contoh:
<Meta Content=’Keyword Website Anda’ Name=’Keywords’/>
Baca juga: Memasang Breadcrumbs SEO Friendly Valid HTML5
Jika sudah paham tentang Meta Tag, mari kita kepembahasan cara memasang meta tag seo friendly dan valid html5.
Memasang Meta Tag SEO Friendly dan Valid HTML5
Pertama-tama kalian masuk terlebih dahulu ke Blogger > Tema > Edit HTML, lalu copy kode dibawah ini dan pastekan dibawah kode <head> atau diatas kode </head>.
<!-- [ Meta Tag SEO ] -->
<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='http://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": "http://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='"http://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://plus.google.com/USER-GOOGLE-PLUS/posts' rel='publisher'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS/about' rel='author'/>
<link href='https://plus.google.com/USER-GOOGLE-PLUS' 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://1.bp.blogspot.com/-aKZzSAygVKk/VYPkX_nAwrI/AAAAAAAACeo/cgQTs8nR5Rg/s1600/Arlina%2BLogo.png' 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'/>Jika sudah, ubah yang berwarna merah dengan punya Anda sendiri. lalu Simpan template.
Mudah bukan Cara Memasang Meta Tag SEO Friendly dan Valid HTML5 di Blog?
Baca juga: Cara Agar Artikel Blog Cepat Terindeks Google Terbaru
Nah, Seperti itulah Cara Memasang Meta Tag SEO Friendly dan Valid HTML5. Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Facebook (Infinity Xsamz).
Referensi:
https://www.johanes.my.id/apa-itu-meta-tag-penjelasan-panduan-meta-tag-lengkap/
Penutup
Terima kasih telah membaca artikel Meta Tag SEO Friendly dan Valid HTML5, Semoga bermanfaat untuk kalian semua.