Cách tạo đường dẫn URL thân thiện với SEO – Sinh viên Lập trình web không nên bỏ qua

4:43 25/04/2024

Trong SEO, một đường dẫn URL tốt sẽ giúp cho google index tốt trang web của bạn. Nó được gọi là URL thân thiện – URL Friendly = URL tĩnh và chứa từ khóa.

Là sinh viên chuyên ngành Lập trình web, hẳn các bạn không thể không biết kỹ thuật “hô biến” một đường dẫn khó hiểu: “” thành một đường dẫn ngắn gọn dễ hiểu: “”. Đây là cách tạo một đường dẫn URL thân thiện với SEO. Trong ngôn ngữ lập trình PHP dành cho sinh viên khối ngành lập trình web, các bạn có nhiều cách để thực hiện được điều này.

Bạn sử dụng code thuần để lập trình nên trang web hay bạn sử dụng framework để xây dựng nên trang web bạn điều có thể thực hiện được một cách dễ dàng. Ngay cả khi các bạn xây dựng một website từ wordpress thì việc tối ưu hóa một URL thân thiện SEO là điều cực kỳ dễ dàng. Thông qua trang quản trị, bạn không cần biết code một dòng nào bạn vẫn thực hiện được điều này!

Không chỉ dành riêng cho các bạn sinh viên lập trình web, các bạn học sinh viên chuyên ngành Digital Marketing đang xây dựng website thương mại điện tử bằng WordPress cũng nên quan tâm bước thực hiện nay.

  1. Xây dựng website với mã nguồn mở WordPress

Sau khi bạn đã xây dựng thành công một website từ wordpress, việc tạo một URL thân thiện trở nên quá dễ dàng. Chỉ 1 vài cú click chuột và “Lưu” là xong!

  • Bạn vào menu “Cài đặt”
  • Bạn chọn menu “Đường dẫn tĩnh”
  • Và chọn option như gợi ý

Quy trình lập trình URL

  1. Xác định thư mục web của mình tên gì? 

Ví dụ, bạn đang có một thư mục web trên máy tính cá nhân như sau: http://localhost/pichainstore/ thì thư mục website sẽ là: $baseURL = “/pichainstore”; (đây là biến bạn cần khai báo ngay những dòng code đầu tiên trong file index.php)

Nếu như bạn có một chiếc host và upload source code lên đó, thư mục web của bạn là thư mục gốc. Nghĩa là không cần xác định thư mục web. Khi đó $baseURL = “”;

  1. Cài đặt chức năng rewriteURL

Nếu website đã upload lên hosting thì đa số các Hosting đều đã cài đặt chế độ này. Nếu web gặp vấn đề khi chạy lần đầu tiên trên host, thì liên lạc với quản trị hosting đễ được hướng dẫn!

Ở localhost, các bạn dễ dàng thực hiện thành công điều này, theo các bước sau:

  • Chọn httpd.conf 

  • Tìm đến mode_rewrite và xóa dấu # đầu dòng, sau đó lưu lại

  1. Tạo file .htaccess (file không có tên chỉ có phần đuôi file) 

Tại thư mục gốc của website tạo file .htaccess với nội dung như sau

Trong đó: 

Dòng số 5 (có ký hiệu # đầu dòng) là dòng comment chú thích trường hợp áp dụng để tạo href cho thể a

  • RewriteBase /pichainstore/ => khai báo thư mục web hiện tại
  • RewriteRule ^([^/]+)/?$ index.php?pg=$1 [QSA,L]
  • ^([^/]+) => đây là pattern cho một đối số là chuỗi
  • (\d+) => đây là pattern cho một đối số là số nguyên
  • /?$ => cú pháp bắt buộc
  • $1 => là biến tương ứng với pattern “^([^/]+)”
  • $2 => là biến tương ứng với pattern “(\d+)”
  • [QSL] (Query String Append) => bảo toàn chuỗi truy vấn
  • [L] (Last Rule) => đây là quy tắc cuối, không quan tâm đến các quy tắc sau
  1. Tạo giá trị href của thẻ a

Bây giờ, các bạn có thể tạo liên kết chuyển trang một cách chuyên nghiệp.

  • Trang không có tham số
    • Chuyển về trang giới thiệu: href=”<?=$baseURL$?>/gioithieu”
  • Trang có tham số
    • Chuyển về trang giới thiệu: href=”<?=$baseURL$?>/catalog/<?=$id?>”
    • Chuyển về trang giới thiệu: href=”<?=$baseURL$?>/detail/<?=$id?>”

Cách chuẩn hóa URL thân thiện chuẩn SEO

Bạn đang học lập trình PHP hướng đối tượng, bạn muốn nâng cấp code cho xứng tầm và đồng nhất. Bạn hoàn toàn có thể chuẩn hóa URL thân thiện chuẩn SEO không cần tạo các quy luật chuyển đổi URL trong file .htaccess nữa. Công việc của bạn bây giờ là viết một class router với nội dung sau:

class Route {

    private static $routes = [];

    public static function showroutes(){

        return self::$routes;

    }

    public static function add($uri, $controller) {

        $uri=”#^”.$uri.”$#”;

        self::$routes[] = [‘uri’ => $uri, ‘controller’ => $controller];

    }

    public static function dispatch($uri) {

        foreach (self::$routes as $route) {

            if (preg_match($route[‘uri’], $uri,$matches)) {

                if(count($matches)>0){

                    list($controller, $method) = explode(‘@’, $route[‘controller’]);

                    $controllerClass = ‘App\Controllers\\’ . $controller;

                    $controllerInstance = new $controllerClass();

                    $controllerInstance->$method();

                    return;

                }

            }

        }

        echo ‘404 Not Found’;

    }

}

Sau đó, tại những dòng code đầu của trang index, bạn có thể tạo các định tuyến:

Route::add(‘/’, ‘HomeController@index’);

Route::add(‘/index’, ‘HomeController@index’);

Route::add(‘/product/list’, ‘ProductController@productList’);

Route::add(‘/product/detail/(\d+)’, ‘ProductController@productdetail’);

Cho dù bạn không biết code là gì, hay là dân mới làm quen với lập trình, hay là người đã chút kinh nghiệm thì việc tạo một liên kết URL thân thiện SEO dễ nhớ là việc cần lưu tâm và cần thực hiện được. Điều đó thể hiện sự chuyên nghiệp cho website, nâng cao sự cạnh tranh để có thứ hạng cao trên công cụ tìm kiếm.

Chúc các bạn thực hiện thành công!

Giảng viên Trần Bá Hộ
Bộ môn CNTT
FPT Polytechnic TP HCM

Cùng chuyên mục

Đăng Kí học Fpoly 2024

  • Max. file size: 512 MB.
  • Max. file size: 512 MB.
  • Max. file size: 512 MB.