NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
05/07/2023
Lượt xem

Hướng dẫn tạo trang đăng nhập cho WordPress đơn giản

05/07/2023
15 phút đọc
Lượt xem

Đánh giá

5/5 - (65 bình chọn)

WordPress sẽ cung cấp một trang đăng nhập mặc định cho trang web của bạn với đường dẫn là /wp-login.php. Tuy nhiên, bạn vẫn có thể dùng một trang đăng nhập riêng với đường dẫn dễ nhớ hơn nếu muốn. Cùng Vietnix tham khảo ngay cách tạo trang đăng nhập cho WordPress được chia sẻ qua bài viết dưới đây.

Cách code trang đăng nhập thủ công

Chúng ta sẽ lần lượt tìm hiểu qua cách code trang đăng nhập thủ công và cách cách tạo trang đăng nhập cho WordPress nhanh chóng với các plugin. Dưới đây là 5 bước code tạo trang đăng nhập cho WordPress thủ công mà bạn có thể tham khảo:

Tạo trang đăng nhập cho WordPress

tạo trang đăng nhập cho WordPress
Tạo trang đăng nhập cho WordPress

Bài viết này chủ yếu sẽ sử dụng tính năng Custom Page Template. Vì thế, bạn cần phải có sẵn một page mà mình tự tạo ra với tên và đường dẫn bất kỳ, miễn là nó phù hợp với bạn. Hãy để trống nội dung rồi bấm vào nút Publish và để đó, chúng ta sẽ quay lại trang này sau. 

Tạo một page template riêng cho trang đăng nhập

Bây giờ, việc bạn cần làm là vào thư mục theme mình đang dùng, sau đó tạo một file có tên là login-page.php với các dòng lệnh sau:

<?php
/*
 Template Name: Login Page
 */

Sau đó, bạn lưu lại rồi vào lại trang đăng nhập đã tạo được ở bước 1, sau đó chọn template cho nó là Login Page.

Xử lý code cho trang đăng nhập

Một cách để gọi form đăng nhập trong WordPress là sử dụng hàm wp_login_form() có sẵn. Do đó, sau khi hoàn thành 2 bước trên, bạn sẽ viết hàm này vào file page-login.php:

wp_login_form();

Lúc này, ta sẽ tạm có form đăng nhập của WordPress. Sau đó, bạn có thể viết thêm các hàm get_header()get_footer() vào để phù hợp với theme website đang dùng.

Lưu ý: Trong bài viết này, Vietnix sẽ không hướng dẫn theo cách sử dụng CSS của theme. Vì vậy, bạn cần xóa đi hàm get_header() và get_footer() nếu muốn tiếp tục thực hiện các bước hướng dẫn tiếp theo của bài viết.

Sau đó, bạn có thể tùy biến một vài thành phần của hàm wp_login_form(). Hãy viết thêm đoạn code dưới đây ở bên trên hàm wp_login_form():

$args = array(

‘redirect’ => site_url( $_SERVER[‘REQUEST_URI’] ),

‘form_id’ => ‘dangnhap’, //Để dành viết CSS

‘label_username’ => __( ‘Tên tài khoản’ ),

‘label_password’ => __( ‘Mật khẩu’ ),

‘label_remember’ => __( ‘Ghi nhớ’ ),

‘label_log_in’ => __( ‘Đăng nhập’ ),

);

Tiếp theo, bạn cần thay thế wp_login_form() bằng wp_login_form($args). Sau đó, bạn sẽ có trang đăng nhập với các mục như Username, Password, Remember Me, Login được đổi sang tiếng Việt là: Tên tài khoản, Mật khẩu, Ghi nhớ, Đăng nhập.

Nếu như vẫn thấy hơi trống, bạn có thể thêm một trang giới thiệu ở bên cạnh. Để làm được điều này, hãy thay toàn bộ nội dung của file page-login.php thành:  

<?php

/*

 Template Name: Login Page

 */

?>

<div class="login-area">

<div class="note">

 <h3>Đăng nhập</h3>

 <p>Hãy sử dụng tài khoản của bạn để đăng nhập vào website. Nếu chưa có tài khoản, <a href="<?php bloginfo(‘url’); ?>/wp-login.php?action=register">đăng ký tại đây</a>.</p>

</div>

