Cara memasang meta tag seo HTML5
Cara memasang meta tag seo HTML5 - Kali ini saya coba share artikel mungkin sangat berguna bagi sobat blogger yang mau blog nya menjadi SEO mungkin diantara sobat blogger masih ada yang belum faham dengan meta tag ini, baiklah disini saya akan menjelaskan sedikit tentang meta tag pada template blogger.
Meta tag merupakan salah satu optimasi pada blog agar blog dan artikel yang kita posting memiliki identitas yang jelas, Sehingga blog akan lebih mudah ditelusuri robot penelusuran seperti pada browser Google, Bing, atau alat penelusuran lainya dan akan lebih mudah diurutkan di SERP (search engine results page) .
Adapun fungsi meta tag pada dasarnya terdiri dari beberapa elemen penting diantaranya :
Meta tag description
Meta tag keyword
Meta tag robots
Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman blog mana yang akan diindex oleh penelusuran dan halaman blog mana yang tidak akan ditelusuri. Tag ini sangat beguna sekali terutama jika suatu blog menggunakan frame untuk navigasinya.
Ketiga komponen meta tag ini jika dipadukan maka bentuknya seperti di bawah ini :
oke,setelah sobat mengetahui fungsi dan beberapa komponen dasar wajib sobat terapkan pada template blog. Sekarang saya akan menjelaskan satu persatu pada kode xxxxx yang sering terdapat pada template yang saya bagikan.
Keterangan
* = Hapus jika tidak digunakan
Sesuaikan kembali kode xxxxx pada template sobat dengan penempatan meta tag di atas atau cukup ganti meta tag yang sudah ada dengan meta tag ini. Demikian tentang Meta Tag Seo Friendly dan Valid HTML5. Semoga bermanfaat dan Terima Kaih.
Meta tag merupakan salah satu optimasi pada blog agar blog dan artikel yang kita posting memiliki identitas yang jelas, Sehingga blog akan lebih mudah ditelusuri robot penelusuran seperti pada browser Google, Bing, atau alat penelusuran lainya dan akan lebih mudah diurutkan di SERP (search engine results page) .
Adapun fungsi meta tag pada dasarnya terdiri dari beberapa elemen penting diantaranya :
Meta tag description
Meta tag description digunakan untuk memberikan gambaran umum mengenai isi dari halaman blog sobat. Ukurannya disarankan tidak lebih dari 200 karakter , dan usahakan agar description ini bisa menjadi :
<meta content='Tulis deskripsi di sini' name='description'/> Meta tag keyword
Meta tag keyword sangat penting keberadaannya, karena menentukan kata kunci apa yang bisa menemukan halaman blog pada search engine.
<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/> Meta tag robots
Tujuan utama penggunaan meta tag robots adalah untuk menentukan halaman blog mana yang akan diindex oleh penelusuran dan halaman blog mana yang tidak akan ditelusuri. Tag ini sangat beguna sekali terutama jika suatu blog menggunakan frame untuk navigasinya.
<meta content="index follow" name="robots"/>Ketiga komponen meta tag ini jika dipadukan maka bentuknya seperti di bawah ini :
<meta content='Tulis deskripsi di sini' name='description'/>
<meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/>
<meta content='index, follow' name='robots'/>oke,setelah sobat mengetahui fungsi dan beberapa komponen dasar wajib sobat terapkan pada template blog. Sekarang saya akan menjelaskan satu persatu pada kode xxxxx yang sering terdapat pada template yang saya bagikan.
Meta Tag Seo Friendly dan Valid HTML5
Di sinia saya akan membagikan contoh tag Seo Friendly dan Valid HTML5 yang saya gunakan pada template Simplify 2 versi terbaru sekaligus sebagai jawaban sobat blogger tentang cara menghilangkan judul blog saat berbagi artikel ke sosial media. Kode dibawah ini dapat sobat pasang di bawah tag pembuka <head> atau sebelum </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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIxSr8BO2gc8PKTfazk-VCgOTZU6KWo66apLjcw0_f4ZF7uHe5Y9dr_hS73pMv2WVYhVBeYay41-vHP5Y6laa563Y7Nw91YoG87J7IegOSKFcJJQnJ0XmgAJU9g8dXqrBHfUZ7BEbZ_9My/s1600/Arlina+Logo.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'/>Keterangan
| Nilai | Keterangan |
|---|---|
| DESKRIPSI - BLOG | Diisi dengan deskripsi atau kata kunci blog |
| USER - GOOGLE - PLUS | Diisi dengan link Google + admin blog , contoh + |
| 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 - indonesia | Isi dengan kode negara lokasi dimana blog sobat dipublikasikan |
| Profil - FACEBOOK | Isi dengan link profil facebook sobat |
| KODE-APLIKASI-FACEBOOK | Isi dengan kode App Facebook bisa buat di https://developers.facebook.com |
| FAN - PAGE - FACEBOOK | Isi dengan Link Fan Page Facebook |
| KODE-ADMIN - FACEBOOK | Isi dengan kode profil facebook sobat , dapatkan di https://findmybid.com |
| USER - TWITER | Isi dengan nama user twitter sobat |
* = Hapus jika tidak digunakan
Sesuaikan kembali kode xxxxx pada template sobat dengan penempatan meta tag di atas atau cukup ganti meta tag yang sudah ada dengan meta tag ini. Demikian tentang Meta Tag Seo Friendly dan Valid HTML5. Semoga bermanfaat dan Terima Kaih.
0 Response to "Cara memasang meta tag seo HTML5"
Posting Komentar