DAFTAR ARTIKEL TERBARU

Meta Tag SEO yang Membuat Page Speed Blog Meningkat Menjadi 100


Update : 27 Juni 2019

+ Akibat perubahan kode <head> dan </head>

Jadi ceritanya admin baru saja selesai ganti template. Sekarang admin sudah menggunakan template premium ya guys.Tapi admin belum puas dengan skor page speed versi seluler. Admin tes page speed blog menggunakan Page Speed Insight. Admin hanya memperoleh skor 30 - 40 saja.

Admin sudah coba berbagai cara tapi masih gagal. Admin lakukan tes berbagai demo template yang ada di internet untuk menjadi model. Akhirnya ketemu yang nilai page speednya 100. Temuan ini pun gak langsung dapat. Sudah makan 2 hari 1 malam buat otak atik template baru dapat. Namun dari sini pusing masih belum selesai.

Jadi, beberapa cara ini tidak efektif meningkatkan page speed blog admin.
1. Ganti kode HTML untuk Section Main dari Blog1 sampai comment.
Cara ini gagal, tidak berpengaruh terhadap page speed loading blog.
2. Hapus gambar (Logo) di header
Maaf mungkin ini konyol tapi saya tulis saja di sini sebagai pengingat saya sendiri bahwa cara ini tidak berhasil. Saya kira gambar di header itu memberatkan loadung blog. Eh ternyata tidak berpengaruh juga dengan page speed.
3. Meletakkan kode iklan otomatis Adsense tepat di bawah header. Ternyata cara ini gagal juga, gak berpengaruh guys.
4. Menghapus javascript dan CSS yang tidak perlu. Cara ini juga masih kurang efektif gaesss.

Ini cara yang membuat saya kaget yaitu mengganti meta tag deskripsi. Setelah melakukan ini, Page Speed Meningkat menjadi 100 untuk Desktop dan 90 an untuk seluler. Skor ini jauh dari skor page speed blog sebelumnya. Meta Tag berikut juga berhasil memecahkan beberapa permasalahan yang sering ditemui di blog kita jika kita uji menggunakan GTMetrix.

Kalau kamu berminat memasang Meta Tag Deskripsi ini, maka berikut tahapannya.

1. Copy paste Meta Tag Deskripsi berikut tepat di bawah <!DOCTYPE html>. Hapus meta tag yang lain hingga baris skin ya..

Meta Tag SEO

<HTML expr:class='data:blog.languageDirection + &quot; no-js rwd &quot; + data:blog.pageType' expr:dir='data:blog.languageDirection' lang='id' xml:lang='en'>
&lt;head&gt;
<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='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;'>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' name='description'/>
<b:else/>
<meta content='YOUR DESCRIPTION HERE' name='description'/>
</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>
<!--[if IE]> <script> (function() { var html5 = ("abbr,article,aside,audio,canvas,datalist,details," + "figure,footer,header,hgroup,mark,menu,meter,nav,output," + "progress,section,time,video").split(','); for (var i = 0; i < html5.length; i++) { document.createElement(html5[i]); } try { document.execCommand('BackgroundImageCache', false, true); } catch(e) {} })(); </script> <![endif]-->
<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='YOUR KEYWORDS HERE' 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='XXXXX' name='google-site-verification'/>
<meta content='XXXXX' name='msvalidate.01'/>
<meta content='XXXXX' name='alexaVerifyID'/>
<meta content='XXXXX' name='p:domain_verify'/>
<meta content='XXXXX' name='yandex-verification'/>
<link href='//plus.google.com/XXXXX/posts' rel='publisher'/>
<link href='//plus.google.com/XXXXX/about' rel='author'/>
<link href='//plus.google.com/XXXXX' rel='me'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='xxxxxxx' name='Author'/>
<meta content='general' name='rating'/>
<meta content='id' name='geo.country'/>

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<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>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='og:title'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta content='article' property='og:type'/>
<b:else/>
<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 expr:content='data:blog.blogspotFaviconUrl' property='og:image'/>
</b:if></b:if>
<b:if cond='data:blog.metaDescription'>
<meta expr:content='data:blog.metaDescription' property='og:description'/>
<b:else/>
<meta content='YOUR DESCRIPTION HERE' property='og:description'/>
</b:if>
<meta expr:content='data:blog.title' property='og:site_name'/>
<meta content='https://www.facebook.com/xxxxx' property='article:author'/>
<meta content='https://www.facebook.com/xxxxxx' property='article:publisher'/>
<meta content='XXXXX' property='fb:app_id'/>
<meta content='XXXXX' 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'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageName' property='twitter:title'/>
<b:else/>
<meta expr:content='data:blog.title' property='twitter:title'/>
</b:if>
<meta content='@XXXXX' name='twitter:site'/>
<meta content='@XXXXX' name='twitter:creator'/>
<meta content='#131128' name='msapplication-navbutton-color'/>
<meta content='#131128' name='apple-mobile-web-app-status-bar-style'/>
<meta content='#131128' name='theme-color'/>

2. Klik Save Template

3. Eit belum selesai guys. Setelah kita Save, akan ada pesan Eror bahwa ada baris kode yang gak di tutup dengan benar. Perhatikan kalimat kode yang saya blok kuning di atas, itulah penyebabnya.

Kesalahan saat mengurai XML, baris 785, kolom 5: The element type "HTML" must be terminated by the matching end-tag "</HTML>"

Solusinya seperti ini, cari kode /head dan ganti dengan kode berikut.

&lt;/head&gt;&lt;!--<head/>--&gt;

Kalo sudah ada kode di atas di template agan, maka agan gak akan menemukan error.

4. Sekarang, klik lagi tombol Save.

Sekarang cek kembali page speed blog menggunakan Page SPeed Insight dan GTMetrix. Mustinya akan ada perubahan yang signifikan. Page speed blog meningkat dari sebelumnya.

Gimana kalau kode /body diubah juga? Admin sudah ubah kode /body menjadi:

&lt;!--</body>--&gt;&lt;/body&gt;

Namun tidak berpengaruh. Jadi kamu cukup lakukan langkah di atas saja ya.

Setelah mengganti kode <head> dan </head> dengan kode-kode di atas, coba buka salah satu artikel yang berisi komentar. Perhatikan apakah struktur komentar berantakan atau tidak. Jika struktur komentar tetap bagus dan berfungsi seperti semula maka biarkan saja perubahan yang dilakukan tersebut. Sebaliknya, kembalikan perubahan tersebut ke kode awal yaitu menggunakan kode <head> dan </head>.

Demikian Meta Tag Deskripsi yang Membuat Page Speed Blog Meningkat Menjadi 100. Semoga bermanfaat.
Next article Next Post
Previous article Previous Post

Leave a Reply to "Meta Tag SEO yang Membuat Page Speed Blog Meningkat Menjadi 100"

Post a Comment

Kami tunggu komentarnya. Bijaklah dalam berkomentar.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel