Update Meta Tag Seo Friendly 2021 Dan Valid HTML5 Untuk Blogger

by

Update Meta Tag Seo Friendly 2021 Dan Valid HTML5 Untuk Blogger – Kali ini meta tag seo friendly 2021 blogspot dan valid html5 di blogger agar bisa menaikkan pada halaman penelusuran di google, maka disini saya akan memberikan berupa topik pembahasan yang dapat sobat pelajari dan pahami untuk bisa menerapkan di blognya tersebut.

Update Meta Tag Seo Friendly 2021 Dan Valid HTML5 Untuk Blogger - Kali ini meta tag seo friendly 2021 blogspot dan valid html5 di blogger agar bisa menaikkan pada halaman penelusuran di google, maka disini saya akan memberikan berupa topik pembahasan yang dapat sobat pelajari dan pahami untuk bisa menerapkan di blognya tersebut.
Meta tag seo friendly 2021 blogger merupakan meta tag seo yang berfungsi untuk bisa sebuah blog bisa berada pada penelusuran google agar nantinya blog dapat mudah ditemukan oleh pengunjung ketika pengunjung mengetikkan keyword atau kata kunci yang ingin dicari lalu ditemukan blog sobat tersebut dan membaca artikel pada blog.
Ada beberapa jenis-jenis meta tag seo friendly 2021 blogger dan valid html5 yang harus sobat ketahui agar bisa mengerti dan memahaminya beserta fungsinya diblog, sebagai berikut.
Jenis-Jenis Meta Tag Seo Friendly :
  • Meta tag title
  • Meta tag description
  • Meta tag keywords
  • Meta tag Robots
Nah itulah untuk beberap meta tag yang dapat sobat ketahui dan bisa mudah untuk memahaminya, selanjutnya saya akan menjelaskan satu persatu pada setiap point jenis meta tag diatas, sebagai berikut.
1. Meta Tag Title ( Meta Tag Judul )
Meta tag title atau meta tag judul pada blogspot dipakai untuk menentukan judul dari postingan yang akan di indeks dan muncul pada mesin telusur google.

2. Meta Tag Description ( Meta Tag Deskripsi )
Meta tag deskripsi merupakan meta tag yang mendeskripsikan artikel pada postingan blog yang akan muncul di penelusuran google.

3. Meta Tag Keywords ( Meta Tag Kata Kunci )
Meta tag keywords atau meta tag kata kunci berguna untuk menentukan penemuan artikel pada mesin pencarian google yang bisa sobat pakai.
4. Meta Tag Robots
Meta tag robots yang satu ini juga bisa dipakai pada meta tag di blog agar bisa memberitahukan robot engine google apakah nantinya dilakukan pengindeksan berupa ” index ” atau ” noindex ” pada blog.
Cara Memasang Meta Tag Seo Friendly 2021 Valid HMTL Di Blogspot:
1. Sobatku bisa untuk pertama sekali login ke blogger.
2. Lanjut ke bagian menu ” theme ” atau ” tema ” pada blognya sobat tersebut.
3. Pada bagian ” Menu Tema ” sobat bisa memilih ” Edit HTML ” di blog.
4. Untuk sobatku semuanya, silahkan menyalin dan meletakkan kode ” Meta Tag Seo ” Dibawah ini dibagian kode tag ” <Head> pada “ Edit HTML” di blog.

<b:if cond=’data:view.isMultipleItems’> <b:if cond=’data:view.isHomepage’> <!–[ Homepage title ]–> <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=’120×120’/> <link expr:href=’data:blog.blogspotFaviconUrl’ rel=’apple-touch-icon’ sizes=’152×152’/> <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>

5. Selanjutnya sobat dapat melakukan “Save” atau ” simpan “.
Catatan : Sobat bisa melihat ” xxxxxxxxxxxxxxxxx ” pada kode diatas sudah saya warnai warna biru dan ubahlah sesuai dengan kode dari sobat.
Nah itulah beberapa point pada pembahasan diartikel kali ini yang sudah saya rangkum untuk dapat sobat pakai sebagai meta tag pada blognya tersebut dan bisa memulai membuat artikel atau konten bermanfaat untuk pengunjung tentunya.
Demikianlah artikel saya pada hari ini dengan topik pembahasan, semoga bisa bermanfaat dan menambah wawasan, sekian dan terimakasih.

Leave a Comment