Postingan

Meta Tag Viewport - Pengertian, Fungsi Dan Cara Penerapannya

Gambar
Sebagian blogger tentunya sudah tidak asing dengan tag meta khususnya meta viewport yang akan saya jelaskan ini, tapi sebagian blogger lainnya mungkin masih ada yang belum pahap tentang <meta name="viewport"> serta penerapannya di situs web (blog). Untuk itu di artikel ini saya akan jelaskan semaksimal mungkin mengenai meta tag viewport ini, mulai dari definisi (pengertian meta viewport), fungsi, hingga penerapan meta viewport yang benar termasuk selector atau atribut yang ada pada meta tag viewport juga akan saya bahas disini. Definisi Meta Viewport <meta> viewport adalah mekanisme situs web yang digunakan untuk mengatur jarak pandang dan penskalaan halaman web agar semua ukuran setiap elemen pada situs web benar di semua perangkat (mobile maupun dekstop). Perangkat seluler (mobile device) umumnya merender halaman web dengan ukuran layar desktop, kemudian ukuran halaman diturunkan sehingga hal itu membuatnya sulit untuk dibaca. [ads id="ads1"] Dengan

Permalink Blogspot Dan Cara Settingnya

Gambar
Apa itu permalink? Permalink adalah singkatan dari permanent link yang merupakan url tetap suatu halaman di situs web/blog. Permalink bersifat permanen, ia tidak bisa dirubah atau diedit, tetapi kamu dapat mengaturnya sebelum halaman (konten) anda dipublikasikan. Dalam panduan dasar SEO Google, permalink sebaiknya dibuat singkat dan berisi kata-kata yang relevan dengan konten anda. Meskipun demikian google mengkalim robots web mereka sangat lihai dalam meng-crawl semua jenis struktur url (permalink), meskipun url tersebut cukup rumit, tapi sebaiknya buatlah url (permalink) sesederhana mungkin. Contoh: https://www.sitename.com/2021/03/cara-membuat-blog.html Yang harus dihindari dalam membuat permalink adalah penggunaan id, halaman generik dan kata kunci yang berlebihan pada permalink seperti cara-cara-membuat-blog-buatblog.html . Contoh: https://www.sitename.com/2021/03/22447478-page1.html Jika teman-teman blogger sudah memahami dasar-dasar membuat permalink seperti yang saya

7 Daftar Template Blogger Responsive &amp; Fast Loading

Gambar
Era baru di dunia blogging telah menggiring setiap blogger untuk lebih mengutamakan performa (pagespeed) blog dibandingkan tampilan template yang keren. Seiring dengan hal itu template-template blogger dengan performa terbaik (fats loading) juga bermunculan bahkan template AMP (Accelerated Mobile Pages) versi beta juga hadir menyambut era baru dunia blogging. Maka dari itu disini saya akan memberikan referensi sekaligus pilihan template blogger fast loading & high performance yang paling tepat untuk digunakan di era sekarang ini. Kenapa Harus Menggunakan Template Fast Loading? Biasaya blog yang menggunakan temlate fast loading (high performance) dengan fleksibilitas tinggi lebih banyak mendapatkan klik view dibandingkan template yang lamat. Itu artinya pengguna saat ini cukup manja dan tidak mau menunggu lebih lama untuk membuka situs web/blog. Oleh karena itu sebagai blogger memang sudah tugas kita memanjakan mereka, memberikan pengalaman yang lebih baik ketika berselancar di

Cara Mengatasi Render Blocking Resources Dari Template Blogger

