Bên cạnh tiêu đề và mô tả, hình ảnh nổi bật (Featured Image) đóng vai trò quan trọng trong việc thu hút người đọc. Bạn đã biết cách tối ưu hóa hình ảnh này để tăng thứ hạng SEO và thu hút nhiều lượt click chưa? Bài viết này của Terus sẽ hướng dẫn bạn chi tiết cách tạo và cài đặt Featured Image chuẩn SEO một cách nhanh chóng và hiệu quả.
I. Featured Image là gì?
Featured Image chính là hình ảnh đại diện cho bài viết trên website hay blog, đây sẽ là hình ảnh thu hút người đọc ấn vào đọc.
Khi người đọc click vào hình đại diện của bài viết, Featured Image sẽ hiện lên trên cùng của bài viết đó. Featured Image còn hỗ trợ cho toàn bộ theme và liên quan mật thiết đến theme. Mỗi theme sẽ có cách hiển thị khác nhau với kích thước khác nhau.
II. Sự khác biệt giữa Featured Images, Thumbnail và Cover Image
Để dễ hiểu hơn tôi sẽ làm cho bạn một bảng so sánh cho dễ hiểu sự khác nhau giữa Featured Images, Thumbnail và Cover Image.
Featured Image | Cover Image | ||
Định nghĩa | Hình ảnh đại diện chính cho một bài viết, thường xuất hiện ở đầu hoặc bên cạnh bài viết. | Hình ảnh thu nhỏ, phiên bản thu nhỏ của một hình ảnh lớn hơn. | Hình ảnh được sử dụng để phân chia các phần nội dung trong một bài viết hoặc trang. |
Mục đích | Thu hút sự chú ý, đại diện cho nội dung bài viết, tăng tương tác. | Hiển thị nhanh chóng nội dung của một file lớn hơn, như video hoặc hình ảnh. | Cấu trúc nội dung, tạo sự phân chia rõ ràng giữa các phần. |
Vị trí | Thường xuất hiện ở đầu bài viết, trên trang chủ hoặc trong kết quả tìm kiếm. | Xuất hiện trong thư viện ảnh, danh sách video hoặc các danh mục khác. | Nằm bên trong nội dung bài viết, thường dùng để phân chia các phần. |
Kích thước | Có thể thay đổi tùy thuộc vào theme và thiết kế của website. | Thường có kích thước nhỏ hơn so với hình ảnh gốc. | Tùy thuộc vào thiết kế của từng website. |
Ví dụ | Hình ảnh đại diện cho một bài viết blog, hình ảnh bìa của một sản phẩm. | Hình ảnh thu nhỏ của một video trên YouTube, hình ảnh đại diện của một thư mục. | Hình ảnh minh họa cho một tiêu đề phụ trong bài viết. |
III. Hướng dẫn thêm Featured Image vào website WordPress
Tôi sẽ chỉ bạn 2 cách để thêm Featured Image vào website Wordpress
Thêm Featured Image vào bài viết
Cách lấy ảnh đầu làm Featured Image đơn giản
Thêm Featured Image vào bài viết
Tôi sẽ hướng dẫn bạn cách cơ bản nhất:
Bước 1: Truy cập vào trang quản trị WordPress của bạn.
Bước 2: Nhấp vào mục "Bài viết" (Posts) ở thanh bên trái, sau đó chọn "Thêm bài viết mới". Bạn sẽ thấy một ô có tên "Hình ảnh nổi bật" (Featured Image) ở góc trên bên phải màn hình. Nếu không thấy ô này, hãy nhấp vào "Tùy chọn màn hình" (Screen Options) ở góc trên bên phải, tìm và đánh dấu vào ô "Hình ảnh nổi bật".
Bước 3: Nhấp vào nút "Đặt hình ảnh nổi bật" (Set featured image). Một cửa sổ mới sẽ hiện ra, cho phép bạn chọn hình ảnh từ thư viện ảnh của WordPress hoặc tải lên hình ảnh mới từ máy tính.
Bước 4: Chọn hình ảnh bạn muốn, điền đầy đủ thông tin mô tả (Caption, Alt text, Description) và nhấn nút "Đặt hình ảnh nổi bật".
Cách lấy ảnh đầu làm Featured Image đơn giản
Bằng cách tự động đặt ảnh đầu tiên trong bài viết làm hình ảnh đại diện, bạn có thể tiết kiệm thời gian bằng cách mất nhiều thời gian tìm kiếm và chỉnh sửa các bức ảnh. Việc cài đặt tính năng này rất đơn giản và có nhiều phương pháp khác nhau để thực hiện nó. Bạn chỉ cần tuân theo các hướng dẫn sau:
Bước 1: Mở file functions.php và thêm đoạn code dưới đây, ở đâu cũng được nhưng hãy đặt ở cuối file, tránh bị trùng với function khác:
<?php
function catch_that_image(){
global$post,$posts;
$first_img='';
ob_start();
ob_end_clean();
$output=preg_match_all('/<img.+src=['"]([^'"]+)['"].*>/i',$post->post_content,$matches);
$first_img=$matches[1][0];
if(empty($first_img)){//Defines a default image
$first_img="/images/default.jpg";
}
return$first_img;
}
?>
Bước 2: Vào index.php và content.php hoặc cái trang mà bạn lấy làm theme cho trang bài viết của mình và thêm đoạn code này vào:
<img src="<?php echo catch_that_image() ?>" />
Vậy là bạn đã hoàn thành việc lấy ảnh đầu tiên bài viết làm Featured Image trong WordPress với các code.
IV. Hướng dẫn thay đổi kích thước Featured Image WordPress
Ấn tượng ban đầu của người đọc bị ảnh hưởng đáng kể bởi kích thước ảnh đại diện. Hình ảnh sẽ trở nên đẹp mắt và chuyên nghiệp hơn nếu bạn chọn kích thước ảnh phù hợp.
Tuy nhiên, không ai biết cách điều chỉnh kích thước hình ảnh cho từng chủ đề. May mắn thay, bạn có thể giải quyết vấn đề này bằng nhiều cách, chẳng hạn như sử dụng file functions.php hoặc plugin.
Tôi sẽ chỉ bạn dùng plugin luôn cho tiện, plugin tên là simple image sizes
Bước 1: Đầu tiên, bạn hãy tải và cài đặt plugin Simple Image Sizes nhé.
Bước 2: Sau đó, vào mục cài đặt của Media để tiến hành cấu hình.
Bước 3: Tại đây, bạn sẽ điều chỉnh kích thước cho ảnh nổi bật và ảnh thu nhỏ theo ý muốn.
Plugin này sẽ xử lý toàn bộ những kích thước ảnh mặc định giúp cho bạn, và plugin này khá là nhẹ, tôi khuyên bạn nên làm theo cách này.
V. Các plugin hỗ trợ Featured Image trong WordPress
Để liệt kê hết các plugin hỗ trợ cho việc chỉnh sửa và setup Featured Image thì nhiều vô số kể, nhưng tôi đã đi thu thập và tổng hợp các plugin hay dùng tôi sẽ chia sẻ cho bạn ngay dưới đây:
1. Quick Featured Images
Quick Featured Images là trợ thủ đắc lực giúp bạn tiết kiệm thời gian khi quản lý hình ảnh cho bài viết. Plugin này tự động chọn ảnh đại diện đẹp mắt từ những hình ảnh có sẵn trong bài, giúp bạn có được một giao diện bài viết chuyên nghiệp và thu hút.
2. Drag & Drop Featured Image
Plugin Drag & Drop Featured Image là một công cụ hữu ích giúp bạn tiết kiệm thời gian khi thêm ảnh nổi bật cho bài viết.
Thay vì phải tìm kiếm và chọn ảnh qua nhiều bước, bạn chỉ cần kéo thả hình ảnh trực tiếp vào ô đã định, đơn giản và nhanh chóng.
3. Regenerate Thumbnails
Khi bạn cần làm mới giao diện của một trang web, Regenerate Thumbnails là một công cụ không thể thiếu. Plugin này cho phép tự động tạo lại toàn bộ ảnh đại diện cho các bài viết cũ, đảm bảo rằng trang web vẫn hoạt động tốt như trước đây.
4. Auto Post Thumbnail
Auto Post Thumbnail là một công cụ tuyệt vời cho những người muốn giảm thời gian khi tạo bài đăng. Dù bạn tải lên trực tiếp hay copy từ nguồn khác, plugin tự động chọn ảnh đầu tiên trong bài viết làm ảnh đại diện. Nhờ đó, bạn sẽ không cần thực hiện bất kỳ bước tiếp theo nào nữa.
5. Autoset Featured Image
Autoset Featured Image hoạt động hoàn toàn tự động, tương tự như các plugin set featured image khác nhưng nó mang đến trải nghiệm mượt mà và ổn định, hạn chế tối đa lỗi xảy ra.
6. Featured Image Reminder
Với Featured Image Reminder, bạn sẽ không còn lo lắng về việc quên thêm ảnh đại diện cho bài viết. Tính năng này sẽ tự động nhắc nhở bạn ngay trước khi đăng để bài viết của bạn trở nên hấp dẫn và chuyên nghiệp hơn.
7. Video Thumbnails
Đây là plugin tối ưu cho các website chia sẻ video. Với khả năng đăng tải video nhanh chóng và tự động lấy hình ảnh thumbnail làm Featured Image, plugin này hỗ trợ bạn xây dựng một thư viện video chuyên nghiệp, tương thích với nhiều nền tảng lớn.
Hình ảnh nổi bật (Featured Image) không chỉ là "bộ mặt" của bài viết mà còn đóng một vai trò quan trọng trong việc thu hút sự chú ý của người đọc và tạo ra một giao diện tổng thể cho trang web. Hình ảnh đại diện chuyên nghiệp sẽ tăng tương tác và trải nghiệm người dùng.
FAQ - Giải đáp thắc mắc về Featured Image
1. Feature graphic là gì?
Featured graphic (hay còn gọi là hình ảnh nổi bật) là hình ảnh đại diện chính của một bài viết, trang web hoặc sản phẩm.
2. Hình feature là gì?
Hình feature (hay còn gọi là hình ảnh nổi bật) là hình ảnh đại diện chính cho một bài viết, sản phẩm hoặc một phần nội dung nào đó trên website hoặc ứng dụng.
留言