Làm cho trang web JavaScript của bạn thân thiện với SEO với các giải pháp này

Spread the love

Hầu hết các trang web hiện đại đều chứa JavaScript, làm cho chúng trở nên động và tương tác. Mặc dù các bot của công cụ tìm kiếm khá thông minh, chúng vẫn có thể không hiển thị nhiều nội dung JavaScript, ảnh hưởng đến xếp hạng trang.

Nội dung JavaScript phụ thuộc rất nhiều vào cách trang web của bạn hiển thị mã.

Ví dụ: trong kết xuất phía máy chủ, máy chủ chứa nội dung của trang web. Theo yêu cầu, trình duyệt sẽ nhận được HTML được hiển thị đầy đủ.

Tuy nhiên, trong kết xuất phía máy khách, JavaScript được trình duyệt hiển thị bằng DOM.

Tùy chọn thứ ba để kết xuất là kết xuất động, trong đó nội dung được hiển thị ở phía máy khách sẽ chuyển đến trình duyệt, trong khi nội dung được hiển thị ở phía máy chủ sẽ đi đến (các) công cụ tìm kiếm.

Các kỹ thuật kết xuất ảnh hưởng đến cách JS được hiển thị và do đó xếp hạng trang.

Để đảm bảo tất cả mã JS trang web của bạn được hiển thị, bạn nên tuân theo các phương pháp SEO JavaScript phù hợp. Nhưng trước tiên, chúng ta hãy hiểu JavaScript SEO là gì.

SEO JavaScript là gì?

JavaScript SEO giúp các công cụ tìm kiếm dễ dàng thu thập thông tin và lập chỉ mục mã JavaScript (nội dung động) của một trang web (hoặc trang web). Google hoặc bất kỳ công cụ tìm kiếm nào khác xử lý JavaScript theo ba giai đoạn, tức là thu thập thông tin, hiển thị và lập chỉ mục. Để Google làm được tất cả những điều này, nội dung JavaScript phải thân thiện với SEO, tức là hiển thị và có sẵn.

Cách Google xử lý nội dung JavaScript trên một trang

Dưới đây là các bước mà Googlebot làm theo để xử lý JavaScript:

  • Tìm nạp một URL từ hàng đợi thu thập thông tin qua yêu cầu HTTP
  • Kiểm tra tệp robots.txt để tìm các URL mà trang web không cho phép thu thập thông tin
  • Bỏ qua các URL ‘không được phép’, phân tích cú pháp phản hồi cho các URL khác và thêm chúng vào hàng đợi thu thập thông tin
  • Xếp hàng đợi các trang để hiển thị, ngoại trừ những trang được đánh dấu là không được lập chỉ mục
  • Chromium hiển thị trang, thực thi JavaScript và lập chỉ mục trang
  • Phân tích cú pháp lại HTML được hiển thị cho các liên kết
  • Xếp hàng các URL để thu thập thông tin
  Cách thêm và sắp xếp lại các ứng dụng trong Apple TV

Khi nào Google không lập chỉ mục Nội dung JavaScript?

Google có thể lập chỉ mục JavaScript khi được triển khai chính xác. Ví dụ: nếu một số tệp JS và CSS của bạn bị ẩn, Google có thể không thu thập dữ liệu trang web một cách chính xác. Tương tự, nếu bạn có các liên kết trong HTML thô không có trong HTML được hiển thị, Google có thể bỏ qua việc thu thập thông tin hoặc lập chỉ mục các liên kết đó.

Ngoài ra, nếu JavaScript không được nhúng trực tiếp vào HTML, Google phải tải tệp xuống để thực thi. Hơn nữa, các công cụ tìm kiếm có thể có phiên bản được lưu trong bộ nhớ cache của một trang web (để có hiệu suất tốt hơn) và JavaScript trên trang có thể không đồng bộ với nó.

Vì mọi bit mã JavaScript đều phải được đọc, việc lạm dụng JavaScript có thể làm chậm tốc độ trang hoặc gây ra lỗi hết thời gian chờ.

Tại sao JavaScript SEO lại quan trọng?

JavaScript SEO rất quan trọng vì nó ảnh hưởng đến nhiều yếu tố trên trang và các yếu tố xếp hạng mà Google (hoặc các công cụ tìm kiếm) quét để SEO:

Phần tử trên trang
Vấn đề SEO tiềm ẩn
Giải pháp SEO khả thi
Nội dung được kết xuất
Các công cụ tìm kiếm (như Google) không thể hiển thị trang của bạn nếu tài nguyên của nó bị chặn trong tệp robots.txt của trang web của bạn. Ngoài ra, Google không thể lập chỉ mục hoặc hiển thị các tệp JS và CSS, các tệp này bị chặn hoặc bị ẩn.
Giảm JavaScript trên nội dung cốt lõi của trang theo các cách tiếp cận thay thế đối với kết xuất phía máy khách, như kết xuất phía máy chủ, kết xuất động, kết xuất hỗn hợp (kết hợp giữa phía máy khách và phía máy chủ)
Liên kết
Nếu một số liên kết là nội bộ hoặc JavaScript tạo các liên kết đến một URL khi người dùng nhấp vào nó, Google không thể phát hiện ra các liên kết đó.
Sử dụng liên kết neo với thuộc tính href, văn bản liên kết mô tả cho các liên kết. Các liên kết giả như thẻ

