Alasan mengapa Font font ringan penting buat SEO blog

Diposting Oleh:
Ternyata jenis, gaya dan tampilan font di website memiliki pengaruh terhadap beberapa hal termasuk perfoma halaman blog. Tidak bisa di anggap sepele karena jenis jenis font yang tepat bisa lebih ramah terhadap mesin pencari dan pada akhirnya mengarah kepada SEO juga.

image credit by: MyFonts

Namun perlu juga ditekankan, segala hal yang di sukai oleh mesin pencari adalah: Kesederhanaan. Sehingga halaman bisa berjalan lancar, ringan dan mudah di fahami oleh manusia juga.

Pada kesempatan ini saya ingin membahas beberapa font yang ringan dan lazim dipergunakan dalam penulisan konten blog.

1. Jenis font utama.

Secara psikologis pembaca manusia memiliki kesan dan ketertarikan umum terhadap hal hal visual yang mereka sukai dan sudah sering mereka lihat.

Mereka bisa saja harus meyesuaikan diri terlebih dahulu untuk nyaman terhadap hal hal baru yang asing. Dan ini juga dipengaruhi oleh kultur dimana mereka berada. 

Misalnya orang orang Indonesia tentu melihat tulisan berjenis gothic seperti unifraktur maguntia sebagai hal asing. Orang orang Indonesia umumnya lebih sering memilih font Arial,  Times dan Lora. 

Jadi itulah sebabnya mengapa saya akhirnya memutuskan pindah dari IM Fell English ke Arial. 

Lagipula IM Fell English terlihat aneh ketika menuliskan tulisan dalam bentuk angka. Angka angka tersebut mengecil pada penulisan NOL.

2. Berat loading pada saat loading style font. 

Blogger mematok font default untuk blogger sebagai berikut:

font utama blogspot

Di daftar font untuk penulisan konten diatas hanya ada terdapat jenis font,  yakni:
  1. Arial
  2. Courier
  3. Georgia
  4. Helvetica
  5. Times
  6. Trebuchet
  7. Verdana
Dan termasuk 2 font web:
  1. Lora 
  2. Rubik
Cobalah Anda lihat sendiri pada saat membuka dasbor blog dan pada saat membuat konten tulisan.

Memang terdapat beberapa font lain sebagai pilihan pada saat setting melalui dasbor blogger, akan tetapi hanya beberapa font di atas yang benar benar dapat bekerja dengan efektif kecuali Anda meng'embed' link dari sumbernya misalnya dari Google font.

Nah alasan mengapa font di luar itu berat adalah karena pemanggilan link eksternal membuat halaman bekerja dalam memprosesnya.

Misalnya jika Anda ingin menggunakan jenis font Stick berikut maka Anda harus memasang link dan meletakannya ke dalam tag <head>:

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Stick&display=swap" rel="stylesheet"/>

Dan juga memasang CSS-nya:
font-family: 'Stick', sans-serif;

Pemasangan kode kode tambahan tersebut mau tidak mau harus di bebankan pada sistem operasional template. 


3. Kompatibilitas jenis font terhadap browser.

Beberapa jenis browser lama tidak dapat menampilkan beberapa jenis style font. Bahkan beberapa browser modern seperti firefox untuk versi mobile dan desktop memiliki fitur berbeda dalam menampilkan elemen elemen tertentu di internet.

Misalnya pada saat blog ini menggunakan font IM Fell English di browser firefox, alih alih menampilkannya dengan benar,  sang browser malahan hanya menampikan font standard saja seperti tampilan Arial.

Hal itu tentu saja menjadi beban konversi bagi browser dalam menterjamahkan bentuk visual atau tampilan font di internet.


4. Jenis jenis font yang di dukung oleh blogger default + web. 

Pada setting di dasbor blogger hanya ada 7 font offline utama yang langsung bisa dipakai di blogger. Yakni:
  1. Arial
  2. Courier
  3. Impact
  4. Georgia
  5. Times New Roman
  6. Trebuchet
  7. Verdana
Font tersebut dapat di pergunakan dengan lancar dan halus pada halaman blogger, karena sifatnya yang bawaan dan ringan.

Namun Blogger juga menyediakan font berjenis web yang dapat dipergunakan dan dapat bekerja dengan baik pada template template varian terbaru seperti contempo, soho, emporio dan notable. Sedangkan pada template yang lebih lama jenis jenis font ini tidak dapat bekerja dengan baik.

