Schema mặc định của plugin WooCommerce tồn tại một số lỗi như: thiếu trường hasMerchantReturnPolicy, shippingDetails ở Trang thông tin của người bán và thiếu trường aggregateRating, review ở Đoạn trích về sản phẩm (nếu bạn không kích hoạt tính năng review hoặc không có review nào). Việc khắc phục những lỗi này khá là khó khăn, bởi vì WooCommerce không cho phép can thiệp trực tiếp vào dữ liệu có cấu trúc của nó. Một giải pháp đơn giản hơn là gỡ bỏ schema của plugin WooCommerce, sau đó sử dụng plugin khác để tạo schema.
Thủ thuật WordPress
Tổng hợp các thủ thuật WordPress hay và hữu ích, chia sẻ các kinh nghiệm và mẹo vặt giúp tối ưu hóa website WordPress của bạn một cách nhanh chóng.
Vô hiệu hóa WooCommerce Brands để tăng tốc độ
Kể từ phiên bản 9.6, WooCommerce đã mặc định kích hoạt thêm tính năng Brands (thương hiệu) cho tất cả các website. Tác dụng của Brands là cho phép bạn phân loại và hiển thị các sản phẩm dựa theo thương hiệu của chúng. Tuy nhiên, không phải ai cũng có nhu cầu phân loại sản phẩm theo thương hiệu. Khi đó, tính năng Brands trở nên thừa thãi và trở thành một trong những nguyên nhân khiến web của bạn load chậm. Đặc biệt là file CSS có tên brands-styles-css mà tính năng này chèn vào trong mã nguồn HTML.
Loại bỏ font chữ của plugin WooCommerce
Kể từ phiên bản 9.1, WooCommerce đã mặc định kích hoạt tính năng Coming Soon Mode (Site visibility) cho tất cả các website. Tác dụng của tính năng này là cho phép người dùng tạo trang Coming Soon để hiển thị thông báo cho khách truy cập trong trường hợp website đang được xây dựng hay bảo trì. Tuy nhiên, nó cũng gây ra một vấn đề phiền toái đối với tốc độ load web. Đó là tải thêm các font chữ không cần thiết (khá nặng), kể cả khi không được bật.
Loại bỏ Akismet CSS để tăng tốc độ load
Nếu bạn để ý thì trong vài phiên bản gần đây, Akismet đã “bí mật” chèn thêm một đoạn inline CSS vào mã nguồn HTML của website WordPress. Đoạn CSS này có tác dụng hỗ trợ hiển thị widget thống kê số lượng bình luận spam mà Akismet đã chặn. Ngay cả khi bạn không sử dụng widget này trên website, đoạn CSS kia vẫn mặc định được chèn. Nó gây ảnh hưởng không tốt đến tốc độ load của website. Vậy làm thế nào để loại bỏ Akismet CSS? Đó là nội dung chính của bài viết hôm nay.
Hướng dẫn nâng cấp PHP 8.4 cho website WordPress
PHP 8.4 chính thức ra mắt người dùng vào ngày 21/11/2024, tròn 1 năm sau khi PHP 8.3 phát hành. Và vào hôm nay (05/02/2025), nó đã có mặt trên dịch vụ WordPress Hosting của WP Căn bản. Đây là phiên bản PHP mới nhất tính đến thời điểm hiện tại với nhiều cải tiến và tính năng bổ sung. Rất nhiều theme và plugin WordPress vẫn chưa hỗ trợ tốt cho PHP 8.0 chứ đừng nói là PHP 8.4. Chắc chắn bạn sẽ cần phải chờ một thời gian khá dài nữa để các lập trình viên kịp update code.
Chèn breadcrumbs của Rank Math SEO vào theme Paradise
Trong Genesis Framework và Genesis child theme, bạn có thể tích hợp và tùy biến breadcrumbs một cách dễ dàng thông qua plugin Yoast SEO. Sở dĩ như vậy bởi vì đội ngũ lập trình viên của Yoast cũng đã từng tham gia vào dự án phát triển Genesis. Tuy nhiên, nếu bạn dùng plugin Rank Math SEO thì mọi việc sẽ không dễ dàng như vậy. Rank Math SEO mới ra mắt sau này nên không được Genesis hỗ trợ đầy đủ. Nếu muốn chèn breadcrumbs của Rank Math SEO vào Genesis, các bạn sẽ cần phải can thiệp vào code.
Loại bỏ Rank Math SEO CSS để tăng tốc độ load
Thời gian gần đây, tôi đã chuyển sang sử dụng plugin Rank Math thay cho Yoast SEO như trước đây. Sở dĩ như vậy bởi vì hiện tại Rank Math đã hoàn thiện hơn, ít lỗi vặt hơn. Đặc biệt là nó xây dựng các tính năng theo dạng module (có thể tắt bật tùy ý) và ít quảng cáo rác hơn hẳn Yoast SEO. Tuy nhiên, Rank Math cũng có vài điểm hạn chế, đó là nó chèn một số đoạn inline styles CSS vào mã nguồn HTML của website, ngay cả khi tôi không sử dụng. Điều này gây ảnh hưởng không tốt đến tốc độ load web.
Loại bỏ Auto Sizes CSS trên WordPress 6.7
Nếu bạn chưa biết thì kể từ phiên bản WordPress 6.7, các lập trình viên đã chèn thêm một đoạn inline styles CSS vào mã nguồn HTML của website. Đoạn CSS này nhằm hỗ trợ cho tính năng lazy load hình ảnh mặc định của WordPress. Tuy nhiên, có vẻ nó hoạt động chưa được như mong đợi khi gây ra tình trạng lỗi kích thước hình ảnh trên nhiều website. Nó cũng trở nên rất vô dụng nếu bạn đang sử dụng tính năng lazy load hình ảnh của theme hoặc bằng các plugin khác.
Sử dụng Genesis Framework Schema cùng Yoast SEO
Như các bạn đã biết, Genesis Framework và child theme tương thích hoàn toàn với Yoast SEO. Theo mặc định, Genesis Framework sẽ tự động vô hiệu hóa schema của nó nếu bạn đang sử dụng plugin Yoast SEO trên website để tránh sự trùng lặp không cần thiết. Tuy nhiên, nếu bạn muốn giữ cả 2 loại schema (microdata của Genesis và JSON-LD của Yoast SEO) để bot tìm kiếm có thể hiểu cấu trúc website một cách dễ dàng hơn mà không sợ bị trùng lặp thì bài viết hôm nay chính là dành cho bạn.
Hiện tên người dùng và avatar trên menu WordPress
Trong bài viết lần trước, tôi đã hướng dẫn cho các bạn cách để đổi tên trang My Account (của WooCommerce) trên menu thành Login khi không đăng nhập rồi phải không nào? Nếu bạn chưa đọc qua, hãy xem nó trong phần link tham khảo ở ngay bên dưới. Hôm nay, chúng ta sẽ nâng cấp nó lên một tầm cao mới, bằng cách thay thế trang My Account bằng tên người dùng kèm avatar của họ. Tất nhiên, bạn có thể áp dụng điều này cho cả những website WordPress thông thường (không dùng WooCommerce), chẳng hạn như các trang membership.
Bình luận mới nhất