Mặc định khi bạn tải một hình ảnh lên WordPress nó sẽ tự động tạo thêm 3 phiên bản ảnh với các kích cỡ khác nhau. Bạn có thể tùy chỉnh các kích cỡ ảnh trong phần Settings (Cài đặt) → Media (Thư viện). Tại đây bạn sẽ thấy:

1. Ảnh thu nhỏ (Thumbnail Size)
2. Ảnh trung bình (Medium Size)
3. Ảnh lớn (Large Size)

Tuy nhiên, kể từ phiên bản WordPress 4.4 thì các nhà phát triển đã âm thầm tích hợp thêm vào core của WP một phiên bản ảnh nữa với chiều rộng cố định là 768px, chiều cao tự động điều chỉnh theo tỷ lệ ảnh. Và thật buồn là bạn không nhìn thấy nó trong phần cài đặt thư viện ảnh ở trên.

Như vậy, mặc định với 1 hình ảnh (ví dụ: do-van-phuong.jpg) được upload lên website thì bạn sẽ thấy có thêm 4 kích thước ảnh khác (xem trong thư mục Uploads) như sau:

• do-van-phuong.jpg (ảnh gốc)
• do-van-phuong-150×150.jpg (ảnh Thumbnail)
• do-van-phuong-300×300.jpg (ảnh Medium)
• do-van-phuong-768×768.jpg
• do-van-phuong-1024×1024.jpg (ảnh Large)

Có thể bạn sẽ thắc mắc những phiên bản ảnh với các kích cỡ khác nhau này được tạo ra để làm gì? WordPress có thực sự sử dụng chúng hay không?

Tại sao cần nhiều kích cỡ ảnh như vậy?

Rất đơn giản, chúng được sinh ra để giúp WordPress tối ưu hơn. Cụ thể, WordPress cho phép các nhà phát triển giao diện có thể tạo ra nhiều phiên bản ảnh với kích thước tùy ý để hiển thị tại các vị trí khác nhau trên website. Ví dụ:

• Ảnh Thumbnail (150px) dùng làm ảnh đại diện của bài viết;
• Ảnh Medium (300px) dùng làm ảnh đại diện chuyên mục (category);
• Ảnh Large (1024px) dùng để minh họa trong nội dung bài viết;

Bạn nghĩ mà xem, nếu bạn muốn sử dụng 1 hình ảnh minh họa thật rõ nét có kích thước lớn (chẳng hạn 1920px) nhưng cái khung website (chiều rộng website) lại chỉ có 980px thì sao nhỉ? Trình duyệt web sẽ tự điều chỉnh hình ảnh 1920px về độ rộng 980px để hiển thị vừa đẹp với website của bạn. Như vậy người dùng phải tải về hình ảnh 1920px nhưng họ chỉ xem được với kích thước 980px.

Thay vì chèn ảnh gốc, bạn có thể sử dụng phiên bản ảnh cỡ lớn 1024px thì người dùng cũng không thấy sự khác biệt nào cả. Vì ảnh 1024px cũng sẽ được trình duyệt điều chỉnh về 980px cho vừa với khung website.

Rõ ràng, việc sử dụng ảnh 1024px là tối ưu hơn hẳn. Vì hình ảnh 1024px dung lượng nhỏ hơn ảnh gốc 1920px nên người dùng sẽ tải nhanh hơn. Qua đó cũng giúp tiết kiệm băng thông cho máy chủ. Về mặt SEO, Google cũng đánh giá cao những trang web được tối ưu như vậy.

Hướng dẫn tối ưu hình ảnh cho WordPress

Mặc định WordPress chỉ tạo ra 4 phiên bản ảnh như tôi đã nói ở trên, nhưng tùy vào Theme và các Plugins bạn sử dụng mà có thể sẽ có nhiều phiên bản ảnh khác. Cụ thể như nào bạn cứ vào thư mục Uploads để xem là rõ nhất.

Nếu website sử dụng tất cả các phiên bản ảnh này thì không vấn đề. Nhưng nếu không sử dụng thì sẽ là một sự lãng phí tài nguyên. Việc lưu trữ nhiều hình ảnh sẽ làm tốn dung lượng đáng kể của hosting. Do đó, nếu không tối ưu ảnh thì bạn có thể đang gặp 3 vấn đề sau:

1. Ảnh được tự động tạo ra nhưng không dùng đến;
2. Kích thước ảnh to hơn vùng hiển thị gây tốn băng thông;
3. Kích thước ảnh nhỏ hơn vùng hiển thị dẫn đến vỡ hình;

Dù là vấn đề nào thì bạn cũng nên khắc phục ngay.

1. Cài đặt kích thước ảnh khớp với vùng hiển thị trên website

Việc đầu tiên bạn cần làm là cài đặt kích thước ảnh trong phần Settings (Cài đặt) → Media (Thư viện) chính xác với vùng ảnh hiển thị trên website. Ví dụ với blog dovanphuong.com này:

Vùng hiển thị ảnh đại diện bài viết (lấy ảnh thumbnail) trong chuyên mục rộng 244px. Còn vùng hiển thị ảnh đại diện bài viết trên sidebar (lấy ảnh medium) rộng 298px. Do đó tôi cài đặt thư viện ảnh tương ứng trong WordPress như sau:

Như vậy, hình ảnh lấy ra sẽ có kích thước tương đương với vùng hiển thị. Trang web như vậy gọi là tối ưu.

2. Loại bỏ size ảnh không sử dụng

Để ngăn chặn WordPress tự động tạo ra ảnh nhưng không sử dụng, bạn chèn đoạn code sau vào file functions.php trong theme bạn đang sử dụng:

////////// Không cho tự động tạo ảnh thu nhỏ //////////
function dvp_remove_default_image_sizes( $sizes) {
    unset( $sizes['thumbnail']); //Không cho tạo ảnh thumbnail
    unset( $sizes['medium']); //Không cho tạo ảnh medium
    unset( $sizes['large']); //Không cho tạo ảnh large
    unset( $sizes['medium_large']); //Không cho tạo ảnh medium_large
    return $sizes;
}
add_filter('intermediate_image_sizes_advanced', 'dvp_remove_default_image_sizes');

Có một cách dễ hơn, không cần sửa code là sử dụng plugin EWWW Image Optimizer. Bạn vào phần cài đặt plugin trong Settings, chuyển qua tab Resize để vô hiệu hóa những size ảnh không dùng đến.

Bên cạnh 2 giải pháp trên, bạn cũng có thể sử dụng plugin để nén ảnh giúp giảm dung lượng để tiết kiệm không gian lưu trữ của hosting cũng như băng thông.

Lưu ý rằng: Đối với những hình ảnh đã tải lên trước đó, bạn phải dùng plugin Regenerate Thumbnails để tạo lại kích thước ảnh mới.

Theo Joost de Valk (cha đẻ của plugin Yoast SEO) thì Google có khả năng hiểu được các trang con (subpages) thông qua các thẻ rel="next" và rel="prev" khi phân trang cho WordPress. Vì thế nó sẽ tự động không index các trang con này mà không cần đến thuộc tính noindex trên trang. Đó cũng là lý do từ phiên bản Yoast SEO 6.3 tính năng noindex subpages cũng được loại bỏ trên plugin này.

Nhưng thực tế, Google vẫn index các trang subpages. Trong công cụ quản trị web (Google Search Console) vẫn cảnh báo trùng title và description giữa các trang. Nhìn rất ngứa mắt. Đó là lý do bạn nên chặn lập chỉ mục ngay và luôn!

Sử dụng 1 trong 3 cách sau đây:

1. Chặn index subpages bằng robots.txt

Bạn thêm đoạn code sau vào file robots.txt trong thư mục root web:

User-agent: *
Disallow: /page/

Lưu ý là đừng để cấu trúc URL có từ page nếu không cũng sẽ bị chặn index nhé. Cách này có thể áp dụng cho tất cả các website nói chung chứ không riêng gì WordPress.

Kể từ tháng 09/2019, Google bot không còn tuân theo chỉ thị trong robots.txt nữa rồi. Các bạn đang chặn index bằng file robots.txt hãy xóa nó và sử dụng giải pháp khác đi nhé.

2. Chặn index subpages bằng functions.php

Bạn sửa file functions.php trong theme đang sử dụng, thêm vào đoạn code sau:

function dvp_subpage_fix() {
if(is_paged()) echo '<meta name="robots" content="noindex,follow"/>';}
add_action('wp_head', 'dvp_subpage_fix');

Code này sẽ tự động thêm thẻ <meta name="robots" content="noindex,follow"/> vào các trang subpages. Yên tâm là nó chỉ chặn lập chỉ mục chứ Google Bots vẫn thu thập dữ liệu được bình thường.

3. Sửa trực tiếp file header.php

Tìm file header.php trong thư mục theme đang sử dụng. Nếu nội dung file header.php có thẻ meta robots rồi thì chỉnh sửa, nếu chưa có thì thêm vào đoạn code sau:

<meta name="robots" content="follow, <?php echo (get_query_var('paged')==1)?'index':'noindex'?>" />

So với việc chặn bằng robots.txt thì sửa file header.php hoặc functions.php an toàn hơn. Không sợ bị Google noindex nhầm các trang không phải subpages. Tuy nhiên, mỗi khi update theme thì phải làm lại từ đầu nên cũng khá bất tiện. Giải pháp tốt nhất là dùng child-theme thì update theme thoải mái nhé.

