Sebagai mahasiswa, memiliki portofolio digital bukan lagi pilihan, melainkan kebutuhan utama di era persaingan karir 2026. Banyak mahasiswa berpikir bahwa membangun website membutuhkan biaya besar untuk hosting dan domain, serta keahlian koding yang rumit. Padahal, Anda bisa membangun website profesional 100% gratis menggunakan HP atau laptop, sekaligus mengotomatisasi data kampus menggunakan Google Apps Script!
Daftar Isi Lengkap
- Mengapa Mahasiswa Wajib Memiliki Website Portofolio?
- Perbandingan Platform Website Gratis Terbaik 2026
- Panduan 1: Cara Membuat Website Gratis di Google Sites
- Panduan 2: Cara Membuat Website Gratis di Blogger
- Panduan 3: Cara Membuat Website Developer di GitHub Pages
- Tutorial Google Apps Script: Otomatisasi Website & Google Sheets
- Studi Kasus: Membuat Form Input Kustom & Automasi Data Mahasiswa
- Tips SEO & Optimasi Website Mahasiswa Agar Tampil di Google
- Checklist Kesiapan Website Portofolio Mahasiswa
- Pertanyaan Sering Diajukan (FAQ)
Mengapa Mahasiswa Wajib Memiliki Website Portofolio?
Di dunia profesional yang sangat kompetitif pada tahun 2026, resume dua halaman berbentuk PDF tidak lagi cukup untuk membuat Anda menonjol. Rekruiter dan dosen penguji mencari bukti nyata dari keterampilan, proyek akademik, serta keaktifan Anda di organisasi. Memiliki website portofolio mahasiswa memberi Anda kendali penuh atas reputasi digital Anda.
Beberapa alasan utama mengapa Anda harus mulai membangun website portofolio hari ini:
- Kesan Profesional: Menampilkan karya, sertifikat, dan resume dalam format interaktif.
- Bebas Biaya: Anda dapat memanfaatkan ekosistem modern yang menyediakan layanan tanpa hosting dan tanpa domain berbayar.
- Kemudahan Otomatisasi: Integrasi dengan alat seperti Google Apps Script memungkinkan Anda membuat sistem pendaftaran, form input data, atau otomasi tugas kampus secara instan.
Perbandingan Platform Website Gratis Terbaik 2026
Berikut adalah perbandingan platform pembuatan website gratis yang paling cocok untuk kebutuhan akademik dan portofolio mahasiswa:
| Platform | Kemudahan | Keunggulan Utama | Kekurangan |
|---|---|---|---|
| Google Sites | Sangat Mudah | Integrasi Google Drive & Apps Script | Kustomisasi desain terbatas |
| Blogger | Mudah | SEO bawaan Google & kustom HTML/CSS | Tampilan standar jika tanpa template |
| GitHub Pages | Sedang - Rumit | Sangat disukai industri IT/Developer | Membutuhkan pemahaman dasar Git |
| Netlify / Vercel | Sedang | Performa sangat cepat, cocok untuk Jamstack | Perlu repositori code (GitHub/GitLab) |
Panduan 1: Cara Membuat Website Gratis di Google Sites
Google Sites adalah pilihan nomor satu bagi mahasiswa yang ingin membuat website dalam waktu kurang dari 10 menit tanpa menyentuh kodingan sama sekali.
Langkah-langkah Membuat Website di Google Sites:
- Buka
sites.google.comdan login menggunakan akun Google Mahasiswa atau Gmail pribadi. - Pilih template kosong (Blank) atau pilih dari galeri template portofolio.
- Sesuaikan judul halaman, tambahkan elemen seperti teks, gambar, dan tombol.
- Gunakan fitur Embed untuk memasukkan Google Forms atau Google Sheets yang sudah diintegrasikan dengan Google Apps Script.
- Klik tombol Publish dan tentukan URL web gratis Anda (contoh:
sites.google.com/view/portofolio-nama-anda).
Tips Pro: Sambungkan domain kustom gratis atau domain kampus (jika ada) untuk meningkatkan reputasi profesional Anda.
Panduan 2: Cara Membuat Website Gratis di Blogger
Blogger adalah platform legendaris dari Google yang sangat andal untuk membangun blog akademik, portal berita organisasi, atau jurnal riset pribadi.
Cara Optimasi Blogger untuk Mahasiswa:
Untuk membuat portal mahasiswa yang cepat dan responsif, pilih template berbasis Clean SEO Responsive. Anda dapat mengedit HTML template untuk memasukkan skrip tambahan atau form interaktif berbasis Apps Script melalui menu Theme > Edit HTML.
Panduan 3: Cara Membuat Website Developer di GitHub Pages
Bagi mahasiswa teknik informatika, ilmu komputer, atau bidang STEM, memiliki portofolio di GitHub Pages menunjukkan bahwa Anda familiar dengan versi kontrol (Git) dan workflow industri modern.
Langkah Mengaktifkan GitHub Pages:
- Buat akun di
github.comdan buat repositori baru dengan namausername.github.io. - Unggah file
index.html, CSS, dan JavaScript proyek Anda. - Buka menu Settings > Pages pada repositori Anda.
- Pada bagian Source, pilih branch
mainataumasterlalu klik Save. Website Anda siap diakses secara global!
Tutorial Google Apps Script: Otomatisasi Website & Google Sheets
Google Apps Script adalah bahasa pemrograman berbasis JavaScript yang dikembangkan oleh Google untuk mengotomatisasi tugas di seluruh ekosistem Google (Sheets, Docs, Forms, Drive, dll). Dengan Apps Script, Anda bisa menjadikan website gratis Anda memiliki fungsi backend dinamis!
Membuat Automasi Google Sheets Pertama Anda
Langkah dasar membuat otomatisasi data:
- Buka Google Sheets di browser Anda.
- Klik menu Extensions (Ekstensi) > Apps Script.
- Tulis fungsi backend untuk mengolah data form mahasiswa.
Contoh Kode: Web App Form Input Kustom Apps Script
Berikut adalah kode lengkap Apps Script untuk menerima input dari website kustom dan menyimpannya langsung ke Google Sheets secara otomatis:
function doPost(e) {
try {
var sheet = SpreadsheetApp.getActiveSpreadsheet().getActiveSheet();
var data = e.parameter;
// Menambahkan baris baru berisi Tanggal, Nama, NIM, dan Pesan
sheet.appendRow([new Date(), data.nama, data.nim, data.pesan]);
return ContentService
.createTextOutput(JSON.stringify({ "result": "success", "message": "Data berhasil disimpan!" }))
.setMimeType(ContentService.MimeType.JSON);
} catch (err) {
return ContentService
.createTextOutput(JSON.stringify({ "result": "error", "message": err.toString() }))
.setMimeType(ContentService.MimeType.JSON);
}
}
Studi Kasus: Membuat Form Input Kustom & Automasi Data Mahasiswa
Setelah mendeploy skrip di atas sebagai Web App di Google Apps Script (set ketersediaan ke Anyone), Anda bisa menempelkan form HTML berikut pada Blogger atau website Anda:
<!-- Form Input Mahasiswa -->
<form action="URL_WEB_APP_APPS_SCRIPT_ANDA" method="POST">
<label>Nama Lengkap:</label><br>
<input type="text" name="nama" required><br><br>
<label>NIM:</label><br>
<input type="text" name="nim" required><br><br>
<label>Pesan / Catatan:</label><br>
<textarea name="pesan" required></textarea><br><br>
<button type="submit">Kirim Data</button>
</form>
Tips SEO & Optimasi Website Mahasiswa Agar Tampil di Google
- Gunakan Kata Kunci yang Relevan: Masukkan nama lengkap, jurusan, dan keahlian Anda pada judul artikel dan tag header.
- Daftarkan ke Google Search Console: Kirimkan URL sitemap website Anda agar mesin pencari Google memproses indeksasi lebih cepat.
- Kompresi Gambar: Gunakan format modern seperti WebP agar halaman web dapat diakses dengan cepat bahkan melalui HP.
Checklist Kesiapan Website Portofolio Mahasiswa
Profil diri & Foto profesional telah dipasang.
Daftar riwayat hidup (CV/Resume) terbaru tersedia untuk diunduh.
Minimal 3 proyek akademik atau sertifikat dilampirkan.
Form kontak / link LinkedIn aktif dan berfungsi.
Tampilan website responsif di layar Smartphone.
Pertanyaan Sering Diajukan (FAQ)
Q: Apakah benar-benar gratis tanpa biaya tersembunyi?
A: Ya, platform seperti Google Sites, Blogger, dan GitHub Pages menyediakan layanan hosting dan subdomain gratis selamanya.
Q: Apakah bisa membuat website dari HP?
A: Bisa. Platform seperti Blogger dan Google Sites dapat diakses dan diedit langsung melalui browser di smartphone Anda.
Q: Apa itu Google Apps Script?
A: Google Apps Script adalah platform koding berbasis JavaScript untuk mengotomatisasi produk Google seperti Sheets, Docs, dan Drive.
Q: Bisakah Google Apps Script dijadikan backend website?
A: Bisa. Anda dapat menyebarkannya (deploy) sebagai Web App untuk menerima atau mengirim data JSON ke website Anda.
Q: Platform mana yang paling cocok untuk portofolio pemula?
A: Google Sites adalah yang paling simpel dan cepat untuk pemula tanpa koding sama sekali.
Q: Apakah GitHub Pages cocok untuk mahasiswa non-IT?
A: Mahasiswa non-IT bisa menggunakannya dengan template HTML gratis, namun Google Sites jauh lebih direkomendasikan.
Q: Bagaimana cara memasukkan form pendaftaran ke website?
A: Anda bisa menginstal Google Forms secara langsung (embed) atau membuat form kustom yang terhubung via Google Apps Script.
Q: Apakah website gratis ini bisa muncul di pencarian Google?
A: Bisa. Anda tinggal mendaftarkan URL website Anda ke Google Search Console agar terindeks.
Q: Berapa lama waktu yang dibutuhkan untuk membuat website portofolio?
A: Dengan Google Sites atau Canva, Anda bisa menyelesaikan website sederhana dalam waktu 10-15 menit.
Q: Apakah domain gratisan aman untuk portofolio lamaran kerja?
A: Sangat aman dan tetap terlihat profesional selama konten dan susunan portofolio Anda rapi dan informatif.
Kesimpulan
Membuat website gratis dan menguasai Google Apps Script adalah kombinasi keterampilan digital yang sangat berharga bagi mahasiswa di era modern 2026. Dengan platform seperti Google Sites, Blogger, dan GitHub Pages, Anda tidak perlu mengeluarkan uang untuk memiliki portofolio profesional. Integrasi otomatisasi Google Sheets akan memberikan nilai tambah luar biasa untuk karir dan tugas akademik Anda. Launching website pertama Anda hari ini!
Bagikan artikel ini jika bermanfaat!