Thêm biểu tượng liên kết ngoài WordPress

Giới Thiệu về Liên Kết Ngoài và Tại Sao Cần Biểu Tượng

Trong thế giới website, liên kết là một phần không thể thiếu. Chúng ta sử dụng liên kết để điều hướng người dùng đến các trang khác trên cùng một website (liên kết nội bộ) hoặc đến các trang web khác hoàn toàn (liên kết ngoài). Việc sử dụng liên kết ngoài là một cách tuyệt vời để cung cấp thêm thông tin, trích dẫn nguồn, hoặc giới thiệu các tài nguyên hữu ích cho người đọc. Tuy nhiên, người dùng thường không biết liệu một liên kết có dẫn họ ra khỏi website hiện tại hay không, điều này có thể gây ra sự bất ngờ và ảnh hưởng đến trải nghiệm người dùng.

Chính vì vậy, việc thêm biểu tượng liên kết ngoài trở nên quan trọng. Một biểu tượng nhỏ, dễ nhận biết, bên cạnh liên kết sẽ cho người dùng biết rằng khi họ nhấp vào liên kết đó, họ sẽ được chuyển đến một trang web khác. Điều này giúp tạo sự minh bạch, tăng cường sự tin tưởng và cải thiện trải nghiệm người dùng. Họ có thể đưa ra quyết định sáng suốt hơn về việc có nên nhấp vào liên kết hay không.

Lợi Ích của Việc Thêm Biểu Tượng Liên Kết Ngoài

Việc thêm biểu tượng liên kết ngoài không chỉ là một chi tiết nhỏ, mà còn mang lại nhiều lợi ích đáng kể cho website của bạn:

• Cải thiện trải nghiệm người dùng: Người dùng biết rõ khi nào họ sẽ rời khỏi website của bạn, tránh gây bất ngờ và tạo cảm giác tin tưởng.
• Tăng tính minh bạch: Thể hiện rõ ràng rằng bạn đang chia sẻ thông tin từ các nguồn bên ngoài, củng cố độ tin cậy của nội dung.
• Giữ chân người dùng lâu hơn: Người dùng có thể chọn lọc các liên kết ngoài mà họ quan tâm, tránh nhấp vào những liên kết không phù hợp và rời khỏi website của bạn một cách không cần thiết.

Các Phương Pháp Thêm Biểu Tượng Liên Kết Ngoài vào WordPress

Có nhiều cách để thêm biểu tượng liên kết ngoài vào website WordPress của bạn, từ các phương pháp thủ công đến việc sử dụng plugin. Dưới đây là một số phương pháp phổ biến:

1. Sử Dụng CSS và JavaScript

Đây là một phương pháp thủ công, yêu cầu bạn phải chỉnh sửa file CSS và JavaScript của theme WordPress. Mặc dù phức tạp hơn các phương pháp khác, nó cho phép bạn kiểm soát hoàn toàn biểu tượng và cách nó hiển thị.

1. Thêm CSS: Thêm đoạn CSS sau vào file style.css của theme hoặc sử dụng Customizer (Appearance > Customize > Additional CSS):

a[href^="http"]:not([href*="yourdomain.com"])::after {
  content: " 🔗"; /* Hoặc sử dụng hình ảnh: content: url(path/to/external-link-icon.png); */
  font-size: 0.8em;
}

2. Giải thích CSS: Đoạn CSS này chọn tất cả các liên kết có thuộc tính href bắt đầu bằng “http” (liên kết ngoài) và không chứa “yourdomain.com” (để loại trừ liên kết nội bộ). Sau đó, nó thêm một biểu tượng (trong trường hợp này là ” 🔗”) vào sau liên kết. Thay đổi “yourdomain.com” bằng tên miền của bạn. Bạn cũng có thể thay đổi biểu tượng thành một hình ảnh bằng cách sử dụng thuộc tính content: url(path/to/external-link-icon.png);.

2. Sử Dụng Plugin

Đây là phương pháp đơn giản và phổ biến nhất, đặc biệt đối với những người không quen thuộc với code. Có rất nhiều plugin miễn phí và trả phí có thể giúp bạn thêm biểu tượng liên kết ngoài một cách dễ dàng.

• Ví dụ về plugin:
  • External Links – nofollow, new tab
  • WP External Links
  • External Link New Tab
• Ưu điểm: Dễ sử dụng, không cần kiến thức code.
• Nhược điểm: Có thể làm chậm website nếu cài đặt quá nhiều plugin.

Hướng dẫn sử dụng plugin (ví dụ: External Links – nofollow, new tab):

