Sebagai seorang pengguna internet, tentu kamu sudah tidak asing lagi dengan istilah blog atau website. Apalagi jika kamu seorang blogger atau pun website developer, tentu kamu tidak hanya tahu istilah blog atau website, tetapi kamu juga harus memahami elemen apa saja yang ada pada sebuah blog.
Artikel kali ini akan membahas secara detail apa saja elemen dan komponen penting yang ada dalam sebuah blog atau website. Simak terus sampai akhir supaya kamu memahami masing-masing elemen website dan fungsinya.
Komponen Dasar Blog / Website
Komponen dasar dari sebuah blog atau website terdiri dari:
- Title
- Nama Domain
- Alamat Url
- Link / Tautan
- Header
- Konten / Isi
Mari kita bahas satu per satu dari komponen-komponen tersebut.
1. Title
Title adalah judul dari sebuah halaman website / blog. Title terletak pada titlebar browser.
2. Nama Domain
Nama domain adalah nama alias dari sebuah website. Sebenarnya, nama asli dari sebuah website itu berupa IP address yang berupa nomor acak dan unik.
Namun untuk memudahkan pembacaan dibuatlah nama domain sebagai nama alias.
Nama domain biasanya disewa dari pencatat/registrar domain per tahun.
Domain digunakan agar manusia mudah untuk mengingat nama sebuah website.
Umumnya nama domain mewakili nama sendiri, nama brand, produk maupun perusahaan.
Contoh nama domain adalah www.ngoolie.id yang merupakan nama domain website ini.
3. Alamat URL
URL singkatan dari Uniform Resource Locator. Jika sebuah halaman web kita analogikan seperti sebuah rumah, maka URL ini adalah alamat lengkap rumah kita. Letaknya ada di addressbar browser. Setiap Halaman web memiliki url yang unik dan berbeda. Format URL bermacam-macam. Namun, semuanya selalu diawali dengan http atau https lalu diikuti nama domain website atau blog tersebut.
4. Link / Tautan
Link atau tautan adalah pintu/gerbang/lorong yang dapat digunakan sebagai navigasi untuk menuju ke halaman lain, baik itu ke halaman yang masih di dalam satu web maupun halaman di web yang berbeda.
Contoh Link :
Seberapa Penting Table of Content (TOC) dalam SEO Web?
Link / Tautan diatur dalam kode html <a href=”alamat url halaman website tujuan”>Anchor text / Teks yang ditampilkan</a>.
5. Header
Header adalah bagian paling atas dari sebuah website. Umumnya berisi nama situs, logo, dan deskripsinya. Header berfungsi untuk menampilkan identitas dari sebuah website atau blog.
6. Konten / Isi
Konten atau isi sebuah website biasanya berupa informasi dan artikel yang terletak dibagian tengah. Artikel yang sedang kamu baca ini juga bagian dari konten/isi.
Konten adalah bagian terpenting dari sebuah blog maupun website. Konten di halaman utama sebuah blog biasanya adalah daftar posting atau daftar artikel dari sebuah website.
Elemen pada Blog / Website
1. Sidebar
Sidebar adalah bilah atau bagian sisi kanan dan kiri dari sebuah konten website / blog. Sidebar biasanya berisi informasi tambahan dan navigasi dari sebuah website.
Sering juga, Sidebar berisi widget-widget. Misalnya, di website ini, di sidebar sebelah kanan terdapat widget yang berisi daftar artikel terkahir di posting, sementara di sidebar sebelah kiri terdapat widget untuk share konten ke media sosial.
Keberadaan sidebar ini bersifat opsional sesuai keinginan pemiliki dan desainer blog/web masing-masing. Ada blog yang hanya satu kolom(tanpa sidebar), ada yang hanya satu di sebelah kanan ataupun kiri, dan ada juga yang di kedua sisi memiliki sidebar seperti website ini.
2. Widget
Setelah membaca tentang Sidebar, kamu pasti sudah tahu sedikit tentang widget. Benar, widget adalah sebuah fitur pada website yang isinya berupa informasi tertentu dan memiliki fungsi tertentu pula. Widget tidak harus terletak pada bagian sidebar. Widget juga bisa terletak pada bagian atas posting, footer bahkan header (walaupun sangat jarang).
Contoh widget: widget popular post, widget daftar artikel terakhir diposting, widget share ke social media, widget read next, widget related article, dan masih banyak widget lainnya.
3. Footer
Footer adalah bagian paling bawah dari sebuah konten website. Fungsi dari footer adalah sebagai kaki dan berisi informasi hak cipta, kepemilikan, link tambahan, sumber daya, sponsor dan kredit sebuah website. Namun, kadang-kadang footer juga bisa dijadikan sebagai tempat untuk menampilkan widget.
4. Navbar
Navbar adalah kependekan dari Navigation bar. Navbar merupakan bagian website yang biasanya terletak di bagian paling atas di atas header dan bersifat melayang/fixed (Selalu terlihat walaupun di scroll).
Navbar berfungsi untuk mempermudah navigasi sebuah situs. Biasanya berisi link-link penting yang mungkin dikunjungi dalam website / blog tersebut.
5. Menu
Menu adalah bagian dari website yang berisi link-link utama yang mengarah pada halaman tertentu di sebuah website. Secara fungsi hampir sama dengan navbar yaitu untuk mempermudah navigasi di web. Menu biasanya terletak di bawah atau di atas header.
Contoh Menu pada website ini:
6. Breadcrumb
Breadcrumb merupakan sebuah elemen website atau blog berbentuk memanjang yang isinya adalah informasi tentang tata letak, posisi, dan atau jalur halaman yang sedang dikunjungi dalam sebuah website.
Breadcrumb biasanya hanya ada di halaman spesifik/single seperti halaman posting dan sejenisnya. Biasanya terletak di atas judul posting. Format breadcrumb umumnya seperti ini “Beranda > Kategori Posting > Nama/judul Posting”.
7. Form
Form atau dalam bahasa indonesia disebut formulir. Form pada website berfungsi untuk penginputan data dari pengunjung website baik itu yang bersifat wajib maupun opsional.
Form pada website memiliki berbagai cara input seperti Textfield, Password, ComboBox, Textarea, Radio, Checkbox, Button dan lain-lain.
Contoh form yang digunakan pada website ini adalah form pencarian (pojok kanan atas) dan form contact us.
Itulah komponen dan elemen utama yang umumnya ada pada sebuah blog atau website. Terima kasih sudah membaca, semoga bermanfaat.