4. Dùng plugin seo như Rank Math

Nếu các bạn dùng plugin seo Rank Math thì có sẵn tính năng tắt index subpages.

Bạn vào phần Titles & Meta, chọn Misc Pages. Bật Noindex Subpages lên là được nhé.

Lưu ý rằng: Việc chặn index các subpages không có nghĩa là các bot thu thập thông tin sẽ nghe theo. Đây chỉ là yêu cầu đơn phương từ phía website của bạn, có thể một số bot (ví dụ Ahrefs, Semrush,…) vẫn sẽ cào dữ liệu về để phân tích. Nhưng mình thấy Google khá tôn trọng yêu cầu này từ phía website nên những web mình chặn index đều không thấy Google lập chỉ mục.

Trong bài viết này tôi sẽ giúp các bạn tìm ra plugin tối ưu hình ảnh tốt nhất cho WordPress dựa trên cơ sở thực tiễn bằng cách test thử từng plugin. Bài viết chia thành 3 phần chính:

• Phần 1: Tổng hợp những plugin tối ưu ảnh tốt nhất cho WordPress.
• Phần 2: Test thử và so sánh hiệu quả thực tế của từng plugin.
• Phần 3: Tìm hiểu thêm về công nghệ nén ảnh để sử dụng hiệu quả các plugins.

Và để tối ưu ảnh tốt hơn, bạn hãy xem bài viết này: Hướng dẫn tối ưu hình ảnh cho WordPress. Bây giờ, hãy bỏ ra 10 phút tìm hiểu cùng tôi:

TOP plugin tối ưu hình ảnh tốt nhất cho WordPress

Phần này tôi sẽ tổng hợp và giới thiệu những plugin tốt nhất dựa vào số lượt download và điểm đánh giá của từng plugin trong thư viện của WordPress. Ngoài ra tôi cũng tham khảo từ những bài giới thiệu, đánh giá của nhiều tác giả tại Việt Nam và trên thế giới.

1. WP Smush.It

WP Smush.It được coi là plugin hàng đầu trong số những plugin tối ưu ảnh cho WordPress bởi lịch sử lâu đời và được hậu thuẫn bởi WPMU DEV (một nhà phát triển nổi tiếng trong cộng đồng WordPress).

Download: https://wordpress.org/plugins/wp-smushit/

Nền tảng của plugin này chính là công nghệ nén và tối ưu hóa hình ảnh do Yahoo phát triển. WPMU DEV sử dụng các API để tích hợp vào WordPress tạo ra một plugin giúp giảm dung lượng hình ảnh xuống mức thấp nhất nhưng vẫn giữ được chất lượng mà mắt thường không thể phân biệt được.

WP Smush.It cung cấp 2 phiên bản miễn phí và trả phí, tuy nhiên chỉ cần sử dụng phiên bản miễn phí là bạn cũng khá hài lòng rồi – bởi những tính năng tuyệt vời sau đây:

Phiên bản WP Smush.It miễn phí

• Tối ưu hóa hình ảnh của bạn bằng cách sử dụng kỹ thuật nén tiên tiến, hỗ trợ định dạng JPEG, PNG và GIF.
• Tự động tối ưu tất cả hình ảnh đã được tải lên trong thư viện (media) của WordPress.
• Tự động tối ưu những hình ảnh ngay khi bạn tải lên trong quá trình viết bài.
• Tự động resize (thay đổi kích thước) của hình ảnh theo tùy chọn của bạn.
• Tự động sao lưu những ảnh gốc để bạn có thể khôi phục bất cứ lúc nào (tất nhiên sẽ làm tăng dung lượng của bộ nhớ).
• Tự động chuyển đổi ảnh từ PNG sang JPEG.
• Có tùy chọn để giữ lại toàn bộ dữ liệu EXIF của hình ảnh.
• Hỗ trợ Multisite và tùy chỉnh riêng cho từng site.
• Có thống kê nén chi tiết cho từng file ảnh (xem chi tiết trong thư viện hình ảnh)
• Không giới hạn số lượng ảnh.

WP Smush.It là plugin nén ảnh được tải về nhiều nhất cũng như được đánh giá tốt nhất bởi phiên bản miễn phí cũng không giới hạn số lượng ảnh nén. Chỉ có một sự bất tiện nho nhỏ với phiên bản miễn phí thì mỗi lần tối ưu tự động bị giới hạn tối đa 50 ảnh nên nếu thư viện của bạn có nhiều hơn 50 ảnh thì bạn phải thao tác làm nhiều lần.

Phiên bản WP Smush.It PRO

Thì không có gì để chê bởi:

• Khả năng nén gấp hơn 2 lần so với phiên bản miễn phí;
• Hỗ trợ nén ảnh có dung lượng tối đa lên tới 32Mb;
• Không bị giới hạn số lượng ảnh nén đồng thời,…

Tuy nhiên cái dở hơi nhất của plugin này là nhà phát triển WMPU DEV không bán plugin riêng lẻ mà cung cấp dưới dạng tài khoản. Tức là bạn phải có tài khoản (49$/tháng) trên hệ thống của WMPU DEV thì sẽ được sử dụng tất cả những plugins, themes do nhà cung cấp này phát hành.

Thực tế đây là một khoản tiền hợp lý vì wpmudev có rất nhiều plugins hay, themes đẹp,… nhưng nếu chỉ vì cái plugin tối ưu ảnh WP Smush Pro này thì có vẻ hơi lãng phí vì nó đâu phải duy nhất, còn nhiều plugin tối ưu ảnh khác cũng rất tốt.

2. EWWW Image Optimizer

Download: https://wordpress.org/plugins/ewww-image-optimizer/

Được xem là đối thủ số 1 của WP Smush.It, Ewww Image Optimizer cũng là một trong những plugin giúp tối ưu hóa hình ảnh được rất nhiều người yêu thích. Plugin này cũng sở hữu rất nhiều tính năng giống với WP Smush.It, thậm chí còn nhiều hơn.

Tính năng của Ewww Image Optimizer

• Hỗ trợ định dạng JPG, PNG, GIF, WEBP (phiên bản trả phí hỗ trợ cả PDF).
• Các công cụ được sử dụng để tối ưu là jpegtran, TinyJPG (TinyPNG), JPEGmini, optipng, pngout, pngquant và gifsicle. Hầu hết trong số này đều miễn phí ngoại trừ TinyPNG và JPEGmini.
• Tự động chuyển đổi ảnh từ PNG sang JPEG, từ JPG sang PNG, GIF sang PNG. Công cụ được sử dụng để convert (chuyển đổi) là GMagick, IMagick hoặc GD.
• Tự động tối ưu toàn bộ hình ảnh đã upload trong thư viện của WordPress.
• Tự động tối ưu hình ảnh khi upload trong quá trình viết bài.
• Không giới hạn số lượng ảnh.
• Tự động resize hình ảnh theo tùy chọn.
• Cho phép chọn cấp độ nén, và độ nét của ảnh.
• Hỗ trợ CDN: Amazon S3, Azure Storage, Cloudinary, DreamSpeed CDN, Cloudflare, KeyCDN, MaxCDN và Sucuri CloudProxy.
• Ngoài ra còn một số tùy chọn khác nữa.

Nhận xét chung với phiên bản miễn phí thì Ewww Image Optimizer không hề thua kém WP Smush.It, thậm chí còn có nhiều tính năng hay hơn (về mặt lý thuyết là như vậy).

Tuy nhiên phiên bản trả phí của plugin này lại tính tiền dựa trên số lượng ảnh xử lý (3$/1000 ảnh) cho nên nếu website của bạn có nhiều hình ảnh hoặc bạn muốn sử dụng cho nhiều website thì sẽ khá tốn kém.

Đừng lo, chúng ta vẫn còn nhiều plugin khác tốt lắm.

3. Kraken.io Image Optimizer

Download: https://wordpress.org/plugins/kraken-image-optimizer/

Kraken.io Image Optimizer là plugin do Kraken.io phát triển, cho phép bạn tối ưu hóa và thay đổi kích thước các hình ảnh trong WordPress thông qua API của Kraken.io.

• Plugin này hỗ trợ 2 chế độ tối ưu hoá lossless, lossy.
• Định dạng ảnh là JPEG, PNG, GIF (bao gồm cả GIF động)
• Dung lượng tối đa lên đến 32 MB.

Ngoài ra, Kraken còn phát triển hệ thống nén ảnh trực tiếp trên website Kraken.io, có thống kê đầy đủ, khá tiện lợi.

Xét về mức độ phổ biến (lượt tải về, điểm đánh giá) thì Kraken không so sánh được với 2 plugin trên, nhưng nếu chỉ phục vụ một mục đích duy nhất là tối ưu ảnh thì theo như những gì Kraken quảng cáo chắc chắn không thua kém, thậm chí họ còn khẳng định rằng: Nếu bạn muốn giảm dung lượng ảnh tối đa có thể mà không làm giảm đi chất lượng của hình ảnh thì đây chính là plugin bạn cần. Thực hư ra sao thì chúng ta sẽ làm rõ ở phần sau.

Kraken.io không có gói miễn phí

