Hướng dẫn cách tạo responsive slider trong WordPress

Lượt xem
Home

Slider thường được sử dụng trên trang chủ của các trang web để trình bày các sản phẩm, dịch vụ, đánh giá hay nội dung quan trọng nhất một cách tương tác. Trong bài viết này,Vietnix sẽ chỉ cho bạn cách tạo responsive slider trong WordPress.

Tại sao nên tạo responsive slider trong WordPress?

Một slider hay slideshow là một cách tuyệt vời để tôn vinh các sản phẩm phổ biến nhất trên WooCommerce, video YouTube mới nhất, đánh giá từ khách hàng và nhiều nội dung khác.

Một số slider chạy tự động, tức là chuyển đổi giữa các hình ảnh một cách tự động. Điều này cho phép bạn hiển thị nhiều thông tin trên một không gian nhỏ, dành chỗ cho các nội dung khác.

Tại sao nên tạo responsive slider trong WordPress?
Tại sao nên tạo responsive slider trong WordPress?

Vì lý do này, nhiều trang web sử dụng trình chiếu trên các trang quan trọng nhất của họ, chẳng hạn như landing page, trang chủ hoặc trang bán hàng.

Ngay cả khi trình chiếu được đặt tự động chạy, khách truy cập thường có thể chuyển đổi giữa các hình ảnh bằng cách nhấp vào các nút điều hướng. Điều này khuyến khích khách truy cập tương tác với trang web của bạn, tạo ra sự thu hút.

Bạn có thể thấy trong GIF dưới đây sự động đa dạng của một slider.

Một ví dụ về slider WordPress, được tạo bằng SeedProd
Một ví dụ về slider WordPress, được tạo bằng SeedProd

Sau đó, chúng ta hãy xem cách bạn có thể dễ dàng tạo một slider linh hoạt trong WordPress. Chỉ cần sử dụng các liên kết nhanh dưới đây để nhảy trực tiếp đến phương pháp bạn muốn sử dụng.

Ngoài ra, bạn có thể tham khảo thêm một số plugin tạo slide ảnh cho WordPress đơn giản thông qua bài viết sau:

Tạo responsive slider trong WordPress bằng plugin

Nếu bạn muốn tạo một slider đơn giản mà trông tốt trên máy tính và điện thoại di động, Vietnix khuyên bạn nên sử dụng plugin Soliloquy.

Plugin trình chiếu WordPress này cho phép bạn tạo các slide sử dụng hình ảnh từ thư viện phương tiện của bạn và cũng có thể hiển thị video được lưu trữ trên các nền tảng bên thứ ba như YouTube.

Bạn cũng có thể thêm alt text và chú thích cho mỗi slide, điều này rất tốt cho SEO của WordPress.

Đầu tiên, bạn cần đăng ký một tài khoản Soliloquy. Sau đó, bạn có thể cài đặt và kích hoạt plugin Soliloquy trên trang web của mình. Để biết thêm chi tiết, bạn có thể làm theo hướng dẫn của Vietnix về cách cài đặt một plugin WordPress.

Sau khi kích hoạt, điều hướng đến Soliloquy > Settings trong bảng điều khiển WordPress và nhập mã giấy phép của bạn.

Đăng ký một tài khoản Soliloquy
Đăng ký một tài khoản Soliloquy

Bạn có thể tìm mã giấy phép bằng cách đăng nhập vào tài khoản của bạn trên trang web Soliloquy. Sau khi nhập thông tin này, nhấp vào nút Verify Key.

Sau khi hoàn tất, bạn có thể thêm một slider mới vào trang web WordPress của mình bằng cách điều hướng đến Soliloquy > Add New.

Thêm một slider mới vào trang web WordPress
Thêm một slider mới vào trang web WordPress

Bạn có thể bắt đầu bằng cách nhập tiêu đề. Đây chỉ là tham khảo cho bạn để dễ nhận ra slider trong bảng điều khiển WordPress của mình, vì vậy bạn có thể sử dụng bất cứ cái gì giúp bạn xác định slider.

Tiếp theo, đến lúc thêm hình ảnh và video vào slider. Bạn có thể kéo và thả các file vào trình soạn thảo hoặc nhấp vào Select Files From Other Sources.

