Hướng dẫn khắc phục các lỗi của hình ảnh thường gặp trong WordPress

Khi viết bài trong WordPress chúng ta thường sử dụng hình ảnh để minh họa cho bài viết. Hình ảnh giúp cho bài viết của chúng ta thêm sinh động và hấp dẫn người dùng. Có thể nói một hình ảnh ấn tượng có hiệu quả hơn cả trăm ngàn câu chữ. Trong WordPress, có rất nhiều plugin giúp bạn có thể tối ưu hình ảnh, làm cho ảnh tải nhanh hơn và thân thiện với SEO.

Tuy nhiên, không phải lúc nào bạn cũng có thể thuận lợi sử dụng hình ảnh trên trang của mình. Sẽ có những lúc bạn gặp phải các lỗi khi sử dụng hình ảnh. Điều này có thể khiến bạn cảm thấy khó chịu và làm ảnh hưởng đến trải nghiệm viết blog hàng ngày của bạn.

Các lỗi của hình ảnh không chỉ làm chậm tốc độ tải trang của bạn mà nó còn làm ảnh hưởng đến trải nghiệm người dùng, ảnh hưởng đến tỷ lệ chuyển đổi.

Bạn cần lưu ý đến các lỗi thường gặp đối với hình ảnh và tìm cách khắc phục chúng càng nhanh càng tốt để đảm bảo tốc độ tải trang của bạn nhanh và không làm ảnh hưởng đến trải nghiệm của người dùng.

Trong bài viết này tôi sẽ chia sẻ tất cả các lỗi của hình ảnh thường gặp và cách xử lý chúng một cách triệt để. Hãy tìm hiểu chúng và bạn sẽ không bao giờ lo sợ các lỗi của hình ảnh sẽ làm ảnh hưởng đến trải nghiệm thú vị của người dùng.

1. Cách upload hình ảnh trong WordPress

Để bài viết trên blog của bạn hấp dẫn, sinh động, ấn tượng với người đọc, bạn cần sử dụng hình ảnh minh họa phù hợp.

Thường thì quá trình upload ảnh trong WordPress rất đơn giản. Nó không đòi hỏi nhiều kỹ năng có liên quan đến khía cạnh kỹ thuật.

Bạn có thể sử dụng 02 cách sau để upload hình ảnh lên website của mình.

Cách kéo và thả

Bạn chỉ cần truy cập vào thư viện Media sau đó nhấp vào liên kết Add New

upload anh vao thu vien anh

Sau khi bạn thực hiện thao tác này, một cửa sổ mới sẽ mở ra trong Dashboard.

drop file here

Chọn tập tin đa phương tiện từ máy tính của bạn

Nếu bạn không thích cách kéo thả, bạn có thể sử dụng cách khác để tải tập tin đa phương tiện vào thư viện. Truy cập vào thư viện đa phương tiện Media, sau đó nhấp vào liên kết Add New. Một cửa sổ mới sẽ hiện ra như cách trên.

Nhấp vào nút Select Files để upload hình ảnh từ máy tính của bạn.

select file to upload

Cách này rất dễ hiểu và không tốn nhiều thời gian.

2. Thay đổi bố cục hiển thị hình ảnh trong Library

Mỗi khi bạn đăng nhập vào WordPress Dashboard và truy cập vào thư viện đa phương tiện bạn sẽ nhìn thấy tất cả các hình ảnh mà mình đã upload trước đó.

Thường thì những hình ảnh này được căn chỉnh ở dạng hộp, tuy nhiên bạn có thể thay đổi căn chỉnh cho nó ở dạng cột.

align images in media library

Nếu bạn muốn căn chỉnh ảnh ở dạng cột, bạn có thể nhấp vào tùy chọn cột. Khi bạn nhấp vào tùy chọn này, ngay lập tức tất cả các ảnh sẽ được căn chỉnh ở dạng cột.

align image as column form

Bạn có thể sử dụng cách này để thay đổi cách xuất hiện của hình ảnh trong thư viện đa phương tiện trên blog WordPress của mình.

3. Cách tìm đường dẫn của hình ảnh trên WordPress site

