Backup kumpulan tutorial blogger untuk pemula
Cara Menghilangkan kode ?m=1, ?m=0 di permalink Blogger
Ada beberapa alasan mengapa pengguna blogger ingin menghilangkan kode ?m=1 dan ?m=0 dibelakang permalink url blog, seperti sudah menggunakan template mobile friendly sehingga tidak perlu lagi menggunakan mode settingan default ?m=1 untuk mobile dan ?m=0 untuk dekstop, terkadang penambahan kode ini juga menyebabkan duplikat title tag akibat adanya parameter lain dalam struktur pembangun template
Para pengguna komentar disqus juga mengalami masalah dengan hal ini karena komentar masuk melalui form disqus dicatat sesuai parameter url blog apakah itu ?m=0 atau ?m=1. Apabila komentar disqus masuk melalui parameter ?m=1 biasanya komentar ini tidak terbaca ketika halaman dibuka melalui dekstop menggunakan parameter ?m=0
Oleh sebab itu pada postingan kali ini kita akan mencoba menghilangkan parameter ?m=0 dan ?m=1 saat mengakses blog melalui perangkat seluler maupun dekstop
Langkah satu, buka dashboard blogger > menu tema > edit HTML > cari kode </body> > copy-paste kode dibawah ini kemudian letakkan diatasnya
<script>//<![CDATA[var uri = window.location.toString();if (uri.indexOf("?m=1","?m=1") > 0) {var clean_uri = uri.substring(0, uri.indexOf("?m=1"));window.history.replaceState({}, document.title, clean_uri);}//]]></script>
Langkah kedua, simpan template. Sekarang coba akses blog melalui perangkat seluler/mobile semoga anda tidak melihat lagi parameter yang mengganggu tersebut
Cara menambahkan tanda centang sebelum judul artikel blog dipencarian google
Ketika saya browsing-browsing di internet, saya melihat beberapa blog menambahkan tanda centang ✔ sebelum judul artikel, apa gunanya? supaya cuplikan konten dihasil pencarian terlihat menarik dan di klik oleh pengguna google
Kalau dari sisi SEO lebih ke On Page karena dimodifikasi langsung dari dalam struktur template dengan menambahkan kode centang pada blog.title secara manual
Dalam dunia simbol, tanda check mark atau centang artinya sudah selesai, disetujui, menandai, terverifikasi, terpercaya , validasi dan sebagainya
Oleh sebab itu, pengguna google yang melihat tanda centang pada judul artikel pasti merasa penasaran dan mencoba membuka halaman tersebut. Teknik simpel ini bisa meningkatkan CTR
Cara menambahkan tanda centang pada judul artikel blog
Anda cukup menambahkan kode HTML untuk tanda centang sebelum markup judul postingan blog. Buka dashboard blogger > masuk menu template > edit html > cari kode <data:blog.pageName/> biasanya ada di bagian atas, jadi tidak perlu discroll kebawah
Kalau sudah ketemu tambahkan kode ini √ didepannya menjadi
√ <data:blog.pageName/>
Simpan template dan selesai
Berikut contoh simbol lain yang bisa anda tambahkan ke blog, tinggal dicopy-paste
✁ ✔ ✧ ✺ ❍ ❠ ❳ ➆ ➙ ➬ ➿ ✂ ✕ ✨ ✻ ❎ ❡ ❴ ➇ ➚ ➭ : ✃ ✖ ✩ ✼ ❏ ❢ ❵ ➈ ➛ ➮ • ✄ ✗ ✪ ✽ ❐ ❣ ❶ ➉ ➜ ➯ ⋆ ✅ ✘ ✫ ✾ ❑ ❤ ❷ ➊ ➝ ➰ * ✆ ✙ ✬ ✿ ❒ ❥ ❸ ➋ ➞ ➱ | ✇ ✚ ✭ ❀ ❓ ❦ ❹ ➌ ➟ ➲ ~ ✈ ✛ ✮ ❁ ❔ ❧ ❺ ➍ ➠ ➳ «✉ ✜ ✯ ❂ ❕ ❨ ❻ ➎ ➡ ➴ » ✊ ✝ ✰ ❃ ❖ ❩ ❼ ➏ ➢ ➵ ✋ ✞ ✱ ❄ ❗ ❪ ❽ ➐ ➣ ➶ ✌ ✟ ✲ ❅ ❘ ❫ ❾ ➑ ➤ ➷ ✍ ✠ ✳ ❆ ❙ ❬ ❿ ➒ ➥ ➸ ✎ ✡ ✴ ❇ ❚ ❭ ➀ ➓ ➦ ➹ ✏ ✢ ✵ ❈ ❛ ❮ ➁ ➔ ➧ ➺ ✐ ✣ ✶ ❉ ❜ ❯ ➂ ➕ ➨ ➻ ✑ ✤ ✷ ❊ ❝ ❰ ➃ ➖ ➩ ➼✒ ✥ ✸ ❋ ❞ ❱ ➄ ➗ ➪ ➽ ✓ ✦ ✹ ❌ ❟ ❲ ➅ ➘ ➫ ➾
Cara memasang auto refresh pada halaman blog
Pernah membaca artikel diblog tertentu dan setiap beberapa menit halamannya selalu direload? mungkin pemilik blog sengaja memasang script autorefresh untuk meningkatkan kunjungan, view iklan dan sebagainya meskipun hal itu terkadang justru mengganggu kenyamanan pengunjung
Jika anda sedang mencari cara untuk memasang autorefresh pada halaman blog setiap 1 menit itu mudah
Buka dashboar blogger > akses menu template > pilih edit html > cari kode </head> lalu letakkan kode berikut diatasnya
<meta content='60' http-equiv='refresh'/>
Simpan dan selesai. Waktu 60 detik artinya 1 menit.. kalau anda ingin halaman direload setiap 2 menit tinggal 60 x 2 = 120
Cara membuat redirect 301 diblogger
Cara membuat pengalihan permanen atau dalam dunia SEO kita sebut redirect 301 yang memberi tau mesin pencari bahwa halaman tersebut telah di alihkan secara permanen ke halaman lain sehingga google tidak menganggap halaman lain sebagai duplikat konten dimesin pencari. Selain itu kode 301 juga menandakan bahwa domain tersebut akan segera ditutup
Pengunjung yang membuka halaman utama, halaman posting, halaman statis, secara otomatis akan di alihkan ke domain lain. Kalau redirect 302 itu hanya pengalihan sementara yang dimengerti oleh google jadi tidak akan berefek apapun pada domain tersebut.
Berikut alasan kita menerapkan redirect 301 ke blog :
1. Agar pengunjung setia atau visitor yang datang dari mesin pencari google dapat menemukan domain baru anda. Mereka bisa membookmark ulang halaman
2. Anda memiliki beberapa blog yang artikelnye digabungkan menjadi satu, sehingga anda harus harus memberi prioritas mana domain utama dan mana konten yang aseli
3. Memberi tau bot mesin pencari (bing, google, yahoo) bahwa domain tersebut akan ditutup secara permanen dan di alihkan ke alamat domain yang baru
Baca juga: Menghindarkan situs dari hukuman google
Secara SEO, google menganggap kode pengalihan 301 sebagai redirect permanen yang tujuannya untuk memberi tau mesin pencari bahwa halaman tertentu telah dipindahkan ke halaman baru secara permanen. Itu juga merujuk pada pemberitahuan mana konten asli dan konten duplikat sehingga dapat meminimalisir kerugian domain baru di cap sebagai plagiat karena tidak menggunakan redirect 301
Cara menerapkan redirect permanen 301 pada blogger cukup mudah, buka dashboard blogger > akses menu tema > edit html > cari kode <head> > letakkan kode ini tepat dibawahnya
<script>//<![CDATA[var d='<data:blog.url/>';d=d.replace(/.*\/\/[^\/]*/, '');location.href = 'https://www.helmykediri_baru.com' + window.location.pathname;//]]></script>
Ganti domain blog saya dengan alamat domain yang baru. Sekarang coba akses domain lama selang beberapa milidetik akan diredirect ke domain baru
Meta tag SEO untuk blogger valid HTML 5
Perlu anda ketahui bahwa meta tag hampir ditambahkan pada semua jenis template premium, fungsinya untuk melengkapi identitas kepemilikan blog secara jelas sehingga lebih mudah ditelusuri oleh botcrawl, dikenali oleh sosial media dan memberi sedikit dorongan dalam SEO
Element penting didalam meta tag meliputi :
1. Meta tag description
Meta tag description menjelaskan deskripsi pada halaman artikel, yang akan muncul dihasil pencarian. Disarankan panjangnya tidak lebih dari 200 karakter. Bentuk umumnya seperti ini:
<meta content='Tulis deskripsi di sini' name='description'/>
2. Meta tag keyword
Meta tag keyword menentukan kata kunci yang relevan dengan halaman blog anda meski beberapa webmaster menganggapnya sudah tidak penting lagi. Bentuk umumnya terlihat seperti ini:
<meta content="kata kunci 1, kata kunci 2, kata kunci 3,... name="keywords"/>
3. Meta tag robots
Fungsi utamanya untuk mementukan halaman yang di indeks atau dikecualikan indeksnya pada mesin pencari. Misal halaman label, arsip, pencarian tidak perlu di indeks. Sementara halaman posting , statis perlu di indeks. Bentuknya :
<meta content='Tulis deskripsi di sini' name='description'/><meta content='kata kunci 1, kata kunci 2, kata kunci 3...' name='keywords'/><meta content='index, follow' name='robots'/>
Berikut adalah meta tag super SEO friendly dan valid HTML5 yang biasa digunakan pada template premium keluaran terbaru sekaligus menjawab permasalahan pengguna blogger yang ingin menghilangkan judul blog saat artikel dibagikan ke akun sosial media
Buka dashboard blogger > menu template > edit HTML > pastekan kode ini sebelum kode </head>
<!-- [ Meta Tag SEO ] --><include expiration='7d' path='*.css'/><include expiration='7d' path='*.js'/><include expiration='3d' path='*.gif'/><include expiration='3d' path='*.jpeg'/><include expiration='3d' path='*.jpg'/><include expiration='3d' path='*.png'/><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='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' rel='canonical'/><b:if cond='data:blog.pageType == "index"'><title><data:blog.pageTitle/></title><b:else/><b:if cond='data:blog.pageType != "error_page"'><title><data:blog.pageName/> - <data:blog.title/></title></b:if></b:if><b:if cond='data:blog.pageType == "error_page"'><title>Page Not Found - <data:blog.title/></title></b:if><b:if cond='data:blog.pageType == "archive"'><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 != "error_page"'><meta expr:content='data:blog.metaDescription' name='description'/><script type='application/ld+json'>{ "@context": "https://schema.org", "@type": "WebSite", "url": "<data:blog.homepageUrl/>", "potentialAction": { "@type": "SearchAction", "target": "<data:blog.homepageUrl/>?q={search_term}", "query-input": "required name=search_term" } }</script><b:if cond='data:blog.homepageUrl != data:blog.url'><meta expr:content='data:blog.pageName + ", " + data:blog.pageTitle + ", " + 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 + "feeds/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/><link expr:href='data:blog.homepageUrl + "feeds/posts/default?alt=rss"' expr:title='data:blog.title + " - RSS"' rel='alternate' type='application/rss+xml'/><link expr:href='"https://www.blogger.com/feeds/" + data:blog.blogId + "/posts/default"' expr:title='data:blog.title + " - Atom"' rel='alternate' type='application/atom+xml'/><b:if cond='data:blog.pageType == "item"'><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/IDAKUNANDA' rel='publisher'/><link href='https://www.blogger.com/profile/IDAKUNANDA' rel='author'/><link href='https://www.blogger.com/profile/IDAKUNANDA' 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 == "item"'><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='"Silakan kunjungi " + data:blog.pageTitle + " Untuk membaca postingan menarik."' property='og:description'/></b:if></b:if><b:if cond='data:blog.pageType == "item"'><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/AVvXsEgQeSYOh_jExj5wX06xvsiXlyCG4eZA7gZhmFY1jtpbdHIt3oSnVC6TZXZjC4xhBG8Hs_ZK-Dc-oqkQW_AxJ6EFJit8l5NwC0rJF-Id0AGnfMCYf4jHbfBXoI5Mnr2ycCfk06IOgdoIOMy1/s1600/Arlina+Logo.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'/><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.jsdelivr.net' rel='dns-prefetch'/><link href='//fontawesome.com' rel='dns-prefetch'/><link href='//www.sharethis.com' rel='dns-prefetch'/>
Keterangan:
- DESKRIPSI-BLOG = Di isi dengan deskripsi atau kata kunci blog
- USER-BLOGGER = Di isi dengan ID user blog, contoh : https://www.blogger.com/profile/07405635929635938311
- KODE-VALIDASI-GOOGLE-WEBMASTER = Di isi dengan kode validasi Google di Search Console
- KODE-VALIDASI-BING-WEBMASTER = Di isi dengan kode validasi Bing Webmaster *
- NAMA-ADMIN = Isi dengan nama penulis
- id dan Indonesia = Isi dengan kode negara lokasi dimana blog anda dipublikasikan
- PROFIL-FACEBOOK = Isi dengan link profil Facebook anda
- FAN-PAGE-FACEBOOK = Isi dengan link Fan Page Facebook
- KODE-APLIKASI-FACEBOOK = Isi dengan kode App Facebook, bisa buat di https://developers.facebook.com
- KODE-ADMIN-FACEBOOK = Isi dengan kode profil Facebook anda, dapatkan di https://findmyfbid.com
- USER-TWITTER = Isi dengan nama user Twitter anda
Mengatasi error breadcrumb, data-vocabulary.org schema
Beberapa saat lalu banyak pengguna blogger yang mendapat email masuk dari Google Search Console dengan subjek masalah error data-vocabulary.org schema deprecated
Sebelum mengatasi permasalahan seputar breadcrumb atau remah roti sebaiknya anda pahami dulu maksud kesalahan data-vocabulary.org deprecated
Data-vocabulary.org merupakan struktur data yang di implementasikan oleh google sejak tahun 2009 dan 2 tahun setelahnya ditambahkan kedalam struktur schema.org (sekitar tahun 2011)
Struktur data pada Schema.org bersifat Open Source yang didukung oleh banyak organisasi lain seperti google, bing, yahoo dan sebagainya. Pada tahun 2011 google memperbaharui struktur data di Vocabularry.org dengan menambahkan tautan ke halaman lain untuk mendukung pemindahan ke data terstruktur schema.org
Schema data terstruktur berfungsi sebagai kamus yang mendefinisikan jenis-jenis pemformatan misal "orang" , "acara", "movie" dan properti lain yang berhubungan dengan "nama"
Dengan mempertahankan format dan skema ini secara bersamaan dimungkinkan bagi pengguna untuk mendapatkan keuntungan dari skema yang dibagikan secara luas
Pada april 2020 mendatang google akan menghentikan dukungan untuk penggunaan data-vocabulary.org yang sudah disampaikan secara resmi oleh google melalui pengujian data terstruktur
As of April 6, 2020, data-vocabulary.org markup will no longer be eligible for Google rich result features.
Jadi, kalau template blog anda masih menggunakan data-vocabulary.org silahkan di alihkan ke struktur data yang masih berlaku di schema.org
Ini contoh kode markup breadcrumb pada template anda:
<div class='breadcrumbs'><span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:blog.homepageUrl' itemprop='url' title='Home'><span itemprop='title'>Home</span></a></span><b:loop values='data:post.labels' var='label'><i aria-hidden='true' class='fa fa-angle-right'/><span itemscope='' itemtype='https://data-vocabulary.org/Breadcrumb'><a expr:href='data:label.url + "?max-results=7"' expr:title='data:label.name' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span></b:loop><i aria-hidden='true' class='fa fa-angle-right'/><span><data:post.title/></span></div>
Berikut cara mengatasi error breadcrumb pada search console
Buka dashboard blogger > tema > edit HTML > Cari kode <b:includable id='comment-form' var='post'>
Paste kode ini tepat di atasnya:
<b:includable id='breadcrumb' var='posts'><b:if cond='data:blog.pageType == "item"'><b:loop values='data:posts' var='post'><b:if cond='data:post.labels'><div class='breadcrumbs' itemscope='itemscope' itemtype='https://schema.org/BreadcrumbList'><span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'><a class='homebread' expr:href='data:blog.homepageUrl' itemprop='item' title='Home'><span itemprop='name'>Home</span></a><meta content='1' itemprop='position'/></span><svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg><b:loop index='num' values='data:post.labels' var='label'><span itemprop='itemListElement' itemscope='itemscope' itemtype='https://schema.org/ListItem'><a expr:href='data:label.url + "?&max-results=16"' expr:title='data:label.name' itemprop='item'><span itemprop='name'><data:label.name/></span></a><meta expr:content='data:num+2' itemprop='position'/></span><b:if cond='data:label.isLast != "true"'><svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg></b:if></b:loop><svg viewBox='0 0 24 24'><path d='M8.59,16.58L13.17,12L8.59,7.41L10,6L16,12L10,18L8.59,16.58Z' fill='#000000'/></svg><span><data:post.title/></span></div></b:if></b:loop></b:if></b:includable>
Berikutnya, tambahkan kode CSS berikut sebelum kode </head>
<style type='text/css'>/* Breadcrumb */.breadcrumbs{background:#fff;line-height:1.2em;width:auto;overflow:hidden;margin:0;padding:10px 0;border-top:1px solid #dedede;border-bottom:1px solid #dedede;font-size:80%;color:#222;font-weight:400;text-overflow:ellipsis;-webkit-text-overflow:ellipsis;white-space:nowrap}.breadcrumbs a{display:inline-block;text-decoration:none;transition:all .3s ease-in-out;color:#222}.breadcrumbs a:hover{color:#11589D}.breadcrumbs svg{width:16px;height:16px;vertical-align:-4px}.breadcrumbs svg path{fill:#222}.homebread{margin:0 2px 0 0}</style>
Tambahkan kode dibawah ini tepat dibawah kode <b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
Simpan template dan selesai. Silahkan validasi error breadcrumb pada halaman search console
.....helmynia.com
Posting Komentar untuk "Backup kumpulan tutorial blogger untuk pemula"
Posting Komentar
Artikel di blog ini bersumber dari pengalaman pribadi penulis, tulisan orang lain sebagai posting tamu maupun bayaran oleh sebab itu segala hak cipta baik kutipan dan gambar milik setiap orang yang merasa memilikinya