Pengertian Meta Tag dan Fungsinya

Mengenai Metatag Diatas Bisa Kamu Sesuaikan Dengan Blog atau Website Kamu, Karena Tiap Blog dan Website Punya Perbedaan Template kode HTML Juga.

Pengertian Meta tag adalah Kumpulan Kode-kode HTML Yang Mencakup Data-data Sebuah Website atau Situs, Untuk Keperluan Optimasi, Index, dan Kecepatan Laju Pemuatan data. Metatag Pada Umumnya Ada Tiga Bagian Antara Lain Title, Deskripsi, dan Keyword. Namun Seiring Berkembangnya Media Sosial Maka Metatag Di Jabarkan Dengan Sebutan Opengraph.

Pengertian OpenGraph Sendiri Adalah Membuka Tulisan, Artinya Adalah Integrasi Antara Website atau Situs Yang Terhubung ke Media Sosial. dalam Metatag Website Banyak Di Jumpai Kode-kode yang Menghubungkan Author ke User Media Online, Yang Tentunya Bisa Mempermudah Author Blog Bisa Berbagi Tulisan Ke Berbagai Platform Media. Optimasi OpenGraph Hanya Terdapat Facebook Admin, Fanspage, Aplikasi ID, Atau Bisa di Tambah Pixel Facebook. Selain Facebook, Twitter adalah Media Integrasi Yang Baik untuk Author. Meski Begitu Tak Sedikit Web Design Menambahkan Opengraph Untuk Pinterest, WhatsApp, Linkedin Dan Lain-lain. Ini Merupakan Pengertian dan Fungsi Metatag di Blog, Blogger ya.

Di Gunakan Untuk Menandai Sebuah Nama Website, Yang Di Letakkan di Bawah Head atau Header. Metatag Title Blog Panjang Karakter Nama juga di Batasi Antara 10-15 Karakter Huruf, Maximal Bisa 20 karakter. Namun Semakin Panjang Title Website Tentu Juga Mengurangi Posisi Judul Postingan di Penelusuran, Dan Tentunya Juga Tidak Baik Untuk Optimasi.

Meta Tag Deskripsi

Adalah Uraian Tema Sebuah Website atau Situs, Yang Mencakup Semua Kategori Apa yang Di Posting di dalam Website atau Situs Tersebut. Panjang Tag Deskripsi Juga Di Batasi Untuk Optimasi Sekitar 150 karakter, Namun Di Kolom Setting Blogger di sediakan 500 Karakter Huruf untuk Tag Deskripsi. Tag Deskripsi Yang Berbeda Penulisannya di Menu Setelan dan Edit HTML Template, Akan Lebih Dominan Uraian Meta Deskripsi di Menu Edit HTML Template Blog.

Meta tag Keyword

adalah Kumpulan Kata-kata Kunci Dari Semua Postingan di Blog dan Semua Kategori. Semakin Sedikit Kategori Yang Kamu Uraikan, Maka Semakin Fokus Terhadap Optimasi Mesin Penelusuran. Misal Kategori Pencak Silat PSHT saja Yang Kamu Uraikan, Tentu Kata Kunci atau Tag Keyword Semakin Sederhana Yaitu Hanya PSHT, Atau Seputar Pencak Silat. Berbeda Dengan Blog atau Website Yang Berkategori Umum atau General, Tentu Penulisan atau Pencarian Kata kunci atau Tag Keyword juga Beragam Juga.