Font font tersebut adalah:
  1. Allerta
  2. Allerta Stencil
  3. Arimo
  4. Arvo
  5. Bentham
  6. Calibri
  7. Calligrafitti
  8. Cambria
  9. Cantarell
  10. Cardo
  11. Cherry Cream Soda
  12. Chewy
  13. Coming Soon
  14. Consolas
  15. Copse
  16. Corsiva
  17. Cousine
  18. Covered By Your Grace
  19. Crafty Girl
  20. Crimson Text
  21. Crushed
  22. Cuprum
  23. Damion
  24. Dancing Script
  25. EB Garamond
  26. Fondiner Swanky
  27. GPS Didot
  28. GPS Neohellenic
  29. Geo
  30. Gruppo
  31. Hanuman
  32. Homemade Apple
  33. IM Fell DW Pica
  34. IM Fell DW Pica SC
  35. Im Fell Double Pica
  36. IM Fell English
  37. IM Fell English SC
  38. IM Fell French Canon SC
  39. IM Fell Great Primer
  40. IM Fell GREAT Primer SC
  41. Inconsolata
  42. Indie Flower
  43. Josefin Sans
  44. Josefin Slab
  45. Just Another Hand
  46. Kenia
  47. Kranky
  48. Lato
  49. Lobster
  50. Lora
  51. Luckiest Guy
  52. Merriweather
  53. Molengo
  54. Montserrat
  55. Mountain Of Chrismast
  56. Neucha
  57. Neuton
  58. Old Standard TT
  59. Open Sans
  60. Oswald
  61. PT Sans
  62. PT Sans Narrow
  63. Paytone one
  64. Permanent Marker
  65. Philosopher
  66. Play
  67. Playfair Display
  68. puritan
  69. Reenie Beanie
  70. Roboto
  71. Roboto Mono
  72. Rock Salt
  73. Saramento
  74. Schoolbell
  75. Sorts Mill Goudy
  76. Sue Ellen Fransisco
  77. Sunshiney
  78. Syncopate
  79. Tinos
  80. Ubuntu
  81. unifrakturMaguntia
  82. Unkemp
  83. Volkorn
  84. Walter Turncoat
  85. Yanone Kaffeesatz
Demikianlah daftar jenis jenis font yang dapat di gunakan pada blogspot. Dan daftar tersebut ada dalam list pengaturan blogger. Namun hanya 7 jenis yang di jadikan sebagai font utama yang paling lazim di pakai di berbagai belahan dunia oleh manusia, sehingga font font tersebut dipertimbangkan sebagai font font paling ramah terhadap web dan mesin pencari.

5. Saran font yang baik dipergunakan:

Ingat indah di mata kita belum tentu ramah di 'mata' robot txt dan mesin pencari. Dan terlebih lagi belum tentu indah di mata manusia yang menjadi pengunjung blog. Oh ya jika itu memang baru dugaan, akan tetapi setidaknya secara teknis memang terlihat demikian.

Font yang baik di gunakan pastinya harus ramah terhadap pembaca dan juga mesin pencari tidak terganggu oleh link eksternal yang memberatkan loading halaman blog.

Menurut saya pribadi lebih baik pergunakan 7 jenis font utama yang memang tampak disarankan oleh blogger. Dan Jika harus memilih salah satu font jenis web yang memang tersedia buat blog, Anda bisa memilih salah satu font dari 85 jenis font yang telah tersedia.

Dan, jika ingin menghindari kecepatan blog terblokir oleh embed link font eksternal. Maka hindari penggunaan jenis font diluar itu.

Semoga bermanfaat!


Ikuti terus trik, tips, teknik hack dan kabar terupdate dari blog ini! Share:

Baca Juga:

Komentar


  1. Nah gini dong.. Jujur saya lebih suka font standar seperti ini, yang kemaren memang keren, tapi ngga enak dibaca.

    BalasHapus

Posting Komentar

Labels