Nhược điểm lớn nhất và có thể nhìn thấy ngay của Kraken là gói miễn phí (dùng thử) bị giới hạn dung lượng tối đa chỉ có 100Mb cho nên nếu muốn sử dụng lâu dài thì bạn sẽ phải trả phí.

Khác với WP Smush.It và Ewww Image Optimizer, Kraken tính tiền theo dung lượng ảnh:

Vì cách tính giá khác nhau nên cũng khó để so sánh đắt rẻ cho nên tùy vào nhu cầu của bạn mà lựa chọn sao cho hợp lý. Ví dụ bạn là nhiếp ảnh gia muốn chơi ảnh thì đương nhiên dung lượng ảnh sẽ lớn → Chọn Ewww Image Optimizer. Còn nếu viết blog, tin tức,… chỉ cần ảnh minh họa nhỏ thôi thì chọn Kraken.

4. ShortPixel Image Optimizer

Download: https://wordpress.org/plugins/shortpixel-image-optimiser/

ShortPixel Image Optimizer cũng là một plugin tối ưu ảnh miễn phí rất nổi tiếng. Về tính năng cũng không khác gì 3 plugin trên:

• Hỗ trợ tối ưu hóa 3 chế độ Lossy, Lossless và Glossy;
• Hỗ trợ định dạng JPG, PNG, GIF (bao gồm cả ảnh động) và PDF;
• Hỗ trợ chuyển đổi sang WebP,…

Nhược điểm của plugin này là phiên bản miễn phí bị giới hạn số lượng ảnh chỉ là 100 ảnh/tháng – quá ít so với một website bình thường. Nếu muốn sử dụng lâu dài thì bạn phải trả phí.

Giá của ShortPixel mềm hơn rất nhiều so với các plugin trên:

Chỉ với 5$ bạn có thể tăng giới hạn của mình lên 5000 ảnh/tháng, tức là khoảng 166 ảnh/ngày – có lẽ đủ dùng rồi đấy nhỉ?

5. Imagify Image Optimizer

Download: https://wordpress.org/plugins/imagify/

Imagify Image Optimizer là plugin không thể vắng mặt trong danh sách này. Nhà phát triển chính là WP Media – tác giả của WP Rocket (một caching plugin tốt hàng đầu hiện nay, được xem là đối thủ của W3 Total Cache và WP Super Cache) nên bạn không có gì để lo lắng về chất lượng của plugin này.

Sở hữu đầy đủ các tính năng giống như các plugin kể trên, Imagify cũng sẽ giúp bạn giảm đáng kể dung lượng hình ảnh mà không làm giảm chất lượng, làm cho trang web của bạn tải nhanh hơn, tốt cho SEO và tiết kiệm băng thông rất nhiều.

Tuy nhiên phiên bản miễn phí của plugin này gần như chỉ để cho chúng ta test thử tính năng là chính, vì dung lượng chỉ có 25Mb/tháng thì chẳng làm được gì.

Cùng tính tiền theo dung lượng sử dụng nên chúng ta có thể so sánh với Kraken:

• Gói rẻ nhất của Imagify là 5$/1Gb ảnh, rẻ gấp đôi so với 5$/500Mb của Kraken;
• Các gói còn lại thì giá tương đương;

Ngoài ra, nếu bạn sử dụng Imagify thì sẽ nhận được coupon giảm giá 20% khi mua WP Rocket – một ưu đãi vượt trội so với các đối thủ. Rõ ràng, đây cũng là một sự lựa chọn không tồi cho bạn.

6. Optimus WordPress Image Optimizer

Download: https://wordpress.org/plugins/optimus/

Optimus cũng là một trong những plugin tối ưu hóa hình ảnh rất tốt được phát triển bởi KeyCDN – nhà cung cấp dịch vụ CDN nổi tiếng đến từ Thụy Sĩ.

Điểm mạnh của Optimus là:

• Ngay từ phiên bản miễn phí cũng không bị giới hạn số lượng ảnh;
• Tuy nhiên chỉ hỗ trợ 2 định dạng ảnh là JPG và PNG;
• Không hỗ trợ giao thức HTTPS;
• Dung lượng file tối đa chỉ có 100Kb – khá khiêm tốn.

Nếu bạn sử dụng từ phiên bản Optimus HQ Premium (19$/năm) sẽ có API:

• Hỗ trợ HTTPS;
• Dung lượng file tối đa 5 Mb;
• Chuyển đổi ảnh sang WebP;
• Có tùy chọn giữ lại thông tin EXIF của ảnh.

So với các plugin kể trên thì giá của Optimus có vẻ mềm nhất (chỉ 19$/năm) mà lại không bị giới hạn số lượng ảnh. Nếu bạn có nhiều website hoặc website của bạn sử dụng nhiều hình ảnh trong bài viết thì rõ ràng Optimus là một sự lựa chọn cực tối ưu về mặt chi phí.

7. Compress JPEG & PNG images

Download: https://wordpress.org/plugins/tiny-compress-images/

Tiny Compress Images chính là sự kết hợp hoàn hảo giữa 2 website tối ưu ảnh nổi tiếng TinyJPG.com và TinyPNG.com bởi công ty chuyên phát triển phần mềm và ứng dụng VoorMedia trụ sở tại Hà Lan. Với hơn 15 năm kinh nghiệm trong lĩnh vực phần mềm và là đối tác của nhiều tập đoàn lớn: Samsung, Walmart, Ask, Sony,… chắc chắn bạn sẽ lựa chọn plugin cho việc tối ưu ảnh mà không cần phải suy nghĩ thêm.

Phiên bản miễn phí của Tiny Compress Images giới hạn 500 ảnh/tháng:

So sánh với EWWW Image Optimizer (giá $3/1000 ảnh) thì TinyPNG có giá đắt hơn gấp 3 lần (giá 9$/1000 ảnh) nếu bạn không sử dụng đến 10.000 ảnh, nhưng nếu bạn có nhiều hơn 10k ảnh thì giá của TinyPNG sẽ rẻ đi (chỉ 2$/1000 ảnh).

Rõ ràng nếu quy mô website của bạn không lớn thì giá của EWWW Image Optimizer là tối ưu hơn rất nhiều.

Plugin nào nén ảnh tốt nhất?

Như phân tích ở phần trên các bạn cũng thấy cả 7 plugin mà tôi giới thiệu đều sẽ giúp các bạn giảm dung lượng hình ảnh mà vẫn giữ nguyên chất lượng. Mỗi plugin có điểm mạnh điểm yếu riêng và việc lựa chọn plugin nào phụ thuộc rất nhiều vào đặc điểm website, số lượng và kích thước của những hình ảnh bạn sử dụng trên website.

Tuy nhiên, điều tôi quan tâm nhất ở đây là plugin nào nén dung lượng của ảnh nhỏ nhất mà chất lượng ảnh vẫn tốt?

Để trả lời câu hỏi này tôi đã chuẩn bị 1 số hình ảnh với những kích thước khác nhau:

Các bạn có thể thấy ảnh gốc của tôi là Anh-5000px.jpg được chụp bằng máy ảnh NIKON. Sau đó tôi dùng Photoshop để resize ảnh gốc này và tạo ra các hình ảnh với kích thước nhỏ hơn: 3840px, 1920px, 1600px, 1280px, 960px, 640px và 320px.

Tiếp theo tôi dùng các plugin trên để nén lần lượt từng hình ảnh và cho ra những kết quả sau đây:

Dung lượng của hình ảnh (size)

Các bạn cũng thấy 2 plugin nổi tiếng nhất về tối ưu ảnh cho WordPress là WP Smush và Ewww Image Optimizer (bao gồm cả phiên bản miễn phí và PRO) đều giúp giảm dung lượng ảnh nhưng không thực sự khác biệt. Trong khi đó các plugin còn lại tạo ra sự khác biệt rất lớn so với ảnh gốc.

Nếu chỉ nhìn vào dung lượng (chưa xét đến chất lượng) thì các bạn cũng thấy Plugin Imagify nén ở chế độ Ultra cho ra ảnh có dung lượng thấp nhất, tiếp theo là ShortPixel > Imagify Aggressive > TinyPNG > Kraken > Optimus.

Chất lượng của hình ảnh (quality)

Trong phạm vi bài viết này tôi muốn nói đến chất lượng của hình ảnh khi tối ưu sử dụng cho web (tức là xem trên web thôi). Có nghĩa là chỉ có thể đánh giá bằng mắt thường chứ không đo đếm bằng bất cứ công cụ nào nhé.

Giảm dung lượng của hình ảnh giúp tiết kiệm băng thông và bộ nhớ cho máy chủ (hosting) của bạn nhưng không đảm bảo trải nghiệm người dùng là tốt nhất vì nếu ảnh sau khi nén bị mờ, khó nhìn thì sẽ tạo ra cảm giác khó chịu cho người xem website. Đối với website bán hàng thì hình ảnh càng quan trọng hơn vì nó tác động rất lớn đến quyết định của người mua hàng online. Vậy nên chúng ta cần dung hòa (cân bằng) được dung lượng và chất lượng của ảnh để đạt được cả 2 tiêu chí trên.

Miễn phí đương nhiên không tốt bằng trả phí

Với 2 plugin WP Smush và Ewww Image Optimizer thì thôi không xét nữa vì:

1. Hình ảnh sau khi nén nhìn giống hệt so với ảnh gốc nhưng dung lượng giảm không nhiều → Không đạt được tiêu chí tốt nhất về tiết kiệm dung lượng và băng thông.
2. Với dung lượng ảnh lớn như vậy rõ ràng người xem sẽ mất nhiều thời gian hơn để tải hình ảnh đó nên cũng không đạt được tiêu chí tốt nhất về trải nghiệm người dùng.

Imagify nén với chế độ Ultra thì nhìn thấy rõ ảnh bị nhòe, mờ nên không đảm bảo được trải nghiệm người dùng → Loại.

Imagify nén với chế độ Aggressive thì ảnh lại không hề nhòe, nếu nhìn bằng mắt thường rất khó phân biệt với ảnh gốc.

Các plugin Optimus, TinyPNG, Kraken cũng cho ra hình ảnh tương tự ảnh gốc, nhìn bằng mắt thường không khác nhau là mấy.

Để thực sự trải nghiệm và tự các bạn có thể đánh giá: Hãy tải về những ảnh gốc và ảnh đã được nén tại đây: hinh_anh.zip

Những ảnh bên ngoài là ảnh gốc, bên trong các thư mục là các ảnh đã được tối ưu.

Nhận xét chung

Đối với phiên bản miễn phí thì rõ ràng 2 plugin WP Smush và Ewww Image Optimizer là sự lựa chọn số 1 rồi. Các bạn nên chọn WP Smush vì những cài đặt mặc định cũng khá đầy đủ và dễ sử dụng. Còn Ewww Image Optimizer thì phần cài đặt hơi phức tạp cho những bạn mới, bạn cần xem hướng dẫn ở đây: Hướng dẫn sử dụng EWWW Image Optimizer.

Và đây là phần nhận xét mang hơi hướng cá nhân do tôi tự chấm điểm với phiên bản trả phí:

• Chất lượng ảnh (đo bằng mắt thường) – tối đa 10/10.
• Dung lượng ảnh sau khi nén – tối đa 10/10.
• Tốc độ xử lý ảnh là tốc độ nén của các plugin.
• Tính năng bao gồm các chức năng, dễ sử dụng hay khó sử dụng, thiết kế đơn giản hay phức tạp,…
• Giá cả là chi phí cần để mua plugin.

Giá rẻ chọn Optimus

Vì Optimus nén những hình ảnh có kích thước nhỏ rất tốt, ảnh sau khi nén giảm được dung lượng khá nhiều nhưng với những hình ảnh có kích thước lớn thì Optimus lại không thể hiện được đẳng cấp của mình so với các đối thủ.

Tuy nhiên ưu điểm vượt trội của Optimus là giá rẻ (19$/năm), không bị giới hạn số lượng ảnh, không giới hạn số lượng website → Đây là một sự lựa chọn tốt cho những website tin tức, blog,… không sử dụng ảnh lớn. Và là sự lựa chọn hàng đầu cho những ai quan tâm đến giá.

Nên dùng ShortPixel hoặc Imagify

ShortPixel mặc dù tất cả các yếu tố bao gồm cả giá cũng khá hợp lý nhưng ảnh sau khi nén nếu nhìn kỹ thấy chất lượng kém hơn so với các plugin còn lại nên đề xuất các bạn chọn Imagify tốt hơn ShortPixel.

Không nên dùng TinyPNG hoặc Kraken

Còn TinyPNG và Kraken giá hơi chát mà hiệu quả cũng không mấy rõ rệt nên không đề xuất. Tuy nhiên bạn có thể sử dụng dịch vụ nén online trên các website này trước khi up ảnh lên website của bạn.

Các bạn chú ý là khi sử dụng WordPress thì mỗi một hình ảnh bạn up lên sẽ được tạo thành nhiều phiên bản ảnh khác nhau. Mặc định có 3 phiên bản là ảnh đại diện (thumbnail), ảnh trung bình (medium) và ảnh cỡ lớn (large) mà các bạn có thể tùy chỉnh kích thước ở Dashboard → Settings → Media. Tuy nhiên còn tùy vào các plugin và theme mà bạn sử dụng nữa, có thể sẽ có nhiều phiên bản ảnh khác nữa. Do đó, nếu bạn sử dụng plugin tối ưu ảnh tính tiền theo số lượng ảnh sẽ bất lợi hơn so với việc tính tiền theo dung lượng, đặc biệt nếu website của bạn không cần thiết phải sử dụng hình ảnh quá lớn.

Tìm hiểu thêm về công nghệ nén ảnh

Đây là phần mở rộng cho bài viết này vì nó liên quan đến một số tùy chỉnh trong plugin mà bạn sử dụng. Mặt khác, công nghệ nén ảnh mà các bạn sử dụng sẽ cho ra kết quả rất khác nhau nên các bạn nên tìm hiểu để sử dụng cho đúng mục đích.

• Lossy Compression (tạm dịch là nén có tổn hao) là kiểu nén sẽ xóa bỏ một phần dữ liệu của tập tin nhưng vẫn đảm bảo chất lượng của nó không thay đổi. Kiểu nén này nhằm mục đích giảm tối đa dung lượng của tập tin để cải thiện tốc độ truyền tải dữ liệu trên internet. Với những hình ảnh sử dụng trên web thì chúng ta nên sử dụng kiểu nén Lossy này. Đây cũng là kiểu nén mặc định được thiết lập trong các plugin tối ưu ảnh.
• Lossless Compression (tạm dịch là nén không tổn hao) là kiểu nén sẽ giữ nguyên toàn bộ dữ liệu của tập tin. Với cách nén này thì dung lượng giảm đi không đáng kể nhưng vẫn giữ nguyên được mọi thông tin của hình ảnh gốc, phù hợp với những bạn làm web chia sẻ hình ảnh sử dụng trong thiết kế, in ấn,…

Kết luận

Hình ảnh là một trong những thành phần quan trọng nhất của website. Nó không những giúp minh họa và diễn giải một cách sinh động cho nội dung mà đôi khi còn để chúng ta truyền đạt một thông điệp nào đó, tăng sức hút cho trang web. Tuy nhiên hình ảnh lại chiếm dung lượng rất lớn của bộ nhớ và gây tốn rất nhiều băng thông.

Bên cạnh đó, nếu hình ảnh quá nặng sẽ làm tăng thời giản tải xuống khiến người dùng phải chờ đợi lâu và phát sinh cảm xúc không tốt… làm giảm trải nghiệm người dùng. Bởi vậy Google cũng đánh giá rất cao những trang web đã tối ưu hình ảnh – đây cũng là 1 phần công việc của người làm seo.

Bạn còn chờ gì nữa? Hãy chọn cho mình một plugin tối ưu ảnh và chia sẻ trải nghiệm với tôi trong phần bình luận dưới bài viết này.!

Thẻ Heading là gì?

Có 6 loại heading là H1, H2, H3, H4, H5, H6 và theo thứ tự từ trái qua phải mức độ quan trọng giảm dần (tức là H1 quan trọng hơn H2, H2 quan trọng hơn H3,…). Ý nghĩa của thẻ heading là để nhấn mạnh, làm nổi bật cái chủ đề chúng ta sẽ nêu ra ở nội dung phía dưới.

Bạn có thể nhìn vào phần mục lục của một cuốn sách, nó được chia thành nhiều phần, trong mỗi phần là các chủ đề nhỏ hơn được phân cấp rất rõ. Như vậy, chỉ cần nhìn vào mục lục của một quyền sách, chúng ta cũng phần nào hình dung được nội dung bao quát của cả cuốn sách mà chưa cần đọc nội dung cụ thể. Vai trò của thẻ Heading trong SEO cũng như vậy, nó giúp cho Google và các máy tìm kiếm khác hiểu được nội dung tổng quát của cả trang web, biết được các chủ đề chính và phụ của nội dung.

Cấu trúc của thẻ Heading

<h1>Chủ đề 1</h1>
<h2>Chủ đề 2</h2>
<h3>Chủ đề 3</h3>
<h4>Chủ đề 4</h4>
<h5>Chủ đề 5</h5>
<h6>Chủ đề 6</h6>

Sử dụng thẻ heading trong SEO Onpage

Nhìn từ ý nghĩa của thẻ heading đã nói ở trên chúng ta dễ dàng suy ra việc lạm dụng heading sẽ làm máy tìm kiếm không thể hiểu được bố cục nội dung của website nên không tốt cho SEO. Vì vậy bạn đừng nghĩ thẻ h1 quan trọng nhất nên chỉ dùng h1 mà bỏ qua các thẻ khác. Cốt lõi khi sử dụng thẻ heading là phải hài hòa, hợp lý, cụ thể như sau:

• Thẻ H1: Là phần nội dung chính mà bạn muốn nói đến (giống như tên của cuốn sách). Trong một trang web, thẻ h1 chỉ nên xuất hiện một lần duy nhất và là tiêu đề của trang web.
• Thẻ H2: Là phần bổ trợ cho thẻ H1, có thể xuất hiện nhiều lần trên trang web.
• Thẻ H3: Là phần đề mục nhỏ bổ trợ cho thẻ H2, có thể xuất hiện nhiều lần trên trang web.
• Các thẻ H4,H5,H6 thường ít được sử dụng hơn vì một bài viết thường không quá dài và ít khi cần phân chia thành quá nhiều tầng.
• Các thẻ heading nên chứa từ khóa cần SEO và sử dụng font chữ to nhỏ hợp lý sao cho phù hợp về mặt thẩm mỹ.