<b:if cond='data:view.isMultipleItems'> <b:if cond='data:view.isHomepage'> <title><data:blog.title.escaped/></title> <b:elseif cond='data:view.search.query'/> <!--[ Search title ]--> <title><data:messages.search/>: <data:view.search.query/></title> <b:elseif cond='data:view.search.label'/> <!--[ Label title ]--> <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title> <b:elseif cond='data:view.isArchive'/> <!--[ Archive title ]--> <title>Blog archive in: <data:blog.pageName.escaped/></title> <b:else/> <title>Blog: <data:blog.title.escaped/></title> </b:if> <b:elseif cond='data:view.isError'/> <!--[ Error title ]--> <title>Error 404: Not found</title> <b:else/> <!--[ SingleItem title ]--> <title><data:blog.pageName.escaped/> - <data:blog.title.escaped/></title> </b:if> <!--[ meta for browser ]--> <meta charset='UTF-8'/> <meta content='width=device-width, initial-scale=1, user-scalable=1, minimum-scale=1, maximum-scale=5' name='viewport'/> <meta content='IE=edge' http-equiv='X-UA-Compatible'/> <b:if cond='!data:view.isError'> <!--[ Browser data, description and keyword ]--> <link expr:href='data:blog.url.canonical' rel='canonical'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' name='description'/> <b:elseif cond='data:view.isSingleItem'/> <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='description'/> <b:else/> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='description'/> </b:if> <meta expr:content='data:blog.title.escaped + ", " + data:blog.pageName.escaped + ", Add_your_addtional_keyword_here "' name='keywords'/> <b:tag cond='data:view.isPost' expr:href='resizeImage(data:blog.postImageUrl, 0)' name='link' rel='image_src'/> <!--[ Generator and RRS ]--> <meta content='blogger' name='generator'/> <link expr:href='data:blog.homepageUrl.canonical path "feeds/posts/default"' expr:title='data:blog.title + " » Atom"' rel='alternate' type='application/atom+xml'/> <link expr:href='data:blog.homepageUrl.canonical path "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " » Feed"' rel='alternate' type='application/rss+xml'/> <link expr:href='data:blog.homepageUrl.canonical path "feeds/comments/default?alt=rss"' expr:title='data:blog.title + " » Comments Feed"' rel='alternate' type='application/rss+xml'/> <!--[ Theme color ]--> <meta content='#ffffff' name='theme-color'/> <meta content='#ffffff' name='msapplication-navbutton-color'/> <meta content='#ffffff' name='apple-mobile-web-app-status-bar-style'/> <meta content='yes' name='apple-mobile-web-app-capable'/> <!--[ Favicon ]--> <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='120x120'/> <link expr:href='data:blog.blogspotFaviconUrl' rel='apple-touch-icon' sizes='152x152'/> <link expr:href='data:blog.blogspotFaviconUrl' rel='icon' type='image/x-icon'/> <link expr:href='data:blog.blogspotFaviconUrl' rel='shortcut icon' type='image/x-icon'/> <!--[ Open graph ]--> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:title'/> <meta expr:content='data:blog.canonicalUrl' property='og:url'/> <meta expr:content='data:blog.title.escaped' property='og:site_name'/> <b:if cond='data:view.isMultipleItems'> <meta content='website' property='og:type'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/> <b:else/> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' property='og:description'/> </b:if> <b:else/> <meta content='article' property='og:type'/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' property='og:description'/> <b:else/> <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' property='og:description'/> </b:if> </b:if> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' property='og:image:alt'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' property='og:image'/> <b:else/> <meta content='Add_your_image_url_here' property='og:image'/> </b:if> <!--[ Twitter card ]--> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:title'/> <meta expr:content='data:blog.canonicalUrl' name='twitter:url'/> <b:if cond='data:view.isMultipleItems'> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/> <b:else/> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title' name='twitter:description'/> </b:if> <b:else/> <b:if cond='data:blog.metaDescription'> <meta expr:content='data:blog.metaDescription.escaped' name='twitter:description'/> <b:else/> <meta expr:content='data:post.snippet.escaped snippet { length: 147, links: false, linebreaks: false, ellipsis: false }' name='twitter:description'/> </b:if> </b:if> <meta content='summary_large_image' name='twitter:card'/> <meta expr:content='data:blog.pageName.escaped ? data:blog.pageName.escaped : data:blog.title.escaped' name='twitter:image:alt'/> <b:if cond='data:blog.postImageUrl'> <meta expr:content='resizeImage(data:blog.postImageUrl, 0)' name='twitter:image:src'/> <b:else/> <meta content='Add_your_image_url_here' name='twitter:image:src'/> </b:if> <!--[ Sife verification ]--> <meta content='xxxxxxxxxxxxxxxxx_g' name='google-site-verification'/> <meta content='xxxxxxxxxxxxxxxxx' name='msvalidate.01'/> <meta content='xxxxxxxxxxxxxxxxx' name='p:domain_verify'/> <meta content='xxxx_xxxxx-xxxxxxx' name='majestic-site-verification'/> <meta expr:content='data:blog.title.escaped' name='copyright'/> </b:if>

Mengenai Metatag Diatas Bisa Kamu Sesuaikan Dengan Blog atau Website Kamu, Karena Tiap Blog dan Website Punya Perbedaan Template kode HTML Juga. Namun Jarang ditemui Error' dalam Mengedit Bagian Metatag Blog, Termasuk Perubahan Nama Title, Deskripsi dan Keyword nya.

Jika Ada Yang Mau di Tanyakan atau Ada Penambahan Metatag Yang Responsif dan Ramah SEO, Bisa Menambahkan di Kolom Komentar ya.

Posting Komentar