adwords aibo ajax alexa algoritma alternative Am I Responsive amazon ambigu Amerika AMP Andorid Android Android 10 Angular animasi apple ARM Art Of War artikel sabtu asesories autodidact avatar avatar penulis awesome awsome back to top backdoor backlink bahasa bank btn batam beautiful beginning belajar belajar koding berita bing web master biografi blackberryOS blackhat blockquote blog blogcomments blogger bloggerhelp blogging Blogging mobile bloging blogspeed blogspot bluetooth bootstrap border dash breadcrumb browser btn mobile bugs Buku business capital letter cara catatan catatan awal tahun Cek IMEI Cerita cerpen cewek chimpense chipset chrome chrome 76 Cina cinta clickjacking codepen coding compose compose view contact form contempo contempo base contempo blackmagic contempo hibrida contempo hybrid converter coolest copy-paste copyright covid 19 covid_19 cowok CPC credit footer css CTR cuitan curhat cybercrime Dahlan Iskan dark mode dasbor data default Demo desain diblokir dirtylink disway DOM domain domain authority Donald Trump download download template terbaru dropdown earn money edisi minggu edit editblogtema editor HTML ekonomi elektronik Elle Darby embed emoji emporio emporio hybrid english error essential expires header expires headers facebook fakta fanpage fast loading template fastloading template favicon featured posts feed burner firefox fitur fixed fixed sidebar font font awsome footer footer link Footer navigasi forbes Free friendship fuchsia full stacks furure g-suite gadget gagdet galeri gambar gambar bergoncang gambar profile penulis gambar responsive game generasi Alpha Generasi Z geng motor genius gerhana girl gmail Gmetrix gong xi fa cai good news google google chrome Google Domain google drive google font Google honemoon google Plus google search console google webmaster Googlewebmaster gradasi warna grafik gramedia gratis grid style GTmetrix h1 Habibie hack hacker halaman web hamburger menu hanya opini hapus hari bumi harimau heading headings heart secret hewan hoax hobi hotpink HTM5 html HTML view huawei hukum human Idulfitri Iklan ikon Imlek in memories indie Indonesia Indonesia darurat corona indosat infinite color infinity war informasi instagram intel inteligensia internal link internasional internet internt interntet interntt intert iOS iPad iPadOS iPhone isu IT italia Jaime Ocabo java JavaScript jimdo jin Ping jingling Jokowi jQuery JSitor kaca pembesar kafe kalimantan kalkulus kamera kanonis kartun keamanan keamanan blogger kebijkan kecepatan blog mobile kehidupan kemanusiaan kesehatan keyakinan keyboard keyword khusus kiata G+ klasik klik kode warna koding komentar komentar blog komputer konsipirasi konten konversi kopi kota kotak navigasi menu blog kotak pencarian kotlin kriminalitas kualitas kucing label laptop lay out lay out version 3 theme layarlipat layout lazyload lifehack lingkungan logitech logo love Macbook Macbook Air machine learning MacOS magnifier maintenance makmur manusia margasatwa masa depan masonry matahari matematika medsos mega menu mengganti tempa menu menu navigasi menu pencarian menulis merombak metafisika Microsoft microsoft edge Minggu minify misteri mitos mobile modal modern modifikasi monetisi morality motivasi motivation moz myths nasehat terbaik navbar navigasi navigasi menu blog ngeblog nibbler notable office Omnibus online online editor operating sistem opini otodidak pagelist pagerank paginator Pandora panduan panduan mobile paradox parameter parasit parse pembatasan pemilu 2019 Pemilu Indonesia 17 April 2019 pemrograman pemula pendidikan pengalaman pengaturan pengusaha Penulis perang dagang Cina vs Amerika perang dunia ketiga perangdagang perceraian perihal perubahan pexel phablet PHP plagiat plagiator PlagScan play store polemik politik ponsel popularitas popularposts portable powered by blogger Powerpoint prediksi premium privasi produk profesi profile programmer programming programming. prosesor pseudo-sains psikologi Python rahasia ramalan ranking faktor rawgit re-desain re-desain tema blogger React Reactions read more recentPosts redesain related posts remaja resolusi responsinator responsive review robot robot.txt sains samsung sanggahan saran temaplate blogger saran template search secrets security sederhana sejarah seken selegram semrush SEO share button sharing buttons I.O sidebar sidenav siginifikan silikon simple simpson singularity sitelink sitemap smartphone snippet soho solusi somadmorroco spesial spoiler star wars sticky sidebar sticky widget Strategi SEO Student study study online style submenu subscriber success sudut cerita SVG SVG icon syimbian tab s2 tabel tablet tabs2 tagging takdir takhyul talenta tataletak Teen teka teki teknik teknologi TELKOMSEL tema tema kesederhanaan template template premium template premium gratis template SOHO template versi ke-2 terkemuka tes popularitas testimoni testmysite text theme Thucydides tip tips toggle tokoh tombol berbagi tombol pengalihan tombol reply komentar tops traffik trafic trafik translator tribun tricks Trik triks troubleshooting Tutorial Tutorial Anissa tutorialKhusus twitter uang UAS unduh unik update urang utan ustazd Abdul Somad vanilla Script video viomagz viral virus corona vlogging vue w3-css w3school W3Shool wabah warna web web story WebAssembly webdesign WEBP website whatsapp widget wifi ID windows Windows Mobile wisata WIX wordpress X-Frame xiomi xml yandex youtube youtuber z-index
Tampilkan selengkapnya

Populer

Cara memperbaiki add numbering dan add bullets yang tidak bisa tampil pada postingan blog

Downoad Notable simple yang pas buat blog curhat

Download Update Template Blogger Notable simple versi kedua