Thêm hình ảnh và video vào slider
Thêm hình ảnh và video vào slider

Nếu bạn muốn sử dụng hình ảnh, bạn có thể thêm các file đó theo cách tương tự như bạn thêm hình ảnh trong block ecitor của WordPress.

Nếu bạn muốn bao gồm video, Vietnix khuyến nghị tải lên chúng lên một trang web lưu trữ video như YouTube hoặc Vimeo. Tải lên video trực tiếp lên trang web của bạn không phải là một ý tưởng tốt, vì điều này có thể làm chậm trang web của bạn và chiếm nhiều không gian lưu trữ.

Trong khi đó, các nền tảng như YouTube được tối ưu hóa cho video, vì vậy bạn có thể hiển thị video độ phân giải cao trong slider của bạn mà không ảnh hưởng xấu đến trang web của bạn. Nếu trang web của bạn gặp nhiều vấn đề trong việc load trang chậm, có thể tham khảo nội dung bài viết sau đây:

Sau khi chọn một nền tảng lưu trữ video, bạn sẽ cần tải lên tất cả các video mà bạn muốn bao gồm trong slider của WordPress. Nếu bạn không chắc làm thế nào để tải lên video, Vietnix khuyến nghị đọc tài liệu chính thức hoặc hướng dẫn sử dụng cho nền tảng video mà bạn đã chọn.

Khi đã hoàn thành, chỉ cần nhấp vào nút Select Files from Other Sources và sau đó chọn Insert Video Slide.

Nhấp vào nút Select Files from Other Sources và sau đó chọn Insert Video Slide
Nhấp vào nút Select Files from Other Sources và sau đó chọn Insert Video Slide

Bây giờ, bạn có thể dán đường dẫn URL của video vào field URL Video.

Soliloquy hiển thị tất cả các định dạng liên kết được hỗ trợ ở phía bên phải, vì vậy hãy đảm bảo đường dẫn của bạn sử dụng một trong những định dạng này.

Hãy đảm bảo đường dẫn của bạn sử dụng là một trong những định dạng này
Hãy đảm bảo đường dẫn của bạn sử dụng là một trong những định dạng này

Sau khi hoàn thành, bạn có thể nhập tiêu đề vào field Title. Đây chỉ là để bạn tham khảo nên bạn có thể sử dụng bất cứ điều gì bạn muốn. Bạn cũng có thể thêm văn bản thay thế (alt text), giúp các công cụ tìm kiếm hiểu rõ hơn về nội dung của slide này.

Sau đó, bạn có thể nhập chú thích tùy chọn vào field Caption. Chú thích này sẽ được hiển thị trong thanh màu xám ở dưới video trước khi người truy cập nhấn Play.

Nhập chú thích tùy chọn vào field Caption
Nhập chú thích tùy chọn vào field Caption

Nếu bạn không muốn hiển thị thanh này, hãy để trường Caption trống.

Khi bạn hài lòng với thông tin đã nhập, bạn có thể tạo thêm các slide khác bằng cách nhấp vào Add Another Video Slide.

Để cấu hình slide mới này, chỉ cần tuân theo quy trình tương tự đã mô tả ở trên.

Có thể tạo thêm các slide khác bằng cách nhấp vào Add Another Video Slide
Có thể tạo thêm các slide khác bằng cách nhấp vào Add Another Video Slide

Sau khi bạn đã tạo tất cả các slide, hãy nhấp vào Insert into Slider.

Bây giờ, bạn sẽ thấy tất cả các slide trong phần Currently in Your Slider.

Currently in Your Slider
Currently in Your Slider

Tiếp theo, bạn có thể nhấp vào tab Configuration và thay đổi các thiết lập hiển thị của slider.

Ví dụ, có các tùy chọn để chọn giao diện slider mới, thay đổi kích thước hình ảnh, và thay đổi vị trí của slider và chú thích.

Bạn cũng có thể tùy chỉnh các mũi tên của slider và nút dừng/phát, điều chỉnh tốc độ chuyển đổi, thay đổi thời gian trễ, và nhiều hơn nữa.

Có thể tùy chỉnh các mũi tên của slider và nút dừng/phát
Có thể tùy chỉnh các mũi tên của slider và nút dừng/phát

