Pasang Meta Tag SEO Friendly 2019 Valid HTML5 Untuk Blogger

Meta Tag Seo Terbaru Untuk Blogger merupakan salah satu dari sekian banyak popular pencarian pada website / blog, Ini terutama bagi pengguna blogger baru yang mungkin saja masih bingung dengan tehnik khusus untuk membuat meta tag SEO.

Fungsi dari meta tag adalah memberi informasi kepada mesin pencari tentang apa yang ada di konten postingan, beranda, atau halaman khusus pada blog kita. Sangatlah penting untuk para blogger memperhatikan setiap pengkodean yang dibuat, karena bisa saja informasi yang terdapat pada kode tag HTML tidak dipahami oleh mesin telusur sehingga apa yang disampaikan diabaikan oleh mesin pencari tersebut.

Apa itu Meta Tag?

Meta tag adalah jenis kode HTML yang dipasang di dalam sebuah template website, yang bertujuan untuk membantu search engine mengetahui rangkuman isi / informasi dari website. Jadi tujuan sebenarnya meta tag adalah untuk memudahkan search engine mengindeks website kita.

Informasi yang dikirim oleh blog / website kemesin pencari melalui tag Meta akan mempermudahnya merayapi konten dan isi pada blog kita. Dan jikakonten yang terdapat pada blog adalah SEO Friendly yang dihasilkan oleh pemasangan meta tag SEO terbaru, maka blog akanmudah mendapatkan rangking yang tinggi dan bisa jadi postingan yangdibuat masuk posisi page one. Singkatnya, mereka memudahkan mesin pencari untuk menentukan kontenAnda, dan karenanya sangat penting untuk SEO.

Pada Meta tag SEO Blogger dibawah ini, kemungkinan sudah ada di template Anda, namun sayasedikit menambahkan beberapa tag baru dan menghilangkan yang tidakpenting seperti penghilangan google + perubahan tag kondisional dll.Didalam juga sudah dilengkapi dengan Open graph untuk facebook danmembutuhkan id admin, id app dan page id. Namun jika belum punya dan belum tahu cara mendapatkan kode tersebut,silakan baca Cara Mendapatkan ID Admin dan ID App Facebook

Sebelumnya, beberapa hal berikut ini perlu Anda perhatikan agr bisa mengerti tentang tag Meta dan kegunaannya untuk blog.

Hal Penting dalam Meta Tag SEO Blogger

1. Meta Title tag
Title tag adalah tag yang memunculkan judul blog. Judul blog adalah hal utama dalam penentu posisi pencarian.

<title><data:blog.pageTitle/></title>

2. Meta description
Meta description akan sangat membantu Anda dalam memberikan informasi langsung, Meta deskripsi biasanya berisi tentang Informasi dasar pada artikel namun juga menjadi salah satu penentu rangking pencarian selain title tag

<meta expr:content='data:blog.metaDescription' name='description'/>

Untuk referensi lebih banyak tentang Meta deskripsi, silakan baca postingan Cara Memasang dan Memaksimalkan Meta Deskripsi Blogger

3. Canonical Tag
Canonical tag yang bertugas untuk menyampaikan informasi tentang url yang akan dirayapi agar tidak terjadi duplikat konten dan sangat dianujukan untuk pemasangan meta tag SEO yang satu ini

<link expr:href='data:blog.url' rel='canonical'/>

4. Meta Keyword
Pada meta keyword atau kata kunci, pada meta tag versi yang lama, Ada yang menambahkan keyword secara manual seperti pada contoh meta tag berikut

<meta content='YOUR KEYWORD 1 HERE, YOUR KEYWORD 2 HERE, YOUR KEYWORD 3 HERE, YOUR KEYWORD 4 HERE' name='keywords'/>

5. Robots meta tag
Robot meta tag merupakan salah satu komponen penting dalam proses crawl search engine, tag ini bertugas sebagi pengarah maupun pemblikiran konten yang bisa maupun tidak bisa dirayapi oleh search engine. Berikut contoh penerapannya untuk meta tag seo friendy terbaru

<meta content='noindex,nofollow' name='robots'/>

6. Social Media Meta Tags (Open Graph and Twitter Cards)
Untuk sosial Meta tag SEO Friendly terbaru, umumnya kita hanya perlu untuk menambahkan data profile pada akun facebook maupun twitter yang kita buat kemudian ditambahkan pada tag tersebut

<meta content='@user-twitter' name='twitter:site'/>

<meta content='kode-profil-facebook' property='fb:profile_id'/>