Có lúc bạn cần tìm chính xác đường dẫn của hình ảnh để sử dụng cho nhu cầu của mình. Trong trường hợp này, bạn chỉ cần truy cập vào Library và nhấp vào hình ảnh mà bạn muốn tìm đường dẫn. Một cửa sổ chi tiết Attachment Details sẽ hiện ra.

attachment Details

Trong  cửa sổ này bạn sẽ nhìn thấy các tùy chọn ở phía bên phải. Trong khi tùy chọn đầu tiên cung cấp chính xác URL của hình ảnh thì tùy chọn cuối cùng nói cho bạn biết hình ảnh được chèn vào bài viết nào.

4. Cách xóa nhiều tập tin cùng lúc

Nếu bạn upload nhầm tập tin ảnh, hoặc nhiều bản copy bạn cần xóa các tập tin không cần thiết để tiết kiệm không gian lưu trữ trên máy chủ.

Thay vì phải kết nối đến website của bạn bằng cách sử dụng trình máy khách FTP, bạn chỉ cần thực hiện việc xóa các tập tin cùng lúc trong Dashboard.

Hãy truy cập vào Media » Library, hãy chọn các ảnh mà bạn muốn xóa sau đó nhấp vào nút Delete Selected.

delete selected

Nếu bạn đang sử dụng Shared Hosting, đây là cách giúp bạn tiết kiệm không gian lưu trữ, giúp cho trang web của bạn tải nhanh hơn.

5. Cách sửa ảnh ngay trong Library

Không phải tất cả các hình ảnh mà bạn tải lên đều tương thích tốt với WordPress Theme mà bạn đang sử dụng và cũng như cấu trúc bài viết. Vì thế bạn cần chỉnh sửa để các hình ảnh này trở nên sinh động và hấp dẫn người dùng.

Để thực hiện các thay đổi ngay trong thư viện ảnh, bạn cần truy cập vào Media » Library. Sau đó chọn hình ảnh mà bạn muốn chỉnh sửa.

Ngay sau khi bạn chọn tập tin ảnh cần sửa, một cửa sổ có tên là Attachment Details sẽ hiện ra. Bạn hãy nhấp vào liên kết Edit để thực hiện các thao tác chỉnh sửa ảnh.

edit image in library

Giờ bạn có thể thực hiện các thay đổi theo nhu cầu sử dụng của mình.

Ở phía bên trái của cửa sổ có các tùy chọn giúp bạn có thể xoay ảnh, lật ảnh.

rotate, respect image

Ở phía bên phải của cửa sổ, bạn có thể tìm thấy các tùy chọn khác nhau để gán các giá trị kích thước và tỷ lệ một cách thủ công.

Sử dụng các tùy chọn chỉnh sửa ảnh này, sau đó nhấp vào nút Save để lưu lại và áp dụng các thay đổi.

Thao tác này sẽ được lặp lại nhiều lần nếu bạn muốn chỉnh sửa nhiều ảnh.

6. Cách thêm hình ảnh vào bài viết

Nghe có vẻ đơn giản, nhưng đối với một số người dùng vừa mới tiếp xúc với WordPress có thể họ sẽ gặp khó khăn trong khi chèn ảnh vào bài viết. Nếu bạn gặp bất kỳ sự có nào trong việc thêm ảnh vào bài viết, hãy chú ý đến hướng dẫn dưới đây.

Để thêm hình ảnh vào bài viết, bạn nhấp vào nút Add Media phía trên khung soạn thảo.

add media to post

Sau khi nhấp vào nút Add Media, một cửa sổ mới sẽ hiện ra. Tại đây bạn có thể tìm thấy các tùy chọn ở phía bên trái của bảng điều khiển ví dụ như: Create Gallery, Featured Image và Insert From URL như hình bên dưới.

add media options

Để tải ảnh mới lên, bạn có thể kéo thả các tập tin ảnh vào cửa sổ hoặc nhấp vào nút Select Files để tải hình ảnh từ máy tính của bạn lên.

Nếu hình ảnh đã được tải lên, bạn chỉ cần nhấp vào thẻ Media Library, tìm ảnh thích hợp để chèn vào bài viết.

