Cara Membuat Artikel Blog SEO HTML. Dalam pembuatan artikel blog terutama di blogspot, ada dua cara yang dapat kita lakukan. Yaitu mode compose dan Html. Untuk mode compose ini akan secara otomatis tertata dengan hanya mengetik atau memasukkan text artikel. Namun kelemahannya, tidak leluasa dalam merubah atau menambah kode-kode tertentu di antara text artikel.
Kemudian menggunakan mode Html, Admin rasa ini yang lebih baik kita lakukan. Sebab, kita dengan bebas dan leluasa menempatkan kode Html apa saja di antara text artikel sesuai dengan keinginan. Dan cara ini di rasa lebih praktis untuk menjadikan artikel blog menjadi lebih SEO.
Selain itu, dengan mode <html>, kita juga dapat menyusun teks artikel beserta kode Html yang di perlukan lewat buku catatan (notebook) di Hp Smartphone Android atau laptop. Tapi, ini hanyalah menurut Admin, mungkin bagi sebagaian blogger ada yang lebih menyukai menggunakan mode compose.
Cara Dasar Membuat Artikel Blog Dengan Kode HTML
Membuat artikel mode HTML, kita harus pelajari dan memahami beberapa kode yang wajib di gunakan. Di bawah ini merupakan kode-kode Html pendukung untuk pembuatan artikel blog agar lebih SEO dan mudah di crawler oleh mesin penelusuran (Search Engine).
01#. Menggunakan Tag H1, H2, H3 Dan H4
Tag Html yang tercatat di atas tersebut wajib ada di pada setiap artikel. Kode-kode tersebut fungsi dan penggunaanya terletak pada judul. H1 (<h1>) merupakan tag untuk judul utama, namun kita tidak usah mengetiknya. Sebab, tag tersebut sudah otomatis terletak pada form pembuatan title/judul artikel. Tapi, bila menggunakan template bawaan blogger/blogspot, kita harus merubah terlebih dahulu. Sebab, tag judulnya menggunakan H3 (<h3>), dan untuk merubahnya kita harus setting dahulu dengan membuka menu tema pada template blogger.
Selanjutnya, cari kode seperti di bawah ini di atas kode <data:post.body/> yang ke dua bila terdapat dua kode tersebut. Tampilannya seperti pada kolom textarea di bawah ini.
<a expr:name='data:post.id'/> <b:if cond='data:post.title'> <h3 class='post-title entry-title' itemprop='name'> <b:if cond='data:post.link or (data:post.url and data:blog.url != data:post.url)'> <a expr:href='data:post.link ? data:post.link : data:post.url'><data:post.title/></a><b:else/> <data:post.title/> </b:if> </h3> </b:if>
Di dalam kode tersebut ada kode <h3 class= dan di deretan bawah ada kode </h3>, maka rubahlah angka 3 tersebut dengan angka 1. Maka jadinya seperti ini: <h1 class= dan </h1>. Dengan menerapkan cara tersebut, judul artikel utama akan otomatis memiliki tag (h1) dan pastinya akan lebih SEO di mata mesin penelusuran.
Selanjutnya, penggunaan H2, H3, dan H4. Setelah mengerti fungsi (h1), sekarang kita harus tahu kegunaan (h2) (h3) dan (h4). Fungsi dari tiga tag tersebut adalah untuk sub title atau judul turunan dari judul utama yang saling terkait dan berurutan.
02#. Tag HTML <p>, <b>, <i>, <u>
Dalam pembuatan artikel mode Html, tag yang ada di atas tersebut sangat penting dan wajib di gunakan. Fungsi kode <p> adalah untuk membuat paragraf. Jadi, untuk mengelompokkan baris-baris paragraf kita gunakan kode tersebut yang di tutup dengan kode </p>.
Kemudian penggunaan kode <b> (bold) adalah membentuk text atau huruf menjadi tebal dan di tutup dengan </b>. Kode <i> (italic) membuat text/huruf menjadi miring, dan kode <u> (underline) adalah membuat text/huruf bergaris bawah.
Setiap menggunakan kode tag Html seperti di atas, pasti ada kode pembuka dan penutup. Misalnya: <h2>..isi text.. di tutup dengan </h2>, <p>...isi text...</p> dan seterusnya.
Cara Edit HTML Di Template Blogger
Mungkin dengan tata cara edit Html di atas masih bingung, untuk itu di sini Admin beri tutorialnya secara singkat. Jadi, untuk mengedit kode Html di tema blogger, silahkan di lihat langkahnya di bawah ini.
Anggap saja kita sudah berada di akun blogger masing-masing, lalu cari menu "Tema" kemudian klik. Maka akan muncul halaman seperti gambar di bawah ini.
Selanjutnya, klik pada button warna orange bertanda panah ke arah bawah. Maka akan muncul laman seperti gambar di bawah ini.
Pada gambar di atas itu terdapat menu pilihan, silahkan pilih dan klik menu "Edit Html". Maka akan terbuka halaman Html Editor seperti pada gambar di bawah ini.
Selanjutnya, gulir ke bawah untuk mencari susunan kode seperti yang ada dalam kotak di atas. Lalu, edit ganti kode <h3 class= dengan <h1 class=, lalu ganti kode </h3> dengan </h1>.
Contoh Artikel Blog Menggunakan Kode HTML
Setelah mempelajari beberapa kode Tag Html di atas, yang mana dengan menggunakan kode-kode tersebut akan membuat artikel kita akan menjadi lebih SEO. Di bawah ini adalah contoh pembuatan artikel dengan memfungsikan kode tag HTML.
Kita anggap saja contoh artikel di bawah ini dengan judul utama: " Membuat Blog Paling Mudah".
<h1> Membuat Blog Paling Mudah</h1>
<p><b>...Cara membuat blog..</b>. Bagaimanakah membuat blog yang baik.....</p>
Lanjutkan beberapa paragraf dengan kode <p>...Isi Text Artikel...</p> lalu beri kode <br/> (break) untuk memberi batasan pada subtitle/judul <h2>
<h2>Isi Sub Judul Terkait Judul Utama</h2>
<p>....Isi Text Artikel penjelas dari Sub title/judul...</p> dan membuat beberapa paragraf lanjutan <p>....Isi Teks....<p> lalu kode <br/> (break) membuat jarak pada subjudul selanjutnya.
<h3>Isi Text Subjudul ke dua...</h3>
<p>Isi teks artikel.... dan mohon di variasikan sendiri tentang penggunaan tag Html <b>, <i> dan <u> pada text yang perlu di beri tag tersebut.</p>
Contoh hasil tag <b>TEXT ARTIKEL</b> hasilnya TEXT ARTIKEL. Lalu hasil dari tag <i>Blog Seo</i> dan hasilnya Blog Seo. Selanjutnya contoh hasil tag <u>Blogging</u> dan hasilnya Blogging.
[Perhatian..!..]. Untuk membuat judul utama atau paling atas, jangan menyertakan kode <h1></h1>, sebab kode tersebut sudah otomatis ada tapi tersembunyi, karena telah kita edit kodenya seperti di dalam textarea. Jadi, untuk membuat judul utama, kita tinggal ketik judul postingan di form yang tersedia.
Demikian cara membuat artikel seo dengan menggunakan kode Html. Silahkan di kembangkan sendiri contoh di atas dengan artikel original bikinan sendiri. Semoga bermanfaat...
Tidak ada komentar:
Posting Komentar