Tiếp theo, bạn muốn đảm bảo rằng slider của bạn có giao diện tốt trên các thiết bị di động, như trên máy tính và laptop.

Với việc đó, hãy nhấp vào tab Mobile và chọn hộp kiểm bên cạnh Create Mobile Slider Images.

image 1015
Hướng dẫn cách tạo responsive slider trong WordPress 68

Sau đó, bạn có thể nhập kích thước bạn muốn sử dụng cho hình ảnh và video trên các thiết bị di động. Tùy chọn này sẽ giúp ích cho bạn khi xem trang web WordPress bản di động trên máy tính.

Mặc định, Soliloquy sẽ ẩn các chú thích đối với người dùng di động. Thông thường, điều này giúp các slide hiển thị thoải mái hơn trên màn hình nhỏ thường được sử dụng trên điện thoại thông minh và máy tính bảng.

Vì lý do đó, Vietnix khuyến nghị để tắt cài đặt này, nhưng bạn có thể chọn hộp kiểm bên cạnh Show Captions on Mobile nếu bạn muốn.

Sau đó, nhấp vào tab Misc. Ở đây, bạn có thể thêm CSS tùy chỉnh cho slider của bạn, chỉnh sửa tiêu đề và slug của slider, và xuất slider.

Có thể thêm CSS tùy chỉnh cho slider
Có thể thêm CSS tùy chỉnh cho slider

Khi bạn hài lòng với cách thiết lập của slider, hãy nhấp vào nút Publish.

Soliloquy sẽ tự động tạo một shortcode mà bạn có thể thêm vào bất kỳ trang, bài viết hoặc khu vực có sẵn widget nào.

Soliloquy sẽ tự động tạo một shortcode
Soliloquy sẽ tự động tạo một shortcode

Để biết thêm thông tin về cách đặt shortcode, vui lòng xem hướng dẫn của Vietnix về cách tạo shortcode vào WordPress.

Bạn cũng sẽ thấy một số đoạn mã mà bạn có thể thêm vào giao diện WordPress của mình.

Một số đoạn mã có thể thêm vào giao diện WordPress
Một số đoạn mã có thể thêm vào giao diện WordPress

Để biết chi tiết từng bước, xem hướng dẫn của Vietnix về cách dễ dàng thêm mã tùy chỉnh vào WordPress.

Cách đơn giản nhất để thêm slider vào trang web của bạn là sử dụng khối Soliloquy. Đơn giản chỉ cần vào trang hoặc bài viết mà bạn muốn hiển thị slider, sau đó nhấp vào nút “+“.

Trong cửa sổ hiện ra, gõ Soliloquy.

Sử dụng khối Soliloquy thêm slider
Sử dụng khối Soliloquy thêm slider

Khi khối phù hợp hiện ra, nhấp để thêm nó vào blog hoặc trang web WordPress của bạn.

Sau đó, mở khối Soliloquy và chọn slider bạn vừa tạo.

Mở block Soliloquy và chọn slider vừa tạo
Mở block Soliloquy và chọn slider vừa tạo

Bây giờ, bạn có thể nhấp vào nút Update hoặc Publish để hiển thị slider trực tiếp.

Tạo responsive slider trong WordPress bằng page builder

Nếu bạn muốn tạo một slider đơn giản, thì một plugin như Soliloquy là một lựa chọn tốt. Tuy nhiên, nếu bạn muốn thêm một slider nâng cao vào các trang đích, trang chủ tùy chỉnh hoặc thậm chí giao diện WordPress của bạn, thì Vietnix khuyến nghị sử dụng một plugin trình tạo trang thay vì.

SeedProd là công cụ trình tạo trang WordPress kéo và thả tốt nhất. Nó cho phép bạn thiết kế các trang đích tùy chỉnh và thậm chí tạo một giao diện WordPress tùy chỉnh mà không cần viết mã.

Nó cũng có một khối Carousel hình ảnh mà bạn có thể sử dụng để tạo các slider ấn tượng.

Tạo responsive slider trong WordPress
Tạo responsive slider trong WordPress

Bạn có thể đơn giản là kéo và thả khối này đã sẵn sàng vào bất kỳ đâu trên trang và sau đó tùy chỉnh nó bằng cách sử dụng trình chỉnh sửa kéo và thả mạnh mẽ.

