Cara Menambahkan Meta Tag SEO dan Valid HTML5 pada Blog Agar Ramai Visitor 2021

Banyak orang membuat blog untuk berbagi informasi atau hanya untuk catatan pribadi saja, tetapi walaupun begitu harapan untuk mendapatkan visitor yang melimpah adalah mimpi para blogger. Untuk mencapai hal tersebut, saat ini banyak tutorial yang dapat ditemukan di Google cara untuk meningkatkan visitor pada Blog, dan salah satunya adalah menambahkan Meta Tag SEO pada template Blogger.

Jika Anda mendownload template Blogger baik Free maupun Premium, biasanya para pembuat template memberikan informasi template nya, seperti informasi fitur yang ada pada template, layout, dan yang paling penting adalah SEO Friendly. SEO tersebut yang biasa dicari oleh para penulis Blogger yang ingin mengganti template. Dapat dibilang SEO Friendly karena pada template tersebut sudah dilakukan optimasi SEO, seperti terdapat MetaTag SEO.

Mengapa seperti begitu?

Karena dengan template yang sudah SEO Friendly, Postingan pada blog nya akan mudah terindex di google, dan dari situpun banyak visitor yang berdatangan keblog Penulis.
Jika melihat lebih dalam struktur pada Template hasil download atau membeli template premium, Anda akan mendapati Meta Tag yang biasa terdapat setelah kode <head>.

Sebenarnya apa itu Meta tag dan peranannya pada Template?

Oke, disini akan Saya jelaskan secara singkat mengenai Meta Tag, Meta Tag adalah serangkaian code HTML yang ada pada template suatu blog yang bertujuan untuk membantu web robot google untuk menganalisa isi artikel dari blog, dan tentu saja bisa memudahkan dalam mengindex blog yang Anda kelola.

Baca Juga :   Cara mudah membuat video youtube di blog responsive

Dilihat dari pengertian diatas, Fungsi utamanya adalah memudahkan mengindex artikel pada blog, atau yang dapat disebut dengan SEO.

Sebenarnya faktor yang mempengaruhi SEO itu cukup banyak, tidak hanya dengan template saja. Tetapi Struktur template yang baik, itu cukup mempengaruhi hasil pencarian web di Google, sehingga perlu dipertimbangkan baik-baik dalam pemilihan template.

Setelah membahas mengenai SEO dan Meta tag, pada artikel kali ini Emalution akan membagian bagaimana cara menambahkan Meta Tag SEO pada Blogger dan juga Valid HTML5 terbaru. Berikut tahapannya,

Cara Menambahkan Meta Tag SEO dan Valid HTML5 pada Blog Agar Ramai Visitor 2022 (UPDATE 2022)

  1. Login Ke blogger
  2. Akses Tab menu Theme > Edit HTML
  3. Cari kode <head> dan tambahkan kode dibawah ini, tepat dibawah <head>

Untuk mempermudah pencarian, Anda dapat menggunakan shortcut dengan cara menekan CTRL + F

<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'/>
  1. Setelah ditambahkan, silahkan Anda Save template
Baca Juga :   Cara membuat widget popular post lebih Menarik

Demikian Cara Menambahkan Meta Tag SEO dan Valid HTML5 pada Blog Agar Ramai Visitor 2021. Selamat mencoba, dan semoga bermanfaat.

Jika ada pertanyaan mengenai post ini. Anda dapat menghubungi saya melalui Form Contact yang sudah di sediakan.

Referensi: digitalpoint

Leave a Comment