Giả sử bạn muốn thêm một ảnh đã có trong Media Library. Khi bạn kích chọn một ảnh, bạn sẽ có thể thấy rất nhiều tùy chọn như: Caption, Alt Text, Description, Alignment, Link To và Size ở phía bên phải.

Sử dụng các tùy chọn thích hợp để tối ưu hóa hình ảnh sau đó nhấp vào nút Insert Into Post.

Vậy là bạn vừa chèn thành công ảnh vào bài viết của mình! Và đây là kết quả:

insert image to post

7. Cách thêm Caption, Alt Text và Description

Là chủ sở hữu của blog/website, bạn luôn muốn trang web của mình có thứ hạng SEO cao. Để làm được điều đó, bạn cần tối ưu hóa mọi thứ trên website của mình. Trong đó có tối ưu hóa hình ảnh.

Nhưng nhiều người không quan tâm đúng mực đến việc tối ưu hóa hình ảnh, họ chỉ tập trung vào việc tối ưu hóa văn bản, tối ưu hóa các bài viết. Họ không biết rằng hình ảnh cũng đóng một vai trò cực kỳ quan trọng đối với SEO.

Đừng để mắc phải lỗi này nếu bạn muốn blog/website của mình có thể thu hút nhiều lượt truy cập tự nhiên. Ngoài việc giảm dung lượng cho ảnh, bạn còn cần phải thêm Caption (Tiêu đề), Alt Text (Văn bản thay thế cho hình ảnh) và Description (Mô tả). Nếu bạn muốn tìm hiểu kỹ hơn về cách tối ưu hóa hình ảnh trên blog của mình, hãy đọc lại bài viết Hướng dẫn tối ưu hóa hình ảnh trên blog/website của bạn.

Để làm điều đó, bạn hay truy cập vào thư viện ảnh của mình, sau đó chọn một ảnh mà mình muốn thêm tiêu đề, văn bản thay thế và mô tả.

Điền đầy đủ các thông tin sao cho hợp lý. Bạn cần thêm từ khóa vào Tiêu đề, Văn bản thay thế và Mô tả để Google có thể hiểu được nội dung của hình ảnh trên trang của bạn.

them tieu de mo ta van ban thay the cho anh

Nếu muốn, bạn có thể xóa vĩnh viễn hình ảnh này bằng cách nhấp vào liên kết Delete Permanently ở góc phải phía bên dưới màn hình.

8. Cách căn chỉnh hình ảnh trong WordPress

Việc chèn ảnh vào bài viết, thêm tiêu đề, văn bản thay thế, mô tả vẫn chưa đủ. SEO là rất quan trọng, nhưng điều quan trọng hơn cả là trải nghiệm của người dùng. Nếu họ có ấn tượng tốt đối với blog của bạn, trong tương lai họ sẽ tiếp tục quay lại. Mục đích cuối cùng của SEO chính là phục vụ cho độc giả, đem lại cho họ những giải pháp hiệu quả, những trải nghiệm tuyệt vời. Và việc căn chỉnh ảnh sao cho bắt mắt không phải là việc dư thừa.

Để căn chỉnh một ảnh, bạn cần truy cập vào thư viện ảnh sau đó chọn hình ảnh mà mình muốn. Sau khi nhấp vào ảnh, bạn sẽ có thể nhìn thấy rất nhiều tùy chọn ở phía bên phải của cửa sổ.

Tìm đến phần ATTACHMENT DISPLAY SETTINGS bạn sẽ nhìn thấy tùy chọn Alignment, hãy chọn tùy chọn mà mình mong muốn. Sau đó nhấp vào nút Insert Into Post sau khi thực hiện các thay đổi.

Ngoài ra bạn cũng có thể thay đổi căn chỉnh cho hình ảnh khi nó đã được thêm vào bài viết. Để làm điều đó, hãy nhấp vào hình ảnh mà mình muốn căn chỉnh, sau đó chọn tùy chọn căn chỉnh phù hợp.

align image in blog post

Sau khi thực hiện các thay đổi, bạn có thể nhấn vào nút Preview để xem thử hình ảnh có phù hợp với nội dung hay không. Hãy tiếp tục căn chỉnh cho đến khi nào vừa ý.

9. Chọn kích cỡ khác cho ảnh

