Có nhiều ý kiến về cách bạn nên tạo kiểu trực quan cho các liên kết neo của mình từ góc độ thiết kế. Hôm nay, chúng ta sẽ tập trung vào điều quan trọng hơn: cách đặt tên cho văn bản liên kết của bạn và lý do. Rất nhiều trang web đã sử dụng sai thông tin này, tôi cũng cảm thấy tội lỗi vì điều này.
Để tạo liên kết có thể nhấp trên một trang web, chúng tôi bọc đường dẫn liên kết của mình bằng thẻ liên kết HTML:<a></a> . Thẻ neo có thể chứa nhiều thuộc tính:lớp URL (đường dẫn liên kết), id, tiêu đề và văn bản liên kết.
Văn bản cố định đề cập đến có thể nhấp một phần của liên kết. Đó là văn bản (không phải URL liên kết) mà chúng tôi bọc thẻ liên kết của mình xung quanh.
Đây là một liên kết đến trang đầu của TechStacker. Đây là giao diện của HTML:
<a href="https://techstacker.com">TechStacker </a> - URL bên trong
href=" "là mục tiêu liên kết -
>TechStacker<là văn bản liên kết có thể nhấp dẫn đến mục tiêu.
Hãy xem hai cách khác nhau sau đây để viết anchor text cho các liên kết. Trong trường hợp này, mục tiêu liên kết là một trang về tối ưu hóa hiệu suất. Văn bản liên kết đầu tiên là xấu, văn bản thứ hai là tốt:
Tại sao anchor text đầu tiên không tốt? Câu hỏi đầu tiên là không mô tả, cái thứ hai mang tính mô tả và có liên quan đến đích URL mà nó dẫn đến.
Một số con trỏ văn bản liên kết:
- Giữ cho văn bản liên kết ngắn gọn. Bất cứ điều gì trên 5 từ thường sẽ làm lộn xộn bố cục của bạn, đặc biệt nếu các thẻ neo của bạn được nhấn mạnh nhiều trong thiết kế khôn ngoan. Tuy nhiên, nó phụ thuộc vào ngữ cảnh.
- Sử dụng văn bản liên kết có ý nghĩa và mang tính mô tả. “Nhấp vào đây” không mang tính mô tả, không dành cho những người sử dụng trình đọc màn hình hoặc những người có thị lực bình thường.
- Văn bản cố định ảnh hưởng đến SEO. Các công cụ tìm kiếm muốn các liên kết mang tính mô tả và có liên quan đến nội dung mà chúng liên kết đến.
- Văn bản cố định ảnh hưởng đến Khả năng tiếp cận. Hãy nghĩ về cách một trình đọc màn hình sẽ đọc văn bản liên kết của bạn cho người khiếm thị. Hãy để mô tả liên kết văn bản hướng dẫn đó của bạn.
Kết luận
Anchor text ảnh hưởng đến cả SEO và UX. Bằng cách suy nghĩ về cách bạn đặt tên cho văn bản neo của mình, bạn sẽ làm cho cả người đọc và công cụ tìm kiếm của bạn hài lòng.
Tôi đã đọc Hướng dẫn dành cho người mới bắt đầu SEO của Google như một phần nghiên cứu của tôi cho bài viết này.
Bạn có thấy những gì tôi vừa làm không? Văn bản liên kết ở trên mang tính mô tả và có liên quan đến cả ngữ cảnh của bài viết này và Hướng dẫn bắt đầu SEO của Google mà nó liên kết đến. Đó là cách bạn nên đặt tên cho văn bản liên kết của mình
Văn bản neo nên thiết lập một kỳ vọng. Nó tương tự như cách hoạt động của Thẻ giao diện người dùng như một bản xem trước cho nội dung chi tiết hơn (bài báo, trang sản phẩm, v.v.). Ví dụ:Trang đầu của Phương tiện hoặc tại đây trên TechStacker.
Tôi thực sự viết bài viết này để nhắc nhở bản thân tầm quan trọng của việc sử dụng các mô tả có ý nghĩa cho nội dung nói chung , cho dù đó là viết blog, viết mã hay thậm chí là danh sách hàng tạp hóa. Đừng mơ hồ, hãy mô tả.
Giống như nhà thiết kế sản phẩm kỹ thuật số, Luke Wroblewski nói:
Rõ ràng luôn luôn thắng.