Di era serba teknologi ini, kemampuan coding sangat dibutuhkan. Bagi seorang blogger, kemampuan blogging pun tidak cukup karena perlu optimasi SEO agar performa blog lebih maksimal. Kamu bisa memulainya dengan belajar coding HTML dasar agar penyusunan informasi konten lebih mudah.
Bahkan, konten blogmu berkesempatan masuk halaman #1 di Google atau mesin pencarian. Sehingga, semakin banyak orang mengunjungi blogmu. Namun, banyak orang yang menganggap bahwa coding terasa sulit dipelajari. Tidak perlu khawatir karena kamu bisa belajar coding HTML dasar sederhana dan mudah seperti di bawah ini.
.jpeg)
Coding HTML Dasar untuk Blogger Pemula
baca juga: 8 Tema WordPress Gratis yang Bagus untuk Blog Pribadi, Paling Recommended!
1. Title Tag
Title tag ialah judul halaman atau website yang mewakili isi konten agar pengunjung mengetahui inti informasi. Biasanya, elemen ini dijumpai di judul pada daftar hasil pencarian. Sangat mudah membuat title tag pada dokumen HTML yakni dengan memberikan kode HTML <title> Masukkan judul </title>
2. Meta Desc
Meta Description ialah tag HTML yang berisi ringkasan singkat konten website sehingga pengunjung mengetahui gambaran isi konten dengan mudah. jika merasa konten menjawab pertanyaannya, mereka akan mengkliknya. Untuk membuatnya, tulis tag <meta name="description" content="Masukkan deskripsi">
3. Anchor Text
Coding HTML dasar berikutnya yakni anchor text yang berupa potongan kata berisi link untuk mengarahkan pengunjung ke halaman yang dibutuhkan. Contohnya, halaman referensi, halaman blog, landing page dan lainnya. Pastinya, link harus relevan dengan isi konten dan kamu perlu mengukur kredibilitas sumbernya. Adapun dasar pembuatan anchor text yakni <a href="link website"> anchor text </a>
4. Heading
Blogger juga harus mengetahui apa itu heading. Heading merupakan judul serta subjudul di konten website yang berguna untuk memetakan info dari umum ke khusus. Sehingga, pengunjung lebih mudah memahami informasi. Adapun contoh HTML untuk heading 1 yakni <h1> Heading 1 <h1>
5. Paragraf
Paragraph sangatlah penting dalam sebuah konten agar lebih mudah membaca. Setiap paragraph perlu dipisah agar memiliki jeda di antaranya. Kamu bisa membuat paragraf dengan coding tag P yakni <p>text</p>. Paragraf baru pun akan muncul menjadi baris baru sehingga tulisan tampak lebih rapi.
6. Line Break
Coding HTML line break mirip HTML paragraph karena berfungsi membuat garis baru. Akan tetapi, baris tersebut masih dalam suatu paragraf yang sama. Namun, HTML paragraph lebih beresiko error di beberapa browser daripada line break. Adapun contoh HTML line break yaitu <p> <br>Text dan <br> Text </p>
7. Bold
Blogger juga perlu mengetahui coding HTML dasar Bold/ Strong untuk memberikan efek tebal pada tulisan. Coding ini memiliki tag yang berbeda seperti <b>tulisan</b> dan <strong>tulisan</strong>. Meski hasilnya sama, google mengartikannya berbeda. HTML bold hanya memberikan efek tebal saja sedangkan tag strong berpengaruh pada web crawling yang memperkuat info konten.
.jpg)
8. Italic
Hampir sama dengan tag bold/strong, coding Italic dan Emphasis digunakan untuk memiringkan kata dengan tag <i>tulisan<i> dan <em>tulisan<em>. Kamu bisa memilih diantaranya sesuai kebutuhan. Jika hanya ingin memiringkan kata-kata, gunakan coding Italic. Tag <em> untuk memudahkan Google mengindex konten.
9. Images
Hampir semua orang menyukai website dengan gambar agar tidak membosankan sekaligus memperjelas informasi. Kamu bisa memasukkan ilustrasi peningkatan views dengan grafik. Adapun coding HTML images yakni <img src=”url atau lokasi penyimpanan gambar” alt=”text” style=”width:500px;height:333px;”>
10. Font
Ingin merubah font tulisan website menjadi lebih menarik? Kamu bisa memasukkan property style ke dalam tag dengan <h2 style=“font-family:Georgia;”>text</h2> atau <p style=“font-family:Comic Sans MS;”>text</p>. Setiap browser menyediakan jenis font berbeda sehingga tidak perlu bingung jika permintaan font tidak muncul.
Itulah penjelasan mengenai apa saja tutorial coding HTML dasar bagi blogger yang sangat mudah dipelajari. Kamu bisa mencobanya satu per satu sekarang sebelum membuat blog. Dengan tag HTML di atas, kamu pun bisa berkreasi sesuai kreativitas, keinginan, kebutuhan dan permintaan.
Tidak ada komentar