Submit Website Dan Membuat Sitemap

Setelah anda melaunching website anda, lalu apa yang harus dilakukan? Duduk-duduk saja menunggu ada pengunjung yang kebetulan lewat dan mampir ke website anda? Ingat, ini bukan toko di dunia nyata loh! Sebuah website di dunia maya tak ubahnya sebutir pasir di tengah pantai. Kalau anda diam saja, tak akan ada yang bisa menemukan website anda.

Langkah pertama yang harus dilakukan adalah terus menulis konten dan mempublishnya. Setelah website anda berisi paling tidak 10 halaman konten, baru anda bisa melakukan yang berikut ini:

Submit website anda ke Search Engine seperti Google, Yahoo, MSN, dsb. Berikut ini adalah link untuk men-submit website anda agar terdaftar di para SE (Search Engine) itu:

Google : www.google.com/addurl/?continue=/addurl
Yahoo: http://search.yahoo.com/info/submit.html
MSN: http://search.msn.com/docs/submit.aspx?FORM=WSDD2
Ask: http://about.ask.com/en/docs/about/webmasters.shtml

Berdasarkan pengalamanku, submit ke Google dan Yahoo gampang banget, tapi paling susah di Ask.com. Kalo ga salah, persyaratannya agak rumit. Untuk sementara tinggalin saja dulu.

Selain ke SE, submit juga site anda ke Directory. Directory yang terbesar (atau bisa dibilang induknya para directory) adalah dmoz.com. Sekali kita submit kesini, secara otomatis site kita akan tersubmit juga ke directory-directory lain. Submit disini relative gampang, yang penting kita harus menempatkan website kita di kategori yang paling tepat.

O ya, dari awal anda harus mempersiapkan deskripsi tentang website anda. Persiapkan dengan baik deskripsi ini, karena selanjutnya akan banyak dipakai. Salah satunya, ya untuk submit ke Dmoz dan directory-directory lainnya. Jangan asal memberikan informasi saja, buatlah deskripsi itu membuat orang ingin tahu, dan sisipkan juga keyword yang anda pakai disana.

Anda juga bisa men-submit website anda ke directory sesuai niche anda. Cara mendapatkannya, cari saja di Google. Hati-hati ya, directory ini ada yang free, ada yang berbayar. Sebaiknya cari dengan keyword: free+directory+[niche anda].

Dari awal, buatlah sitemap untuk website anda. Selain untuk memudahkan pengunjung website untuk mencari artikel yang ia inginkan, juga membantu Google dan SE lain agar lebih cepat mengindex website anda. Untuk SE, Google hanya bisa menerima sitemap dalam bentuk file XML. Bagi pengguna Frontpage, bisa menyiasati dengan cara:

• Menggunakan program Notepad
• Bikin list URL semua halaman websitemu, tanpa judul, tulisan lain, hanya URL
• Tiap URL di baris baru
• Save file itu dengan judul urllist.txt, lalu upload ke server hosting kamu (lihat Cara Mempublish Halaman Website)

Setelah itu, buka …… pake account Google-mu (sama dengan Google Adsense). Pertama submit dulu websitemu. Jangan lupa menaruh script Google ke homepage. Setelah website-mu ‘diterima’ oleh Google, submit juga sitemapmu. Gampang kan?

Sampe ketemu lagi di posting berikutnya yah...moga-moga ga pake lama deh!

Mempublish Halaman Website

Wah, sudah lama banget blog ini tidak keurus. Dan baru saja aku sadar bahwa ada 1 ilmu penting yang belum sempat aku berikan pada anda sekalian. Yaitu cara untuk mempublish halaman-halaman website yang sudah anda buat ke server hosting anda, agar website anda secara 'resmi' hadir di dunia maya ini.

Jika anda sudah selesai membangun website anda, simpanlah hasil karya anda itu di harddisk komputer anda. Sebaiknya anda membuat sebuah folder yang judulnya sama dengan nama domain anda. Misalnya domain anda adalah nama-anda[dot]com, maka berilah judul folder tersebut dengan 'nama-anda'. Penamaan ini akan berkaitan dengan publishing di server.

Sebelum mempublish, anda bisa mem-preview semua halaman website anda di browser dengan mengklik tombol 'Preview' yang ada di menu bar di atas, di sebelah tombol 'Print'. Hati-hati, karena tampilan website anda di browser yang berbeda (misalnya antara Internet Explorer dan Mozilla Firefox) bisa juga berbeda. Sebaiknya sih pakai saja Firefox yang lebih umum dipakai.