Ngoài việc cung cấp tính năng căn chỉnh ảnh, WordPress còn cung cấp cho bạn tùy chọn để chọn kích cỡ khác cho ảnh. Bạn cần nhớ kích cỡ ảnh mà WordPress Theme của mình đang dùng để chọn ảnh phù hợp, đảm bảo trải nghiệm người dùng.

Để biết tất cả các kích cỡ ảnh mà bạn có thể dùng, hãy truy cập vào thư viện ảnh sau đó nhấp vào một ảnh bất kỳ.

select image in library

Sau khi chọn ảnh, bạn sẽ nhìn thấy các tùy chọn ở phía bên phải của màn hình. Nhấp vào tùy chọn “Size” trong phần Attachment Details Settings:

size in attachment details settings

Có nhiều tùy chọn khác nhau để bạn lựa chọn ở đây. Hãy thử các tùy chọn đó và xem tùy chọn nào phù hợp nhất với WordPress mà bạn đang sử dụng.

Ngoài ra bạn cũng có thể tăng hoặc giảm kích cỡ ảnh một cách thủ công. Hãy truy cập vào bài viết có chèn ảnh mà bạn muốn chỉnh sửa kích thước. Nhấp vào ảnh bạn sẽ nhìn thấy ở bốn góc của ảnh có bốn hình vuông nhỏ màu trắng. Rê chuột vào các hình vuông nhỏ này để điều chỉnh kích thước ảnh.

edit image size in blog post

Bạn có thể dễ dàng kéo để thay đổi kích thước ảnh. Đây là cách dễ dàng và thuận tiện nhất để thay đổi kích thước ảnh mà không tốn nhiều thời gian.

10. Sửa lỗi bài viết không hiển thị ảnh trên Blogroll

Đôi khi, thậm chí ngay cả khi bạn đã upload ảnh để chèn vào bài viết nó vẫn không hiển thị trong Blogroll và Featured Category.

no preview image

Trong khi các bài viết khác hiển thị hình ảnh, bài viết này không hiển thị bất kỳ hình ảnh này. Đây là một lỗi phổ biến nhưng gây khó chịu cho người dùng nhất là đối với những người mới.

Để khắc phục lỗi này, bạn cần truy cập vào trình chỉnh sửa bài viết và kiểm tra xem bài viết đã có ảnh đại diện hay chưa.

featured image

Giờ bạn đã biết lỗi này là do bài viết chưa có Featured Image. Hãy thêm ảnh đại diện để khắc phục lỗi này.

fix featured image error

Lỗi này thường xảy ra khi bạn quên chọn ảnh đại diện cho bài viết. Vì thế sau này nếu gặp lại lỗi này việc đầu tiên bạn cần làm là kiểm thử mình đã thêm ảnh đại diện cho bài viết của mình hay chưa.

11. Cách chèn nhiều ảnh vào bài viết

Nếu bạn muốn thêm nhiều hình ảnh vào bài viết của mình, hãy truy cập vào trình chỉnh sửa bài viết sau đó nhấp vào nút Add Media như chèn một ảnh.

insert media to post

Giờ hãy chọn ảnh mà bạn thích từ Media Library hoặc Upload ảnh lên từ máy tính của bạn.

select image in library

Tùy vào nhu cầu sử dụng, bạn có thể thực hiện các thay đổi về kích cỡ, căn chỉnh sau đó nhấp vào nút Update để cập nhật.

Khi bạn quay lại bài viết, bạn sẽ có thể thấy có nhiều hình ảnh trên trong bài viết của mình.

Không hề có giới hạn số ảnh bạn có thể chèn vào bài viết của mình. Tuy nhiên tùy theo nhu cầu sử dụng mà chúng ta thêm ảnh sao cho phù hợp.

12. Cách thay đổi Featured Image

Đôi khi có thể bạn muốn thay đổi Featured Image sau khi đã xuất bản bài viết. Trong trường hợp này, bạn cần truy cập vào trình chỉnh sửa bài viết và tìm đến phần Featured Image.

featured image section in text editor