<div class="form">

 <?php

 $args = array(

  ‘redirect’       => site_url( $_SERVER[‘REQUEST_URI’] ),

  ‘form_id’        => ‘dangnhap’, //Để dành viết CSS

  ‘label_username’ => __( ‘Tên tài khoản’ ),

  ‘label_password’ => __( ‘Mật khẩu’ ),

  ‘label_remember’ => __( ‘Ghi nhớ’ ),

  ‘label_log_in’   => __( ‘Đăng nhập’ ),

 );

 wp_login_form($args);

 ?>

</div>

</div>

Tiếp theo, hãy thêm đoạn code sau vào trên <div class=”login-area”>:

<style>

 body {

 background: #2E8D41;

 font-family: Arial, sans-serif;

 font-size: 14px;

 line-height: 1.5em;

 }

 .login-area {

 background: #FFF;

 margin: 100px auto;

 width: 960px;

 padding: 1em;

 overflow: hidden;

 }

 .note {

 float: left;

 margin-right: 20px;

 }

 .form {

 float: right;

 width: 250px;

 text-align: center;

 }

 label {

 display: block;

 }

 input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {

 border: 1px solid #DDD;

 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);

 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);

 background-color: #FFF;

 color: #333;

 -webkit-transition: .05s border-color ease-in-out;

 transition: .05s border-color ease-in-out;

 padding: 5px 10px;

 }

 input[type=submit] {

  background: #51a818;

  background-image: -webkit-linear-gradient(top, #51a818, #3d8010);

  background-image: -moz-linear-gradient(top, #51a818, #3d8010);

  background-image: -ms-linear-gradient(top, #51a818, #3d8010);

  background-image: -o-linear-gradient(top, #51a818, #3d8010);

  background-image: linear-gradient(to bottom, #51a818, #3d8010);

  -webkit-border-radius: 10px;

  -moz-border-radius: 10px;

  border-radius: 10px;

  font-family: Arial;

  color: #ffffff;

  padding: 10px 20px 10px 20px;

  border: solid #32a840 2px;

  text-decoration: none;

 }

</style>

Lưu ý: Bên trên chỉ là một gợi ý, bạn có thể tùy chỉnh dựa trên sở thích và ý muốn của mình. 

Xác thực tính năng đăng nhập

Sau khi tạo được form đăng nhập đơn giản, bạn đã có thể đăng nhập thành công nhưng sẽ gặp tình trạng ở lại trang đăng nhập mà không được chuyển tới các giao diện khác trên WordPress. Để khắc phục điều này, bạn cần đặt đoạn code sau vào file functions.php.

/* Tự động chuyển đến một trang khác sau khi login */

function my_login_redirect( $redirect_to, $request, $user ) {

//is there a user to check?

global $user;

if ( isset( $user->roles ) && is_array( $user->roles ) ) {

 //check for admins

 if ( in_array( ‘administrator’, $user->roles ) ) {

 // redirect them to the default place

 return admin_url();

 } else {

 return home_url();

 }

} else {

 return $redirect_to;

}

}

add_filter( ‘login_redirect’, ‘my_login_redirect’, 10, 3 );

Sau khi nhập đoạn code trên, nếu bạn là admin và đã đăng nhập thành công thì sẽ được điều hướng đến trang quản trị admin_url(). Còn nếu bạn chỉ là thành viên bình thường thì nó sẽ trỏ đến home_url().

Bên cạnh đó, bạn cần phải cho vào file functions.php trong theme trong đoạn code sau để cấu hình lại file /wp-login.php:

function redirect_login_page() {

    $login_page  = home_url( ‘/dang-nhap/’ );

    $page_viewed = basename($_SERVER[‘REQUEST_URI’]);  

   if( $page_viewed == "wp-login.php" && $_SERVER[‘REQUEST_METHOD’] == ‘GET’) {

        wp_redirect($login_page);

        exit;

    }

}

add_action(‘init’,’redirect_login_page’);

Lưu ý: Cần đổi phần /dang-nhap/ thành đường dẫn đến trang đăng nhập WordPress của bạn.

Xử lý các trường hợp lỗi đăng nhập

Sau khi hoàn tất các bước trên, vẫn còn một vấn đề bạn cần giải quyết. Đó là nếu thông tin đăng nhập sai, bạn sẽ bị đưa về file wp-login.php cùng với thông báo lỗi.

Để khắc phục, bạn cần đưa đoạn code dưới đây vào file functions.php để thông báo lỗi được hiển thị ngay trên trang đăng nhập:

/* Kiểm tra lỗi đăng nhập */

function login_failed() {

    $login_page  = home_url( ‘/dang-nhap/’ );

    wp_redirect( $login_page . ‘?login=failed’ );

    exit;

}

add_action( ‘wp_login_failed’, ‘login_failed’ );  

function verify_username_password( $user, $username, $password ) {

    $login_page  = home_url( ‘/dang-nhap/’ );

    if( $username == "" || $password == "" ) {

        wp_redirect( $login_page . "?login=empty" );

        exit;

    }

}

add_filter( ‘authenticate’, ‘verify_username_password’, 1, 3);

Tuy nhiên với code này thì thông báo lỗi vẫn chưa được hiển thị cho người dùng biết. Vì vậy, bạn cần thêm một đoạn code sau vào file page-login.php ở dưới <div class="form">.

<?php

 $login  = (isset($_GET[‘login’]) ) ? $_GET[‘login’] : 0;

 if ( $login === "failed" ) {

  echo ‘<p><strong>ERROR:</strong> Sai username hoặc mật khẩu.</p>’;

 } elseif ( $login === "empty" ) {

  echo ‘<p><strong>ERROR:</strong> Username và mật khẩu không thể bỏ trống.</p>’;

 } elseif ( $login === "false" ) {

  echo ‘<p><strong>ERROR:</strong> Bạn đã thoát ra.</p>’;

 }

 ?>

Như vậy, bạn đã hoàn tất xong quá trình tự code trang đăng nhập cho WordPress. Ngoài những hướng dẫn trên thì bạn có thể thêm vào bất cứ tùy biến nào mà mình muốn để giúp trang hoàn thiện hơn theo nhu cầu sử dụng.

Gợi ý 5 plugin tạo trang đăng nhập cho WordPress nhanh chóng 

Bên cạnh các bước tạo trang đăng nhập cho WordPress thủ công, bạn cũng có thể sử dụng một trong số 5 plugin được gợi ý dưới để tiết kiệm thời gian và công sức. Cần lưu ý rằng, những plugin này đều được tích hợp sẵn các trang đăng nhập để làm trang đăng ký – đăng nhập cho thành viên. Trong đó, một số có thể thu phí, nhưng những tính năng chúng cung cấp sẽ khiến bạn bất ngờ đấy.

Membership & Content Restriction

Membership & Content Restriction là một plugin mang đến những giải pháp toàn diện cho người dùng WordPress. Membership & Content Restriction không chỉ giúp giới hạn nội dung mà còn mang đến các gói cước tính phí thành viên theo chu kỳ. Thông qua đó, bạn có thể tạo ra nhiều cấp độ thành viên và mỗi cấp lại được phân vào một vùng khác nhau của website. 

Bên cạnh đó, Membership & Content Restriction còn tích hợp với WooCommerce. Tính năng này cho phép bạn ẩn đi một số sản phẩm nhất định nếu không phải thành viên. Đặc biệt, plugin này sẽ cho phép bạn chọn phần mà mình muốn khách truy cập thấy, phần nào thành viên thấy thông qua widget của WordPress editor.

Tính năng chính của Membership & Content Restriction sẽ là:

  • Thiết lập các gói cước thuê bao và cài đặt riêng biệt riêng cho từng gói cước.
  • Giới hạn nội dung mà thành viên được thấy.
  • Tạo cổng thanh toán thành viên và cho phép dùng thử miễn phí trong giới hạn nhất định.
  • Tích hợp với WooCommerce, khách truy cập sẽ không thể nhìn thấy được những sản phẩm dành riêng cho thành viên.

Giá: Miễn phí. Ngoài ra, bạn cũng có thể sử dụng bản cao cấp có hỗ trợ thêm add-on.

WP-Members

WP-Members là công cụ hữu ích cho phép bạn có thể ẩn đi những phần trong website mà bạn chỉ muốn cho các thành viên xem. Đồng thời, plugin này còn hỗ trợ các công cụ để bạn có thể tạo form đăng ký thành viên ở bất cứ đâu bạn muốn trên WordPress.

Bên cạnh đó, WP-Members còn hỗ trợ bạn giới hạn bài viết, trang cùng với custom post type. Trong đó, bạn đừng quên thử qua tính năng tạo teaser (tức là xem thử một phần) đối với nội dung giới hạn cho thành viên. Thông qua đó, bạn có thể gây sự hứng thú, tò mò và thúc đẩy việc đăng ký thành viên của khách truy cập.

Tuy nhiên, WP-Members cũng tồn tại điểm bất lợi nhất định là phiên bản miễn phí của plugin này sẽ không hỗ trợ bạn quản lý và xử lý quy trình đăng ký của khách truy cập. Để thêm tính năng này, bạn chỉ có thể thêm qua add-on.

Tính năng chính của WP-Members là:

  • Ẩn bài viết, trang hay custom post type đối với khách truy cập không phải thành viên.
  • Cho phép thiết kế và tạo form đăng ký thành viên tại bất cứ phần nào của website
  • Thúc đẩy thành viên đăng ký qua tính năng tạo teaser, tức là hiển thị một phần của nội dung đã ẩn. 

Giá: Miễn phí. Tuy nhiên, bạn cần mua add-on trong cửa hàng dành cho lập trình viên. 

Ultimate Member

Tạo trang đăng nhập cho WordPress bằng Ultimate Member
Tạo trang đăng nhập cho WordPress bằng Ultimate Member

Gợi ý tiếp theo mà Vietnix muốn gửi đến bạn chính là Ultimate Member. Nếu như 2 plugin trước đó chỉ chủ yếu tập trung vào việc tạo form đăng ký thành viên và tạo gói cước trong WordPress, thì Ultimate Member sẽ nổi bật hơn với tính năng quản lý trang cá nhân.

Cụ thể, tính năng này cho phép thành viên có thể tùy chỉnh trang cá nhân dễ dàng nhằm gia tăng tương tác và lôi kéo họ quay lại vào lần sau. Bởi vì khi bỏ thời gian để chỉnh sửa trang cá nhân thì nghĩa là thành viên đó đang quan tâm và có ý định tiếp tục quay trở lại trang web của bạn. Ngoài ra, Ultimate Member cũng giúp bạn có thể tạo form đăng ký thành viên và giới hạn từng phần của website. 

Tính năng chính của Ultimate Member là:

  • Giới hạn nội dung, chỉ cho thành viên xem nội dung.
  • Tạo form đăng ký thành viên ở mọi nơi trên website.
  • Thiết lập gán quyền cho thành viên mới.

Giá: Miễn phí. Nhưng nếu muốn sử dụng phần mở rộng, bạn cần phải bỏ ra một khoản phí nhất định.

Simple Membership

Tương tự Membership & Content Restriction, Simple Membership cũng giúp bạn tạo nên các gói cước cho thành viên và thanh toán được xử lý qua PayPal. Mỗi gói cước khác nhau sẽ cho phép người dùng được truy cập vào những nội dung nhất định khác nhau. Và bạn được quyền thiết lập điều này thông qua Simple Membership.

Bên cạnh đó, không thể không nhắc đến tính năng hỗ trợ thanh toán một lần của Simple Membership. Đây là một tính năng hữu ích và cực kỳ phù hợp với những ai không muốn website vận hành theo dạng dịch vụ. Đồng thời, Simple Membership còn hỗ trợ bạn ghi lại nhật ký thanh toán và lưu trữ thông tin.

Tính năng chính của Simple Membership là:

  • Cho phép bạn tạo nên các cấp độ thành viên khác nhau trang web của mình.
  • Cho phép kích hoạt chế độ đăng ký thành viên miễn phí, theo thuê bao hoặc thanh toán một lần.
  • Tùy theo cấp độ thành viên mà nội dung họ có nhìn thấy cũng có sự khác nhau với giới hạn riêng biệt. 
  • Cho phép ẩn thư viện và file đính kèm và chỉ hiển thị với những ai là thành viên.

Giá: Miễn phí 100%, nhưng bạn cũng có thể tham khảo các addon cao cấp yêu cầu trả phí riêng.

Members

Members là plugin tạo form đăng ký thành viên trên WordPress mà bạn không thể bỏ qua. Plugin này cung cấp đầy đủ các tính năng quản lý thành viên, chặn hay giới hạn nội dung. Đặc biệt, bạn còn có thể thêm quyền cho người mới và phân quyền người dùng một cách dễ dàng với Members.

Thường thì WordPress chỉ cho phép bạn gán quyền cho duy nhất một người. Chẳng hạn như Administrator là quyền hạn cao nhất, có thể làm được mọi thứ, còn người dùng thường là Subscribers với nhiều hạn chế hơn. 

Tuy nhiên, Members lại khác. Công cụ này sẽ hỗ trợ bạn tùy chỉnh thiết lập hệ thống phân quyền trên WordPress. Đồng thời, Members còn có khả năng biến website của bạn thành một website đóng, tức là người dùng chỉ có thể truy cập trang chủ khi họ đăng nhập thành công.

Tính năng chính của Members là:

  • Tạo quyền người dùng mới cho site thành viên WordPress.
  • Phân quyền và gán nhiều quyền cho người dùng website.
  • Cho phép bạn giới hạn nội dung cho mỗi loại người dùng riêng.  
  • Thiết lập website đóng chỉ cho phép truy cập khi đăng ký và đăng nhập thành công.

Giá: Miễn phí 100%.

Đối với website có tính năng đăng nhập thành viên sẽ phải liên tục nhận thêm dữ liệu từ phía người dùng. Do đó, bạn cần sở hữu hosting tốc độ cao, cấu hình ổn định cùng khả năng backup dữ liệu định kỳ để đảm bảo duy trì hoạt động liên tục cho các thành viên. Hiện tại, Vietnix đang cung cấp các gói hosting đảm bảo toàn bộ những yếu tố này để khách hàng có thể an tâm phát triển và mở rộng website.

Tùy theo nhu cầu sử dụng mà bạn có thể lựa chọn các gói Hosting Giá Rẻ, Hosting Cao Cấp, Business Hosting hay SEO Hosting. Có rất nhiều gói cấu hình với mức giá khác nhau để bạn có thể lựa chọn. Hoặc nếu còn phân vân, hãy liên hệ với đội ngũ Vietnix để được tư vấn chi tiết nhất.

Lời kết

Bên trên là cách tạo trang đăng nhập cho WordPress mà bạn có thể tham khảo. Mong rằng những thông tin trên sẽ giúp bạn tự tạo trang đăng nhập nhanh chóng theo nhu cầu sử dụng của mình. Đừng quên chia sẻ bài viết cho mọi người dùng đọc nếu bạn thấy hay và bổ ích nhé!

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Lê Nam

WordPress Expert
tại

Kết nối với mình qua

Kết nối với mình qua

Theo dõi
Thông báo của
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG

Chỉ số tăng trưởng

Điểm Desktop

100 (+39)

Điểm Mobile

100 (+67)

Core Web Vitals

Passed

Lĩnh vực

Ecommerce

Chỉ số tăng trưởng

Điểm Desktop

99 (+28)

Điểm Mobile

100 (+50)

Core Web Vitals

Passed

Lĩnh vực

SEO

Chỉ số tăng trưởng

Điểm Desktop

99 (+26)

Điểm Mobile

98 (+59)

Core Web Vitals

Passed

Lĩnh vực

Ecommerce

Chỉ số tăng trưởng

Điểm Desktop

100 (+8)

Điểm Mobile

98 (+35)

Core Web Vitals

Passed

Lĩnh vực

Giáo Dục

Chỉ số tăng trưởng

Điểm Desktop

100 (+61)

Điểm Mobile

100 (+61)

Core Web Vitals

Passed

Lĩnh vực

Giáo Dục

Võ Thiên Tòng

25 Tháng 2 lúc 21:09

·

Mình muốn gửi lời cảm ơn chân thành đến Team Vietnix, anh Hưng Nguyễn, anh Vietnix Trung, em Quốc Huy đã hỗ trợ tối ưu Page Speed Insight (PSI) cho website vanvoiminhhoa.vn của mình.
Biết đến anh Hưng đã lâu nhưng chưa có duyên sử dụng dịch vụ bên anh. Tình cờ thấy được bài Post của anh về việc hỗ trợ tối ưu PSI miễn phí chỉ với vài Slot, thấy AE cmt khá nhiều nên cũng không nghĩ tới lượt mình. Hôm sau đánh liều inbox 1 phen xem sao thì may mắn được đưa vào danh sách. Vài ngày sau được Team Vietnix liên hệ và hỗ trợ.
Kết quả đạt được:
• Điểm xanh lè xanh lét
• Tốc độ tải trang nhanh hơn hẳn
• Các chỉ số cũng được cải thiện đáng kể
• Và mình tin rằng với việc PSI được cải thiện cũng thúc đẩy những thứ khác đi lên theo!
Mình thực sự hài lòng với dịch vụ của Vietnix và muốn giới thiệu đến tất cả mọi người:
• Dịch vụ Wordpress Hosting: Tốc độ nhanh, ổn định, bảo mật cao, hỗ trợ kỹ thuật 24/7. (https://vietnix.vn/wordpress-hosting/)
• Dịch vụ Business Hosting: Dung lượng lớn, phù hợp cho website có lượng truy cập cao, tích hợp nhiều tính năng cao cấp. (https://vietnix.vn/business-hosting/)
Đặc biệt, Vietnix đang có chương trình ưu đãi:
• Giảm giá 20% trọn đời khi nhập code THIENTONG_PAGESPEED tại trang thanh toán (Chu kỳ 12 tháng trở lên)
• Tặng 1 lần tối ưu điểm Page Speed Insight cho 1 website
Cám ơn Vietnix một lần nữa!
#Vietnix #Vanvoiminhhoa #Pagespeedinsight
Trước khi tối ưu
Sau khi tối ưu
Thiện Nguyễn - CEO SEO Dạo

5 Tháng 3 lúc 16:21

·

CORE WEB VITAL YẾU TỐ XẾP HẠNG TÌM KIẾM SEO
Core Web Vitals là một tập hợp các chỉ số đo lường hiệu suất của trang web từ góc độ người dùng, được Google sử dụng để đánh giá trải nghiệm người dùng trên các trang web. Các chỉ số chính bao gồm:
– Largest contentful paint (LCP): Tốc độ render của page. Mục tiêu là dưới 2,5 giây.
– First input delay (FID): Tốc độ phản hồi của website với tương tác của người dùng. Mục tiêu là dưới 100ms.
– Cumulative Layout Shift (CLS): Độ ổn định của bố cục trang. Mục tiêu là dưới 0.1.
Tất cả các chỉ số này đo lường các khía cạnh quan trọng của trải nghiệm người dùng trên trang web. Google đã công bố rằng từ tháng 5 năm 2021, các Core Web Vitals sẽ được sử dụng làm một trong các yếu tố đánh giá trong việc xếp hạng trang web trên kết quả tìm kiếm. Do đó, hiểu và cải thiện các Core Web Vitals là rất quan trọng đối với SEO.
Tóm lại, Core Web Vitals không chỉ giúp cải thiện hiệu suất và xếp hạng trang web trên công cụ tìm kiếm, mà còn cải thiện trải nghiệm của người dùng khi họ truy cập và tương tác với trang website.
P/s: mình đang có gói hỗ trợ đặc biệt cho anh em tối ưu tốc độ bên VIETNIX:
– Giảm 20% lifetime dịch vụ Hosting Business và Hosting Wordpress chu kỳ 12 tháng trở lên.
– Tặng 1 lần tối ưu điểm Page Speed Insight cho 1 website.
Anh em có nhu cầu đăng ký qua bạn Vietnix Trung này nhé và nhập mã SEODAO_PAGESPEED để được ưu đãi nhé.😁
Trước khi tối ưu
Sau khi tối ưu SEO Dạo
Icharm review

5 Tháng 3 lúc 15:43

·

[Mình vừa được hỗ trợ tối ưu page speed website]
Trước khi được tối ưu, web của mình điểm rất thấp, đặc biệt là mobile chỉ có 39. Cơ duyên thế nào lúc lướt face lại va phải chương trình tối ưu pagespeed bên Vietnix.
Sau khi được Trần Hoàng Phúc và team Vietnix hỗ trợ nhiệt tình, điểm web vọt lên 98 99 (như hình bên dưới). Dùng thử web thì thấy quá là mượt, 10 điểm cho team Vietnix.
Nói thật thì mình thật sự ấn tượng về sự nhiệt huyết, tận tâm và rất chuyên nghiệp bên Vietnix.
Anh em có nhu cầu về hosting hay có vấn đề về website như:
1. Web load chậm
2. Khách rời web vì đợi tải nội dung, hình ảnh lâu
3. Hay tất tần tật mọi thứ về website
THÌ LIÊN HỆ NGAY VIETNIX NHÉ!
Và đừng quên dùng pass “ICHARM_PAGESPEED” để được giảm 20% trọn đời hosting business và wp hosting. Quả code này còn được tặng 1 lần tối ưu pagespeed nữa nhé, ưu đãi chắc cũng phải nhất nhì thị trường luôn.
Trước khi tối ưu
Sau khi tối ưu
Hoàng Nguyễn

29 Tháng 2 lúc 17:04

·

Xin chào mọi người! Vừa rồi mình có sử dụng dịch vụ tối ưu website, tăng tốc độ tải trang pagespeed của Vietnix kết quả trên cả tuyệt vời nên mình viết bài này để chia sẻ thông tin với các bạn.
Lý do mình chọn dịch vụ tối ưu tốc độ website của Vietnix:
✅ Đội ngũ chuyên gia giàu kinh nghiệm: Đã tối ưu thành công cho hàng nghìn website trong nhiều lĩnh vực khác nhau. Các bạn nhân viên rất thân thiện, nhiệt tình và chủ động trong quá trình làm việc để cập nhật tiến độ.
✅ Quy trình chuyên nghiệp:
– Kiểm tra và phân tích: Vietnix sử dụng các công cụ tiên tiến để kiểm tra và phân tích tốc độ website của bạn.
– Xác định nguyên nhân: Vietnix xác định nguyên nhân khiến website tải chậm và đưa ra giải pháp tối ưu phù hợp.
– Tối ưu hóa website: Vietnix áp dụng các kỹ thuật tối ưu tiên tiến nhất để tăng tốc độ tải trang.
– Báo cáo kết quả: Vietnix cung cấp báo cáo chi tiết về kết quả tối ưu hóa website.
Công nghệ tiên tiến: Vietnix sử dụng các công nghệ tối ưu mới nhất như LiteSpeed, LSCache, Memcached, Redis, v.v.
✅ Cam kết kết quả: Vietnix cam kết tăng tốc độ website của bạn lên tối thiểu 90%.
✅ Giá cả cạnh tranh: Vietnix cung cấp dịch vụ tối ưu tốc độ website với mức giá cạnh tranh nhất trên thị trường.
📣 Để đăng ký sử dụng dịch vụ tối ưu tốc độ website và các dịch vụ khác như hosting, vps, domain… các bạn có thể đăng ký tại https://portal.vietnix.vn/aff.php?aff=57 hoặc Inbox cho sếp Vietnix Trung nhé.
Các bạn có thể kiểm tra tốc độ trang của mình https://lasan.edu.vn hoặc một vài trang khác đã sử dụng dịch vụ của Vietnix như sau:
https://pagespeed.web.dev/…/https…/v8beqewyt2…
https://pagespeed.web.dev/…/https…/etiohjvtl4…
https://pagespeed.web.dev/…/https…/yczuqpw6d1…
https://pagespeed.web.dev/…/https…/xf9y65kuzk…
https://pagespeed.web.dev/…/https…/fdrsms15en…
https://pagespeed.web.dev/…/https…/s7p9cgzeri…
Trước khi tối ưu
Sau khi tối ưu
Dũng cá xinh

30 Tháng 1 lúc 19:09

·

[Đỉnh]
Em có dùng hosting, vps, cloud vps, cloud server, dedicated server của rất nhiều bên từ trong nước đến nước ngoài để hosting khoảng 2,000+ domain. Mỗi bên đều có ưu nhược khác nhau, nhưng có 1 số bên đặc biệt “bá đạo”, trong đó có: Vietnix!!!!

Lần đầu tiên em được cả CEO Hưng Nguyễn lẫn Master về dev Vietnix Trung của 1 đơn vị hàng đầu liên quan đến Hosting, Server support từ A – Z (từ Zalo, Tele, đến FB và cả Phone)

Em có khá nhiều web dạng Big Data (bài, ảnh, database, data) lên đến hàng trăm Gb. Càng to thì nó càng có nhiều vấn đề về phần phản hồi ban đầu (nhược điểm cố hữu của php wordpress so với nativejs, reactjs, html, headless,…), và anh em Vietnix có nhã ý hỗ trợ xử lý phần Speed Insight này.

Kết quả thực sự kinh ngạc, từ cách trao đổi đến xử lý vấn đề, cut off những cái cần cut off, xử lý rất sâu vấn đề và gợi ý rất nhiều ý tưởng optimize hệ thống!!!! Thực sự quá hài lòng về kết quả cũng như cách tương tác của các đầu tầu bên Vietnix ^^!!!

Nhân cơ duyên được kết nối với những cao thủ của Vietnix, em xin chia sẻ và lan tỏa để nhiều anh em có cơ hội được sử dụng những dịch vụ tốt nhất với giá vô cùng hợp lý!!!!

1 – Với anh em chưa có hosting, em đặc biệt recommend sử dụng hosting bên Vietnix:
– Sử dụng mã DUNGCAXINH_PAGESPEED sẽ được giảm 20% trọn đời (lifetime luôn)
– Áp dụng các gói Hosting Business, Hosting wordpress và reg 1 năm trở lên
– Anh em chưa biết cách reg thì còm men hoặc ib để em hướng dẫn hoặc nhờ các bạn bên Vietnix support từ A – Z

2 – Anh em có hosting rồi và muốn build blog hoặc web = wordpress mà chưa có giao diện thì nhân tiện em đang có tài khoản Premium bên Envato, em sẽ tặng bất kỳ giao diện nào có trên Envato Themes (Link em để dưới còm men) ạ. Cả nhà còm hoặc ib em Themes mà mọi người “chim ưng”, em sẽ cho anh em tải về, up drive và gửi ạ!!! (Chương trình này kéo dài đến ngày 29 tết âm lịch ạ)

3 – BEST NHẤT luôn!!!! Anh em nào mua hosting dùng mã DUNGCAXINH_PAGESPEED sẽ được tối ưu 100 điểm tốc độ cho 1 web (đây là ưu đãi riêng của CEO Hưng Nguyễn dành cho bạn bè của #dungcaxinh ^^) (Giá trị nhất là cái vụ số 3 này anh chị em nhé ^^), cơ hội vàng để move về đơn vị hosting uy tín là đây ^^!!!!

Một lần nữa xin chân thành cám ơn 2 đồng chí em: Hưng Nguyễn và Vietnix Trung đã giải được một bài toán khó cho các trang WP Big data mà anh loay hoay bao lâu nay chưa tìm ra đáp án!!! Chúc Vietnix ngày càng phát triển và có một năm 2024 đại đại thắng nhé ^^ !!!!!
#SEO #Vietnix #dungcaxinh

Trước khi tối ưu
Sau khi tối ưu
Hiếu AI

2 Tháng 2 lúc 21:06

·

UY TÍN – TẬN TÂM – TỐC ĐỘ

3 từ trên là vẫn chưa đủ để nói về quy trình làm việc cực chuyên nghiệp của team Vietnix.Chuyện là mình có con website chính đang có lượt truy cập organic hàng ngày cũng tương đối (hình 1)

Vấn đề là, con site này đang nằm trên hosting dùng chung nên tốc độ load chưa nhanh, tốc độ load chưa nhanh thì trải nghiệm visitor chưa tốt, trải nghiệm visitor chưa tốt thì tỷ lệ chuyển đổi ra đơn hàng kiểu gì thì kiểu cũng sẽ bị ảnh hưởng.

Biết rõ là đang mất tiền nhưng không biết xử lý như lào, nghĩ mà cay.

Đang loay hoay thì vận may nó tới, hôm qua đang lướt phở bò thấy a Nguyễn Việt Dũng đăng bài, rảnh nên thả cái comment hóng hớt, ai ngờ ngoằng phát thấy ông Dũng tạo nhóm với Vietnix Trung luôn.

Ae Vietnix thì siêu tốc độ, lập tức lấy thông tin vào việc, không hỏi han lằng nhằng, không kỳ kèo chốt đơn dù lúc đấy cũng đang đêm muộn.
Sáng hôm sau dậy vẫn còn đang lơ ngơ mở điện thoại check tin nhắn thì đã thấy ae Vietnix báo xong việc, trong khi mình vẫn chưa biết có chuyện gì xảy ra @@.

Được cái bấm thử website thì thấy load siêu nhanh, chưa tới một giây là thông tin các thứ hiện hết. Quá phê, thả con ảnh trước sau (hình 2,3) để ace tiện đối chiếu nhé. Thế này thì mình gửi gắm nốt 15 em website còn lại cho team Vietnix thôi chứ không cần nghĩ ngợi gì nữa. 10/10.

Nên là:

  1. Anh chị em muốn có một con website tốc độ load nhanh như tốc độ trở mặt của nyc – Dùng ngay dịch vụ hosting của Vietnix
  2. Anh chị em có website rồi muốn tìm bên hosting uy tín, chuyên nghiệp hỗ trợ không quản ngày đêm – Liên hệ ngay Vietnix Trung
  3. Anh chị em quan tâm đến trải nghiệm khách hàng, từ những cái nhỏ nhất như tăng tốc độ website – Better call Vietnix Trung

Và đừng quên dùng pass “HIEUAI_PAGESPEED” để được giảm 20% trọn đời hosting business và wp hosting, quả code này còn được tặng 1 lần tối ưu pagespeed nữa nhé, ưu đãi chắc cũng phải nhất nhì thị trường luôn.
#SEO #Vietnix #hieuai

Website
Trước khi tối ưu
Sau khi tối ưu

Chỉ số tăng trưởng

Điểm Desktop

100 (+43)

Điểm Mobile

100 (+74)

Core Web Vitals

Passed

Lĩnh vực

AI