klik gambar utk memperbesar

Software untuk mempublish halaman website ke browser ini ada beberapa macam, tapi yang gratis alias open source adalah Filezilla. Anda bisa men-downloadnya di internet secara gratis.

Cara publish, anda buka dulu Filezilla. Maka anda akan melihat 4 bidang yang ada disana (lihat gambar dibawah ini)..

klik gambar utk memperbesar!

Bidang sebelah kiri atas adalah bidang milik komputer kita (asal file halaman website anda berada). Jika di bidang kiri atas anda membuka folder tempat file itu berada, maka file halaman-halaman website anda dalam bentuk file HTML akan terbuka di bidang kiri bawah. Sedangkan bidang kanan bawah adalah milik server hosting. Fungsi utama Filezilla adalah untuk mengcopy file di bidang kiri bawah ke kanan bawah.

Caranya begini nih...

Pertama-tama klik 'File' di menu bar, lalu klik 'Site Manager'. Maka akan terbukalah board seperti ini,

klik gambar utk memperbesar!

Lihat di kotak sebelah kiri (New Site) yang masih kosong karena anda belum pernah menambahkan website anda. Anda klik tombol 'New Site' di kiri bawah, lalu beri nama folder itu dengan nama domain anda (misalnya 'nama-anda[dot]com). Lalu isilah di kotak sebelah kanan:

Host: www.nama-anda.com
Server type: pilih FTP
Logon type: Normal
User: masukkan username yang sudah diberikan oleh penyedia server hosting anda (biasanya diberikan begitu anda sudah membayar dan hosting anda sudah aktif)
Password: masukkan password yang juga diberikan oleh penyedia server hosting anda.

Kalau sudah, klik 'Connect' dan...voila...anda sudah bisa memindahkan file ke dunia maya.

Bagaimana anda tahu kalo anda sudah tersambung ke server hosting? Lihat bidang di atas bidang kiri atas, di sana terlihat status koneksi ke server hosting anda. Tunggu sampai keluar tulisan 'Directory listing successful', itu berarti anda sudah terhubung dnegan hosting anda.

Kembali ke keempat bidang tadi, di bidang kiri atas bukalah folder file anda, sehingga file HTML-nya terbuka ke bidang kiri bawah. Lalu, carilah di bidang kanan bawah folder bernama 'www'. Folder ini adalah tempat anda meletakkan seluruh file HTML anda. Ingat! JANGAN pernah merubah nama folder ini ya!

klik gambar utk memperbesar!

Sekarang kliklah folder www itu. Bila sudah terbuka, kembali ke file halaman page yang mau dipublish. Anda hanya tinggal men-drag file itu ke bidang sebelah kanan bawah. Ingat! Pastikan flder www-nya sudah terbuka loh! Jangan sampai salah nyemplung di folder lain! Ketika file sudah tercemplung ke bidang kanan bawah, perhatikan status koneksi di atas. Pastikan hingga sudah tertulis "File Transfer Succesful". Maka anda sudah berhasil deh. Tunggu beberapa saat, dan bukalah website anda di browser.

Sekarang website anda sudah 'launching', dan setelah ini kita akan belajar bagaimana supaya website anda makin beken dan mendatangkan banyak traffic pengunjung ke website anda ya! Sampe jumpa....

Membubuhkan Meta Tag

Meta tag adalah kumpulan beberapa atribut pengenal atau identitas website dan artikel-artikel kita untuk dipasang Google dan search engine lainnya di halaman pencarian mereka. Meta tag sekaligus bisa meningkatkan ranking kita di mata SE. Ada beberapa meta tag dalam sebuah situs, dan disarankan agar keyword niche anda tercantum dalam semua tag. Dalam tulisan ini kita akan bersama-sama belajar cara membubuhkan tag ke dalam halaman web, dan tag apa aja yang perlu dicantumin.

Title Tag

Seperti namanya, tag ini adalah untuk memberi judul sebuah halaman web. Judul itu akan terlihat di browser ketika anda membuka halaman tersebut. Kalo anda masih ingat, di posting yang lalu aku sudah menunjukkan bagaimana cara menemukan HTML code di Frontpage kan? Sekarang mari kita ke kode HTML halaman yang udah kita buat, dan perhatikan 3 baris yang ada di antara dan di bagian paling atas, yang aku kotakin warna merah ini ya...

klik gambar untuk memperbesar

Yang pertama adalah:

Kode itu menunjukkan bahwa judul halaman web tersebut adalah 'Membuat Website'. Lihat setelah halaman itu aku buka di browser, judul tersebut akan muncul...

klik gambar untuk memperbesar

Jangan lupa untuk menyisipkan keyword niche anda dalam title tag ini. O ya, idealnya gunakan font 24 untuk menuliskan judul artikel anda.

Keyword tag

Keyword yang anda bidik, bisa anda masukkan ke dalam keyword tag ini. Lihat lagi kode yang aku tandai di atas. Baris kedua tampak seperti ini:

Kode itu menunjukkan bahwa keyword tag untuk halaman web itu adalah website dan internet marketing. Keyword tag ini memang ga akan muncul pada browser, tapi akan dapat diakses oleh robot Search Engine. Anda bisa memasukkan lebih dari satu keyword, yaitu keyword niche untuk artikel tersebut, juga keyword niche yang lebih umum (yang dipakai untuk website anda), atau keyword lain yang merupakan kata lain dari keyword anda. Dalam kasus ini, misalnya anda bisa menambahkan 'situs' sebagai alternatif untuk 'website'.

Description tag

Selain judul, kita perlu memberikan deskripsi singkat tentang isi artikel kita itu. Description tag ini sama pentingnya dengan title tag, karena dari kedua tag itu, orang akan memutuskan untuk membuka halaman situs anda itu dan membaca isinya atau tidak. Description tag juga akan muncul di hasil pencarian Search Engine. Mari kita kembali ke kode yang ditandai di atas. Lihat baris ketiganya:

Dengan description tag tersebut, calon pengunjung website akan tahu bahwa artikel itu berisi langkah-langkah membuat website bagi pemula. Usahakan membuat description tag ini cukup singkat tapi langsung menunjukkan isi artikel, sekaligus membuat orang penasaran untuk membaca lebih lanjut.

Sekarang gimana caranya membubuhkan meta tag itu ke dalam halaman web?

Letakkan kursor di sembarang tempat di dalam halaman web yang mau disetting meta tag-nya. Klik kanan, dan pilih 'Page Properties'. Maka akan terbuka kotak menu kayak gini:

klik gambar untuk memperbesar

Anda tinggal mengisi kotak 'Title', 'Description', dan 'Keyword' sesuai keinginan anda, dan kalo udah, tinggal klik OK, maka meta tag anda udah tersimpan. Gampang kan? O ya, mumpung kita lagi kerja di Page Properties, aku ulas sekalian tentang cara mengubah warna link. Maksudnya warna font yang menjadi anchor text sebuah link akan berubah otomatis setiap kali kita membuat link, jadi kita ga perlu tiap kali mengubah warna font ketika membuat link. Caranya, setelah klik Page Properties, pilih 'Formatting', lalu lihat di bagian 'Colors'. Langsung pergi ke sebelah kanan, yang ada 'hyperlink', 'visited hyperlink' dan 'active hyperlink'. Lalu kita tinggal pilih warna yang kita kehendaki. Kalo bisa, usahakan warna hyperlink ini matching dengan keseluruhan layout website anda. Misalnya dalam contoh, aku pake warna ungu tua untuk hyperlink.

klik gambar untuk memperbesar

Active hyperlink itu adalah ketika kita klik sebuah link, maka warna link itu akan berubah. Sedang visited hyperlink menandai link yang udah pernah kita buka di sebuah halaman web ketika kali lain kita berkunjung kesana.

Nah...sekarang anda udah belajar semua dasar untuk membangun sebuah situs. Kurasa anda akan bisa mengutak-atik lainnya sambil praktek. Selanjutnya, aku akan membahas tentang Google Adsense, cara membuat iklan adsense dan meletakkannya di situs kita. Oke? Sampe jumpa....

Belajar Frontpage 2

Kalau anda sudah mahir memasukkan teks ke format website seperti pada Belajar Frontpage 1, maka sekarang kita akan belajar memasukkan gambar. Ingat, orang selalu menyukai gambar. Bahkan tak jarang kita tertarik npada suatu tulisan karena ngeliat gambarnya. Maka usahakan untuk menyisipkan gambar untuk setiap artikel anda, tapi selalu pilihlah gambar yang relevan dengan topik.

Untuk memasukkan gambar ada dua cara.

Cara pertama, di area di mana anda ingin menyisipkan gambar, bikin table baru yang terdiri dari 1 baris dan 2 kolom. Tentukan gambar itu mau ditaruh di cell kiri atau kanan, dan tentukan paragraph mana yang akan diletakkan di samping gambar. Kalo misalnya gambar di cell kiri, cut teks paragraph yang anda pilih dan paste di cell kanan. Lalu taruh kursor di cell kiri, tekan “insert” dari main menu, pilih “picture” lalu pilih “from file”, dan ambil gambar yang dipilih.

Setelah itu jangan lupa merapikan layout gambar maupun teks anda dengan klik kanan pada cell, pilih cell properties.

Cara kedua, letakkan kursor di area di mana anda ingin menyisipkan gambar, lalu tekan “insert” dari main menu, “picture”, lalu “from file”. Cari gambar yang diinginkan. Setelah gambar ter-insert akan tampak seperti ini….

klik pada gambar untuk memperbesar

Sekarang taruh kursor pada gambar, klik kanan lalu pilih “Picture Properties”. Kita akan me-wrap gambar itu dengan teks anda. Kelebihan cara ini adalah kita tak perlu memecah teks menjadi paragraf supaya letaknya imbang dengan gambar, Frontpage yang akan menyesuaikan layout sendiri. Beginilah tampilan menunya…

klik gambar untuk memperbesar

Anda bisa memilih gambar akan terletak di kiri ato kanan cell dengan pilih “left” ato “right”. Kita pilih saja left. Lalu setting horizontal dan vertical spacing, yaitu jarak antara gambar dan teks. Biasanya aku memakai horizontal 10 dan vertical 5. Beginilah hasilnya…

klik gambar untuk memperbesar

Sekarang kita belajar cara membubuhkan link. Gampang banget kok, sama kayak nge-link di blog. Tinggal block kata yang mau dijadikan anchor link (menjadi link), lalu klik icon “hyperlink” yang ada di main menu. Lalu akan terbuka kotak seperti ini…

klik gambar untuk memperbesar

Perhatikan bahwa kata yang anda pilih sebagai anchor text akan langsung tertera di kotak “text to display”. Dalam hal ini yang aku pakai adalah kata “artikel anda”. Kalo anda mau membubuhkan internal link (link milik halaman lain dalam website yang sama), anda cukup browse di kolom “Look in”. Kalo anda membubuhkan link milik website lain, anda harus mengetik URL website itu di kolom “Address”. Lihat contohnya di gambar tadi…

Setelah anda klik OK, maka link itu sudah terpasang.

Sekarang, gimana kalo anda ingin meletakkan suatu widget di website anda? Kan biasanya anda harus berurusan dengan HTML code. Nah, di mana sih tempat HTML website kita ngumpet? Cari saja di pojok kiri bawah dari jendela Frontpage anda. Ada sederet tulisan, yang salah satunya berbunyi “code”, nah…inilah tempat versi HTML code dari halaman website kita. Letaknya di sini nih…

klik gambar untuk memperbesar

Tinggal klik aja, maka kita akan berada di halaman yang penuh HTLM code. Kalo mau kembali ke halaman sebenarnya, tinggal klik “design” aja.

Di posting selanjutnya, kita akan belajar tentang “meta tag” dan bagaimana cara membubuhkan meta tag, yang akan mengoptimalkan halaman anda di mata Search Engine. Sampe jumpa....

Belajar Frontpage 1

Kalo anda memutuskan untuk membuat website (disarankan demikian untuk bisnis IrMa – baca disini alasannya!), dan setelah anda menulis beberapa artikel dan membeli domain plus hosting…sekarang waktunya anda membangun website anda dan mempublishnya ke dunia.

Untuk beberapa posting ke depan aku akan memberikan tutorial untuk program pembuatan website (karena aku tahunya hanya Frontpage, hanya program Frontpage aja yang aku bahas). Sekarang memang Frontpage sudah ga ada lagi dalam Microsoft Office, tapi teman-teman bisa mencari versi portabelnya di internet. Aku punya versi portabelnya (langsung dalam bentuk .exe dan bisa disimpan di flashdisk supaya ga menuh-menuhin memory), dan kalo anda memerlukan, aku bisa mengirim dalam CD asal anda ganti ongkos kirimnya ya…

Aku hanya menjelaskan basic-basicnya aja, sisanya bisa anda otak-atik sendiri.

Pertama-tama anda harus bikin table, karena website itu akan terdiri dari tabel-tabel. Caranya cari “Table” di menu bar, lalu klik “Insert” kemudian “Table”. Setelah menu terbuka, anda disuruh menentukan:

Size : Rows (banyaknya baris, untuk sementara kita isi 4), dan Columns (banyaknya kolom, kita isi 4).

Borders: biasanya aku tidak menggunakan border, jadi kita isi 0.
Background: kita biarkan saja sesuai defaultnya yaitu putih. Nanti kita bisa mengotak atik lebih lanjut.

Kalo udah, tekan tombol OK

Taraaa…anda sekarang punya table yang berisi 4 baris dan 4 kolom. Masing-masing kolom atau baris itu akan disebut “Cell”. Untuk mengedit suatu cell cukup menempatkan kursor di cell ybs atau menempatkan kursor di pinggir garis cell hingga muncul tanda , lalu kliklah, maka cell tsb akan ter-block, lalu klik kanan mouse anda, dan pilih “Cell Properties”.

Untuk mengubah lebar atau besar cell, tinggal men-drag kursor anda di garis-garis cell (sama kayak MS Excel). Untuk menentukan layout, cari “Cell Properties”, dan tentukan horizontal alignment serta vertical alignment-nya. Pilihan verticalnya adalah top (tulisan atau gambar ditempatkan di paling atas cell), center (di tengah-tengah cell), atau bottom (di paling bawah cell). Pilihan horizontal: left (rata kiri), center (di tengah) right (rata kanan).

Untuk website yang minimalis, biasanya table kolom paling kiri adalah untuk sidebar. Baris paling atas untuk header. Kolom kedua dari atas dikosongi untuk jarak yang memisahkan header dengan body. Kolom ketiga bisa langsung untuk body, atau kalo anda suka sidebar horizontal, anda bisa menempatkan sidebar itu di kolom ini, lalu bodynya di kolom 4.

Sedang kolom kedua dikosongi untuk jarak antara sidebar dan body. Kolom ketiga untuk body, dan kolom paling kanan untuk jarak saja supaya tulisan kita ga terlalu mepet ke kanan. Otak-atik dulu lebar kolom dan baris ini [scroll ke bawah buat lihat hasilnya].

Header
Sekarang kita berada di baris cell paling atas. Anda bisa membuat header sendiri (kalo aku biasanya minta tolong teman), tapi anda bisa membuat yang sederhana dengan mewarnai kolom.

Pertama-tama block seluruh cell di baris paling atas, klik kanan, pilih “Merge Cell” sehingga seluruh cell teratas menjadi satu kesatuan yang akan dipakai sebagai header. Lalu klik kanan mouse, pilih “Cell Properties”, cari “Background”, dan pilih “color” yang dikehendaki. Aku pilih warna ungu. Setelah itu tekan OK, dan cell teratas anda sekarang sudah berwarna. Tinggal menuliskan nama website anda. [scroll ke bawah untuk liat hasilnya].

Sidebar horizontal
Kalo anda ingin menambah sidebar horizontal, pergilah ke baris cell nomor 3. Misalnya anda mau menambahkan 3 menu, maka klik kanan mouse, pilih “Split Cell”, dan isi jumlah cell = 3. Tambahkan menu-menu anda di ketiga cell yang sudah terbentuk. Scroll ke bawah untuk liat hasilnya.

Body teks
Sekarang buka file artikel yang sudah anda buat di MS Word. Copy semuanya, lalu paste ke kolom ketiga, baris ke 3 atau 4 sesuai pilihan anda. Lalu jangan lupa mensetting layout cell-nya ya…

Sidebar vertical
Karena sidebar ini berisi link-link menuju ke halaman-halaman artikel anda, maka biasanya diberi warna yang berbeda dari body teks agar menarik perhatian. Di sini aku pilih warna ungu muda, sama dengan header.

Akhirnya, seperti inilah tampilan sederhana website kita yang kita bikin pake Frontpage. Ga sulit kan???

klik untuk memperbesar gambar

Selanjutnya, tunggu postingku yang akan datang, yang mengulas tentang cara memasukkan gambar, membubuhkan link dan HTML code.