Trước tiên, bạn cần cài đặt và kích hoạt plugin SeedProd. Để biết thêm chi tiết, xem hướng dẫn từng bước của Vietnix về cách cài đặt một plugin WordPress.

Lưu ý: Có một phiên bản miễn phí của SeedProd cho phép bạn tạo các thiết kế chuyên nghiệp mà không phụ thuộc vào ngân sách của bạn. Tuy nhiên, Vietnix sẽ sử dụng plugin SeedProd cao cấp vì nó đi kèm với Image Carousel block. Nếu bạn đang tạo một slider để quảng cáo sản phẩm hoặc dịch vụ của mình, thì plugin cao cấp cũng tích hợp với WooCommerce và tất cả các dịch vụ tiếp thị qua email tốt nhất.

Sau khi kích hoạt plugin, SeedProd sẽ yêu cầu bạn nhập key bản quyền.

Bạn có thể tìm license key này trong tài khoản của bạn trên trang web SeedProd. Sau khi nhập thông tin, nhấp vào nút Verify Key.

Sau khi hoàn tất việc này, hãy vào SeedProd > Landing Pages trong bảng điều khiển WordPress của bạn.

Vào SeedProd chọn Landing Pages trong bảng điều khiển WordPress
Vào SeedProd chọn Landing Pages trong bảng điều khiển WordPress

SeedProd đi kèm với hơn 180 mẫu được thiết kế chuyên nghiệp được nhóm thành các danh mục. Trên đầu trang, bạn sẽ thấy các danh mục cho phép bạn tạo trang sắp ra mắt đẹp, kích hoạt chế độ bảo trì, tạo trang đăng nhập tùy chỉnh cho WordPress, và nhiều hơn nữa.

Tất cả các mẫu của SeedProd đều dễ dàng tùy chỉnh, vì vậy bạn có thể sử dụng bất kỳ thiết kế nào bạn muốn. Khi bạn tìm thấy một mẫu mà bạn thích, chỉ cần di chuột qua nó và nhấp vào biểu tượng đánh dấu.

Có thể sử dụng bất kỳ thiết kế nào bạn muốn
Có thể sử dụng bất kỳ thiết kế nào bạn muốn

Bây giờ, bạn có thể nhập tên cho trang đích của bạn vào trường Page Name. SeedProd sẽ tự động tạo một Page URL bằng cách sử dụng tên trang.

Việc bao gồm từ khóa liên quan trong URL này là một cách thông minh, vì điều này sẽ giúp các công cụ tìm kiếm hiểu rõ về nội dung của trang. Điều này thường cải thiện SEO trên WordPress của bạn.

Để thay đổi URL tự động được tạo, chỉ cần nhập vào trường Page URL.

Thay đổi URL tự động
Thay đổi URL tự động

Khi bạn đã hài lòng với thông tin bạn đã nhập, nhấp vào Save and Start Editing the Page. Điều này sẽ tải giao diện trình tạo trang SeedProd.

Trình tạo này dựa trên việc kéo và thả đơn giản và hiển thị trước trực tiếp thiết kế trang của bạn ở phía bên phải. Ở phía trái là một menu với tất cả các khối và phần khác nhau mà bạn có thể thêm vào trang.

Ở phía trái là một menu với tất cả các block và phần khác
Ở phía trái là một menu với tất cả các block và phần khác

Khi bạn tìm thấy khối mà bạn muốn thêm, chỉ cần kéo và thả nó vào mẫu của bạn.

Để tùy chỉnh một khối, chỉ cần nhấp để chọn khối đó trong trình tạo SeedProd. Menu bên trái sẽ cập nhật để hiển thị tất cả các cài đặt bạn có thể sử dụng để tùy chỉnh nó.

Tùy chỉnh block
Tùy chỉnh block

Trong quá trình xây dựng trang, bạn có thể di chuyển các khối trong bố cục bằng cách kéo và thả chúng. Để biết thêm hướng dẫn chi tiết, vui lòng xem hướng dẫn của Vietnix về cách tạo landing page với WordPress.

Để tạo một slider đáp ứng bằng cách sử dụng SeedProd, chỉ cần tìm block Image Carousel trong menu bên trái và sau đó kéo nó vào bố cục của bạn.

Tạo một slider bằng SeedProd
Tạo một slider bằng SeedProd

