Meta Tag SEO Friendly Terbaru untuk Blogger - Panduan Blog
Meta Tag SEO Friendly Valid HTML5, Meta Tag SEO untuk Blogger, Meta Tag SEO Friendly untuk Blogspot, Meta Tag SEO Friendly

Meta Tag SEO Friendly untuk Blogger - Apakah anda sudah pernah mendengar istilah Meta Tag? Bagi sebagian blogger khususnya yang sudah profesional, meta tag merupakan hal yang perlu diperhatikan karena menjadi faktor yang mempengaruhi dalam urusan SEO.

Perlu anda ketahui, meta tag merupakan sekumpulan kode HTML yang digunakan untuk memberikan informasi berupa metadata yang digunakan untuk membantu robot Google mencari data dan menganalisa halaman web. Meta tag merupakan bagian dari optimasi blog untuk memberikan identitas pada halaman blog beserta artikel-artikelnya untuk selanjutnya ditampilkan di halaman pencarian mesin pencari seperti Google, Bing, dan mesin pencari lainnya.

Nah, pembahasan kali ini mengenai cara menambahkan Meta Tag SEO Friendly, namun sebelum itu, mari kita bahas terlebih dahulu mengenai fungsi dasar beserta elemen pentingnya.

Meta Tag Title


Meta Tag Title merupakan jenis meta tag yang digunakan untuk memberikan informasi mengenai judul halaman pada robot Google. Setelah itu, halaman yang sudah diberikan judul pada meta tag title ini selanjutnya akan ditampilkan di SERP.

Meta Tag Title
Meta Tag Title

Kode Meta Tag Title

<title>Masukan Judul Blog Anda</title>

Meta Tag Description



Meta Tag Description merupakan Meta Tag yang digunakan untuk memberikan deskripsi singkat pada halaman situs. Dikarenakan deskripsi yang akan ditampilkan di SERP singkat, maka dari itu disarankan untuk membuat deskripsi singkat dengan jumlah 130 kata dan maksimal 230 kata.

Meta Tag Description
Meta Tag Description

Kode Meta Tag Description

<meta name="description" content="Masukkan deskripsi singkat blog anda" />

Meta Tag Keyword


Sebenarnya meta tag keyword ini sudah tidak digunakan lagi. Tapi, sebagai pengetahuan saja, Meta Tag Keyword ini digunakan untuk memberikan kata kunci pada halaman website. Dahulu meta tag ini sangat berguna untuk menampilkan halaman situs kita di mesin pencari dengan kata kunci tertentu yang sudah kita targetkan. Penggunaan meta tag keyword sekarang sudah dianggap sebagai Keyword Stuffing dan berbahaya untuk kualitas SEO.

Kode Meta Tag Keyword

<meta content=’keyword1, keyword2, keyword3, name='keywords'/>

Meta Tag SEO Friendly Valid HTML5 untuk Blogger


Dibawah ini merupakan kode Meta Tag yang memiliki kelebihan yaitu SEO Friendly. Meta Tag ini juga sudah banyak digunakan dan diterapkan pada template-template blogger baru. Silahkan tambahkan kode dibawah ini dan letakan sesudah kode <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 == &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'/>
<link href='xxx' rel='publisher'/>
<link href='xxx' rel='author'/>
<link href='xxx' 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 == &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://1.bp.blogspot.com/-aKZzSAygVKk/VYPkX_nAwrI/AAAAAAAACeo/cgQTs8nR5Rg/s1600/Arlina%2BLogo.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'/>

Tahap selanjutnya, silahkan sesuaikan kembali kode meta tag diatas dengan kebutuhan situs blog anda.

Itulah pembahasan mengenai Meta Tag SEO Friendly untuk Blogger semoga bermanfaat untuk Anda.
Panduan Blog

Meta Tag SEO Friendly Terbaru untuk Blogger

Meta Tag SEO Friendly Valid HTML5, Meta Tag SEO untuk Blogger, Meta Tag SEO Friendly untuk Blogspot, Meta Tag SEO Friendly

Meta Tag SEO Friendly untuk Blogger - Apakah anda sudah pernah mendengar istilah Meta Tag? Bagi sebagian blogger khususnya yang sudah profesional, meta tag merupakan hal yang perlu diperhatikan karena menjadi faktor yang mempengaruhi dalam urusan SEO.

Perlu anda ketahui, meta tag merupakan sekumpulan kode HTML yang digunakan untuk memberikan informasi berupa metadata yang digunakan untuk membantu robot Google mencari data dan menganalisa halaman web. Meta tag merupakan bagian dari optimasi blog untuk memberikan identitas pada halaman blog beserta artikel-artikelnya untuk selanjutnya ditampilkan di halaman pencarian mesin pencari seperti Google, Bing, dan mesin pencari lainnya.

Nah, pembahasan kali ini mengenai cara menambahkan Meta Tag SEO Friendly, namun sebelum itu, mari kita bahas terlebih dahulu mengenai fungsi dasar beserta elemen pentingnya.

Meta Tag Title


Meta Tag Title merupakan jenis meta tag yang digunakan untuk memberikan informasi mengenai judul halaman pada robot Google. Setelah itu, halaman yang sudah diberikan judul pada meta tag title ini selanjutnya akan ditampilkan di SERP.

Meta Tag Title
Meta Tag Title

Kode Meta Tag Title

<title>Masukan Judul Blog Anda</title>

Meta Tag Description



Meta Tag Description merupakan Meta Tag yang digunakan untuk memberikan deskripsi singkat pada halaman situs. Dikarenakan deskripsi yang akan ditampilkan di SERP singkat, maka dari itu disarankan untuk membuat deskripsi singkat dengan jumlah 130 kata dan maksimal 230 kata.

Meta Tag Description
Meta Tag Description

Kode Meta Tag Description

<meta name="description" content="Masukkan deskripsi singkat blog anda" />

Meta Tag Keyword


Sebenarnya meta tag keyword ini sudah tidak digunakan lagi. Tapi, sebagai pengetahuan saja, Meta Tag Keyword ini digunakan untuk memberikan kata kunci pada halaman website. Dahulu meta tag ini sangat berguna untuk menampilkan halaman situs kita di mesin pencari dengan kata kunci tertentu yang sudah kita targetkan. Penggunaan meta tag keyword sekarang sudah dianggap sebagai Keyword Stuffing dan berbahaya untuk kualitas SEO.

Kode Meta Tag Keyword

<meta content=’keyword1, keyword2, keyword3, name='keywords'/>

Meta Tag SEO Friendly Valid HTML5 untuk Blogger


Dibawah ini merupakan kode Meta Tag yang memiliki kelebihan yaitu SEO Friendly. Meta Tag ini juga sudah banyak digunakan dan diterapkan pada template-template blogger baru. Silahkan tambahkan kode dibawah ini dan letakan sesudah kode <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 == &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'/>
<link href='xxx' rel='publisher'/>
<link href='xxx' rel='author'/>
<link href='xxx' 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 == &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://1.bp.blogspot.com/-aKZzSAygVKk/VYPkX_nAwrI/AAAAAAAACeo/cgQTs8nR5Rg/s1600/Arlina%2BLogo.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'/>

Tahap selanjutnya, silahkan sesuaikan kembali kode meta tag diatas dengan kebutuhan situs blog anda.

Itulah pembahasan mengenai Meta Tag SEO Friendly untuk Blogger semoga bermanfaat untuk Anda.
Load comments

Subscribe Our Newsletter