7. Responsive Design Meta Tag
Agar tampilan blog memberikan informasi kepada mesin telusur bahwa blog kita adalah blog yang responsive maka penambahan tag ini sangat diwajibkan, karena jika tidak, Anda akan sering mendapatkan pesan error pada webmaster tool

<meta content='width=device-width, initial-scale=1' name='viewport'/>

Meta Tag SEO Friendly Blogger Terbaru 2019

Berikut ini adalah Meta Tag super SEO yang sudah saya racik sedemikian rupa dengan mempelajari beberapa SEO meta tag dari berbagai template blog dan juga di beberapa forum blogger

Silakan login ke blogger terlebih dahulu kemudian pilih theme lalu edit theme.
Hapus semau kode meta tag sebelumnya yang terdapat pada template blog Anda.
Dan untuk berjaga-jaga jangan sampai terjadi kesalahan, sebaiknya untuk membackup terlebih dahulu template blog Anda.
Setelah semua sudah siap, silakan copy pastekan kode dibawah ini dan letakkan tepat dibawah kode <head> atau <head>

<!-- Meta Tag SEO -->
<meta content='width=device-width, initial-scale=1' name='viewport' />
<meta charset='utf-8' />
<!-- Chrome, Firefox OS and Opera -->
<meta content='#ffffff' name='theme-color' />
<!-- Windows Phone -->
<meta content='#ffffff' name='msapplication-navbutton-color' />
<meta content='blogger' name='generator' />
<link expr:href='data:blog.canonicalHomepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon' />
<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>
<!-- Meta Description & Keyword -->
<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>
<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='data:blog.title' 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='https://www.blogger.com/profile/id-profil-blogger' rel='publisher' />
<link href='https://www.blogger.com/profile/id-profil-blogger' rel='author' />
<link href='https://www.blogger.com/profile/id-profil-blogger' 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' />
<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMPGZ7c6ck6bvK4-Z1XTinYo8VTvX9iwUKYNCS3QsBOgMIFQubdOy0Nem7lxoBL1fLKvkq8PKUoTw8RofVZ1LraIi0LGkQe373mU2dqqLt4s4KNX4L5soTiLlucnNxURaTRRvnHwEWW9J8/s1600/Dewa-Plokis.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/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' />
<link href='//ajax.googleapis.com' rel='dns-prefetch' />
<link href='//www.google-analytics.com' rel='dns-prefetch' />
<link href='//googleads.g.doubleclick.net' 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='//adservice.google.ca' rel='dns-prefetch' />
<link href='//adservice.google.com' rel='dns-prefetch' />
<link href='//resources.blogblog.com' rel='dns-prefetch' />
<link href='//fonts.googleapis.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='//disqus.com' rel='dns-prefetch' />
<link href='//github.com' rel='dns-prefetch' />
<link href='//cdn.rawgit.com' rel='dns-prefetch' />
<link href='//fontawesome.com' rel='dns-prefetch' />
<link href='//cdn.jsdelivr.net' rel='dns-prefetch' />

Silakan sesuaikan nilai yang telah di mark dan juga tanda xxxxx pada verifikasi dengan milik Anda. Harap diperhatikan dengan baik agar tidak terjadi kesalahan

Keterangan Meta Tag

Nilai	Keterangan
Theme color	Isi sesuai dengan warna dominan pada template Anda
Id Profil Blogger	Isi dengan id profil blogger Anda
Kode Verifikasi xxxxx	Isi dengan kode verifikasi Anda
Nama-Admin-Blog	Isi dengan nama Anda
Kode-profil-facebook	Isi dengan link profil Facebook Anda
fb-page Facebook	Isi dengan link FanPage Facebook
kode-aplikasi-facebook	Isi dengan kode App Facebook
Kode Admin Facebook	Isi dengan kode admin Facebook anda
property='og:image	ganti dengan logo blog Anda
@user-twitter	Isi dengan nama user Twitter Anda

Jika memang kode diatas ingin diterapkan silakan diterpakan pada blog Anda, Namun jika merasa kurang cocok atau lebih suka dengan tag meta bawaan blogger atau bawaan dari template, Anda bisa mengabaikan kode diatas. Karena pada umunya, setiap template terbaru baik itu free maupun premium, sudah memasang kode tag yang masing-masing pemilik template menganggap bahwa tag tersebut sudah termasuk meta tag terbaru super SEO Friendly.

Demikian postingan dari dewaplokis tentang Meta Tag SEO Friendly terbaru Valid HTML5 Blogger Terbaru 2019. Jika ada pertanyaan, keluhan, perasaan tidak enak dll bisa dilanjutkan di kolom komentar.