không được thu thập thông tin
metadata
Trừ khi trang web sử dụng các gói Node.js như vue-meta, các công cụ tìm kiếm có thể đang thu thập thông tin giống nhau hoặc tệ hơn là không có siêu dữ liệu cho mỗi chế độ xem hoặc trang.
Sử dụng các gói Node.js như react-Mũ bảo hiểm, vue-meta, react-meta-tags
Hình ảnh tải chậm
Trình thu thập thông tin của công cụ tìm kiếm không chọn bất kỳ nội dung nào được đánh dấu là tải chậm. Công cụ tìm kiếm không thể cuộn nội dung và do đó một số nội dung có thể không bao giờ được hiển thị.
Sử dụng API IntersectionObserver, API này hiểu khả năng hiển thị và vị trí của các phần tử DOM khi chúng có sẵn. Bạn cũng có thể sử dụng tính năng tải từng phần của trình duyệt (Chrome).
Thời gian tải trang
Một trang có nhiều nội dung JavaScript có thể tải chậm, điều này có thể ảnh hưởng đến xếp hạng tìm kiếm của nó.
Thêm nội tuyến mã JS quan trọng và trì hoãn mã JS không quan trọng cho đến khi nội dung chính được hiển thị, giảm mã JS tổng thể.

  Sửa lỗi ứng dụng WoW 64 EXE

Các phương pháp hay nhất cho SEO JavaScript

Bằng cách làm theo một số phương pháp hay nhất, chúng tôi có thể giúp các công cụ tìm kiếm thu thập thông tin và hiển thị các trang tốt hơn:

Thêm liên kết và hình ảnh theo tiêu chuẩn web đã xác định

Thêm tất cả các liên kết bằng cách sử dụng ahreftag thay vì onclick, #pageurl hoặc window.location.href = ‘/ page-url. Google có thể dễ dàng thu thập thông tin các liên kết và theo dõi chúng.

<a href=”http://techpoe.com.com”>Welcome to Geek world</a>

Theo cách tương tự, hãy thêm hình ảnh bằng thẻ img src chứ không phải thẻ img data-src:

<img src=”myimg.png” />

Ưu tiên kết xuất phía máy chủ

Đảm bảo rằng nội dung trang web của bạn có sẵn trên máy chủ ngoài trình duyệt của người dùng.

Đảm bảo HTML được hiển thị của bạn có tất cả nội dung quan trọng mà bạn muốn hiển thị

HTML được hiển thị phải có tiêu đề chính xác, meta rô bốt, mô tả meta, hình ảnh, dữ liệu có cấu trúc và thẻ chuẩn.

  Mọi tiếng ồn cùng một lúc Cho phép bạn nghe nhạc từ mọi thể loại

Làm cho trang web JavaScript của bạn thân thiện với SEO

Để kiểm tra việc triển khai JavaScript SEO trên trang web của bạn, bạn có thể làm theo các bước sau:

  • Biết trang web của bạn sử dụng bao nhiêu JavaScript: Đối với điều này, bạn có thể chỉ cần tắt JavaScript trên trình duyệt của mình. Nếu bạn không thấy nhiều nội dung, điều đó có nghĩa là trang web của bạn chủ yếu dựa vào JavaScript.
  • Kiểm tra xem Googlebot có nhận được tất cả các nội dung và thẻ quan trọng hay không: Bạn có thể sử dụng Công cụ kiểm tra tính thân thiện với thiết bị di động của Google hoặc công cụ kiểm tra kết quả nhiều định dạng để kiểm tra cách Googlebot sử dụng HTML thô để hiển thị nội dung.
  • Bạn cũng có thể sử dụng các tiện ích mở rộng của chrome như Xem nguồn được kết xuất để hiểu cách JavaScript thay đổi trang và so sánh HTML nguồn và HTML được hiển thị.
  • Bạn có thể kiểm tra các thẻ quan trọng (tiêu đề, mô tả meta, v.v.) trên HTML được hiển thị bằng cách sử dụng Tiện ích mở rộng SEO Pro Chrome.

Sự kết luận

Trong bài viết này, chúng ta đã tìm hiểu về cách JavaScript có thể khiến việc xử lý SEO trở nên phức tạp một chút và các phương pháp giải quyết các vấn đề tiềm ẩn do thêm nhiều JavaScript vào mã của bạn.

Chúng tôi cũng đã thấy một số phương pháp và công cụ tốt nhất để làm cho trang web JavaScript của bạn thân thiện với SEO. Các công cụ tuyệt vời khác giúp Google nhận ra và thu thập dữ liệu nội dung động của bạn là Prerender, AngularJSHuckabuy.

Bạn cũng có thể kiểm tra một số cách tốt nhất để giảm thời gian tải trang web.

Rất thích đọc bài báo? Làm thế nào về việc chia sẻ với thế giới?

x