Daftar Menu Wajib Ada di Navigasi Blog

INILAH daftar menu yang wajib ada di Navigasi Blog untuk memudahkan user mengidentifikasi dan mengenali admin dan blog Anda, membangun kredibilitas, sekaligus menjadikan blog User Friendly.

Navigasi Menu merupakan bagian dari Internal Linking atau Link Building blog yang dianjurkan oleh Google.

Links, baik internal maupun eksternal, merupakan salah satu Pilar Search Engine Optimization (SEO) Blog, selain Content dan Social Media. (The Three Pillars of SEO).

Daftar menu yang wajib ada di navigasi blog di bawah atau di atas header itu adalah sebagai berikut:

1. HOME. Beranda. Link atau tautan ke Hompage atau Beranda/Halaman Depan Blog.
2. ABOUT. Tentang. Halaman statis (Static Page) berisi "profil" situs atau blog, juga bisa berisi profil instansi, perusahaan, atau pribadi pemilik blog.
3. SITEMAP. Peta Situs. Dikenal juga sebagai Daftar Isi (Table of Content). Dalam teknik SEO Blog juga dikenal elemen sitemap, yaitu dengan mendaftarkan konten blog ke Google Webmaster Tools.
4. CONTACT. Kontak. Meski bisa diintegrasikan di halaman ABOUT, namun baik juga membuat halaman khusus tentang panduan bagi user untuk mengontak admin blog. Ini akan membuat menu kontak lebih User Friendly.
5. PRIVACY POLICY. Kebijakan Privasi. Disebut juga Disclaimer, namun disclaimer lebih kepada persoalan hak cipta konten blog. Privacy Policy adalah aturan penggunaan blog yang bisa dibuat secara instan di Generator Privacy Policy.

Untuk situs web perusahaan/instansi, menu wajib lainnya adalah:

1. SERVICES. Layanan. Berisi jenis-jenis pelayanan.
2. PRODUCT. Produk/Jasa. Berisi jenis produk atau jasa yang ditawarkan.
3. PORTFOLIO. Halaman khusus yang memuat dokumen yang menggambarkan proses perkembangan, rencana pencapaian, kumpulan hasil karya, juga bisa berisi tentang prestasi dan keberhasilan instansi/perusahaan.
4. SUPPORT. Jenis atau bentuk dukungan bagi pelanggan, klien, atau customers.
5. BLOG. Halaman atau kategori khusus yang berisi berita-berita aktual seputar dinamika perusahaan/instansi (Corporate Blogging).

Itulah daftar 5+5 Menu yang Wajib Ada di Navigasi Blog. Pembuatannya bisa melalui Widget "Page List", bisa juga di Menu Navigasi di dalam template blog.

Bagaimana jika daftar menu itu tidak ada di navigasi blog? Ya... tidak apa-apa sih, bukan pelanggaran pidana kok! ^_^

KOTAK PENCARIAN

Selain daftar menu di atas, yang juga wajibada di situs web/blog adalah Kotak Pencarian (Search Box) untuk memudahkan user mencari informasi yang mereka butuhkan.

Kotak pencarian ini menjadi perhatian khusus pula dari pakar usability web NN Group. Disebutkan, salah satu kesalahan mendasar desain web adalah kurangnya perhatian pada masalah kotak pencari ini.

 Search is an important part of any big website. When users want to search, they typically scan the homepage looking for "the little box where I can type," so your search should be a box. [Make your search box at least 27 characters wide,] so it can accommodate multiple words without obscuring parts of the user's query. (Top 10 Guidelines for Homepage Usability).

Kode Kotak Pencarian

Cara memasang kotak pencarian seperti yang ada di sidebar paling atas blog ini:

1. Layout > Add a Gadget

2. Copy Paste saja kode CSS & HTML di bawah ini di kolom "Content". Judulnya biarkan kosong!

<style>

#search-box {

position: relative;

width: 100%;

margin: 0;

}

#search-form

{

height: 40px;

border: 1px solid #999;

-webkit-border-radius: 5px;

-moz-border-radius: 5px;

border-radius: 5px;

background-color: #fff;

overflow: hidden;

}

#search-text

{

font-size: 14px;

color: #ddd;

border-width: 0;

background: transparent;

}

#search-box input[type="text"]

{

width: 90%;

padding: 11px 0 12px 1em;

color: #333;

outline: none;

}

#search-button {

position: absolute;

top: 0;

right: 0;

height: 42px;

width: 80px;

font-size: 14px;

color: #fff;

text-align: center;

line-height: 42px;

border-width: 0;

background-color: #4d90fe;

-webkit-border-radius: 0px 5px 5px 0px;

-moz-border-radius: 0px 5px 5px 0px;

border-radius: 0px 5px 5px 0px;

cursor: pointer;

}

</style>

<div id='search-box'>

<form action='/search' id='search-form' method='get' target='_top'>

<input id='search-text' name='q' placeholder='Search here...' type='text'/>

<button id='search-button' type='submit'><span>Search</span></button>

</form>

</div>