Meta Tag Seo Friendly Valid HTML5 2021

Meta Tag Seo Friendly Valid HTML5 2021

Meta Tag Seo Friendly Valid HTML5 2021 Terbaru Untuk blogspot yang berfungsi sebagai peningkat mesin pencarian blog untuk halaman pencarian mesin pencari atau search engine yang membuat blog dapat dicari dengan mudah.

Meta adalah elemen atau tag yang terdapat dalam bahasa pemrograman HTML yang memiliki fungsi sebagai pemberi informasi metadata dari sebuah halaman blog atau website. Seperti yang dijelaskan di salah satu halaman Google, meta tag adalah cara terbaik bagi seorang blogger dalam memberikan informasi mengenai halaman situs kepada mesin telusur. Tentunya agar meta tag ini bisa ditelusuri maka pengkodeannya harus benar karena beberapa kode dari meta tag terkadang ada yang dipahami dan tidak oleh mesin pencari.

Jika meta tag bisa ditelusuri oleh mesin pencari seperti Google, Bing, Yahoo dan sebagainya maka hasilnya akan ditampilkan dalam SERP yaitu Search Engine Result Page. Jika meta tag ini sudah masuk kedalam SERP itu artinya artikelnya blog sudah terindeks oleh Google, meskipun tidak berada di halaman pertama Google.

 

Meta Tag Seo Friendly dan Valid HTML5 2021

Seperti halnya kode meta tag yang kami share dibawah ini, belum tentu cocok digunakan didalam template blog Anda. Karena setiap kode meta tag yang digunakan dalam sebuah tema atau template sudah menjadi satu-kesatuan dengan kode template yang lain sejak template itu dibuat, bukan berasal dari comot sana comot sini.

Bagaimana jika ingin menggunakan meta tag dari luar? Seperti yang kami sediakan ini dan dipasang didalam kode template blog saya? Untuk memasang kode meta tag dari luar, perhatikan dulu struktur kode meta tag yang digunakan pada template blog sebelumnya, apakah memiliki kemiripan atau tidak? Apakah ada kode yang berbeda atau tidak? Kalau soal kemiripan dan perbedaan, pasti ada. Untuk itu, kode-kode yang berbeda inilah yang harus tetap digunakan.

Baca juga:

Cara Membuat Popular Post Keren Di blog

Cara Melakukan URL inspection Situs Pada Google Search Console

Cara Memasang robots.txt dan Custom Robots Header Tags yang Aman Di Blogger

Elemen Meta Tag SEO Friendly

Dikatakan seo friendly dan valid HTML5 ini karena didalam meta tag tersebut terdapat beberapa elemen yang harus sesuai dengan ketentuan yaitu:

Data Profil

Selama ini link profil yang terdapat didalam kode meta menggunakan link dari Google+ namun karena Google+ akan dihapus maka segera ganti link profil tersebut menggunakan link profil Blogger. Dan didalam meta tag yang kami share ini sudah menggunakan link profil Blogger. Jadi jika didalam kode template blog Anda masih menggunakan link profil Google+, segera dihapus atau diganti karena link yang tidak bisa diakses akan menyebabkan template tidak valid.

Baca Juga:   Cara Membuat Sticker Animasi Di Telegram

Meta Deskripsi dan Keyword

Penggunaan meta deskripsi memang sangat penting namun untuk meta keyword sendiri ada yang menyarankan untuk tidak menggunakan meta keyword karena dikhawatirkan penggunaan keyword terlalu berlebihan sehingga menyebabkan blog dinilai sebagai blog spamming. Kami sendiri menggunakan meta keyword hanya di halaman posting saja bukan di halaman beranda (homepage). Namun didalam meta tag terbaru ini kami memasangnya di homepage. Untuk penggunaan meta keyword ini, silahkan jika Anda ingin menggunakan, gunakan dengan bijak dan di meta tag terbaru ini sudah kami sertakan kodenya.

Begitu juga dengan meta deskripsi, penggunaan deskripsi didaalam meta tag sudah otomatis tampil dan sesuai dengan deskripsi yang dipasang didalam pengaturan template atau didalam halaman posting artikel blog. Untuk panjang deskripsi disarankan tidak lebih dari 500 karakter.

Meta Tag Robots

Untuk menentukan halaman blog yang akan di index atau tidak oleh mesin penelusuran, maka gunakan meta robot. Tag ini sangat berguna sekali jika suatu halaman blog menggunakan frame untuk navigasinya.