1. Cài đặt và kích hoạt plugin “External Links – nofollow, new tab”.
2. Truy cập Settings > External Links trong dashboard WordPress.
3. Tại đây, bạn có thể cấu hình các tùy chọn như:
   • Mở liên kết ngoài trong tab mới.
   • Thêm thuộc tính rel="nofollow" vào liên kết ngoài.
   • Thêm biểu tượng liên kết ngoài.
   • Chọn vị trí của biểu tượng (trước hoặc sau liên kết).
   • Tùy chỉnh biểu tượng bằng CSS.
4. Lưu các thay đổi và kiểm tra website của bạn.

3. Sử Dụng Sửa Đổi Theme

Một số theme WordPress có tùy chọn tích hợp để thêm biểu tượng liên kết ngoài. Hãy kiểm tra cài đặt theme của bạn để xem có tùy chọn này hay không.

Ưu điểm: Không cần cài đặt plugin, tích hợp sẵn với theme.
Nhược điểm: Không phải theme nào cũng hỗ trợ tính năng này.

Hướng Dẫn Chi Tiết Sử Dụng Plugin “External Links – nofollow, new tab”

Plugin “External Links – nofollow, new tab” là một lựa chọn phổ biến và dễ sử dụng để thêm biểu tượng liên kết ngoài vào WordPress. Dưới đây là hướng dẫn chi tiết cách sử dụng plugin này:

1. Cài đặt plugin: Truy cập Dashboard WordPress > Plugins > Add New. Tìm kiếm “External Links – nofollow, new tab” và cài đặt. Sau khi cài đặt, kích hoạt plugin.
2. Truy cập cài đặt plugin: Sau khi kích hoạt, bạn sẽ thấy một mục mới “External Links” trong menu Settings. Nhấp vào đó để truy cập trang cài đặt plugin.
3. Cấu hình cài đặt: Trang cài đặt được chia thành nhiều phần. Dưới đây là một số cài đặt quan trọng:
   • Apply To: Chọn nơi bạn muốn áp dụng các cài đặt này (ví dụ: toàn bộ website, chỉ bài viết, chỉ trang).
   • General Settings:
     • Open external links in new tab/window: Chọn “Yes” để mở liên kết ngoài trong tab mới.
     • Add “nofollow” to external links: Chọn “Yes” để thêm thuộc tính rel="nofollow" vào liên kết ngoài.
   • Icons Settings:
     • Display icon: Chọn “Yes” để hiển thị biểu tượng liên kết ngoài.
     • Icon Position: Chọn vị trí của biểu tượng (After link text hoặc Before link text).
     • Icon Image: Chọn hình ảnh biểu tượng. Bạn có thể sử dụng biểu tượng mặc định hoặc tải lên biểu tượng của riêng bạn.
     • Icon CSS: Tùy chỉnh biểu tượng bằng CSS (ví dụ: kích thước, màu sắc).
   • Exceptions: Cho phép bạn loại trừ một số liên kết nhất định khỏi việc áp dụng các cài đặt này.
4. Lưu thay đổi: Sau khi cấu hình xong, nhấp vào nút “Save Changes” để lưu các cài đặt.
5. Kiểm tra website: Truy cập website của bạn và kiểm tra xem biểu tượng liên kết ngoài đã hiển thị đúng cách hay chưa.

Mẹo và Lưu Ý Quan Trọng

Dưới đây là một số mẹo và lưu ý quan trọng khi thêm biểu tượng liên kết ngoài vào WordPress:

• Chọn biểu tượng phù hợp: Chọn một biểu tượng dễ nhận biết và phù hợp với thiết kế tổng thể của website của bạn.
• Đảm bảo biểu tượng không quá lớn: Biểu tượng quá lớn có thể gây mất thẩm mỹ và làm xao nhãng người đọc.
• Kiểm tra trên nhiều thiết bị: Đảm bảo biểu tượng hiển thị đúng cách trên cả máy tính để bàn, máy tính bảng và điện thoại di động.
• Không sử dụng quá nhiều liên kết ngoài: Quá nhiều liên kết ngoài có thể làm giảm giá trị SEO của website của bạn.
• Kiểm tra liên kết thường xuyên: Đảm bảo tất cả các liên kết ngoài đều hoạt động bình thường.

Kết Luận

Việc thêm biểu tượng liên kết ngoài là một cách đơn giản nhưng hiệu quả để cải thiện trải nghiệm người dùng và tăng tính minh bạch cho website WordPress của bạn. Bằng cách sử dụng các phương pháp được trình bày trong bài viết này, bạn có thể dễ dàng thêm biểu tượng liên kết ngoài vào website của mình và giúp người dùng dễ dàng nhận biết các liên kết dẫn đến các trang web khác.