Cách "Dễ dàng" Thêm liên kết neo trong WordPress (Từng bước)

Nội dung bài viết

Đôi khi chúng tôi sử dụng liên kết neo trong các bài đăng WordPress dài hơn của mình để giúp người dùng nhanh chóng chuyển đến phần họ muốn đọc.

Liên kết neo thường được sử dụng trong bảng nội dung vì chúng giúp người dùng di chuyển lên và xuống một bài viết dài hơn mà không cần tải lại trang. Nó cũng có thể giúp ích cho SEO vì Google có thể hiển thị chúng bên dưới danh sách tìm kiếm của bạn để dễ dàng điều hướng (thêm về điều này sau).

Trong hướng dẫn từng bước này, chúng tôi sẽ giải thích liên kết neo là gì và chỉ cho bạn cách dễ dàng thêm liên kết neo trong WordPress.

Adding anchor links in WordPress

Sẵn sàng? Hãy bắt đầu với một ví dụ trực tiếp về liên kết neo.

Dưới đây là danh sách tất cả các chủ đề mà chúng tôi sẽ đề cập trong hướng dẫn này. Hãy tiếp tục và nhấp vào bất kỳ liên kết nào trong số này, và bạn sẽ được đưa đến phần cụ thể đó.

Liên kết cố định là một loại liên kết trên trang đưa bạn đến một vị trí cụ thể trên cùng một trang đó. Nó cho phép người dùng chuyển đến phần mà họ quan tâm nhất.

Hãy xem ảnh chụp màn hình hoạt hình bên dưới:

Anchor link preview

Như bạn có thể thấy, nhấp vào liên kết neo sẽ đưa người dùng đến phần cụ thể trên cùng một trang.

Liên kết neo thường được sử dụng trong các bài báo dài hơn như bảng nội dung cho phép người dùng nhanh chóng chuyển đến các phần họ muốn đọc.

Một cách sử dụng khác của liên kết neo là tạo liên kết đánh dấu trên trang WordPress của bạn. Điều này cho phép bạn chia sẻ liên kết dấu trang trên phương tiện truyền thông xã hội hoặc bản tin email, vì vậy khi tải trang, người dùng của bạn ngay lập tức chuyển đến phần bạn muốn họ xem.

Tại sao và khi nào bạn nên sử dụng liên kết neo?

Một người dùng trung bình dành ít hơn vài giây trước khi quyết định xem họ muốn ở lại hay rời khỏi trang web của bạn. Bạn chỉ có vài giây đó để thuyết phục người dùng ở lại.

Cách tốt nhất để làm điều đó là giúp họ nhanh chóng xem thông tin mà họ đang tìm kiếm.

Liên kết neo làm cho điều này dễ dàng hơn bằng cách cho phép người dùng bỏ qua phần còn lại của nội dung và chuyển trực tiếp đến phần mà họ quan tâm. Điều này cải thiện trải nghiệm người dùng và giúp bạn giành được khách hàng / độc giả mới.

Liên kết neo cũng rất tốt cho WordPress SEO . Google có thể hiển thị một liên kết cố định trong kết quả tìm kiếm dưới dạng “chuyển đến liên kết”.

Jump to link in search results

Đôi khi Google cũng có thể hiển thị một số liên kết từ trang đó dưới dạng chuyển đến liên kết và điều này đã được chứng minh là làm tăng tỷ lệ nhấp trong kết quả tìm kiếm. Nói cách khác, bạn nhận được nhiều lưu lượng truy cập hơn vào trang web của mình.

Multiple jump to links below a search result

Đã nói rằng, chúng ta hãy xem cách dễ dàng thêm liên kết neo trong WordPress.

Nếu bạn chỉ muốn thêm một vài liên kết neo hoặc liên kết đánh dấu trang trong bài viết của mình, thì bạn có thể dễ dàng thực hiện theo cách thủ công.

Về cơ bản, bạn cần thêm hai thứ để anchor text hoạt động như dự định.

  1. Tạo liên kết neo bằng dấu # trước văn bản liên kết.
  2. Thêm id vào văn bản mà bạn muốn người dùng được đưa đến.

Hãy bắt đầu với phần liên kết neo.

Bước 1. Tạo liên kết neo

Đầu tiên, bạn cần chọn văn bản mà bạn muốn liên kết và sau đó nhấp vào nút chèn liên kết trong trình chỉnh sửaWordPress Gutenberg .

Add a link in WordPress

Thao tác này sẽ hiển thị cửa sổ bật lên chèn liên kết nơi bạn thường thêm URL hoặc tìm bài đăng hoặc trang để liên kết.

Tuy nhiên, đối với liên kết cố định, bạn chỉ cần sử dụng # làm tiền tố và nhập các từ khóa cho phần bạn muốn người dùng chuyển đến.

Creating anchor link

Sau đó bấm vào nút enter để tạo liên kết.