Trong một số trường hợp (nhất là với những website tự code) thì để tùy chỉnh Heading các bạn phải chỉnh trong code web. Tuy nhiên với các mã nguồn mở nổi tiếng như WordPress, Joomla,… thì công cụ soạn thảo nội dung cho phép trình bày Heading rất dễ dàng.

Đối với một số CMS phổ biến như WordPress, Joomla,… hầu hết các giao diện (theme/template) được thiết kế mặc định có thẻ H1 chính là tiêu đề của bài viết rồi nên khi trình bày nội dung các bạn không nên sử dụng thẻ H1 cho các thành phần khác nữa mà hãy dùng từ thẻ H2 trở đi.

Lấy ví dụ bài viết này, các thẻ Heading tôi sử dụng là:

• H1: Cách sử dụng thẻ Heading trong SEO (title bài viết)
• H2: Thẻ Heading là gì?
• H2: Sử dụng thẻ heading trong SEO Onpage

Việc tối ưu heading như thế nào cũng chỉ mang tính tương đối, tùy thuộc vào suy nghĩ của từng người nên khái niệm thế nào là tốt cũng sẽ không có thước đo tuyệt đối. Các bạn chỉ cần hiểu được giá trị của thẻ heading và nguyên tắc khi sử dụng nó để khéo léo tối ưu seo onpage cho website của mình, việc seo top Google có thể trở nên dễ dàng hơn rất nhiều. Chúc các bạn thành công!

Trong bài viết này tôi sẽ tổng hợp và giải đáp tất cả “những câu hỏi ngô nghê nhất” mà tôi thu thập được trên các diễn đàn SEO, hi vọng sẽ giúp ích cho bạn:

Seo website mới như thế nào?

Seo bao lâu sẽ lên top?

Bao nhiêu backlink sẽ lên top?

Seo từ khóa dễ hay khó trước?

Vì sao từ khóa bị giảm hạng?

Càng đi link từ khóa càng tụt hạng lý do vì sao?

SEO không backlink có lên top được?

Các trường phái seo hiện nay

Sẽ tiếp tục cập nhật…

Thẻ meta description nằm trong phần đầu của trang web (bên trong thẻ <head>) nên người xem trang web không thể nhìn thấy. Các máy tìm kiếm có thể đọc được thẻ này và lấy ra phần nội dung mô tả để hiển thị trên công cụ tìm kiếm.

Cấu trúc của thẻ meta description:

<meta name="description" content="Nội dung mô tả"/>

Trong các kết quả tìm kiếm, thẻ mô tả được hiển thị phía dưới URL của trang web:

Bình thường nếu bạn không khai báo thẻ Meta Description cho trang web thì các máy tìm kiếm sẽ tự động hiển thị phần nội dung đầu tiên (khoảng 160 ký tự) của trang web thay cho thẻ mô tả. Còn nếu bạn khai báo thẻ meta description cho trang web thì công cụ tìm kiếm sẽ hiển thị chính xác phần nội dung mô tả mà bạn khai báo. Tuy nhiên, có một số trường hợp mà Google không hiển thị đúng thẻ mô tả. Đó là khi Google cảm thấy thẻ mô tả của trang web không liên quan hoặc không phù hợp với nội dung bên trong trang, Google sẽ tự động lấy ra nội dung phù hợp cho phần mô tả để hiện thị trên kết quả tìm kiếm.

Khi người tìm kiếm từ khóa bất kỳ thì công cụ tìm kiếm sẽ lấy ra nội dung phù hợp nhất với từ khóa đó để hiển thị trên kết quả tìm kiếm (xem thêm: Hoạt động của máy tìm kiếm) cho nên nếu thẻ mô tả có chứa từ khóa tìm kiếm thì cũng là một điểm cộng cho trang web của bạn. Mặt khác, nội dung trong thẻ mô tả cũng đập vào mắt người tìm kiếm nên có tác động đáng kể đến quyết định truy cập vào website của họ. Vì vậy, thẻ mô tả không chỉ phải chuẩn SEO mà cũng phải thật hấp dẫn để thu hút người dùng.

TỐI ƯU THẺ META DESCRIPTION

Thẻ meta description phải đáp ứng được những yêu cầu cơ bản của Google:

1. Không nên trùng lặp: Cũng giống như title, thẻ mô tả giữa các trang khác nhau không nên giống nhau. Đây là yếu tố quan trọng ảnh hưởng đến thứ hạng của trang web.

2. Không nên quá ngắn nhưng cũng không quá dài: Nội dung mô tả quá ngắn có thể làm người đọc không hiểu được thông điệp muốn truyền tải, còn nếu quá dài (hơn 170 ký tự) thì các máy tìm kiếm sẽ tự động ẩn đi và thay bằng dấu ba chấm (…). Như vậy bạn nên tối ưu thẻ mô tả ở mức khoảng 160 ký tự là tốt nhất.

3. Có chứa từ khóa làm SEO: Trong các kết quả tìm kiếm, bạn sẽ thấy từ khóa được tô đậm (xem ảnh minh họa ở trên) cho nên nếu phần mô tả chứa từ khóa sẽ là điểm cộng cho trang web. Và cũng giống như Title, từ khóa càng nằm gần bên trái của thẻ mô tả càng tốt. Tuy nhiên, bạn không nên nhồi nhét quá nhiều từ khóa khiến Google coi là SPAM sẽ không tốt cho SEO.

4. Liên quan đến nội dung trong trang web: Điều này là hiển nhiên.! Nếu nội dung mô tả khác hoàn toàn hoặc không mấy liên quan đến nội dung bên trong trang web thì khác gì “treo đầu dê bán thịt chó”. Không chỉ Google mà người dùng cũng rất ghét thể loại này.!

Theo kinh nghiệm của cá nhân tôi, nội dung phần mô tả nên được trích dẫn từ nội dung bên trong trang web thì gần như chắc chắn Google sẽ hiển thị đúng mô tả cho bạn. Nếu bạn viết mô tả khác đi (không giống với nội dung bài viết) thì tùy vào các từ khóa bạn sử dụng mà có thể Google sẽ hiển thị đúng hoặc không đúng thẻ mô tả của bạn.

5. Không nên viết hoa quá nhiều: Đừng cố gắng làm nổi bật phần mô tả của mình bằng cách viết hoa tất cả hoặc mật độ từ khóa viết hoa quá nhiều vì như vậy không chỉ gây khó đọc cho người tìm kiếm mà còn khiến các từ khóa quan trọng trong phần mô tả của bạn trở nên “tầm thường”. Hãy nhớ rằng mục đích của việc trình bày văn bản có chữ viết hoa, viết thường, tô đậm, in nghiêng,…là để làm nổi bật những nội dung quan trọng. Nếu bạn tô đậm hoặc viết hoa tất cả thì tự nhiên tất cả trở thành bình đẳng như nhau, những từ khóa quan trọng không còn nổi bật, quan trọng nữa.

6. Hạn chế dùng ký tự đặc biệt: Kinh nghiệm của tôi là viết mô tả liền mạch, hạn chế sử dụng quá nhiều các dấu phẩy (,) dấu chấm (.) hoặc dấu gạch ngang (-)…để tránh làm ngắt quãng văn bản làm giảm ý nghĩa của đoạn văn, và cũng là để tránh Google hiểu nhầm tôi đang cố tình nhồi nhét các từ khóa giữa các ký tự đặc biệt đó.

CÁCH VIẾT MÔ TẢ HẤP DẪN

Để viết được phần mô tả tốt thì trước tiên bạn phải hiểu rõ về sản phẩm, dịch vụ, cũng như toàn bộ nội dung, hình ảnh, thông điệp mà trang web đang truyền tải đến người đọc. Một mô tả được coi là hấp dẫn thì đương nhiên bản thân nó phải có ý nghĩa và mang một thông điệp nào đó, tốt nhất là có giá trị kích thích hành động của người tìm kiếm. Ý tôi muốn diễn đạt ở đây là:

1. THẺ MÔ TẢ NÊN LÀM RÕ CHO TITLE

Title bị giới hạn trong 60 ký tự cho nên sẽ rất khó để giúp người tìm kiếm hiểu được nội dung của cả trang web, nhưng phần mô tả sẽ làm được điều này. Với 160 ký tự bạn hoàn toàn có thể nói cho người dùng hiểu được ý nghĩa, nội dung của cả trang web. Phần mô tả nên nối tiếp thông điệp mà Title đang hướng đến hoặc giải thích rõ hơn, đầy đủ hơn về thông điệp của title. Tôi lấy ví dụ như sau:

Title là: Hành Trình Tâm Linh – Chuyên trang về thế giới tâm linh

Description là: Giúp bạn lý giải các hiện tượng tâm linh, khám phá thế giới tâm linh, phổ biến và tôn vinh nét đẹp văn hóa tâm linh, tín ngưỡng dân gian của người Việt Nam.

2. NHẮM ĐÚNG MỤC ĐÍCH TÌM KIẾM

Khi chúng ta hiểu được mục đích của người tìm kiếm thì chúng ta sẽ tối ưu được cả title cũng như description tốt nhất, cho nên với mỗi từ khóa khi nghiên cứu các bạn cần làm rõ mục đích tìm kiếm của người dùng – tại sao họ lại tìm kiếm từ khóa đó?