Khi bạn nhấp vào Featured Image, một cửa sổ mới sẽ hiện ra. Và bạn được đưa đến thư viện đa phương tiện với rất nhiều ảnh. Hãy chọn ảnh mà mình muốn làm ảnh đại diện cho bài viết. Sau đó nhấp vào nút Update để cập nhật.

Nếu bạn không nhìn thấy hộp Featured Image trong khu vực của trình chỉnh sửa bài viết, hãy nhấp vào nút Screen Options ở góc phải phía trên của màn hình. Sau đó kích chọn hộp kiểm Featured Image.

13. Dùng ảnh trong bài viết để liên kết đến một trang khác

Bạn cũng có thể liên kết hình ảnh trên bài viết của mình đén một trang khác. Để làm được điều đó, bạn cần truy cập vào trình chỉnh sửa bài viết và nhấp chọn ảnh mình muốn sửa. Bạn sẽ nhìn thấy các tùy chọn hiển thị ở phía trên của ảnh. Nhấp vào nút Edit.

edit image in post

Một cửa sổ mới sẽ hiện ra, tại đây bạn sẽ có thể nhìn thấy các tùy chọn có liên quan đến việc chỉnh sửa ảnh.

advanced options in image detail

Tìm đến phần ADVANCED OPTIONS và dán URL của trang mới vào trường Link Rel.

add URL to Link Rel

Nhấp vào nút Update để hoàn tất việc thay đổi.

Từ đây về sau, mỗi khi người dùng nhấp vào ảnh đó họ sẽ được chuyển hướng đến URL mà bạn đã thêm vào trường Link Rel. Tính năng này rất hữu ích đối với những người làm tiếp thị liên kết.

Đây là một số vấn đề phổ biến mà bạn sẽ đối mặt khi làm việc với hình ảnh trên blog/website của mình. Bạn cần nhớ những chia sẻ này để áp dụng khi sử dụng hình ảnh để minh họa cho bài viết trên blog của mình.

14. Cách hiển thị hình ảnh theo cột và hàng

Giả sử bạn muốn chia sẻ các hình ảnh về tiệc sinh nhật, một chuyến đi phượt. Bạn có thể thêm chúng vào bài viết và hiển thị theo một cột. Điều này làm cho bài viết sẽ dài hơn vì chứa nhiều hình ảnh. Người dùng phải lăn chuột liên tục để xem các ảnh.

Cách tốt hơn là bạn nhóm các ảnh này lại sau đó tạo một Gallery ảnh. Chỉ cần upload các ảnh mà bạn cần chỉnh sửa khi thêm vào bài viết hoặc trang.

Trong thư viện đa phương tiện Media Library, chọn các ảnh mà bạn muốn sau đó nhấp vào nút Create Gallery ở cột bên trái.

create gallery in wordpress

Tiếp theo bạn cần nhấp vào nút Add new gallery phía dưới của góc phải màn hình. Lúc này WordPress sẽ hiển thị các cài đặt cho Gallary của bạn.

gallery edit option

Bạn có thể chọn cách liên kết đến ảnh, số cột, kích thước của ảnh.

Khi đã xong, nhấp vào nút Insert Gallery để kết thúc.

Để tìm hiểu chi tiết hơn, bạn có thể đọc lại bài viết Hướng dẫn hiển thị hình ảnh theo cột và hàng trong WordPress.

15. Khắc phục lỗi ảnh đại diện hiển thị hai lần

Chèn Featured Image vào bài viết là lỗi thường gặp đối với những người mới.

Khi bạn đã thiết lập Featured Image, bạn không cần phải chèn nó vào bài viết của mình.

Nếu bạn làm điều đó, Featured Image sẽ xuất hiện hai lần. Một xuất hiện trong bài viết, một xuất hiện như là ảnh đại diện.

hinh anh hien thi hai lan

Bạn có thể thêm hình ảnh khác vào bài viết của mình. Nhưng Featured Image chỉ cần thêm ở mục Featured Image là đủ.

16. Thiết lập Featured Image mặc định trong WordPress

Tìm kiếm một ảnh đại diện thích hợp cho các bài viết khác nhau là một vấn đề hóc búa. Đôi khi bạn không muốn thêm ảnh đại diện cho bài viết của mình. Nhưng WordPress Theme sẽ hiển thị không được bắt mắt nếu không có ảnh đại diện.