Tiếp theo, nhấp để chọn khối Image Carousel trong trình soạn thảo trang.

Bây giờ, bạn có thể thêm tất cả các hình ảnh mà bạn muốn hiển thị trong slider. Để bắt đầu, hãy nhấp vào mục Image 1 mà SeedProd tạo ra theo mặc định.

Bây giờ, bạn có thể sử dụng một hình ảnh từ thư viện tích hợp sẵn của SeedProd hoặc nhấp vào Use Your Own Image và chọn một file từ thư viện phương tiện của WordPress.

Sau khi chọn một hình ảnh, bạn có thể thêm chú thích sẽ xuất hiện dưới hình ảnh đó. Theo mặc định, SeedProd không hiển thị chú thích, nhưng Vietnix sẽ chỉ cho bạn cách bật chúng sau trong bài viết này.

Khi bạn hài lòng với cách cấu hình slide, nhấp vào nút Add Images để tạo một slide khác.

Để thêm nhiều slide hơn, chỉ cần tuân thủ quy trình tương tự đã mô tả ở trên.

Thêm nhiều slide
Thêm nhiều slide

Sau khi thêm tất cả các hình ảnh vào slider, đến lúc tùy chỉnh cách mà slider đó trông và hoạt động.

Trong menu bên trái, nhấp để mở rộng phần Carousel Settings.

Để bắt đầu, bạn có thể chuyển đổi giữa chế độ sáng và chế độ tối cho các nút điều hướng của slider.

Để thử các chế độ khác nhau, nhấp vào các nút bên cạnh Navigation Color Mode. Phần xem trước trực tiếp sẽ tự động cập nhật để bạn có thể xem chế độ nào phù hợp nhất với bạn.

Mặc định, carousel hiển thị một slide duy nhất và người truy cập sẽ cần sử dụng các điều khiển điều hướng để xem nhiều nội dung hơn.

Tuy nhiên, bạn có thể muốn hiển thị nhiều slide cùng một lúc bằng cách mở danh sách thả xuống Slide to Show và chọn một số từ danh sách. Điều này có thể hữu ích nếu slider có nhiều nội dung và bạn lo ngại người truy cập có thể không nhấp qua tất cả các slide.

Có thể muốn hiển thị nhiều slide cùng một lúc
Có thể muốn hiển thị nhiều slide cùng một lúc

Mặc định, người truy cập sẽ cần nhấp để xem slide tiếp theo. Với điều đó trong tâm trí, bạn có thể muốn bật chế độ tự động phát, vì điều này thường tăng số lượng slide mà người truy cập xem.

Để làm điều này, nhấp để bật công tắc Autoplay và sau đó chỉ định thời gian mỗi slide nên xuất hiện trên màn hình bằng cách nhập một số vào Autoplay Speed.

Bật công tắc Autoplay
Bật công tắc Autoplay

Nếu bạn đã thêm chú thích cho hình ảnh của mình, hãy chắc chắn nhấp vào công tắc Show Caption để chuyển từ No sang Yes.

Bạn cũng có thể thay đổi căn chỉnh chú thích.

Có thể thay đổi căn chỉnh chú thích
Có thể thay đổi căn chỉnh chú thích

Tùy thuộc vào màu nền, bạn có thể cần thay đổi màu chú thích để chúng hiển thị cho người truy cập.

Để làm điều này, nhấp vào tab Advanced và sau đó sử dụng các thiết lập Caption Color.

Nhấp vào tab Advanced và sau đó sử dụng các thiết lập Caption Color
Nhấp vào tab Advanced và sau đó sử dụng các thiết lập Caption Color

Bạn có thể tùy chỉnh kiểu chữ bằng cách nhấp vào nút Edit bên cạnh Caption Typography.

Điều này sẽ hiển thị một số thiết lập cho phép bạn thay đổi kích thước font chữ, độ cao dòng, khoảng cách và nhiều hơn nữa.

Thay đổi kích thước font chữ
Thay đổi kích thước font chữ

Khi bạn hài lòng với cách caption trông, bạn có thể thêm các hiệu ứng bóng đổ khác nhau cho các slide bằng cách sử dụng dropdown Slider Image Styles.