Một số mẹo hữu ích về việc chọn văn bản để sử dụng làm liên kết anchor # của bạn:

  • Sử dụng các từ khóa liên quan đến phần mà bạn đang liên kết đến.
  • Đừng làm cho liên kết neo của bạn dài hoặc phức tạp một cách không cần thiết.
  • Sử dụng dấu gạch nối để phân tách các từ và làm cho chúng dễ đọc hơn.
  • Bạn có thể sử dụng cách viết hoa trong văn bản neo để làm cho nó dễ đọc hơn. Ví dụ: #Best-Coffee-Shops-Manhattan .

Sau khi thêm liên kết, bạn sẽ có thể thấy liên kết mà bạn đã tạo trong trình chỉnh sửa. Tuy nhiên, nhấp vào liên kết không làm bất cứ điều gì.

Đó là bởi vì các trình duyệt không thể tìm thấy liên kết neo dưới dạng ID.

Hãy khắc phục điều đó bằng cách trỏ các trình duyệt đến khu vực, phần hoặc văn bản mà bạn muốn hiển thị khi người dùng nhấp vào liên kết neo.

Bước 2. Thêm thuộc tính ID vào phần được liên kết

Trong trình chỉnh sửa nội dung , cuộn xuống phần mà bạn muốn người dùng điều hướng đến khi họ nhấp vào liên kết neo. Thông thường, nó là một tiêu đề cho một phần mới.

Tiếp theo, nhấp để chọn khối và sau đó trong cài đặt khối, nhấp vào tab Nâng cao để mở rộng nó. Bạn có thể chỉ cần nhấp vào tab ‘Nâng cao’ trong cài đặt khối tiêu đề.

HTML Anchor

Sau đó, bạn cần thêm cùng một văn bản mà bạn đã thêm làm liên kết neo trong trường ‘HTML Anchor’. Đảm bảo rằng bạn thêm văn bản mà không có tiền tố #.

Bây giờ bạn có thể lưu bài đăng của mình và xem liên kết neo của bạn đang hoạt động bằng cách nhấp vào tab xem trước.

Điều gì sẽ xảy ra nếu phần bạn muốn hiển thị không phải là một tiêu đề mà chỉ là một đoạn văn bản thông thường hoặc bất kỳ khối nào khác?

Trong trường hợp đó, bạn cần nhấp vào menu ba chấm trên cài đặt khối và chọn ‘Chỉnh sửa dưới dạng HTML’.

Edit as HTML

Điều này sẽ cho phép bạn chỉnh sửa mã HTML cho khối cụ thể đó. Bạn cần chọn tìm thẻ HTML cho phần tử bạn muốn trỏ tới. Ví dụ: <p> nếu nó là một trang hoặc <table> nếu nó là một khối bảng, v.v.

Bây giờ, bạn cần thêm liên kết của mình làm thuộc tính ID cho thẻ đó, như mã sau:

<p id="best-coffee-shops-manhattan">

Bây giờ bạn sẽ thấy một thông báo rằng khối này chứa nội dung không mong muốn hoặc không hợp lệ. Bạn cần nhấp vào chuyển đổi sang HTML để duy trì các thay đổi bạn đã thực hiện.

Convert to HTML

Cách thêm liên kết neo theo cách thủ công trong trình chỉnh sửa cổ điển

Nếu bạn vẫn đang sử dụng trình chỉnh sửa cổ điển cũ hơn cho WordPress, thì đây là cách bạn có thể thêm liên kết neo / liên kết nhảy.

Bước 1. Tạo liên kết neo

Đầu tiên, chọn văn bản mà bạn muốn thay đổi thành liên kết neo và sau đó nhấp vào nút ‘Chèn liên kết’.

Adding an anchor link in Classic Editor

Sau đó, bạn cần thêm liên kết neo của mình với tiền tố dấu # theo sau là slug mà bạn muốn sử dụng cho liên kết.

Bước 2. Thêm thuộc tính ID vào phần được liên kết

Bước tiếp theo là trỏ trình duyệt đến phần bạn muốn hiển thị khi người dùng nhấp vào liên kết neo của bạn.

Đối với điều đó, bạn sẽ cần chuyển sang chế độ ‘Văn bản’ trong trình chỉnh sửa cổ điển. Sau đó, cuộn xuống phần mà bạn muốn hiển thị.

Adding anchor ID in Classic Editor

Bây giờ, hãy xác định thẻ HTML mà bạn muốn nhắm mục tiêu. Ví dụ: <h2> , <h3> , <p> , v.v.

Bạn cần thêm thuộc tính ID vào nó với slug của liên kết neo mà không có tiền tố #, như sau:

<h2 id="best-coffee-shops-manhattan">

Bây giờ bạn có thể lưu các thay đổi của mình và nhấp vào nút xem trước để xem liên kết neo của bạn đang hoạt động.

Cách thêm liên kết neo trong HTML theo cách thủ công

Nếu bạn đã quen viết ở chế độ Văn bản của Trình chỉnh sửa cổ điển cũ trong WordPress, thì đây là cách bạn tạo liên kết neo trong HTML theo cách thủ công.

