Semantic Code untuk mengoptimize HTML Web 2.0

Semantic Code untuk mengoptimize HTML Web 2.0

Semantic Code untuk mengoptimize HTML Web 2.0

Semantic code pada HTML, digunakan bwat mengoptimize halaman Web 2.0 lu agar lebih mudah di kenali oleh google.

Semantic code ini bisa dibilang juga sebagai teknik sederhana web designer dalam merancang struktur TAG HTML agar lebih bersifat deskriptif dimata Google / Yahoo sebagai search engine.

Gunakan semantic code untuk menterjemahkan / mengidentifikasikan konten . Misalkan semantic code pada TAG DIV dapat berupa :

Code:

<div id=”page-titlle”>Ini adalah Title page</div>

intinya semantic code pada css berperan dalam membantu google untuk menterjemahkan apa isi dalam TAG <DIV>.

penggunaan semantic code juga diperlukan untuk menampilkan list item pada halaman, misalkan penggunaan <UL> dan <LI>

Code:

Items: <ul>       <li>List Item1</li>       <li>List Item2</li>       <li>List Item3</li>       <li>List Item4</li>       <li>List Item5</li>       <li>List Item6</li>       <li>List Item7</li> </ul>

Bayangkan jika menggunakan table, akan banyak memerlukan TAG <TR> dan <TD> nah inilah maksud dari semantic code, selain meringkas penggunaan table juga lebih banyak dipahami oleh ROBOT google dalam mengindeknya.

Beberapa yg tergolong semantic code adalah sbb:

Code:

<STRONG>          pengganti <B> untuk ketebalan huruf <UL>                   UnOrdered List <OL>                   Ordered List <H1> sd <H6>     Heading, disarankan digunakan pada judul paragraph <P>                    Paragraph, sebagai pengganti <BR> yang lebih di sukai ROBOT

Berikut beberapa kasus yang bisa di gunakan dalam menerapkan semantic code:

Penggunaan jarak objek.

PADDING, bisa juga digunakan untuk menggantikan TAG <BR> untuk jadi lebih search engine friendly, dibandingkan penggunaan <BR> yang banyak.

Code:

<div style=”padding-top:20px;”>ini padding topnya 20px</div>

kalo yang bukan semantic code biasanya kita make ini:

Code:

<BR>satu TAG BR dapat diganti dengan padding-top 20 px;

ke na gitu aj, mungkin diantara temen2 ada yang masih tau TAG2 bwat CSS dalam menerapkan Semantic Code ini silakan replay di forum dr.emi. Thanks

Share on Facebook