Những hiệu ứng bóng đổ này thực sự làm nổi bật các slide, vì vậy đáng để thử nghiệm các hiệu ứng khác nhau để xem chúng có phù hợp với thiết kế trang của bạn không.

Hiệu ứng bóng đổ làm nổi bật các slide
Hiệu ứng bóng đổ làm nổi bật các slide

Trong tab Advanced, bạn cũng sẽ tìm thấy các thiết lập cho phép bạn thêm đường viền, thay đổi khoảng cách và thậm chí tạo hiệu ứng mở đầu.

Hầu hết các thiết lập này đều dễ hiểu, vì vậy nên xem qua chúng để xem bạn có thể tạo ra những hiệu ứng khác nhau như thế nào.

Khi bạn hài lòng với giao diện của slider, bạn có thể tiếp tục làm việc trên phần còn lại của trang. Đơn giản là kéo các khối vào thiết kế của bạn và sau đó tùy chỉnh chúng bằng cách sử dụng các thiết lập trong menu bên trái.

Nếu bạn muốn xóa một block, chỉ cần di chuột qua đó và sau đó nhấp vào biểu tượng thùng rác khi nó xuất hiện.

Khi được hỏi, hãy nhấp vào Yes, delete it để xác nhận việc xóa.

Khi bạn hài lòng với giao diện của trang, đến lúc đưa nó vào hoạt động bằng cách nhấp vào nút Save. Cuối cùng, chọn Publish để đưa slider của bạn vào hoạt động.

Tạo responsive slider trong WordPress bằng Smash Balloon

Chúng ta thường có xu hướng thử những điều mà chúng ta thấy người khác mua, sử dụng hoặc khuyến nghị. Với ý kiến đó, việc hiển thị chứng minh xã hội trên trang web của bạn, bao gồm đánh giá của khách hàng, lời chứng thực hoặc thậm chí là những bình luận tích cực bạn nhận được trên mạng xã hội, là một ý tưởng tốt.

Cách đơn giản nhất để hiển thị chứng minh xã hội trên trang web của bạn là sử dụng Smash Balloon. Smash Balloon có các plugin cho phép bạn nhúng nội dung từ Instagram, Facebook, Twitter và YouTube.

Ngoài ra, nó cũng có một plugin Reviews Feed mà bạn có thể sử dụng để hiển thị đánh giá từ Facebook, Tripadvisor, Yelp và Google.

Tạo responsive slider trong WordPress bằng Smash Balloon
Tạo responsive slider trong WordPress bằng Smash Balloon

Tuy nhiên, hiển thị nhiều bình luận và đánh giá tích cực trên cửa hàng trực tuyến hoặc trang web của bạn có thể chiếm nhiều không gian.

Đó là lý do tại sao Smash Balloon đi kèm với các template và layout dạng carousel (đai băng chuyền) tích hợp sẵn mà bạn có thể sử dụng để tạo ra các slider đáp ứng. Điều này cho phép bạn tạo ra các trình chiếu ảnh từ mạng xã hội và đánh giá chỉ với vài cú nhấp chuột.

Các template và layout dạng carousel
Các template và layout dạng carousel

Hơn thế nữa, Smash Balloon sẽ tự động tải nội dung mới để slider luôn hiển thị các bài viết mới nhất.

Một lựa chọn khác là hiển thị nội dung từ các tài khoản mạng xã hội của riêng bạn.

Nếu khách truy cập thấy họ thích những gì họ thấy, họ có thể quyết định theo dõi bạn trên mạng xã hội.

Để giúp bạn có được nhiều người theo dõi hơn, Smash Balloon đi kèm với các nút gọi hành động sẵn có mà bạn có thể thêm vào các slider của mình.

Lời kết

Vietnix hy vọng bài viết này đã giúp bạn hiểu cách tạo một slider WordPress đáp ứng một cách dễ dàng. Bạn cũng có thể xem các bài viết khác về WordPress tại website Vietnix.vn để biết thêm nhiều kiến thức mới, chúc bạn thành công!

Chia sẻ lên

Theo dõi trên

Logo Google new

Đánh giá

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

Hoàng Vui

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

Icon Quote
Icon Quote
Đăng ký nhận tin
Để không bỏ sót bất kỳ tin tức hoặc chương trình khuyến mãi từ Vietnix

Bình luận

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