Lấy ví dụ với từ khóa “tư vấn pháp luật” chẳng hạn, rõ ràng người tìm kiếm đang cần được tư vấn về pháp luật, họ đang cần tìm một công ty luật, một luật sư giỏi để giúp họ giải quyết vấn đề liên quan đến pháp luật. Vậy thì chúng ta nên tối ưu thẻ description có chứa từ khóa “tư vấn pháp luật” hoặc “tư vấn pháp luật trực tuyến” hoặc “tư vấn pháp luật miễn phí”… Và đây là một ví dụ: Chúng tôi hỗ trợ tư vấn pháp luật miễn phí về các vấn đề dân sự, hình sự, gia đình, doanh nghiệp, đất đai, tài sản…

Tóm lại, không phải lúc nào bạn cũng cần tối ưu thẻ meta description theo những nguyên tắc cứng nhắc trên. Hãy sử dụng vốn kiến thức và kinh nghiệm của riêng mình để viết thẻ mô tả một cách linh hoạt, đúng với mục đích mà bạn muốn truyền đạt nhất. Đừng tham lam nhồi nhét quá nhiều từ khóa làm mất giá trị của thông điệp chính (từ khóa chính) cần truyền tải. Để làm rõ hơn phần kết luận này, tôi xin minh họa bằng một ví dụ sau đây:

Tôi có chơi thân với một chị luật sư là giám đốc công ty luật Việt Tín (website là viettinlaw.com). Trong lĩnh vực dịch vụ luật thì có vô vàn từ khóa liên quan với lượt tìm kiếm rất nhiều nên không thể tối ưu SEO cho trang chủ với tất cả những từ khóa đó được. Ở đây tôi chỉ liệt kê tạm một vài từ khóa:

Vậy thì rõ ràng chúng ta chỉ có thể chọn ra một số từ khóa TỐI ƯU NHẤT để làm SEO cho trang chủ. Việc này phụ thuộc vào nhiều yếu tố, đặc biệt là sản phẩm, dịch vụ mà công ty có thể cung cấp và đối tượng khách hàng mục tiêu của công ty là cá nhân hay doanh nghiệp?…Thông thường chúng ta ưu tiên các từ khóa có lượt tìm kiếm nhiều, thể hiện rõ mục đích của người tìm kiếm (những người tìm kiếm các từ khóa này rất dễ trở thành khách hàng) – Với danh sách từ khóa ở trên, chúng ta có thể nhận thấy nhiều từ khóa tương đồng và có thể chia thành các nhóm:

• Nhóm 1: luật doanh nghiệp, tư vấn doanh nghiệp, tư vấn luật doanh nghiệp.
• Nhóm 2: tư vấn pháp luật, tư vấn luật, tư vấn luật miễn phí, tư vấn pháp luật miễn phí, tư vấn luật đất đai, tư vấn luật doanh nghiệp, tư vấn luật online, tư vấn pháp luật online, tư vấn pháp luật trực tuyến.
• Nhóm 3: công ty luật, văn phòng luật sư, luật sư tư vấn, luật sư giỏi.
• Nhóm 4: hoi dap phap luat, hỏi đáp pháp luật.

Với giới hạn của Title là 60 ký tự và Description trong khoảng 160 ký tự, dễ thấy bạn không thể nhồi nhét vào tất cả những từ khóa ở trên, bạn bắt buộc phải chọn ra những từ khóa quan trọng nhất (có lượt tìm kiếm nhiều và khả năng trở thành khách hàng cao). Mặt khác, từ khóa chính cần SEO phải xuất hiện cả ở Title và Description, cho nên với 60 ký tự ta chỉ có thể tối ưu tốt cho khoảng 3 từ khóa. Với danh sách trên, ta nên lựa chọn từ khóa “luật doanh nghiệp, tư vấn pháp luật, công ty luật”. Và dưới đây là một vài ví dụ về thẻ meta description trong trường hợp này:

• Công ty luật Việt Tín hỗ trợ tư vấn pháp luật miễn phí, hỏi đáp pháp luật trực tuyến, tư vấn luật doanh nghiệp và luật đất đai online qua tổng đài 1900565689.
• Công ty luật Việt Tín có tư vấn pháp luật miễn phí, tư vấn luật doanh nghiệp và hỏi đáp pháp luật trực tuyến. Chúng tôi là văn phòng luật sư hàng đầu Việt Nam.
• Văn phòng luật sư Việt Tín tự hào là công ty luật hàng đầu Việt Nam có tổng đài tư vấn luật doanh nghiệp, hỏi đáp và tư vấn pháp luật trực tuyến miễn phí.

Xin lưu ý rằng: các từ khóa SEO không nhất thiết cứ phải viết liền nhau, nhất là trong các trường hợp để cho đoạn văn trở nên mạch lạc và hấp dẫn.

Hy vọng bài viết này sẽ giúp bạn nhận thức được giá trị của thẻ mô tả và biết cách tối ưu các thẻ mô tả cho trang web chuẩn SEO. Ngoài ra, tôi cũng rất mong nhận được những lời nhận xét vô giá của các bạn để ngày một hoàn thiện bài viết hơn. Thank you.!

CÁCH NHẬN BIẾT TITLE

Khi bạn truy cập vào một trang web bất kỳ, title của trang web đó sẽ xuất hiện trên cửa sổ trình duyệt web của bạn:

Trên công cụ tìm kiếm, title của trang web sẽ xuất hiện ở dòng đầu tiên trong mỗi kết quả tìm kiếm:

Ngoài ra, khi bạn chia sẻ trang web lên các mạng xã hội thì tiêu đề của trang web cũng được hiển thị rất nổi bật:

Như vậy, chỉ cần nhìn vào Title là người xem có thể biết được chủ đề, hiểu được nội dung chính của trang web mà chưa cần phải đọc các nội dung chi tiết bên trong. Bởi thế nên các trang mạng xã hội cũng như các công cụ tìm kiếm thường hiển thị title khá nổi bật và đánh giá rất cao vai trò của title trang web. Vì lý do đó mà title trở thành một yếu tố quan trọng trong SEO Onpage mà bất cứ người làm seo nào cũng không thể bỏ qua.

TỐI ƯU TITLE CHUẨN SEO

Đã nói đến SEO là nói đến các công cụ tìm kiếm mà đại diện chính là Google, cho nên Title chuẩn SEO tức là Title thân thiện với Google. Do đó, title của trang web phải đáp ứng được những yêu cầu cơ bản của Google:

• Title phải có nghĩa, là chủ đề chính hoặc liên quan đến nội dung bên trong trang web. Nếu bạn đặt tiêu đề vô nghĩa hoặc không mấy liên quan đến nội dung bên trong trang web thì chẳng khác gì “treo đầu dê bán thịt chó”. Không chỉ Google mà người dùng cũng cực kỳ ghét điều này.
• Title không nên quá ngắn (ít hơn 30 ký tự) và không dài quá 70 ký tự. Nếu dài hơn 70 ký tự thì Google cũng sẽ tự động ẩn phần ký tự phía sau và thay vào đó bằng dấu 3 chấm (…)
• Title của các trang khác nhau trên cùng một website không nên giống nhau. Nếu bạn đặt tiêu đề giống nhau sẽ bị Google coi là trùng lặp nội dung, như vậy không tốt cho SEO.
• Title không nên chứa quá nhiều ký tự đặc biệt (@*#?-!…).
• Title không nên chứa các từ khóa lặp đi lặp lại nhiều lần (Spam từ khóa).

Ngoài ra, nhiều chuyên gia SEO uy tín trên thế giới đã làm những thử nghiệm và rút ra được nhiều kinh nghiệm rất hay liên quan đến Title của trang web mà các bạn cũng nên chú ý:

• Tính từ trái sang phải, từ khóa chính trên title càng gần bên trái càng tốt. Tức là từ khóa chính được đặt càng gần vị trí đầu của thẻ <title> thì trang web càng dễ có thứ hạng cao khi người dùng tìm kiếm những từ khóa này. Lấy ví dụ khi người dùng tìm kiếm từ khóa làm seo thì tiêu đề “Làm SEO là làm gì?” sẽ tốt hơn so với tiêu đề “Hướng dẫn làm SEO website”.
• Title càng nổi bật càng tốt cho SEO. Nổi bật ở đây tức là Title nên nằm trong thẻ H1 với font chữ to, được tô đậm (Bold) và có màu tương phản với màu nền (background) cũng như các đối tượng lân cận.

Đó là những lưu ý về mặt kỹ thuật nhằm tối ưu title với các máy tìm kiếm, đặc biệt là Google. Tuy nhiên có một vấn đề là không phải lúc nào chúng ta cũng có thể làm tốt tất cả những điều trên, tại sao? Đơn giản vì Google hay các công cụ tìm kiếm khác cũng chỉ là máy móc, không phải là con người – trong khi chúng ta làm web, làm seo,…là để phục vụ con người. Mặt khác, bản thân Google tồn tại được và trở thành công cụ tìm kiếm lớn nhất thế giới cũng bởi vì có nhiều người sử dụng. Google phải thường xuyên cập nhật, thay đổi…cũng chỉ nhằm mục đích duy nhất là phục vụ con người. Do đó, bên cạnh những yếu tố kỹ thuật thì chúng ta phải linh động trong việc viết tiêu đề sao cho hấp dẫn, thu hút và nhắm đúng vào nhu cầu của người tìm kiếm (khách hàng).

CÁCH VIẾT TITLE HẤP DẪN

Để viết được tiêu đề hấp dẫn thì bạn phải hiểu được mục đích tìm kiếm từ khóa của người dùng. Do đó mời bạn đọc bài viết này trước: Hướng dẫn lựa chọn từ khóa làm seo.

Một tiêu đề được coi là hấp dẫn khi:

1. Nhắm đúng mục đích tìm kiếm

Chẳng có gì tuyệt vời hơn nếu tiêu đề của trang web chính là câu trả lời cho từ khóa mà người dùng tìm kiếm. Khi đó, không có lý do gì khiến người dùng bỏ qua trang web của bạn.

Lấy ví dụ với từ khóa “tăng tốc wordpress”. Khi người dùng tìm kiếm từ khóa này rõ ràng họ có mong muốn cải thiện tốc độ của website wordpress, cho nên tiêu đề Hướng dẫn tối ưu và tăng tốc WordPress toàn tập (tiêu đề 1) sẽ hấp dẫn hơn tiêu đề Tăng tốc WordPress sử dụng hiệu ứng LazyLoad cho ảnh (tiêu đề 2).  Bởi vì mặc dù cả 2 bài viết đều nói về việc tăng tốc wordpress nhưng tiêu đề 1 thể hiện đầy đủ hơn, là câu trả lời chính xác hơn cho người tìm kiếm.

Hoặc một ví dụ khác, khi người dùng tìm kiếm từ khóa “cafe bóng đá ở hà nội” thì tiêu đề Danh sách các quán Cafe bóng đá ở Hà Nội (tiêu đề 1) sẽ hấp dẫn hơn so với tiêu đề “Mộc Cafe – Cafe Bóng đá tại số 215 Tô Hiệu, Hà Nội” (tiêu đề 2) bởi vì với tiêu đề 1 người dùng có nhiều sự lựa chọn hơn. Tuy nhiên, tiêu đề 2 cũng có giá trị riêng khi có chứa thương hiệu (Cafe Mộc) và địa chỉ (215 Tô Hiệu) nên nếu người tìm kiếm ở khu vực gần phố Tô Hiệu hoặc đã biết đến thương hiệu Cafe Mộc thì họ sẽ bị hấp dẫn bởi tiêu đề 2 hơn là tiêu đề 1.

2. Tiêu đề có chứa thương hiệu

Với ví dụ ở trên, rõ ràng tên thương hiệu giữ một vai trò rất quan trọng, tác động đến quyết định của người tìm kiếm. Mặt khác, tên thương hiệu có trong tiêu đề cũng giúp thương hiệu của bạn thường xuyên xuất hiện nổi bật trên công cụ tìm kiếm, đập vào mắt những người tìm kiếm. Đây là một cách quảng bá thương hiệu rất tốt.

Theo nhiều chuyên gia Marketing Online thì bạn nên để thương hiệu ở cuối tiêu đề (cách 1) và sử dụng dấu gạch ngang (-) hoặc dấu gạch đứng (|) để ngăn cách thương hiệu với chủ đề của bài viết, ví dụ:

Chủ đề của trang web – Tên thương hiệu (1)

hoặc

Chủ đề của trang web | Tên thương hiệu (1)

Tuy nhiên cách này cũng có nhược điểm là nếu chủ đề của trang web quá dài thì tên thương hiệu sẽ không hiển thị đầy đủ (vì Google chỉ hiển thị tối đa 70 ký tự trên kết quả tìm kiếm) làm giảm đi sức mạnh của thương hiệu.

Trong trường hợp thương hiệu của bạn nổi tiếng thì bạn hoàn toàn có thể đặt tên thương hiệu ở phần đầu của tiêu đề (cách 2) để thu hút người tìm kiếm:

Tên thương hiệu – Chủ đề của trang web (2)

Xét ở góc độ kỹ thuật, từ khóa chính (ở cách 2) nằm ở giữa hoặc cuối tiêu đề, không tốt bằng cách 1 (từ khóa nằm gần thẻ <title> hơn) nhưng bù lại thương hiệu của bạn được nổi bật, người ta sẽ tin tưởng một thương hiệu nổi tiếng hơn là một website vô danh nên tỷ lệ người tìm kiếm click vào trang web “đã biết” cao hơn nhiều => Tăng tỷ lệ CTR (tỷ lệ click vào web trên tổng số lần hiển thị). Chỉ số CTR cao cũng chứng tỏ trang web của bạn hữu ích và được Google đánh giá tốt cho nên thứ hạng trang web tất nhiên cũng được cải thiện.

Như vậy, bạn nên viết Title nhắm đúng mục đích của người tìm kiếm nhưng vẫn đảm bảo title đáp ứng được các yêu cầu cơ bản của Google (không nhồi nhét từ khóa, dài vừa đủ,…). Đặc biệt với những bài viết giới thiệu sản phẩm, dịch vụ…thì bạn càng không nên cứng nhắc, đừng quá bận tâm đến Google mà hãy linh động, tập trung vào câu chữ để chạm đến cảm xúc của khách hàng.

CÀI ĐẶT GOOGLE XML SITEMAPS

Google XML Sitemaps được phát triển bởi Arne Brachhold (một người Đức) từ năm 2005 và luôn là plugin tạo sitemap cho WordPress được sử dụng phổ biến nhất cho đến nay với hàng triệu lượt tải và đạt được số điểm gần như tuyệt đối 4.9/5 bởi hàng ngàn người đánh giá.

Nếu chưa biết cài đặt wordpress plugin như thế nào thì bạn hãy xem hướng dẫn ở đây: Hướng dẫn cài đặt Plugin cho WordPress.

Sau khi cài đặt và kích hoạt thành công Plugin Google XML Sitemaps thì bạn sẽ nhìn thấy mục cài đặt của plugin này ở phần Settings => XML-Sitemap.

Bạn sẽ nhìn thấy đường link đến file sitemap của bạn có dạng domain/sitemap.xml như trong hình:

Bạn nhấn vào link tập tin sitemap để xem file sitemap của web. Nếu đây là lần đầu tiên bạn cài đặt và sử dụng Google XML Sitemaps sẽ nhận được thông báo “Search engines haven’t been notified yet. Write a post to let them know about your sitemap.” Tức là máy tìm kiếm chưa được thông báo. Bạn có thể nhấn nút your sitemap theo mũi tên để thông báo cho Google và Bing biết mà không cần phải đăng nhập vào Webmaster Tools.

CẤU HÌNH GOOGLE XML SITEMAPS

1. Basic Options: Bạn để mặc định.

2. Additional pages:

Bạn có thể thêm thủ công một trang cụ thể vào sitemap của website bằng cách nhấn nút Add new page và đặt các thông số tùy ý bạn. Để hiểu ý nghĩa của các thông số này bạn xem hướng dẫn ở bài viết này: Sitemap là gì? Tạo sitemap như thế nào?

3. Post Priority:

Đây là phần cấu hình mức độ quan trọng (Priority) cho các Post (bài viết). Mặc định chỉ số Priority này được đánh giá dựa vào số lượng bình luận của Post (2) cho nên mỗi post lại có mức độ quan trọng khác nhau. Tuy nhiên tùy chọn này đôi khi không khách quan nên tôi thường lựa chọn 1 – Do not use automatic priority calculation (không tính toán tự động priority). Khi đó, tất cả các bài viết sẽ có chỉ số Priority giống nhau và được cài đặt ở phía dưới.

4. Sitemap Content:

Cấu hình mặc định của Google XML Sitemaps không bao gồm các categories và tags nhưng tôi không hiểu vì sao tác giả lại bỏ qua 2 thành phần quan trọng này. Category và Tag rất quan trọng trong SEO cho nên tôi nghĩ các bạn nên đánh dấu thêm 2 mục này. Ngoài ra, mục tác giả (author) thì tùy vào mô hình hoạt động của website mà bạn có thể cho vào sitemap hoặc không, ví dụ với những blog cá nhân (như blog của tôi) thì chỉ có 1 hoặc vài tác giả viết bài nên không cần thiết phải index trang tác giả làm gì cả. Còn những blog lớn hơn hoặc nhiều trang tin điện tử, tạp chí được làm bằng Wordpress có rất nhiều tác giả khác nhau viết bài, khi đó họ sẽ cho index cả những trang tác giả.

5. Excluded items: Phần này cho phép bạn loại bỏ các categories hoặc posts ra khỏi sitemap (tức là không muốn các công cụ tìm kiếm lập chỉ mục cho các nội dung này). Khi đó bạn chỉ việc tích chọn những categories hoặc liệt kê các ID bài viết (ngăn cách nhau bằng dấu phẩy) mà bạn muốn loại ra khỏi sitemap.

6. Change frequencies: Phần này cho phép bạn cài đặt mức độ thay đổi thường xuyên của các nội dung.

Cài đặt mặc định là Homepage (trang chủ) sẽ thay đổi hàng ngày (daily) – tức là ngày nào bạn cũng viết bài mới hoặc cập nhật nội dung cho trang chủ. Còn các Categories (chuyên mục) sẽ thay đổi hàng tuần (weekly) – tức là hàng tuần các chuyên mục sẽ có sự thay đổi,..v..v..

Tuy nhiên đây chỉ là những gợi ý ban đầu cho các máy tìm kiếm biết được mức độ thay đổi thường xuyên của các nội dung. Sau khi các máy tìm kiếm đã lập chỉ mục và theo dõi website của bạn một thời gian, công cụ tìm kiếm sẽ biết được thói quen thay đổi nội dung của bạn và tự động tính toán thời gian định kỳ quay lại website để thu thập thông tin. Nên nhớ Google XML Sitemaps còn có tính năng tự động Ping để thông báo cho các công cụ tìm kiếm biết được sự thay đổi của sitemap cho nên những cài đặt ở phần này cũng chỉ mang tính tham khảo, không quan trọng lắm.

7. Priorities: Cho phép cài đặt mức độ quan trọng của các nội dung. Những cài đặt ở đây chỉ có giá trị nếu bạn lựa chọn “Do not use automatic priority calculation” ở mục Post Priority. Tôi thường để mặc định.

Có 2 loại sitemap phổ biến là:

1. XML Sitemap: được thiết kế cho các máy tìm kiếm đọc.
2. HTML Sitemap: được thiết kế cho người để giúp họ tìm kiếm các nội dung trên website dễ dàng hơn.

Hầu hết các máy tìm kiếm (Google, Bing,…) chỉ hỗ trợ định dạng XML.

Lợi ích của sitemap

Nếu bạn tối ưu onpage tốt, máy tìm kiếm có thể phát hiện hầu hết các trang web của bạn. Mặc dù vậy, tập tin sitemap vẫn là một trợ thủ đắc lực cho bọ tìm kiếm, đặc biệt trong những trường hợp sau:

• Khi website của bạn còn mới, bạn phải tạo sitemap và đăng ký với các máy tìm kiếm thì quá trình index sẽ nhanh hơn.
• Khi các trang trên website của bạn không được liên kết với nhau (không có link nội bộ).
• Khi nội dung mới được xuất bản thì cần phải có sitemap Google mới phát hiện được những thay đổi trên website của bạn.
• Khi website của bạn có nhiều loại nội dung (các nội dung đa phương tiện: video, hình ảnh,…) thì sitemap sẽ giúp máy tìm kiếm phân loại nội dung để hiển thị sao cho phù hợp.

Tuy nhiên, lưu ý 1 điều là việc tạo và sử dụng sitemap không đảm bảo rằng tất cả các trang sẽ được lập chỉ mục.

Hướng dẫn tạo sitemap cho website

Thông thường khi bạn sử dụng các mã nguồn phổ biến như WordPress, Joomla, Drupal, Magento,vBulletin, Xenforo,… thì đều có sẵn các tiện ích mở rộng giúp tạo sitemap tự động mỗi khi xuất bản nội dung mới hoặc khi chỉnh sửa một nội dung nào đó. Cho nên với từng mã nguồn cụ thể bạn phải tự tìm hiểu cách cài đặt và sử dụng tiện ích mở rộng đó.

Với WordPress, bạn xem: Hướng dẫn sử dụng Google XML Sitemaps.

Trong khuôn khổ bài viết này, tôi chỉ hướng dẫn các bạn cách tạo sitemap cho các trang web không có tiện ích hỗ trợ tạo sitemap tự động.

Cách 1 – Tạo XML Sitemap thủ công

Cách này sẽ tốn khá nhiều thời gian nếu website của bạn có nhiều trang, tuy nhiên có ưu điểm là bạn có thể dễ dàng điều chỉnh các thông số theo ý của mình.

Bước 1: Tạo một file có đuôi .xml (sử dụng Notepad hoặc tốt nhất là Notepad++) và thêm vào đoạn code sau vào dòng đầu tiên của file XML Sitemap này:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">

Bước 2: Bắt đầu khai báo mỗi URL theo đúng cấu trúc của sitemap như sau:

<url>
<loc>https://dovanphuong.com/url-1</loc>
<lastmod>2015-12-28</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url>

Trong đó:

Bước 3: Sau khi đã khai báo tất cả URL của trang web vào file sitemap thì bạn kết thúc bằng thẻ </urlset>.

Một ví dụ về 1 file xml sitemap đầy đủ:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<url>
<loc>https://dovanphuong.com/url-1</loc>
<lastmod>2015-12-28</lastmod>
<changefreq>daily</changefreq>
<priority>1.0</priority>
</url>
<url>
<loc>https://dovanphuong.com/url-2</loc>
<lastmod>2015-12-27</lastmod>
<changefreq>weekly</changefreq>
<priority>0.6</priority>
</url>
<url>
<loc>https://dovanphuong.com/url-3</loc>
<lastmod>2015-12-26</lastmod>
<changefreq>monthly</changefreq>
<priority>0.2</priority>
</url>
</urlset>

Xin lưu ý:

• File sitemap có giới hạn là 50.000 URLs và dung lượng không quá 10MB khi được giải nén.
• Sitemap có thể được nén bằng gzip.
• Một file sitemap có thể chứa một danh sách các sitemaps nhưng không quá 50.000 sitemaps.

Ví dụ về sitemap có chứa một danh sách cách sitemaps:

<?xml version="1.0" encoding="UTF-8"?>
<urlset xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xsi:schemaLocation="http://www.sitemaps.org/schemas/sitemap/0.9 http://www.sitemaps.org/schemas/sitemap/0.9/sitemap.xsd" xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
<sitemap>
<loc>https://dovanphuong.com/1-sitemap.xml</loc>
<lastmod>2015-12-26T00:02:52+07:00</lastmod>
</sitemap>
<sitemap>
<loc>https://dovanphuong.com/2-sitemap.xml</loc>
<lastmod>2015-12-18T14:04:49+07:00</lastmod>
</sitemap>
<sitemap>
<loc>https://dovanphuong.com/3-sitemap.xml</loc>
<lastmod>2015-12-26T00:02:52+07:00</lastmod>
</sitemap>
</sitemapindex>

Cách 2 – Tạo XML Sitemap tự động

Có nhiều trang web hỗ trợ tạo sitemap tự động, bạn chỉ cần tìm kiếm từ khóa “create sitemap” hoặc “sitemap generator” trên Google và đọc kỹ hướng dẫn của họ. Một số trang nổi tiếng:

Về cơ bản tất cả những công cụ này sẽ yêu cầu bạn thực hiện 4 bước:

1. Nhập domain của website.
2. Chọn tần suất thay đổi. Tức là mức độ thay đổi thường xuyên của trang (hàng ngày, hàng tuần,…)
3. Chọn thời gian cập nhật gần nhất.
4. Chọn mức độ quan trọng.

Sau khi tạo thành công, bạn tải về (file đuôi .xml) để đăng ký với các máy tìm kiếm.

Việc sử dụng các công cụ tự động có ưu điểm là nhanh, tiết kiệm thời gian và công sức, tuy nhiên không điều chỉnh được các thông số theo ý muốn. Do đó, sau khi tạo tự động bạn nên mở file ra để sửa lại các thông số sao cho phù hợp.

Mặc định, đường dẫn tĩnh của WordPress sẽ hiển thị như sau:

https://dovanphuong.com/category/seo/

Để tối ưu hóa URL cho SEO, chúng ta cần chuyển đường dẫn tĩnh này về dạng:

https://dovanphuong.com/seo/

Thực tế có một số cách để làm việc này:

2. Cấu hình Permalinks trong WP-ADMIN

Đây là cách dễ nhất vì sử dụng tính năng có sẵn của WordPress:

Bạn vào trang quản trị WP-Admin, chọn Settings => Permalinks (www.yourdomain.com/wp-admin/options-permalink.php)

Phần Common Settings bạn đánh dấu vào Custom Structure và nhập vào: /%postname%.html

Phần Optional bạn nhập vào dấu . (chấm)

Save lại là xong.

Lưu ý: Phần Tag bạn cũng có thể nhập vào dấu . (chấm) để xóa bỏ /tags/ trong cấu trúc URL nhưng tôi nghĩ không nên vì sẽ có lúc vô tình bạn chèn tags và category trùng nhau sẽ gây ra lỗi.

2. Sử dụng các plugins

Đây là cách dễ thứ 2 vì bạn chỉ cần cài đặt và kích hoạt plugin là xong. Có một số plugin miễn phí giúp bạn làm được việc này:

• Remove Category URL
• WP No Category Base – WPML compatible

Hoặc nếu bạn sử dụng Yoast SEO thì di chuyển đến phần Advanced, chọn tab Permalinks và chọn Remove cho Strip the category base (usually /category/) from the category URL.

Save lại, thế là xong.

3. Chỉnh sửa file .htaccess

Bạn mở file .htaccess và thêm đoạn code sau vào:

RewriteRule ^category/(.+)$ https://dovanphuong.com/$1 [R=301,L]

Nhớ thay thế dovanphuong.com bằng domain của bạn sau đó save và up lại lên host là xong (file .htaccess trong thư mục root của website, ngang hàng với thư mục wp-content nhé).

Tóm lại,

Các bạn có thể chọn 1 trong 3 cách trên nhưng nên sử dụng cách đầu tiên vì nó đơn giản nhất, phù hợp với những bạn không biết gì về code.