Đây là lý do tại sao bạn nên sử dụng một Featured Image mặc định trong WordPress. Ảnh Featured Image mặc định sẽ được hiển thị khi bạn không thêm Featured Image cho riêng nó.

WordPress Theme của bạn hiển thị các ảnh thu nhỏ ở các vị trí khác nhau. Bạn cần tìm đến hàm the_post_thumbnail() trong các tập tin của Theme. Thường thì bạn có thể tìm thấy hàm này trong các tập tin archive.php, single.php.

Tiếp theo bạn cần thêm đoạn code bên dưới vào nơi bạn muốn hiển thị ảnh thumnail

<?php if ( has_post_thumbnail() ) {
the_post_thumbnail();
} else { ?>
<img src=”<?php bloginfo(‘template_directory’); ?>/images/default-image.jpg” alt=”<?php the_title(); ?>” />
<?php } ?>

Đừng quên thay default-image.jpg bằng ảnh mà bạn muốn hiển thị.

17. Xóa liên kết mặc định của ảnh trong WordPress

WordPress tạo nhiều bản sao của ảnh mà bạn upload với nhiều kích thước khác nhau. Theo mặc định, nó thêm một liên kết đến tập tin ảnh gốc. Việc này làm ảnh hưởng đến lưu lượng truy cập và trải nghiệm của người dùng.

Bạn có thể thiết lập tùy chọn Link to thành None để xóa bỏ liên kết. Nhưng thực hiện việc này một cách thủ công có thể khiến bạn cảm thấy phiền và đôi khi bị quên.

link to image

Bạn có thể làm cho WordPress ngừng thêm liên kết bằng cách thêm đoạn code bên dưới vào tập tin functions.php.

function wpb_imagelink_setup() {
$image_set = get_option( ‘image_default_link_type’ );
if ($image_set !== ‘none’) {
update_option(‘image_default_link_type’, ‘none’);
}
add_action(‘admin_init’, ‘wpb_imagelink_setup’, 10);

Tôi hy vọng rằng bài viết này sẽ giúp bạn khắc phục các lỗi thường gặp của hình ảnh trên website WordPress của mình. Nếu bạn biết thêm thủ thuật nào khác, hãy chia sẽ với tôi bằng cách để lại bình luận bên dưới bài viết.

Nếu bạn thấy bài viết này hữu ích đừng quên Like và Share.

Hẹn găp lại bạn trong các bài viết tiếp theo./.

Đăng ký nhận bài viết mới nhất

Hãy đăng ký nhận tin để nhận được những nội dung thú vị và tuyệt vời!

Để lại bình luận

Plugins Themes Thủ thuật
Cách hiển thị tổng số bình luận trong WordPress
Hướng dẫn thêm JavaScript trong WordPress
Hướng dẫn thêm JavaScript trong WordPress
HƯỚNG DẪN NHÂN BẢN WORDPRESS SITE
Hướng dẫn nhân bản WordPress site
Keyword Research SEO Offpage SEO Onpage
Từ khoá và website của bạn
Xây dựng Website chuẩn SEO
Xây dựng Website chuẩn SEO
Hướng dẫn chi tiết WordPress SEO
Hướng dẫn chi tiết WordPress SEO cho người mới
Ajax Bootstrap HTML/CSS JavaScript Joomla jQuery PHP/MySQL
Cách đặt tên miền
Tên miền là gì? Cách chọn tên miền cho blog WordPress
Thay đổi tên miền cho website wordpress
Hướng dẫn thay đổi tên miền cho website WordPress
Sự khác nhau giữa tên miền và Web Hosting
Sự khác nhau giữa tên miền và Web Hosting
Amazon Nichesite Google Adsense Product Lauch Social Marketing Viết Blog Youtube Partner
Thêm Google Adsense vào trang web WordPress
Hướng dẫn thêm Google Adsense vào trang web WordPress
Hướng dẫn đăng ký tài khoảnClickbank khi bị chặn ở Việt Nam
Hướng dẫn đăng ký tài khoản Clickbank khi bị chặn tại Việt Nam
Kiếm tiền từ blog WordPress
Kiếm tiền từ blog WordPress như thế nào?