Mengenal SEO-Friendly URL di Aplikasi Web yang Dihasilkan oleh PHPMaker 2021

Seperti yang kita ketahui, sejak versi 2021, PHPMaker mulai memperkenalkan URL yang ramah terhadap optimisasi mesin pencarian, atau lebih dikenal dengan singkatan SEO (Search Engine Optimization) Friendly. Ini salah satu fitur andalan PHPMaker 2021 yang powerful sekaligus fleksibel.

Powerful karena URL Aplikasi Web yang dihasilkan oleh PHPMaker 2021 sekarang bisa menyamai URL Aplikasi Web yang dihasilkan dengan PHP Framework seperti Laravel, Symphony, Yii, CodeIgniter, dan sebagainya. Fleksibel, karena URL tersebut bisa diakses dengan alamat alternatif yang lebih SEO Friendly dan lebih mudah dibaca lagi.

Perhatikanlah URL dari beberapa halaman berikut milik table models pada demo project PHPMaker 2021 (URL default):
– Halaman List: modelslist
– Halaman Add: modelsadd
– Halaman Copy: modelsadd/1 (misalnya untuk menyalin data Model dengan ID = 1)
– Halaman Edit: modelsedit/1 (misalnya untuk mengubah data Model dengan ID = 1)
– Halaman View: modelsview/1 (misalnya untuk menampilkan data Model dengan ID = 1)
– Halaman Search: modelssearch

Semuanya tanpa akhiran ekstensi .php. Aplikasi Web yang dihasilkan oleh PHPMaker 2021 kelihatan menjadi semakin lebih profesional dibandingkan dengan yang dihasilkan oleh PHPMaker versi-versi sebelumnya. Ini jugalah salah satu alasan, mengapa sebaiknya kita disarankan untuk selalu menggunakan versi yang terakhir.

Tapi, tahukah Anda bahwa sebenarnya PHPMaker 2021 diam-diam sudah menyediakan URL alternatif seperti yang baru saja kita bahas tadi? Alternatif URL yang saya maksud adalah URL yang lebih mudah dibaca dan terlihat lebih terstruktur?

Artinya, keenam halaman di atas tadi, bisa juga diakses dengan URL alternatif sebagai berikut:
– Halaman List: models/list
– Halaman Add: models/add
– Halaman Copy: models/add/1 (misalnya untuk menyalin data Model dengan ID = 1)
– Halaman Edit: models/edit/1 (misalnya untuk mengubah data Model dengan ID = 1)
– Halaman View: models/view/1 (misalnya untuk menampilkan data Model dengan ID = 1)
– Halaman Search: models/search

See? Sudah tahu bedanya dimana? Yes! URL alternatif ini lebih mudah dibaca, karena memisahkan antara nama table dan jenis halamannya. Kalau disuruh memilih, tentu kita akan memilih URL alternatif tersebut.

Betapa canggih sekaligus fleksibel, bukan? PHPMaker 2021 ternyata sudah menangani hal ini. Satu lagi rahasia fitur URL yang SEO-Friendly mulai terkuak. Semakin membuktikan bahwa Aplikasi Web yang dihasilkan oleh PHPMaker 2021 menjadi lebih profesional lagi, karena lebih mudah dibaca dari URL-nya.

Tidak berhenti di situ saja. Masih ada kejutan lain menanti, hehehe… 😉

Sekalipun link yang digunakan oleh Aplikasi Web adalah URL default yang di atas atau yang kita bahas pertama tadi, kita masih bisa mengganti URL tersebut pada menu atau tombol yang akan membuka ke halaman yang bertalian.

Contoh, kita ingin mengganti URL default modelslist yang terdapat di item menu pada Sidebar, menjadi models/list, maka cukup tambahkan kode ini ke dalam server event MenuItem_Adding sebelum atau di atas baris return true:

    	if ($item->Url == "modelslist")
    	    	$item->Url = "models/list";

Sedangkan untuk mengganti link yang terdapat di setiap baris (row) pada table di halaman List, kita cukup menambahkan kode berikut ke dalam server event Row_Rendered:

if (CurrentPageID() == "list") {
	$urlCopy = $this->keyUrl("models/add", $this->getUrlParm());
	$this->CopyUrl = $urlCopy;
	$urlEdit = $this->keyUrl("models/edit", $this->getUrlParm());
	$this->EditUrl = $urlEdit;
	$urlDelete = $this->keyUrl("models/delete", $this->getUrlParm());
	$this->DeleteUrl = $urlDelete;
	$urlView = $this->keyUrl("models/view", $this->getUrlParm());
	$this->ViewUrl = $urlView;
}