Trước tiên, bạn cần tạo liên kết cố định có tiền tố # bằng <a href=""> thông thường, như sau:

<a href="#best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</a>

Tiếp theo, bạn cần cuộn xuống phần mà bạn muốn hiển thị khi người dùng nhấp vào liên kết.

Thông thường, phần này là một tiêu đề (h2, h3, h4, v.v.), nhưng nó có thể là bất kỳ phần tử HTML nào khác hoặc thậm chí là một thẻ <p> đoạn đơn giản.

Bạn cần thêm thuộc tính ID vào thẻ HTML, sau đó thêm liên kết neo không có tiền tố #.

<h2 id="best-coffee-shops-manhattan">Best Coffee Shops in Manhattan</h4>

Bây giờ bạn có thể lưu các thay đổi của mình và xem trước trang web của mình để kiểm tra liên kết neo.

Phương pháp này phù hợp với những người dùng thường xuyên xuất bản các bài báo dạng dài và cần tạo mục lục với các liên kết neo.

Điều đầu tiên bạn cần làm là cài đặt và kích hoạt plugin Easy Table of Contents. Để biết thêm chi tiết, hãy xem hướng dẫn từng bước của chúng tôi về cách cài đặt plugin WordPress .

Plugin này cho phép bạn tự động tạo mục lục với các liên kết neo. Nó sử dụng các tiêu đề để đoán các phần nội dung và bạn có thể tùy chỉnh đầy đủ để đáp ứng nhu cầu của mình.

Sau khi kích hoạt, chỉ cần truy cập trang Cài đặt »Mục lục để định cấu hình cài đặt plugin.

Easy Table of Contents plugin settings

Trước tiên, bạn cần kích hoạt nó cho các loại bài đăng mà bạn muốn thêm mục lục. Theo mặc định, plugin được bật cho các trang, nhưng bạn cũng có thể bật nó cho các bài đăng của mình.

Bạn cũng có thể bật tùy chọn tự động chèn. Điều này cho phép plugin tự động tạo mục lục cho tất cả các bài viết, bao gồm cả các bài viết cũ hơn phù hợp với tiêu chí.

Nếu bạn chỉ muốn tự động tạo mục lục cho các bài báo cụ thể, thì bạn có thể bỏ chọn tùy chọn này.

Tiếp theo, cuộn xuống một chút để chọn nơi bạn muốn hiển thị mục lục và khi nào bạn muốn nó được kích hoạt.

Select where and when to display table of contents

Bạn có thể xem lại các cài đặt nâng cao khác trên trang và thay đổi chúng nếu cần.

Đừng quên nhấp vào nút ‘Lưu thay đổi’ để lưu cài đặt của bạn.

Nếu bạn đã bật tùy chọn tự động chèn, thì bây giờ bạn có thể xem một bài viết hiện có với số lượng đề mục được chỉ định.

Bạn sẽ nhận thấy rằng plugin sẽ tự động hiển thị mục lục trước tiêu đề đầu tiên trong bài viết.

Nếu bạn muốn tạo mục lục theo cách thủ công cho các bài viết cụ thể, thì bạn cần phải chỉnh sửa bài viết mà bạn muốn hiển thị mục lục với các liên kết neo.

Trên màn hình chỉnh sửa bài đăng, cuộn xuống tab ‘Mục lục’ bên dưới trình chỉnh sửa.

Manually add table of contents with anchor links

Từ đây, bạn có thể kiểm tra tùy chọn ‘Chèn mục lục’ và chọn các tiêu đề bạn muốn đưa vào làm liên kết neo.

Bây giờ bạn có thể lưu các thay đổi của mình và xem trước bài viết của mình. Plugin sẽ tự động hiển thị danh sách các liên kết neo dưới dạng mục lục của bạn.

Table of contents preview

Để có hướng dẫn chi tiết hơn, hãy xem bài viết của chúng tôi về cách thêm mục lục trong WordPress .

Chúng tôi hy vọng bài viết này đã giúp bạn tìm hiểu cách dễ dàng thêm liên kết neo trong WordPress. Bạn cũng có thể muốn xem các mẹo của chúng tôi về cách tối ưu hóa đúng các bài đăng trên blog của bạn cho SEO và lựa chọn các plugin trình tạo trang WordPress tốt nhất của chúng tôi.

Nếu bạn thích bài viết này, vui lòng đăng ký Kênh YouTube của chúng tôi để xem các video hướng dẫn về WordPress. Bạn cũng có thể tìm thấy chúng tôi trên TwitterFacebook .

Chia sẻ để ủng hộ ad nhé
Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn
0 0 Đánh giá
Xếp hạng bài viết
Đăng ký
Thông báo về
guest
0 Bình luận
Phản hồi nội tuyến
Xem tất cả bình luận
0
Để lại ý kiến của bạnx
()
x
Ads Blocker Image Powered by Code Help Pro
Phát hiện Adblock

Vui lòng tắt Adblock để truy cập nội dung này!

Tải lại