apkm-search

[WordPress] Rewrite URL với Timthumb tối ưu SEO hình ảnh

Giúp tối ưu SEO với những website sử dụng Timthumb với đường dẩn thân thiện và không có query string lằng nhằng.

Như các bạn đã biết timthumb là một thư viện resize hình ảnh nhỏ gọn , sử dụng đơn giản nên có nhiều theme dành cho wordpress sữ dụng nó.Nhưng vì URL của nó không thân thiện cho lắm dạng như vầy http://nqdung.info/wp-content/themes/nqd-bootstrap/timthumb.php?src=http://nqdung.info/wp-content/uploads/2013/04/Java_training.png&w=70&h=70&q=70 nó không được đẹp và cũng không thân thiện với Search Engine nên các bạn cảm thấy ngại khi dùng Timthumb vào các dự án của mình phải không ? Nhưng đừng lo,hôm nay mình sẽ giới thiệu cho các bạn cách để có đường dẩn thân thiện cho dang như vầy  http://nqdung.info/media/resize/70×70/r/nqdung.info/wp-content/uploads/2013/04/Java_training.png ngắn gọn hơn và nhìn dễ chịu hơn rồi.Nào bây giờ chúng ta cùng thực hiện nhé !


 Bước 1  Chuẩn bị

Các bạn nên nhớ là nhũng phiên bản cũ sẽ không an toàn nên các bạn nhớ download phiên bản mới nhất của timthumb tại đây TimThumb Google Code. Sau đó mở ra tim dòng số 27

thay thế bằng

Đoạn code trên giúp thiết lập an toàn hơn.Bạn vẩn có thể dùng thư mục ‘cache’ hoặc thư mục bạn tự định nghĩa ra.


 Bước 2 Thiết lập nơi lưu cho Timthumb

Thông thường thì khi viết một theme có dùng timthumb thì người lập trình viên sẽ để timthumb ngay trong thư mục của theme luôn như vậy sẽ dể sử dụng hơn nhưng để bảo mật hơn thì có thể lưu timthumb ra thư mục con hoặc tên miền phụ để tránh bị tấn công.


Bước 2.1 Sử dụng thư mục con

Tạo 1 thư mục con tên là ‘media’  theo cấu trúc sau nqdung.info/media.

Sau đó thêm file .htaccess vào thư mục media có nội dung như sau :

Tiếp theo tạo thêm thư mục resizer trong thư mục media ví dụ nqdung.info/media/resizer và upload timthumb.php vào trong.

Lưu ý : Nếu bạn làm theo cấu trúc nqdung.info/sub-domain thì bạn đổi file htaccess như sau

Ta có cấu trúc file như sau:

  1. /media
  2. /media/.htaccess
  3. /media/resizer/
  4. /media/resizer/timthumb.php

Nếu bạn có bật cache thì bạn cần tạo thêm thư mục cache ngang hàng với file timthumb

 


Bước 2.2 Sử dụng subdomain

Đầu tiên chúng ta cần thêm một subdomain ví dụ : img.nqdung.info

Sau đó ở thu mục gố của subdomain thêm file .htaccess có nội dung như sau :

Sau đó tạo thêm thư mục “resizer” vi dụ img.nqdung.info/resizer/.Upload file timthumb.php vào Cấu trúc thư mục như sau:

  1. /.htaccess
  2. /resizer/
  3. /resizer/timthumb.php

Nếu bạn bật cache thì tạo thêm thư mục cache bên trong thư mục “resizer”


Bước 3 Sử dụng

Sau khi hoàn thành bước 2 thì bạn đã gần hoàn thành rồi đó.Giờ chỉ việc đem nó đi sử dụng nữa thôi.

Thư mục con

http://nqdung.info/media/resizer/70×70/r/your-image-url.jpg

Subdomain

http://img.nqdung.info/media/resizer/70×70/r/your-image-url.jpg

Format cho url mới như sau:

http://img.nqdung.info/media/resizer/[image-width]x[image-height]/r/[image-url]

Trong đó

  • [image-width] : Chiều rộng của bức hình sau khi resize
  • [image-height] : Chiều cao của bức hình sau khi resize
  • [image-url] : Đường dẩn của bước hình cần resize đã bỏ http://

 


Bước 4 Áp dụng cho wordpress

Nếu bạn có xem qua bài viết Hướng dẫn làm theme wordpress bằng Bootstrap – Phần 2 thì bạn sẽ thấy có hàm catch_that_image()  Hàm này giúp lấy hình ảnh đầu tiên trong bài viết và mình sẽ hướng dẩn các bạn cách áp dụng timthumb đã rewrite url vào hàm này luôn.Các bạn chú ý là khi rewrite cho timthumb thì phải bỏ http:// phía trước của link nguồn nên mình viết thêm hàm remove_http() 

Sau đó bạn chỉ cần thêm hàm remove_http vào hàm catch_that_image trước khi trả về là xong:

Giờ đến lúc gọi hàm ra sử dụng rồi

Như vậy là đã hoàn thành rồi !

Chúc các bạn thành công với tut ngắn này,có gì thắc mắc các bạn cứ để lại bình luận.

BÌNH LUẬN BÀI VIẾT

Leave a Reply

8 Comments on "[WordPress] Rewrite URL với Timthumb tối ưu SEO hình ảnh"

Notify of
avatar
Sort by:   newest | oldest
Vietconex3 năm gắn bó cùng NQDung.COMLevel 1
2 comments

Mình làm cái này mãi mà hok được. Nó không hiển thị ảnh lên, hok hiểu sao?

Nguyễn Minh Khôi4 năm gắn bó cùng NQDung.COMLevel 1

Nói thật là từ hồi cái timthumb dính bug cách đây 2 năm thì phải thì mình toàn dùng mặc định của WordPress với tùy biến resize trong function.php thôi. 😀

Hoang Phuc4 năm gắn bó cùng NQDung.COMLevel 1
3 comments

Hay quá, mình cũng đang dùng TimThumb. Đúng là cái URL của nó quá dài và xấu, thêm vụ này thì tuyệt rồi :gun: :gun:

Mộc long jSC4 năm gắn bó cùng NQDung.COMLevel 1

Chia sẻ 80 theme wordpress bản quyền từ Elegan http://moclong.vn/chia-se-80-theme-wordpress-ban-quyen-tu-elegan/

Mobile Game4 năm gắn bó cùng NQDung.COMLevel 1
3 comments

Cảm ơn bạn đã chia sẻ, bài viết rất chi tiết, rất cần cho newbie như mình

wpDiscuz