Tips SEO - 'Style Attribute'

Optimasi SEO dengan menyisipkan 'Style Attribute' CSS ke dalam Konten Posting

Seperti pada bahasan sebelumnya tentang 'Bagaimana menempatkan keyword pada suatu halaman website/blog', yang membahas dimana saja titik-titik kritis yang harus anda isi dengan keyword. Tidak jauh dari topik sebelumnya di atas kali ini saya mencoba memodifikasi sedikit bagaimana menyisipkan 'Style Attribute' ke dalam setiap keyword.

Maksud dari menyisipkan 'Style Attribute' ke dalam keyword adalah supaya format penulisan setiap posting anda kelihatan lebih rapi. Ok langsung saja, usaha apa saja yang biasa dilakukan untuk highlight keyword pada posting? Mungkin saja dengan memberikan atribut h2 (heading 2) pada kalimat atau paragraf, memberikan warna yang berbeda pada keyword, memberi format text tebal (bold), garis miring (emphasis), dan lain sebagainya. Bayangkan jika seumpama keyword yang ada pada posting anda cukup banyak dan anda ingin highlight semuanya, pasti kelihatan berantakan. Dalam situasi seperti ini menyisipkan 'Style Attribute' ke dalam setiap keyword anda akan sangat berguna.

Saya ambil contoh keyword diletakkan pada h2, text bold, dan garis miring. Jika anda ingin paragraf pertama dari posting anda adalah tag heading 2 (h2) jika memakai cara biasa contohnya seperti ini:

<h2>Definisi keyword (kata kunci) dalam search engine adalah beberapa kata spesifik (umumnya 2 sampai dengan 5 kata) yang diketikkan pada kotak pencarian search engine guna memperoleh informasi tertentu yang dicari.</h2>

Maka hasilnya akan seperti ini:

Definisi keyword (kata kunci) dalam search engine adalah beberapa kata spesifik (umumnya 2 sampai dengan 5 kata) yang diketikkan pada kotak pencarian search engine guna memperoleh informasi tertentu yang dicari.

Jika paragraf text lainnya kecil digabungkan huruf segede itu jelas sudah pasti tidak akan enak dipandang. Maka untuk memperkecil ukuran hurufnya seumpama anda ingin menyamakan dengan ukuran huruf paragraf yang anda pakai '1em atau bisa juga 12px' misalnya, sisipkan 'Style Attribute' ke dalam tag h2 seperti contoh di bawah ini:

<h2 style="font-size:1em; font-weight:normal;">Definisi keyword (kata kunci) dalam search engine adalah beberapa kata spesifik (umumnya 2 sampai dengan 5 kata) yang diketikkan pada kotak pencarian search engine guna memperoleh informasi tertentu yang dicari.</h2>

Maka hasilnya akan seperti ini:

Definisi keyword (kata kunci) dalam search engine adalah beberapa kata spesifik (umumnya 2 sampai dengan 5 kata) yang diketikkan pada kotak pencarian search engine guna memperoleh informasi tertentu yang dicari.

Misalnya anda ingin memberikan style attribute tebal pada setiap kata yang mungkin menurut anda adalah keyword. Kalau memakai cara yang biasa contohnya seperti ini:

<p>Gunakan <strong>kata kunci utama (primary keyword phrase)</strong> pada halaman utama website (home). <strong>Kata kunci utama</strong> ini nantinya akan terus dipakai pada halaman-halaman lain website anda. Usahakan membuat <strong>keyword</strong> yang cukup <strong>unik/spesifik</strong>, misalnya website/blog anda membahas <strong>alat musik</strong> dan kebetulan fokus pada <strong>musik klasik</strong>, <strong>primary keyword</strong> yang anda pakai bisa bertuliskan <strong>“alat musik klasik”</strong>.</p>

Maka hasilnya akan seperti ini:

Gunakan kata kunci utama (primary keyword phrase) pada halaman utama website (home). Kata kunci utama ini nantinya akan terus dipakai pada halaman-halaman lain website anda. Usahakan membuat keyword yang cukup unik/spesifik, misalnya website/blog anda membahas alat musik dan kebetulan fokus pada musik klasik, primary keyword yang anda pakai bisa bertuliskan “alat musik klasik”.

Berantakan kan, tambahkan 'Style Attribute' untuk mengakalinya seperti di bawah ini:

<p>Gunakan <strong style="font-weight:normal;">kata kunci utama (primary keyword phrase)</strong> pada halaman utama website (home). <strong style="font-weight:normal;">Kata kunci utama</strong> ini nantinya akan terus dipakai pada halaman-halaman lain website anda. Usahakan membuat <strong style="font-weight:normal;">keyword</strong> yang cukup <strong style="font-weight:normal;">unik/spesifik</strong>, misalnya website/blog anda membahas <strong style="font-weight:normal;">alat musik</strong> dan kebetulan fokus pada <strong style="font-weight:normal;">musik klasik</strong>, <strong style="font-weight:normal;">primary keyword</strong> yang anda pakai bisa bertuliskan <strong style="font-weight:normal;">“alat musik klasik”</strong>.</p>

Maka hasilnya akan seperti ini:

Gunakan kata kunci utama (primary keyword phrase) pada halaman utama website (home). Kata kunci utama ini nantinya akan terus dipakai pada halaman-halaman lain website anda. Usahakan membuat keyword yang cukup unik/spesifik, misalnya website/blog anda membahas alat musik dan kebetulan fokus pada musik klasik, primary keyword yang anda pakai bisa bertuliskan “alat musik klasik”.

Untuk garis miring (em/emphasis) lihat contohnya seperti di bawah:

<p>Mengoptimalkan <em>kata kunci (keyword)</em> pada halaman <em>website/blog</em></p>

Hasilnya akan seperti ini:

Mengoptimalkan kata kunci (keyword) pada halaman website/blog

Tambahkan atribute 'font-style: normal', seperti di bawah ini:

<p>Mengoptimalkan <em style="font-style: normal;">kata kunci (keyword)</em> pada halaman <em style="font-style: normal;">website/blog</em></p>

Dan hasilnya akan seperti ini:

Mengoptimalkan kata kunci (keyword) pada halaman website/blog

Mudah kan...