Nah, berikut kode meta tag meta tag Seo Friendly dan Valid HTML5 yang mungkin bisa digunakan sebagai salah satu optimasi blog Anda. Namun sekali lagi kami menyarankan untuk memperhatikan penggunaan meta tag yang telah digunakan pada template sebelumnya yang telah kami jelaskan diatas. Jika kode meta tag dibawah ini cocok, silahkan digunakan jika tidak lebih baik abaikan saja.

Untuk pemasangan Meta Tag Seo Friendly Valid HTML5 2021 dapat dilakukan dengan menyalin kode script dibawah ini kebagian <HEAD> di menu edit HTML blog anda sebagai berikut ini :
<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 == &quot;index&quot;’>
<title><data:blog.pageTitle/></title>
<b:else/>
<b:if cond=’data:blog.pageType != &quot;error_page&quot;’>
<title><data:blog.pageName/> – <data:blog.title/></title>
</b:if></b:if>
<b:if cond=’data:blog.pageType == &quot;error_page&quot;’>
<title>Page Not Found – <data:blog.title/></title>
</b:if>
<b:if cond=’data:blog.pageType == &quot;archive&quot;’>
<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 != &quot;error_page&quot;’>
<meta expr:content=’data:blog.metaDescription’ name=’description’/>
<script type=’application/ld+json’>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<b:if cond=’data:blog.homepageUrl != data:blog.url’>
<meta expr:content=’data:blog.pageName + &quot;, &quot; + data:blog.pageTitle + &quot;, &quot; + 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 + &quot;feeds/posts/default&quot;’ expr:title=’data:blog.title + &quot; – Atom&quot;’ rel=’alternate’ type=’application/atom+xml’/>
<link expr:href=’data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;’ expr:title=’data:blog.title + &quot; – RSS&quot;’ rel=’alternate’ type=’application/rss+xml’/>
<link expr:href=’&quot;http://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;’ expr:title=’data:blog.title + &quot; – Atom&quot;’ rel=’alternate’ type=’application/atom+xml’/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<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’/>
<meta content=’kode-verifikasi-google-search-console’ name=’google-site-verification’/>
<meta content=’Indonesia’ name=’geo.placename’/>
<meta content=’nama-admin-blog’ name=’Author’/>
<meta content=’general’ name=’rating’/>
<meta content=’id’ name=’geo.country’/>
<!– Social Media Meta Tag –>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<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=’&quot;Silakan kunjungi &quot; + data:blog.pageTitle + &quot; Untuk membaca postingan menarik.&quot;’ property=’og:description’/>
</b:if>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<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://lh3.googleusercontent.com/-818i4wRv3F8/XDpjan5LYnI/AAAAAAAAAWs/czD17EyD9qIB22qvtXTkd7-bW1-SR0o0gCLcBGAs/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/fanpage-facebook’ property=’article:publisher’/>
<meta content=’kode-aplikasi-facebook’ property=’fb:app_id’/>
<meta content=’kode-admin-facebook’ property=’fb:admins’/>
<meta content=’kode-profil-facebook’ property=’fb:profile_id’/>
<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 anda ingin memasang kode Meta Tag Seo Friendly Valid HTML5 2021 bisa memakai kode dibawah ini :
<meta charset=’utf-8’/>
<meta content=’width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0′ name=’viewport’/>
<meta content=’text/html; charset=UTF-8′ http-equiv=’Content-Type’/>
<b:if cond=’data:view.isSingleItem’>
<title><data:blog.pageName/></title>
<b:elseif cond=’data:view.isHomepage’/>
<title><data:blog.title/></title>
<b:elseif cond=’data:view.search.label’/>
<title><data:blog.pageTitle/></title>
<b:elseif cond=’data:view.search.query’/>
<title><data:view.search.resultsMessage/></title>
<b:elseif cond=’data:view.search and !data:view.search.label and !data:view.search.query’/>
<title><data:blog.pageTitle/></title>
<b:elseif cond=’data:view.isArchive’/>
<title><data:view.archive.rangeMessage/></title>
<b:elseif cond=’data:view.isError’/>
<title>404 Not Found</title>
</b:if>
<b:if cond=’data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery’>
<meta content=’noindex/nofollow’ name=’robots’/>
<meta content=’noindex/nofollow’ name=’googlebot’/>
<b:elseif cond=’data:view.isSingleItem or data:view.isHomepage’/>
<meta content=’index/follow’ name=’robots’/>
<meta content=’index/follow’ name=’googlebot’/>
</b:if>
<meta content=’blogger’ name=’generator’/>
<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.canonical.jsonEscaped’ rel=’canonical’/>
<link expr:href=’data:blog.homepageUrl + &quot;feeds/posts/default&quot;’ expr:title=’data:blog.title + &quot; – Atom&quot;’ rel=’alternate’ type=’application/atom+xml’/>
<link expr:href=’data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;’ expr:title=’data:blog.title + &quot; – RSS&quot;’ rel=’alternate’ type=’application/rss+xml’/>
<link expr:href=’&quot;https://www.blogger.com/feeds/&quot; + data:blog.blogId + &quot;/posts/default&quot;’ expr:title=’data:blog.title + &quot; – Atom&quot;’ rel=’alternate’ type=’application/atom+xml’/>
<meta expr:content=’data:blog.homepageUrl + &quot;sitemap.xml&quot;’ rel=’sitemap’ type=’application/xml’/>
<b:if cond=’data:view.isMultipleItems’>
<meta expr:content=’data:blog.metaDescription’ name=’description’/>
<b:elseif cond=’data:view.isSingleItem’/>
<b:if cond=’data:blog.metaDescription’>
<meta expr:content=’data:blog.metaDescription’ name=’description’/>
<b:else/>
<meta expr:content=’data:blog.title’ name=’description’/>
</b:if>
</b:if>
<meta content=’#000000′ name=’msapplication-navbutton-color’/>
<meta content=’#000000′ name=’apple-mobile-web-app-status-bar-style’/>
<meta content=’#000000′ name=’theme-color’/>
<b:if cond=’data:view.isMultipleItems’>
<meta content=’YOUR KEYWORD 1 HERE, YOUR KEYWORD 2 HERE, YOUR KEYWORD 3 HERE, YOUR KEYWORD 4 HERE’ name=’keywords’/>
<b:elseif cond=’data:view.isSingleItem’/>
<meta expr:content=’data:blog.pageName’ name=’keywords’/>
</b:if>
<b:if cond=’data:view.isPost’>
<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/XXXXX/posts’ rel=’publisher’/>
<link href=’https://plus.google.com/XXXXX/about’ rel=’author’/>
<link href=’https://plus.google.com/XXXXX’ rel=’me’/>
<meta content=’XXXXX’ name=’google-site-verification’/>
<meta content=’XXXXX’ name=’alexaVerifyID’/>
<meta content=’XXXXX’ name=’p:domain_verify’/>
<meta content=’XXXXX’ name=’yandex-verification’/>
<meta content=’XXXXX’ name=’msvalidate.01’/>
<!– Open Graph –>
<b:if cond=’data:view.isHomepage’>
<b:if cond=’data:view.isSingleItem’>
<b:if cond=’data:blog.url’>
<meta expr:content=’data:blog.url’ property=’og:url’/>
</b:if>
<meta expr:content=’data:blog.title’ property=’og:site_name’/>
</b:if></b:if>
<b:if cond=’data:view.isPost’>
<meta expr:content=’data:blog.pageName’ property=’og:title’/>
<meta content=’article’ property=’og:type’/>
<b:else/>
<meta expr:content=’data:blog.title’ property=’og:title’/>
<meta content=’website’ property=’og:type’/>
</b:if>
<meta expr:content=’data:blog.canonicalUrl’ property=’og:url’/>
<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=’YOUR_IMAGE_URL_HERE’ property=’og:image’/>
</b:if></b:if>
<b:if cond=’data:view.isMultipleItems’>
<meta expr:content=’data:blog.metaDescription’ property=’og:description’/>
<b:elseif cond=’data:view.isSingleItem’/>
<b:if cond=’data:blog.metaDescription’>
<meta expr:content=’data:blog.metaDescription’ property=’og:description’/>
<b:else/>
<meta expr:content=’data:blog.title’ property=’og:description’/>
</b:if>
</b:if>
<meta expr:content=’data:blog.title’ property=’og:site_name’/>
<b:if cond=’data:view.isSingleItem’>
<meta content=’https://www.facebook.com/XXXXX’ property=’article:author’/>
<meta content=’https://www.facebook.com/XXXXX’ property=’article:publisher’/>
</b:if>
<meta content=’XXXXX’ property=’fb:app_id’/>
<meta content=’XXXXX’ property=’fb:admins’/>
<meta content=’XXXXX’ property=’fb:profile_id’/>
<meta content=’XXXXX’ property=’fb:pages’/>
<meta content=’id’ name=’geo.country’/>
<meta content=’id_ID’ property=’og:locale’/>
<meta content=’en_US’ property=’og:locale:alternate’/>
<meta content=’Indonesia’ name=’geo.placename’/>
<meta content=’general’ name=’rating’/>
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<meta expr:content=’data:blog.pageName’ property=’og:image:alt’/>
<b:else/>
<meta expr:content=’data:blog.title’ property=’og:image:alt’/>
</b:if>
<meta expr:content=’data:blog.title’ name=’twitter:site’/>
<meta content=’summary_large_image’ name=’twitter:card’/>
<meta content=’@YOUR_TWITTER_USERNAME_HERE’ name=’twitter:creator’/>
<!– Schema WebSite –>
<script type=’application/ld+json’>{ &quot;@context&quot;: &quot;http://schema.org&quot;, &quot;@type&quot;: &quot;WebSite&quot;, &quot;@id&quot;: &quot;#website&quot;, &quot;url&quot;: &quot;<data:blog.homepageUrl/>&quot;, &quot;potentialAction&quot;: { &quot;@type&quot;: &quot;SearchAction&quot;, &quot;target&quot;: &quot;<data:blog.homepageUrl/>search?q={search_term}&quot;, &quot;query-input&quot;: &quot;required name=search_term&quot; } }</script>
<link href=’//adservice.google.ca’ rel=’dns-prefetch’/><link href=’//googleads.g.doubleclick.net’ rel=’dns-prefetch’/><link href=’//adservice.google.com’ 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=’//resources.blogblog.com’ rel=’dns-prefetch’/><link href=’//fonts.googleapis.com’ rel=’dns-prefetch’/><link href=’//disqus.com’ rel=’dns-prefetch’/><link href=’//github.com’ rel=’dns-prefetch’/><link href=’//cdn.rawgit.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=’//www.blogger.com’ rel=’dns-prefetch’/><link href=’//www.facebook.com’ rel=’dns-prefetch’/><link href=’//plus.google.com’ rel=’dns-prefetch’/><link href=’//twitter.com’ rel=’dns-prefetch’/><link href=’//www.youtube.com’ rel=’dns-prefetch’/><link href=’//feedburner.google.com’ rel=’dns-prefetch’/><link href=’//feeds.feedburner.com’ rel=’dns-prefetch’/><link href=’//platform.twitter.com’ rel=’dns-prefetch’/><link href=’//apis.google.com’ rel=’dns-prefetch’/><link href=’//connect.facebook.net’ rel=’dns-prefetch’/><link href=’//www.google-analytics.com’ rel=’dns-prefetch’/><link href=’//www.gstatic.com’ rel=’dns-prefetch’/><link href=’//static.xx.fbcdn.net’ rel=’dns-prefetch’/><link href=’//tpc.googlesyndication.com’ rel=’dns-prefetch’/><link href=’//syndication.twitter.com’ rel=’dns-prefetch’/><link href=’//fonts.gstatic.com’ rel=’dns-prefetch’/><link href=’https://3p.ampproject.net’ rel=’dns-prefetch’/><link href=’https://lh3.googleusercontent.com’ rel=’dns-prefetch’/><link href=’https://tpc.googlesyndication.com’ rel=’dns-prefetch’/><link href=’https://i.ytimg.com’ rel=’dns-prefetch’/><link href=’https://i3.ytimg.com’ rel=’dns-prefetch’/><link href=’https://img.youtube.com’ rel=’dns-prefetch’/><link href=’https://www.googletagmanager.com’ rel=’dns-prefetch’/><link href=’https://adservice.google.co.id/’ rel=’dns-prefetch’/><link href=’//cdnjs.cloudflare.com/’ rel=’dns-prefetch’/><link href=’//resources.blogblog.com/’ rel=’dns-prefetch’/>
Sobat tidak perlu mengedit lagi meta tag di atas, karena meta tersebut sudah di diatur dengan tepat untuk seo friendly. Jika sobat menambah kode lain justru hasilnya malah tidak optimal untuk seo. Untuk menguji seo meta tersebut silakan sobat membuat 3 artikel yang menarik tentunya bukan artikel Kopas. Tunggu 1 x 24 jam, maka salah satu dari postingan sobat akan nengkreng dinomor satu hasil pencarian google.

Pencarian Berdasarkan Kata Kunci

Meta tag blogger 2021
Baca Juga:   Update Meta Tag Seo Friendly Terbaru Blogspot Dan Valid HTML5

Daftar Isi