Logo pada sebuah website atau blog dapat berupa gambar atau teks. Pada artikel kali ini saya akan membahas tips tentang bagaimana agar logo menjadi lebih SEO Friendly.
Demikianlah wahai para agan dan aganita, berbagai upaya senantiasa dilakukan oleh para blogger yang kreatif untuk mengusahakan agar blog-nya kian optimal ketika berurusan dengan search engine.
- Logo menampilkan title ketika disorot oleh mouse di halaman manapun,
- Logo memiliki tag H1 ketika berada di homepage dan H2 ketika di single post,
Tag H1 dipergunakan untuk menginformasikan ke robot mesin pencari bahwa itu adalah bagian yang paling penting dari suatu halaman. Terkait dengan itu maka saya memberlakukan aturan begini :
Pada homepage tag H1 diberikan pada logo dan H2 pada judul postingan.
Pada single post tag H1 diberikan pada judul postingan dan H2 pada logo.
Lho mengapa tidak semuanya saja dibuat menjadi H1 agar semuanya menjadi atau dianggap paling penting? Hehehe, tidak demikian ya. Bila semuanya dibuat menjadi H1 maka tidak akan fokus dan besar kemungkinan robot search engine menganggap tidak ada yang bisa dianggap penting sebenarnya.
Itu prinsipnya dan sekarang mari kita langsung ke tutorial.
Login Blogger >> Template >> Edit HTML >> Kemudian cari kode seperti ini :
<b:widget id='Header1' locked='true' title='Kocak Kita (Header)' type='Header'> ... </widget>
Silahkan anda klik pada tanda "..." (tanpa tanda petik) untuk melakukan Expand Widget. Bila sudah terurai, anda akan mendapati kode seperti ini :
<b:includable id='main'> ... </b:includable>
Silahkan lakukan Expand Widget sekali lagi pada kode di atas. Selanjutnya cari kode seperti ini :
<!--Show the image only--> <div id='header-inner'> <a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/> </a>
Hapus saja semua kode itu dan ganti dengan kode ini :
<!--Show the image only--> <div id='header-inner'><b:if cond='data:blog.url == data:blog.homepageUrl'> <h1><a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/> </a></h1><b:else/> <h2><a expr:href='data:blog.homepageUrl' style='display: block'> <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:title='data:title' expr:width='data:width' style='display: block'/> </a></h2>
Catatan : Tips yang saya buat ini akan efektif bila anda menggunakan logo berupa gambar. Lalu bagaimana bila logo tersebut tidak berupa gambar? Begini caranya :
Di atas kode <!--Show the image only--> silahkan anda cari dua buah kode seperti ini :
<h1 class='title' style='background: transparent; border-width: 0px'> <b:include name='title'/> </h1>
Hapus kode tersebut dan ganti dengan kode ini :
<b:if cond='data:blog.pageType != "item"'><h1 class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></h1><b:else/><p class='title' style='background: transparent; border-width: 0px'><b:include name='title'/></p></b:if>
Selanjutnya di bawah kode <!--No header image --> anda cari satu buah kode seperti ini :
<h1 class='title'> <b:include name='title'/> </h1>
Hapus kode tersebut dan ganti dengan kode ini :
<b:if cond='data:blog.pageType != "item"'><h1 class='title'><b:include name='title'/></h1><b:else/><p class='title'><b:include name='title'/></p></b:if>
Demikianlah tips agar logo pada blog anda lebih SEO Friendly. Pada artikel mendatang saya akan memberikan tips tentang optimasi pada judul postingan.
Demikianlah artikel dari Kontakmedia yang berjudul Agar Logo Pada Blog Lebih SEO Friendly, semoga bermanfaat. Dan terima kasih untuk Anda yang telah berkunjung ke blog ini.