JavaScript là cực kỳ phổ biến. Dựa trên một nghiên cứu,có đến 80% các cửa hàng thương mại điện tử phổ biến ở Hoa Kỳ sử dụng JavaScript để tạo nội dung chính hoặc liên kết đến các sản phẩm tương tự. Tuy nhiên, nhiều trang web JavaScript – mặc dù mức độ phổ biến của nó – hoạt động kém hơn ở Google vì chúng không thực hiện SEO JavaScript đúng cách.
Trong bài viết này, sẽ có một số hướng dẫn lý do tại sao nó xảy ra và cách khắc phục nó. Bạn sẽ học:
>>> Xem thêm:
Có thể nói vào năm 2020 JavaScript là tương lai của web.
Tất nhiên, HTML và CSS là nền tảng. Nhưng hầu như mọi nhà phát triển web hiện đại đều dự kiến sẽ viết mã bằng JavaScript.
Nhưng chính xác thì JavaScript có thể làm gì? Và làm thế nào bạn có thể kiểm tra các yếu tố của trang web của bạn đang sử dụng nó? Đọc tiếp và bạn sẽ tìm ra.
JavaScript là một ngôn ngữ lập trình cực kỳ phổ biến. Nó được sử dụng bởi các nhà phát triển để làm cho các trang web tương tác.
JavaScript có khả năng duy nhất tự động cập nhật nội dung của trang.
Chẳng hạn, nó được sử dụng bởi các sàn giao dịch Forex và CFD để liên tục cập nhật tỷ giá hối đoái trong thời gian thực.
Bây giờ, hãy tưởng tượng một trang web như Forex.com mà không cần JavaScript.
Nếu không có JavaScript, người dùng sẽ phải tự làm mới trang web để xem tỷ giá hối đoái hiện tại. JavaScript chỉ đơn giản là làm cho cuộc sống của họ dễ dàng hơn nhiều.
Nói cách khác, bạn có thể xây dựng một trang web chỉ bằng HTML và CSS, nhưng JavaScript là thứ khiến nó trở nên năng động và tương tác.
Có thể bạn nên biết:
Các loại nội dung thường được tạo bởi JavaScript về cơ bản có thể được đặt thành sáu loại:
Bạn có thể dễ dàng kiểm tra xem trang web của bạn có dựa trên JavaScript hay không, hãy sử dụng WWJD – JavaScript sẽ làm gì – đây chỉ là một trong những công cụ MIỄN PHÍ.
Chỉ cần truy cập WWJD và nhập URL của trang web của bạn vào bảng điều khiển.
Sau đó nhìn vào ảnh chụp màn hình mà công cụ tạo và so sánh hai phiên bản trang của bạn – phiên bản có bật JavaScript và phiên bản có JavaScript bị tắt.
Bạn cũng có thể sử dụng plugin trình duyệt như Quick JavaScript Switcher trên Chrome hoặc JavaScript Switch trên Firefox.
Khi bạn sử dụng plugin, trang bạn hiện đang truy cập sẽ được tải lại với JavaScript bị vô hiệu hóa.
Nếu một số thành phần trên trang biến mất, điều đó có nghĩa là chúng được tạo bởi JavaScript.
Một mẹo quan trọng: nếu bạn quyết định sử dụng plugin trình duyệt thay vì WWJD, hãy đảm bảo bạn cũng xem qua nguồn trang và DOM (Mô hình đối tượng tài liệu) và chú ý đến các thẻ và liên kết chính tắc của bạn. Điều thường xảy ra là JavaScript không thay đổi nhiều về mặt trực quan và bạn sẽ không nhận thấy rằng nó thậm chí còn ở đó. Tuy nhiên, nó có thể thay đổi siêu dữ liệu của bạn dưới mui xe, điều này có khả năng dẫn đến các vấn đề nghiêm trọng.
Bạn có thể nghe rằng việc điều tra những gì bên trong mã nguồn của các trang web của bạn là một trong những điều quan trọng nhất trong kiểm toán SEO. Tuy nhiên, với JavaScript trong hình, nó trở nên phức tạp hơn.
HTML là một tệp chỉ đại diện cho thông tin thô được trình duyệt sử dụng để phân tích trang. Nó chứa một số đánh dấu đại diện cho các đoạn văn, hình ảnh, liên kết và các tham chiếu đến các tệp JS và CSS.
Bạn có thể xem HTML ban đầu của trang bằng cách nhấp chuột phải -> Xem nguồn trang.
Tuy nhiên, bằng cách xem nguồn trang, bạn sẽ không thấy bất kỳ nội dung động nào được cập nhật bởi JavaScript.
Với các trang web JavaScript, bạn nên xem DOM thay thế. Bạn có thể làm điều đó bằng cách nhấp chuột phải -> Kiểm tra phần tử.
Lưu ý: Nếu Google không thể hiển thị hoàn toàn trang của bạn, nó vẫn có thể lập chỉ mục HTML ban đầu (không chứa nội dung được cập nhật động).
Bây giờ bạn chắc chắn những yếu tố nào trong trang của bạn phụ thuộc vào JavaScript, đã đến lúc tìm hiểu xem Google có thể xử lý chính xác nội dung JavaScript của bạn hay không.
JavaScript làm cho web thực sự năng động và tương tác và đó là điều mà người dùng yêu thích.
Nhưng những gì về Google và các công cụ tìm kiếm khác? Họ có thể dễ dàng đối phó với JavaScript hay đó là mối quan hệ yêu-ghét nhiều hơn? Và khi nói đến JavaScript, nó là một loại túi hỗn hợp. Nhưng lập chỉ mục nội dung JavaScript của Google không bao giờ được đảm bảo.
Gần đây có một nghiên cứu đã điều tra nhiều trang web đang sử dụng JavaScript. Hóa ra, trung bình, nội dung JavaScript của họ không được Google lập chỉ mục trong 25% trường hợp.
Dưới đây là một số ví dụ về các trang web được thử nghiệm:
Mặt khác, một số trang web được nghiên cứu đã thử nghiệm đã hoạt động rất tốt:
Như bạn có thể thấy, Google có thể lập chỉ mục nội dung JavaScript trên một số trang web tốt hơn nhiều so với các trang web khác. Điều này có nghĩa là những vấn đề này là tự gây ra và có thể tránh được. Hãy đọc để tìm hiểu làm thế nào.
Điều quan trọng cần biết là nội dung lập chỉ mục không được đảm bảo ngay cả trong trường hợp trang web HTML. JavaScript chỉ đơn giản là thêm sự phức tạp, vì có một vài điều có thể sai.
Trong trường hợp thu thập dữ liệu các trang web HTML truyền thống, mọi thứ đều dễ dàng và đơn giản và toàn bộ quá trình nhanh như chớp:
Trong khi đó, có nhiều điều có thể sai với kết xuất và lập chỉ mục JavaScript. Như bạn có thể thấy, toàn bộ quá trình phức tạp hơn nhiều với JavaScript có liên quan.
Đã đến lúc đi sâu hơn vào chủ đề của dịch vụ kết xuất web (Web Rendering Service)
Như bạn có thể biết, Googlebot dựa trên phiên bản Chrome mới nhất. Điều đó có nghĩa là Googlebot đang sử dụng phiên bản hiện tại của trình duyệt để hiển thị trang. Nhưng nó không hoàn toàn giống nhau.
Khi bạn lướt internet, trình duyệt của bạn (Chrome, Firefox, Opera, bất cứ thứ gì) tải xuống tất cả các tài nguyên (như hình ảnh, tập lệnh, biểu định kiểu) mà một trang web bao gồm và kết hợp tất cả lại với bạn. Tuy nhiên, vì Googlebot hoạt động khác với trình duyệt của bạn, mục đích của nó là thu thập dữ liệu toàn bộ internet và lấy các tài nguyên có giá trị.
World Wide Web là rất lớn, vì vậy Google tối ưu hóa trình thu thập thông tin của mình cho hiệu suất. Đây là lý do tại sao Googlebot đôi khi không tải tất cả tài nguyên từ máy chủ. Không chỉ vậy, Googlebot thậm chí không truy cập tất cả các trang mà nó gặp phải.
Các thuật toán của Google cố gắng phát hiện nếu một tài nguyên nhất định là cần thiết theo quan điểm kết xuất. Nếu không, nó có thể không được Googlebot tải xuống. Google cảnh báo các quản trị web về điều này trong tài liệu chính thức.
Googlebot và thành phần dịch vụ kết xuất web (WRS) của Google liên tục phân tích và xác định các tài nguyên không đóng góp nội dung trang thiết yếu và có thể không lấy các tài nguyên đó.
Vì Googlebot không hoạt động như một trình duyệt thực, Google có thể không chọn một số tệp JavaScript của bạn . Lý do có thể là các thuật toán của nó đã quyết định rằng nó không cần thiết từ quan điểm kết xuất, hoặc đơn giản là do vấn đề hiệu năng (tức là mất quá nhiều thời gian để thực thi một tập lệnh).
Ngoài ra, như được xác nhận bởi Martin Splitt, Nhà phân tích xu hướng quản trị trang web tại Google, Google có thể quyết định rằng một trang không thay đổi nhiều sau khi kết xuất (sau khi thực hiện JS) để họ sẽ không hiển thị trong tương lai.
Ngoài ra, kết xuất JavaScript của Google vẫn bị trì hoãn (tuy nhiên, nó tốt hơn nhiều so với năm 2017-2018, khi chúng ta thường phải đợi hàng tuần cho đến khi Google kết xuất JavaScript).
Nếu nội dung của bạn yêu cầu Google nhấp, cuộn hoặc thực hiện bất kỳ hành động nào khác để nó xuất hiện, nó sẽ không được lập chỉ mục.
Cuối cùng nhưng không kém phần quan trọng: Trình kết xuất của Google có thời gian chờ. Nếu mất quá nhiều thời gian để hiển thị tập lệnh của bạn, Google có thể chỉ cần bỏ qua tập lệnh đó.
SEO JavaScript là biện pháp sử dụng JavaScript trong ngôn ngữ lập trình Web nhằm tối ưu trang Web của bạn. Hoạt động này giúp trang Web của bạn có thể tìm kiếm được trên trang tìm kiếm. SEO JavaScript giúp bạn tìm được người dùng mới, đồng thời thu hút người dùng hiện tại khi họ tìm kiếm nội dung mà trang Web của bạn cung cấp.
SEO JavaScript là một lựa chọn tuyệt vời để phát triển trang web của bạn, cũng như làm nó đỡ nhàm chán hơn. Nhưng, nếu triển khai không đúng cách, nó sẽ giết chết trang web của bạn.
Xem thêm:
ToponSeek giới thiệu cho bạn một số phương pháp SEO JavaScript hay nhất như sau:
Có nghĩa là bạn nên sử dụng thẻ HREF để tạo liên kết trong HTML khi tạo liên kết nội bộ. Điều này giúp Google có thể dễ dàng tìm thấy và theo dõi chúng.
Việc sử dụng hình ảnh tuân thủ các tiêu chuẩn Web giúp Googlebot dễ dàng phát hiện, lập chỉ mục cho hình ảnh. Để được phát hiện, hình ảnh phải được liên kết với Thẻ <source> trong HTML.
Một số thư viện ảnh không sử dụng thuộc tính Datasource để lưu trữ URL của hình ảnh. Thay vào đó sử nó thay thế thẻ Scr bằng gif tải nhanh hoặc hình ảnh trình giữ chỗ. Bạn cần đảm bảo đừng dẫn tham chiếu tới Image dẫn đến hình ảnh gốc.
HTML được hiển thị phía máy chủ sẽ giúp trang của bạn được lập chỉ mục bởi search engine (công cụ tìm kiếm). Google sẽ đọc được và xếp hạng cho nội dung của bạn.
Bao gồm
Nếu không đảm bảo được các yếu tố này, phương pháp SEO JavaScript của bạn đều vô nghĩa.
Bên cạnh việc nhìn mã nguồn, bạn cần kiểm tra HTML được hiển thị. Việc này giúp bạn nâng cao hiệu quả SEO JavaScript.
Để biết điều này, cần tắt JavaScript trong trình duyệt của bạn, sau đó tải lại trang. Bạn sẽ thấy được trang web sẽ như thế nào nếu không có JavaScript
Điều này rất quan trọng với SEO JavaScript. Vì JavaScript vốn là ngôn ngữ lập trình, do đó SEO JavaScript không thể tránh khỏi liên quan đến HTML.
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 để kiểm tra HTML được hiển thị trên thiết bị di động. Thông tin kiểm tra bạn nhận được từ Google nên tính chính xác khá cao. Các bước thực hiện cụ thể như sau:
Tiện ích mở rộng Chrome chỉ ra sự khác biệt giữa mã nguồn và HTML được hiển thị. Từ đó bạn sẽ cái nhìn tổng quan về những gì JavaScript thay đổi trên trang.
Bạn hãy tải chế độ xem trên thiết bị di động trong công cụ kiểm tra của Chrome, rồi sử dụng tiện ích mở rộng Nguồn xem được hiển thị.
Không cần kiểm tra mã, đây là cách gỡ lỗi SEO JavaScript thân thiện với người dùng nhất. Vì vậy, khi thực hiện SEO JavaScript, nó được nhiều người biết đến nhất.
Kết xuất JavaScript kiểm tra các phần tử chính trong mã nguồn trang rồi so sánh chúng với các phần tử tương tự trong HTML được hiển thị. JavaScript có thể thay đổi các yếu tố chính trên trang như thẻ tiêu đề, liên kết nội bộ (Internal Link)…. Hãy kiểm tra xem nó có hại cho trang không, khi thực hiện SEO JavaScript.
Ngoài ra, bạn có thể sử dụng tiện ích mở rộng SEO Pro để xem thẻ tiêu đề và các thẻ quan tr
Bây giờ bạn biết rằng JavaScript làm cho công việc của Google phức tạp hơn một chút.
Và do đó, có những bước bổ sung mà bạn nên thực hiện để làm cho trang web JavaScript của bạn hoạt động tốt trong Google.
JavaScript SEO ban đầu có vẻ đáng sợ, nhưng đừng lo lắng! Chương này sẽ giúp bạn chẩn đoán các vấn đề tiềm ẩn trên trang web của bạn và có được những điều cơ bản ngay.
Có ba yếu tố quan trọng:
Kết xuất JavaScript có thể ảnh hưởng đến ngân sách thu thập dữ liệu của bạn và trì hoãn việc lập chỉ mục các trang của Google .
Đây là danh sách kiểm tra mà bạn có thể sử dụng để kiểm tra xem Google và các công cụ tìm kiếm khác có thể lập chỉ mục nội dung JavaScript của bạn không.
Là nhà phát triển, chủ sở hữu trang web hoặc SEO, bạn phải luôn đảm bảo rằng Google về mặt kỹ thuật có thể hiển thị nội dung JavaScript của bạn . Chỉ đơn giản là không đủ để mở Chrome và xem nó có ổn không.
Thay vào đó, hãy sử dụng kiểm tra trực tiếp ( Live Test) trong công cụ kiểm tra URL (Google’s URL Inspection Tool) của Google, có sẵn thông qua bảng điều khiển tìm kiếm
(Search Console). Nó cho phép bạn xem ảnh chụp màn hình chính xác Googlebot sẽ hiển thị nội dung JavaScript trên trang của bạn như thế nào.
Kiểm tra ảnh chụp màn hình và tự hỏi mình những câu hỏi sau:
Nếu bạn muốn lặn sâu hơn, bạn cũng có thể xem tab HTML trong báo cáo được tạo.
Tại đây, bạn có thể thấy DOM – mã được hiển thị, đại diện cho trạng thái của trang của bạn sau khi kết xuất.
Xem thêm: Security Headers là gì? 5 HTTP Security Header mà bạn cần phải biết.
Nó có thể xảy ra rằng Google kết xuất trang của bạn một cách bất ngờ.
Nhìn vào hình ảnh trên, bạn có thể thấy rằng có một sự khác biệt đáng kể giữa cách trang nhìn với người dùng so với cách Google hiển thị nó.
Có một vài lý do có thể cho việc đó:
Bằng cách nhấp vào tab thông tin khác (More info) , bạn có thể dễ dàng kiểm tra xem có bất kỳ lỗi JavaScript nào xảy ra trong khi Google đang cố gắng hiển thị nội dung của bạn không.
Lưu ý quan trọng: đảm bảo Google có thể hiển thị đúng trang web của bạn là điều cần thiết.
Tuy nhiên, nó không đảm bảo nội dung của bạn sẽ được lập chỉ mục. Điều này đưa chúng ta đến điểm thứ hai.
Có hai cách để kiểm tra xem nội dung JavaScript của bạn có thực sự được lập chỉ mục trong Google hay không.
Lưu ý nhanh: bạn không nên dựa vào việc kiểm tra Google Cache như một cách đảm bảo Google lập chỉ mục nội dung JavaScript của bạn . Mặc dù nhiều SEO vẫn sử dụng nó, nhưng việc dựa vào Google Cache là một ý tưởng tồi. Bạn có thể tìm hiểu thêm bằng cách đọc Tại sao Google Cache nói dối bạn và những việc cần làm của Maria Cieślak, Trưởng phòng SEO của Onely.
Vào năm 2020, một trong những lựa chọn tốt nhất để kiểm tra xem nội dung của bạn có được Google lập chỉ mục hay không là lệnh của trang web. Bạn có thể làm điều đó trong hai bước đơn giản.
Trước tiên, bạn phải đảm bảo rằng chính URL nằm trong chỉ mục của Google. Để làm điều đó, chỉ cần nhập trang web của Wikipedia: URL Nhóm trong Google (trong đó URL là địa chỉ URL của trang bạn muốn kiểm tra).
Bây giờ, khi bạn biết rằng URL thực tế có trong cơ sở dữ liệu của Google, bạn có thể:
Nó cũng rất dễ dàng. Biết được đoạn nào của trang của bạn phụ thuộc vào JavaScript sau khi sử dụng công cụ của chúng tôi, WWJD , chỉ cần sao chép một đoạn văn bản từ trang của bạn và nhập lệnh sau trong Google: site: {your website}.
Nếu một đoạn mã với đoạn của bạn xuất hiện, điều đó có nghĩa là nội dung của bạn được lập chỉ mục trong Google. Khuyến khích bạn kiểm tra lệnh trên trang web của Wap trên nhiều loại nội dung do JS tạo ra.
Đề xuất khác: thực hiện một trang web trên mạng: Truy vấn trực tuyến với một đoạn trong chế độ ẩn danh.
Một phương pháp chính xác hơn, mặc dù chậm hơn, kiểm tra xem nội dung của bạn có được Google lập chỉ mục hay không đang sử dụng Google Search Console.
Nhập URL được đề cập vào công cụ kiểm tra URL (URL Inspection Tool).
Sau đó bấm xem trang được thu thập thông tin (View crawled) . Điều này sẽ cho bạn thấy mã của trang của bạn được lập chỉ mục trong Google.
Chỉ cần Ctrl + F để đảm bảo nếu các đoạn quan trọng của nội dung do JavaScript tạo ra có ở đây không.
Lưu ý: khuyên bạn nên lặp lại quy trình này cho một mẫu URL ngẫu nhiên để xem Google có lập chỉ mục chính xác nội dung của bạn không. Đừng dừng lại ở một trang mà hãy kiểm tra số lượng trang hợp lý.
Các vấn đề mà một số trang web gặp phải khi lập chỉ mục nội dung JavaScript của chúng chủ yếu là do tự gây ra. Nếu bạn tình cờ đấu tranh với vấn đề đó, bạn nên tìm hiểu tại sao nó có thể xảy ra ngay từ đầu.
Có nhiều lý do khiến nội dung JavaScript của bạn không được Google chọn. Đến tên một vài:
Có một số cách phục vụ các trang web của bạn cho cả người dùng và công cụ tìm kiếm.
Và hiểu chúng là rất quan trọng khi chúng ta đang nói về SEO, không chỉ riêng trong bối cảnh của JavaScript.
Điều gì phù hợp với trang web của bạn: Kết xuất phía máy khách (CSR), kết xuất phía máy chủ (SSR) hoặc có lẽ điều gì đó phức tạp hơn?. Có một thảo luận về việc Google có thể thu thập dữ liệu, kết xuất và lập chỉ mục JavaScript hay không, và điều cần giải quyết hai khái niệm rất quan trọng: Kết xuất phía máy chủ và kết xuất phía máy khách. Nó là cần thiết cho mọi SEO người làm việc với JavaScript để hiểu chúng.
Theo cách tiếp cận truyền thống ( kết xuất phía máy chủ ), trình duyệt hoặc Googlebot nhận được tệp HTML mô tả hoàn toàn trang. Bản sao nội dung đã có. Thông thường, các công cụ tìm kiếm không có bất kỳ vấn đề nào với nội dung JavaScript được hiển thị phía máy chủ.
Cách tiếp cận kết xuất phía máy khách ngày càng phổ biến là một chút khác biệt và các công cụ tìm kiếm đôi khi phải vật lộn với nó. Với cách tiếp cận này, khá phổ biến là trình duyệt hoặc Googlebot có một trang HTML trống (có ít hoặc không có bản sao nội dung) trong tải ban đầu. Sau đó, điều kỳ diệu xảy ra: JavaScript tải xuống không đồng bộ bản sao nội dung từ máy chủ và cập nhật màn hình của bạn.
Trên trang web, bạn sẽ thấy sự kết hợp của hai phương pháp này.
Khi, vì một số lý do, Google không thể lập chỉ mục nội dung JavaScript của bạn, một trong những giải pháp là triển khai kết xuất phía máy chủ. Các trang web như Netflix, Marvel, Staples, Nike, Hulu, Expedia, Argos và Booking.com tận dụng lợi thế của kết xuất phía máy chủ.
Mặc dù có một vấn đề: rất nhiều nhà phát triển đấu tranh với việc thực hiện kết xuất phía máy chủ (tuy nhiên, tình hình đang ngày càng tốt hơn!).
Có một số công cụ có thể giúp triển khai SSR nhanh hơn:
| Khung | Giải pháp |
| Phản ứng | Next.js, Gatsby |
| Góc cạnh | Phổ quát góc |
| Vue.js | Nuxt.js |
Mẹo: nếu bạn muốn trang web của mình được hiển thị phía máy chủ, bạn nên tránh sử dụng các chức năng hoạt động trực tiếp trong DOM. Có một trích dẫn của Wassim Chegham, một chuyên gia phát triển tại Google: Một trong những thực tiễn tốt nhất QUAN TRỌNG NHẤT là: Không bao giờ chạm vào DOM.
Một giải pháp khả thi khác được gọi là kết xuất động.
Theo cách tiếp cận này, bạn phục vụ người dùng một trang web JavaScript đầy đủ tính năng. Đồng thời, máy chủ của bạn sẽ gửi cho Googlebot phiên bản tĩnh của trang web của bạn.
Kết xuất động là một cách tiếp cận được Google hỗ trợ chính thức.
Bạn có thể sử dụng các công cụ / dịch vụ này để triển khai kết xuất động trên trang web của mình:
Google cũng cung cấp một hướng dẫn hữu ích giải thích cách triển khai thành công kết xuất động.
Kể từ năm 2020, Google khuyên bạn nên sử dụng kết xuất động trong hai trường hợp:
Thật không may, các trang web truyền thông xã hội không xử lý JavaScript mà trình thu thập thông tin của họ tìm thấy trên các trang web.
Để nhắc lại, các phương tiện truyền thông xã hội như Facebook, Twitter hoặc LinkedIn không chạy JavaScript.
Điều đó có ý nghĩa gì với bạn?
Bạn phải bao gồm Thẻ Twitter, cũng như đánh dấu Đồ thị mở của Facebook trong HTML ban đầu. Mặt khác, khi mọi người chia sẻ nội dung của bạn trên phương tiện truyền thông xã hội, nó sẽ không được hiển thị đúng.
Hãy xem các liên kết đến Angular.io và Vue.js trông như thế nào khi bạn chia sẻ chúng trên Twitter:
Angular.io là khung JavaScript phổ biến thứ hai. Thật không may cho họ, Twitter không hiển thị JavaScript và do đó, nó không thể nhận được đánh dấu thẻ Twitter được tạo bởi JavaScript.
Bạn có chắc sẽ nhấp vào liên kết đó? Bây giờ tương phản với một liên kết đến Vue.js – thẻ Twitter trông đẹp hơn nhiều với hình ảnh tùy chỉnh và mô tả thông tin!
Nếu bạn quan tâm đến lưu lượng truy cập từ phương tiện truyền thông xã hội, hãy đảm bảo rằng bạn đặt thẻ Twitter và đánh dấu đồ thị mở của Facebook trong HTML ban đầu!
Tại thời điểm này, bạn nên có một sự hiểu biết đúng đắn về cách JavaScript được xử lý bởi Google và các công cụ tìm kiếm khác.
Với những nền tảng này, bạn đã sẵn sàng để thành công. Chỉ có một vài cảnh báo về JavaScript SEO rất khó phát hiện và tôi muốn giúp bạn tránh chúng.
Bây giờ chúng ta đã trình bày hầu hết các điều cơ bản, hãy xem xét một số lỗi phổ biến mà SEO và quản trị web mắc phải khi tối ưu hóa các trang web dựa trên JavaScript của họ.
Vì Googlebot có thể thu thập dữ liệu và hiển thị nội dung JavaScript, không có lý do gì để chặn nó truy cập bất kỳ tài nguyên bên trong hoặc bên ngoài nào được yêu cầu để kết xuất.
Nhiều trang web phổ biến sử dụng phân trang như một cách phân chia số lượng lớn nội dung. Thật không may, rất phổ biến là các trang web này chỉ cho phép Googlebot truy cập trang phân trang đầu tiên.
Do đó, Google không thể dễ dàng khám phá một lượng lớn URL có giá trị.
Ví dụ: khi nói đến các trang web thương mại điện tử, Googlebot sẽ chỉ có thể tiếp cận 20-30 sản phẩm cho mỗi danh mục trên các trang danh mục được phân trang.
Do đó, Googlebot rất có thể không thể truy cập tất cả các trang sản phẩm.
Nhiều trang web triển khai phân trang không đúng cách bằng cách không sử dụng liên kết <a href> thích hợp. Thay vào đó, họ sử dụng phân trang phụ thuộc vào hành động của người dùng – một lần nhấp .
Nói cách khác, Googlebot sẽ phải nhấp vào nút ( Xem thêm mục ) để đến các trang liên tiếp.
Thật không may, Googlebot không cuộn hoặc nhấp vào các nút. Cách duy nhất để Google thấy trang phân trang thứ hai là sử dụng các liên kết <a href> thích hợp.
Nếu bạn vẫn không chắc chắn liệu Google có thể nhận các liên kết của bạn hay không, hãy xem slide này từ hội nghị Google I / O năm 2018:
Lưu ý quan trọng:
Có các liên kết ẩn dưới liên kết rel =. Tiếp theo, trực tiếp cũng không giúp được gì. Google đã công bố vào tháng 3 năm 2019 rằng họ không còn sử dụng đánh dấu này:
Điều phổ biến là nhiều trang web JavaScript tạo URL bằng hàm băm. Có một mối nguy hiểm thực sự là các URL đó có thể không được Googlebot thu thập dữ liệu:
Bạn có thể nghĩ rằng một ký tự bổ sung trong URL không thể gây hại cho bạn. Trái lại, nó có thể rất tai hại. Khi bạn muốn làm cho nội dung đó thực sự hiển thị trong tìm kiếm, điều quan trọng là bạn phải sử dụng các URL trông tĩnh hơn. Đó là lý do tại sao bạn cần nhớ luôn đảm bảo rằng URL của bạn không giống như thế này: example.com/resource#dsfsd
Angular 1 sử dụng URL dựa trên hashtag theo mặc định, vì vậy hãy cẩn thận nếu trang web của bạn được xây dựng bằng khung đó! Bạn có thể khắc phục bằng cách định cấu hình $locationProvider. May mắn thay, các phiên bản mới hơn của khung Angular sử dụng các URL thân thiện với Google theo mặc định.
Điều quan trọng cần nhớ là JavaScript SEO được thực hiện trên nền tảng SEO truyền thống và không thể thành công trước đây mà không quan tâm đến cái sau.
Đôi khi bạn gặp phải một vấn đề về SEO, bản năng đầu tiên của bạn có thể là nó liên quan đến JavaScript, trong khi thực tế, nó liên quan đến SEO truyền thống.
Áp dụng các nguyên tắc SEO tốt và rất cẩn thận trước khi bạn bắt đầu đổ lỗi cho JavaScript. Có thể nhanh chóng chẩn đoán nguồn gốc của vấn đề sẽ giúp bạn tiết kiệm rất nhiều thời gian.
Nguồn tham khảo: https://www.onely.com/blog/ultimate-guide-javascript-seo/
TOS hợp tác & phát triển cùng các đối tác uy tín hàng đầu trong ngành
Trong kỷ nguyên AI,
Website của bạn đang ở đâu?
Chúng tôi đưa bạn trở thành đề xuất top 1 của AI