Jika ingin mengganti link atau URL milik tombol Add, Delete (multiple delete records), dan Advanced Search di halaman List, maka cukup tambahkan kode berikut ke dalam server event Page_Render milik halaman List:

       	// ubah URL halaman Add
    	$urlAdd = "models/add";
       	$this->AddUrl = $urlAdd;

    	// ubah URL halaman Delete
    	$options = &$this->OtherOptions;
    	$option = $options["addedit"];
    	$item = &$option->add("multidelete");
    	$this->MultiDeleteUrl = "models/delete";
    	$item->Body = "<a class=\"ew-action ew-multi-delete\" title=\"" . HtmlTitle(Language()->phrase("DeleteSelectedLink")) . "\" data-caption=\"" . HtmlTitle(Language()->phrase("DeleteSelectedLink")) . "\" href=\"#\" onclick=\"return ew.submitAction(event, {f:document.fmodelslist, url:'" . GetUrl($this->MultiDeleteUrl) . "', data:{action:'show'}});return false;\">" . Language()->phrase("DeleteSelectedLink") . "</a>";
    	$this->setupOtherOptions(); // <--- jangan lupa kode yang ini wajib ada supaya URL nya menyesuaikan

    	// ubah URL halaman Advanced Search
    	$item = &$this->SearchOptions->add("advancedsearch");
    	$item->Body = "<a class=\"btn btn-default ew-advanced-search\" title=\"" . Language()->phrase("AdvancedSearch") . "\" data-caption=\"" . Language()->phrase("AdvancedSearch") . "\" href=\"search\">" . Language()->phrase("AdvancedSearchBtn") . "</a>";

Sedangkan jika ingin mengubah URL atau link milik beberapa tombol di halaman View, kita cukup menambahkan kode berikut ke dalam server event Page_Render milik halaman View:

    	$urlAdd = "models/add";
    	$this->AddUrl = $urlAdd;
    	$urlCopy = $this->keyUrl("models/add", $this->getUrlParm());
    	$this->CopyUrl = $urlCopy;
    	$urlEdit = $this->keyUrl("models/edit", $this->getUrlParm());
    	$this->EditUrl = $urlEdit;
    	$urlDelete = $this->keyUrl("models/delete", $this->getUrlParm());
    	$this->DeleteUrl = $urlDelete;
    	$urlView = $this->keyUrl("models/view", $this->getUrlParm());
    	$this->ViewUrl = $urlView;
    	$this->setupOtherOptions(); // <--- jangan lupa kode yang ini wajib ada supaya URL nya menyesuaikan
    	// khusus penanganan breadcrumb di halaman View
    	global $Breadcrumb, $Language;
    	$Breadcrumb = new Breadcrumb("home");
    	$url = CurrentUrl();
    	$Breadcrumb->add("list", $this->TableVar, $this->addMasterUrl("models/list"), "", $this->TableVar, true);
    	$pageId = "view";
    	$Breadcrumb->add("view", $pageId, $url);

Selanjutnya kita perlu menyesuaikan link breadcrumb yang terdapat di halaman Add. Tambahkan kode ini ke server event Page_Render milik halaman Add:

    	// khusus penanganan breadcrumb di halaman Add
    	global $Breadcrumb, $Language;
    	$Breadcrumb = new Breadcrumb("home");
    	$url = CurrentUrl();
    	$Breadcrumb->add("list", $this->TableVar, $this->addMasterUrl("models/list"), "", $this->TableVar, true);
    	$pageId = "add";
    	$Breadcrumb->add("add", $pageId, $url);

Selanjutnya kita perlu menyesuaikan link breadcrumb yang terdapat di halaman Edit. Tambahkan kode ini ke server event Page_Render milik halaman Edit:

    	// khusus penanganan breadcrumb di halaman Edit
    	global $Breadcrumb, $Language;
    	$Breadcrumb = new Breadcrumb("home");
    	$url = CurrentUrl();
    	$Breadcrumb->add("list", $this->TableVar, $this->addMasterUrl("models/list"), "", $this->TableVar, true);
    	$pageId = "edit";
    	$Breadcrumb->add("edit", $pageId, $url);

Selanjutnya kita perlu menyesuaikan link breadcrumb yang terdapat di halaman Delete. Tambahkan kode ini ke server event Page_Render milik halaman Delete:

    	// khusus penanganan breadcrumb di halaman Delete
    	global $Breadcrumb, $Language;
    	$Breadcrumb = new Breadcrumb("home");
    	$url = CurrentUrl();
    	$Breadcrumb->add("list", $this->TableVar, $this->addMasterUrl("models/list"), "", $this->TableVar, true);
    	$pageId = "delete";
    	$Breadcrumb->add("delete", $pageId, $url);

Selanjutnya kita perlu menyesuaikan link breadcrumb yang terdapat di halaman Search. Tambahkan kode ini ke server event Page_Render milik halaman Search:

    	// khusus penanganan breadcrumb di halaman Search
    	global $Breadcrumb, $Language;
    	$Breadcrumb = new Breadcrumb("home");
    	$url = CurrentUrl();
    	$Breadcrumb->add("list", $this->TableVar, $this->addMasterUrl("models/list"), "", $this->TableVar, true);
    	$pageId = "search";
    	$Breadcrumb->add("search", $pageId, $url);

Pastikan untuk men-generate ulang semua file script seperti biasa menggunakan PHPMaker 2021. Setelah itu, cobalah akses kembali Aplikasi Web via browser, lalu buka halaman List table models, maka URL akan berubah menjadi lebih SEO Friendly lagi, termasuk link milik beberapa tombol yang ada di sana.

Demikian pula saat membuka halaman View, Anda akan melihat link milik beberapa tombol yang ada di sana menjadi semakin lebih SEO Friendly lagi. Wow, keren kan? 😀

Betapa mudah dan cepatnya. Sudah powerful, eh fleksibel juga. 😉