Untuk menjadi blogger yang baik, keterampilan blogging saja tidak cukup. Anda perlu mengoptimasi SEO agar performa blog maksimal. Salah satu caranya adalah dengan memahami koding HTML dasar untuk blogger
Dengan mengetahui tag HTML untuk blog, Anda dapat dengan bebas mengatur informasi di dalam konten. Ini memudahkan pengunjung dan bot untuk menemukan informasi di konten Anda.
Alhasil, konten blog Anda berpeluang besar masuk halaman #1 Google. Bahkan, bisa jadi cuplikan konten Anda tampil dengan tampilan yang lebih menarik. Hal ini tentunya dapat mengundang lebih banyak klik ke blog
Namun jangan khawatir karena menurut Anda coding itu sulit. Di sini, Anda akan belajar coding HTML dasar yang sederhana dan mudah digunakan. Apa itu?
Daftar Isi
Kode HTML untuk Blog
Berikut 9 kode HTML untuk blog dan arti dari coding tersebut
1. Label Judul
Tag HTML pertama adalah tag judul. adalah judul halaman atau situs web. Elemen ini mewakili isi dari konten tersebut, sehingga calon pengunjung dapat mengetahui informasi inti dari sebuah konten
Biasanya, Anda menemukan tag judul sebagai judul pada daftar hasil pencarian
Walaupun hanya membutuhkan tag-tag HTML sederhana, kamu tetap harus tahu trik membuat anchor text lho. Tujuannya agar performa SEO blog menjadi lebih optimal dan membuka peluang bagi konten Anda yang lain untuk juga mendapatkan trafikTertarik mempelajari trik membuat anchor text yang tepat?
5. Jangan ikuti
Dari luar, nofollow mungkin terlihat mirip dengan anchor text dan link pada umumnya. Anda akan melihatnya sebagai teks bergaris bawah biru. Namun, keduanya sebenarnya sangat berbeda
Bisa dibilang, tag nofollow memiliki fungsi yang berlawanan dengan anchor text dan link biasa. Kode HTML nofollow justru membuat link pada website diabaikan oleh mesin pencari. Akibatnya, tautan tidak berpengaruh pada peringkat SEO
Nah, apa gunanya?
Jadi, tag HTML nofollow berfungsi untuk menjaga kinerja SEO. Dengan menggunakan tag ini, blog Anda akan terhindar dari efek negatif jika halaman yang Anda tautkan dianggap sebagai spam, penyebar virus, atau memiliki kinerja SEO yang buruk. Cukup berguna, bukan?
Untuk membuat tag HTML nofollow, cukup gunakan kode berikut
<a href="link website" rel="nofollow">anchor text</a>6. Teks Alt Gambar
Tag HTML selanjutnya adalah Image Alt Text. Pengkodean dasar ini merupakan elemen untuk memberikan alternatif informasi pada citra.
Image Alt Text akan membantu mesin pencari untuk memahami arti dari sebuah gambar. Ini karena bot tidak dapat benar-benar melihat gambar seperti manusia.
Selain membantu proses crawling, teks ini juga yang dilihat pengunjung jika gambar gagal ditampilkan
Untuk membuat Teks Alt Gambar, Anda memerlukan tag HTML berikut
<img alt="text">_7. Tag kanonis
Kode HTML selanjutnya adalah tag canonical. Tag kanonis berfungsi untuk memprioritaskan halaman situs web di atas halaman lain yang memiliki konten serupa atau yang menggunakan URL identik. Akibatnya, laman dengan tag kanonis akan lebih mungkin muncul di hasil penelusuran Google
Mungkin Anda ragu, seberapa besar pengaruh duplikat konten dan konten dengan URL yang sama? . Sebab, Google akan kesulitan memilih versi mana yang akan muncul. Bisa jadi konten Anda yang akan tenggelam. Sayang sekali, bukan?
Oleh karena itu, sebaiknya setiap blogger menggunakan tag kanonis untuk konten serupa. Jadi, meskipun ada duplikasi konten atau halaman dengan URL yang identik, blog yang menggunakan canonical tag akan diprioritaskan untuk muncul atau diakses.
Berikut adalah kode HTML untuk tag kanonis
<link href=”link website” rel=”canonical”>8. Tag paragraf
Tag paragraf merupakan elemen yang berisikan paragraf dalam blog. Setiap paragraf selalu diawali dengan tag
dan ditutup dengan tag
Berikut adalah koding dasar untuk membuat tag paragraf
<p>Paragraf pertama</p><p>Paragraf kedua</p>9. Tag tebal
Selanjutnya, ada tag HTML tebal. Fungsinya untuk menandai teks dengan huruf tebal
Kode HTML untuk memberi efek huruf tebal cukup sederhana, yaitu
<b>bold text</b>_10. Tag miring
Tag miring berfungsi untuk membuat teks menjadi miring. Untuk membuatnya, Anda hanya memerlukan kode HTML berikut
<i>italic text</i>_Baca Juga. 25+ Contoh Coding HTML untuk Pemula
Saatnya Menjelajah Menggunakan HTML di Blog
Sekarang, Anda telah memahami penjelasan untuk setiap kode HTML. Nah, untuk memudahkan Anda, berikut ini kami berikan rangkuman kode HTML blog
TagKode HTMLTitle tagMeta descriptionHeading tagAnchor text dan link anchor text Nofollow anchor textImage Alt TextBenefita Ikuti Benefita adalah seorang gadis Pisces. Dia bermimpi hidup di dunia Harvest Moon.
Berlangganan sekarang
Dapatkan berbagai artikel tutorial, insight dan tips menarik seputar dunia online langsung melalui email Anda. Berlangganan sekarang dan raih kesuksesan bersama kami