Gambar
Cara Mengatasi Render-blocking resources -  Sedikitnya ada dua jenis resources pada template blogger yang menyebabkan bloking first paint pada halaman blog. Yang pertama resources yang berasal dari platform blogger (resources default) yang biasa kita sebut dengan bundle css blogger dan resources pihak ketiga (3rd party) seperti bundle css fontawesome dan library javascript. Kedua jenis resources (bundle css/js) tersebut sebenarnya bukan hal buruk untuk situs blog, kita hanya perlu memuatnya secara tidak sinkron (asynchron) jika memungkinkan, Dan khusus untuk bundle css/js bawaan blogger langkah terbaik saat ini untuk mengatasinya adalah adalah dengan menonaktifka-nya. Karena sangat tidak mungkin untuk memodifikasi kode tersebut. Dampak Negatif Render-Blocking Resources [ads id="ads1"] Yang paling nyata dampak negatif render-blocking resources adalah (bloking first paint) yaitu ketika browser memuat halaman blog yang pertama kali terlihat adalah layar putih, di butuhkan waktu

Blogger: Cara Set-Up Custom Robots.txt Dan Robots Header

Gambar
Pada artikel yang lalu saya sudah membahas tentang robots.txt mulai dari cara membuat hingga kaitannya dengan SEO (Search Engine Optimization) atau dalam bahasa indonesia di sebut dengan istilah pegoptimalan mesin telusur. Dan sekarang di artikel ini saya akan jelsakan cara setting custom robots.txt dan custom robots header ( X-Robots-Tag ). Sebenarnya robots.txt dan tag robots header memiliki kesamaan fungsi yaitu untuk mengontrol perayapan dan pengindeksan di situs web/blog anda. Tetapi dari sisi penerapan dan detail instruksi pada kedua jenis robots berbeda, file robots.txt dipasang di root domain, sedangkan tag robots header dipasang di head situs, juga ditargetkan ke url (halaman) yang tepat jika blog anda tidak di host blogger.com. Sedangkan untuk detail instruksi robots header atau X-Robots-Tag memiliki lebih banyak mode perintah (intruksi) dibandingkan dengan robots.txt. Apakah Harus Menggunakan Keduanya Dalam penggunaan robots.txt dan tag robots header tidak ada kewaji

Cara Memperbaharui Robots.txt Di Search Console

Gambar
Kapan harus memperbaharui robots.txt blog anda di search console? Ketika anda memodifikasi pengaturan robots.txt di blog, search console tidak langsung merender perubahan robots.txt di blog anda, dibutuhkan waktu untuk robot perayap google mengcrawl ulang halaman. Oleh karena itu perlu dilakukan tindakan manual yaitu mengirimkan pembaharuan robots.txt blog ke google search console sehingga crawl google lebih cepat menanggapi pembharuan robots.txt blog anda. [ads id="ads1"] Kenapa harus mengirimkan pembaharuan robots.txt ke search console? Seperti yang telah dijelaskan diatas bahwa mengirimkan pembaharuan robots.txt blog ke google search console bertujuan untuk mendapatkan tanggapan yang lebih cepat mengenai perubahan robots.txt blog anda dari crawler (perayap) google, sehingga pengaturan robots.txt dapat segera diterapkan untuk blog anda. Memperbaharui Robots.txt Blog Di Search Console Buka robots.txt tester Pilih property (blog yang akan diperbaharui) Tekan tombol k

Tingkatkan SEO Blog Anda Dengan Search Console

Gambar
Google search console di dunia blogging merupakan langkah awal bagi setiap blogger untuk meningkatkan performa penelusuran blog. Fitur dan laporan search console membantu blogger mengukur traffic dan performa penelusuran situs blog dan memperbaiki masalah sehingga situs blog lebih menonjol di hasil penelusuran google (SERP). Dan sekarang saya akan menunjukkan cara melakukannya yaitu meningkatkan seo blog di laman hasil penelusuran google dengan search console, panduan ini akan menjelaskan beberapa tahapan, mualai dari cara menghubungkan blog ke search conseole, verifikasi blog dan mengirimkan sitemap atau peta situs ke search console. Cara Menghubungkan Blog Ke Search Console Login ke akun google anda Buka Halaman Search Console Klik Mulai sekarang Pilih jenis property dan masukkan URL blog anda Klik Continue (Terus) untuk memverifikasi situs blog. Lihat contoh gambar dibawah ini untuk menambahkan properti atau url situs blog ke search console. [ads id="ads1"]Situs blog y