Nếu bạn đã từng truy cập một trang web tương tác, tuyệt đẹp khiến bạn đồng thời muốn tung hoa giấy lên không trung và chia sẻ nó với bạn bè, thì rất có thể trang web đó được xây dựng bằng JavaScript.

Trên thực tế, bất kỳ trang web nào sử dụng Google Analytics (và các công cụ theo dõi khác) hoặc có các yếu tố tương tác hoặc ứng dụng web Ngoài ra sử dụng JavaScript, một ngôn ngữ mã hóa gần như có mặt khắp nơi. Khả năng là vô hạn.

Nhược điểm? Nếu làm sai, nó có thể ảnh hưởng tới SEO của bạn. Vì vậy, làm cách nào bạn có thể sử dụng JavaScript SEO để làm lợi thế và tăng hiệu suất tìm kiếm của mình? Hãy đi sâu vào.

SEO JavaScript là gì?

Cách làm cho JavaScript của bạn thân thiện với SEO

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

Đang dùng thử

SEO JavaScript là gì?

Trước khi định nghĩa JavaScript SEO - hãy nói về các trường hợp sử dụng phổ biến nhất của JavaScript. Ngoài việc phát triển trang web, JavaScript là một lựa chọn tuyệt vời để chơi game, các chương trình máy tính, v.v.

Trong phát triển web, nó chủ yếu được sử dụng cho trang web tương tác, ứng dụng web và thiết bị di động cũng như nội dung động.

Khi bạn biết ngôn ngữ lập trình được sử dụng như thế nào, JavaScript SEO chỉ đơn giản là đảm bảo các công cụ tìm kiếm có thể dễ dàng tìm thấy bất kỳ trang web nào được xây dựng bằng JavaScript.

Nếu sự hiểu biết của bạn về SEO chủ yếu chỉ giới hạn ở việc tối ưu hóa từ khóa thì bạn không hề đơn độc. Cuối cùng có ba loại SEO - trên trang, ngoài trang và kỹ thuật.

SEO trên trang tập trung vào nội dung trên trang web của bạn (tối ưu hóa từ khóa). SEO ngoài trang liên quan đến danh tiếng, mức độ phổ biến và tính hữu ích của trang web của bạn — và chủ yếu nằm ngoài tầm kiểm soát của bạn.

SEO JavaScript thuộc danh mục thứ ba - kỹ thuật SEO — tập trung vào việc đảm bảo trang web của bạn có thể tìm kiếm, lập chỉ mục và thu thập thông tin để mọi người tìm kiếm thông tin bạn cung cấp có thể tìm thấy nó.

Bạn muốn tìm hiểu thêm về On Page và SEO kỹ thuật? Lấy hướng dẫn miễn phí của chúng tôi ở đây!

Cách làm cho JavaScript của bạn thân thiện với SEO

Hầu hết JavaScript được sử dụng trên các trang web, bao gồm cả của bạn và tôi, sẽ không ảnh hưởng đáng kể đến SEO. Thách thức lớn nhất xảy ra khi nhà phát triển của bạn sử dụng JavaScript để xây dựng các phần có nhiều thông tin quan trọng hoặc toàn bộ trang.

Lý do rất đơn giản: JavaScript có thể khiến công cụ tìm kiếm khó đọc trang web của bạn hơn.

1. Sử dụng kết xuất động (một cách tiết kiệm) như một giải pháp thay thế.

Một trong những vấn đề quan trọng nhất với SEO và lập chỉ mục JavaScript liên quan đến cách hiển thị mã của bạn — hoặc cách Google lập chỉ mục (hoặc không lập chỉ mục) trang web của bạn.

Điều đó có nghĩa là bạn phải hiểu cách hiển thị trang web của mình - hiển thị phía máy chủ, hiển thị phía máy khách và hiển thị động.

Hiển thị phía máy chủ (SSR)

Những gì nó là: Khi JavaScript được hiển thị trên máy chủ trước khi xuất hiện trong trình duyệt của bạn hoặc trình thu thập thông tin của Google.

Nó ảnh hưởng đến SEO như thế nào: Nó giảm thời gian tải nội dung quan trọng nhất trên trang của bạn, giúp tăng hiệu suất SEO.

Nhược điểm của SSR: SSR có thể tăng đáng kể thời gian cần thiết nếu bạn cần thông tin đầu vào của người dùng.

Kết xuất phía máy khách (CSR)

Những gì nó là: CSR là khi JavaScript được hiển thị trên trình duyệt của bạn chỉ với phiên bản HTML cơ bản và phần nội dung còn lại được phân phối qua JavaScript.

Nó ảnh hưởng đến SEO như thế nào: Nó làm giảm khả năng lập chỉ mục vì hầu hết nội dung của bạn được phân phối qua JavaScript.

Nhược điểm của CSR: Mặc dù kết xuất nhanh hơn nhưng hiệu suất tìm kiếm thấp hơn nhiều, vì vậy, bạn cần tập trung vào việc cung cấp cho Google càng nhiều thông tin càng tốt để Google có thể lập chỉ mục nội dung của bạn một cách thích hợp.

Lời khuyên của chuyên gia: Kristina Azarenko, một chuyên gia SEO kỹ thuật hàng đầu cho biết, “Sử dụng kết xuất phía máy khách có nghĩa là Googlebot không thể truy cập bất kỳ nội dung nào.

Một cách tiếp cận tốt hơn và thành công hơn nhiều là sử dụng kết xuất phía máy chủ, do đó Googlebot cũng phục vụ nội dung từ máy chủ.”

Kết xuất động

Những gì nó là: Kết xuất động xác định các bot không thể kết xuất JavaScript và cung cấp phiên bản SSR.

Nó ảnh hưởng đến SEO như thế nào: Nó cho phép bot lập chỉ mục một phiên bản nội dung của bạn, giúp dễ tìm thấy nội dung đó hơn.

Nhược điểm của Kết xuất động: Cuối cùng, kết xuất động là một giải pháp thay thế mà Google cho rằng không phải là giải pháp lâu dài vì “nó tạo ra thêm sự phức tạp và yêu cầu về tài nguyên”.

Kết xuất động có thể được sử dụng bởi các trang web có nội dung thay đổi nhanh chóng hoặc có nội dung sử dụng JavaScript không tương thích với trình duyệt. Nó không phù hợp nhất cho hầu hết các trang web và không cần phải sử dụng trên mọi trang của trang web.

2. Sử dụng nội dung meta mang tính mô tả, độc đáo.

Đảm bảo rằng Google có thể dễ dàng tìm ra nội dung mỗi trang bao gồm bằng cách sử dụng nội dung meta, tiêu đề trang và mô tả meta. Điêu nay bao gôm

• Thẻ tiêu đề.
• Mô tả meta.
• Văn bản thay thế và thuộc tính cho hình ảnh.

Việc thêm nội dung meta cho phép Google tìm hiểu nội dung trang hoặc trang của bạn, giúp việc lập chỉ mục trang và trang của bạn trở nên đơn giản và chính xác hơn.

3. Thực hiện tải chậm.

Lười tải tăng tốc độ tải trang bằng cách chỉ cung cấp nội dung khi cần hoặc sắp đọc. Nó đặc biệt hữu ích khi tải hình ảnh hoặc nội dung lớn đòi hỏi nhiều tài nguyên.

Hình ảnh cũng như nội dung và thành phần sử dụng nhiều tài nguyên của bạn sẽ không được tải cùng với phần còn lại của nội dung đầu trang nhưng khi người dùng đọc qua nội dung, họ sẽ tải.

Và nếu người dùng của bạn không đọc đến cuối trang, bạn sẽ không tải được những hình ảnh không cần thiết.

Nhược điểm là nếu bạn yêu cầu ai đó cuộn nhanh, họ có thể phải chờ tải hình ảnh. Hơn nữa, nó có thể ảnh hưởng đến cách Google nhìn thấy trang web của bạn. Vì vậy, nếu bạn làm theo cách thực hành này, hãy thực hiện nó một cách cẩn thận.

4. Đảm bảo JavaScript của bạn tương thích với Google.

Đi vào của bạn Điều khiển Tìm kiếm và dán URL của trang cụ thể của bạn vào Kiểm tra URL công cụ để xem Google hiển thị nó như thế nào.

Bạn muốn một công cụ khác để kiểm tra? Bạn cũng có thể sử dụng Kiểm tra kết quả nhiều định dạng của Google và Kiểm tra tính thân thiện với thiết bị di động của Google để xem HTML được hiển thị.

Lời khuyên của chuyên gia: David Zimmerman của Acorn đáng tin cậy khuyên bạn nên sử dụng các công cụ như Kiểm tra tính thân thiện với thiết bị di động của Google vì chúng cho bạn thấy những gì con nhện Google nhìn thấy.

Zimmerman nói thêm rằng chỉ vì “nhà phát triển của bạn 'đọc ở đâu đó' rằng Google có thể đọc JavaScript không có nghĩa là họ hiểu cách viết một trang web JavaScript thân thiện với SEO”.

Điểm mấu chốt ở đây? Đó là một ý tưởng tốt để luôn cập nhật mọi thứ.

5. Sửa mọi lỗi liên quan đến tìm kiếm.

Bạn có thể xem trước trang được kiểm tra sau khi xác nhận rằng Google đã lập chỉ mục trang đó. Google chỉ hiển thị nội dung mà nó có thể nhìn thấy, vì vậy nếu trang được kiểm tra xuất hiện không chính xác thì Google sẽ không thể lập chỉ mục trang đó.

Điều tuyệt vời nhất là bạn có thể khám phá điều gì đang xảy ra, lý do và thực hiện các bước để giải quyết vấn đề.

6. Sửa và kiểm tra lại.

Sau khi đã khắc phục mọi lỗi liên quan đến khả năng tương thích và hiển thị JavaScript, bạn có thể sử dụng công cụ kiểm tra URL để đảm bảo JavaScript của bạn hoạt động chính xác ở chế độ trực tiếp và yêu cầu Google lập chỉ mục mã cập nhật.

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

Tôi đã trò chuyện với một số chuyên gia SEO JavaScript để tìm hiểu về các phương pháp hay nhất của họ và chúng ta sẽ đề cập đến những phương pháp đó ngay sau đây. Tuy nhiên, trước hết, hãy đảm bảo bạn đang sử dụng thông tin mới nhất.

1. Tìm hiểu sơ lược về JavaScript SEO.

Rất nhiều thứ liên quan đến SEO JavaScript và với các trình duyệt được cập nhật thường xuyên, nếu bạn chưa thực hiện SEO JavaScript trong một thời gian, bạn có thể cần một lớp cơ bản.

Nếu bạn cần xem lại những gì công cụ tìm kiếm đang tìm kiếm khi nói đến JavaScript hoặc nhận hướng dẫn chi tiết về những gì cần khắc phục - và cách khắc phục - Google sẽ chia nhỏ mọi thứ bạn cần biết trong Trung tâm Tìm kiếm của Google.

Đó là vũ khí bí mật của bất kỳ ai có trang web vì nó cho bạn biết chính xác cách làm cho trang web của bạn thân thiện với SEO — và nó bao gồm toàn bộ phần dành riêng cho JavaScript.

2. Đưa toàn bộ nội dung quan trọng vào mã nguồn.

Hãy nhớ tôi đã đề cập rằng Google chỉ có thể lập chỉ mục những gì nó có thể nhìn thấy? Để đảm bảo trang web của bạn có thể lập chỉ mục được, hãy làm theo Azarenkolời khuyên của và “đảm bảo các vấn đề về JavaScript không phá vỡ nỗ lực SEO của bạn”.

Cô ấy khuyến nghị “đảm bảo nội dung quan trọng nhất có sẵn trong mã nguồn (tức là trước khi JavaScript được thực thi). Điều này cho phép Google 'đọc' thông tin của bạn mà không phụ thuộc vào JavaScript.

Bao gồm tất cả siêu dữ liệu (tiêu đề, rô-bốt meta, thẻ chuẩn, v.v.), nội dung và dữ liệu có cấu trúc.”

3. Thường xuyên kiểm tra trang web của bạn xem có thân thiện với SEO với JavaScript hay không.

Ngay cả những chỉnh sửa nhỏ đối với mã hoặc nội dung JavaScript cũng có thể thay đổi cách Google nhìn nhận trang web của bạn. Và điều này không chỉ giới hạn ở JavaScript của bạn — việc sử dụng các công cụ như Google Search Console để theo dõi hiệu suất trang có thể giúp đảm bảo trang web của bạn luôn đứng đầu trong kết quả tìm kiếm.

Lời khuyên của chuyên gia: tristan harris khuyên bạn nên sử dụng các công cụ như Google PageSpeed ​​Insights và Lighthouse để kiểm tra hiệu suất SEO và xác định các lĩnh vực cần cải thiện.

Cách thực hành tốt nhất #4. Luôn cập nhật Nguyên tắc của Google.

Google thường xuyên cập nhật các thuật toán của mình — và do đó, cập nhật các phương pháp hay nhất. Với ý nghĩ đó, việc chú ý đến trang của Google để cập nhật là một ý tưởng hay.

Zimmerman khuyên bạn nên sử dụng trình giám sát trang như Hexomatic để theo dõi Hướng dẫn của Google về SEO JavaScript, “Nếu màn hình trang hiển thị cho tôi rằng Google đã thực hiện một bản cập nhật, tôi sẽ kiểm tra xem liệu nó có nên thay đổi quy trình của tôi theo bất kỳ cách nào không.”

Cách thực hành tốt nhất #5. Thực hiện theo các phương pháp SEO trên trang tốt nhất.

Chắc chắn ở đây tôi đang tập trung cụ thể vào JavaScript SEO, nhưng nguyên tắc cơ bản của SEO vẫn áp dụng. Mặc dù JavaScript có thể giảm lượng nội dung mà công cụ tìm kiếm nhìn thấy nhưng việc đảm bảo nội dung của bạn được tối ưu hóa cho các phương pháp SEO tốt nhất vẫn là điều cần thiết.

Mẹo của chuyên gia: Dave Ver Meer khuyên bạn nên tắt JavaScript.

“Đó là cách nhanh nhất để xác định một loạt các vấn đề lớn hơn. Khi bạn truy cập các trang trên trang web của mình, bạn có thể thấy cờ đỏ như nội dung bị thiếu vì nội dung đó không được hiển thị trước khi tải trang và nếu một số liên kết không hoạt động,” Ver Meer nói.

Đang dùng thử

Để kiểm tra các kỹ năng mới của mình trong một môi trường tương đối (đọc: hoàn toàn), tôi đã truy cập ChatGPT đôi khi là bạn bè, đôi khi là kẻ thù của mình.

Lời nhắc của tôi: “Tôi muốn tạo một biểu mẫu mã Javascript để thu thập khách hàng tiềm năng. Vui lòng sử dụng các phần giữ chỗ thú vị cho tên, email, ngân sách và tin nhắn.”

Phản hồi của GPT: “Chắc chắn rồi! Dưới đây là một ví dụ đơn giản về biểu mẫu JavaScript thu thập khách hàng tiềm năng. Biểu mẫu này bao gồm các trường tên, email, ngân sách và tin nhắn. Tôi đã thêm phần giữ chỗ thú vị như bạn yêu cầu.

Biểu mẫu cũng bao gồm xác thực cơ bản để đảm bảo rằng các trường tên, email và tin nhắn không bị bỏ trống.”

Đây là HTML cho biểu mẫu.

Đối với những người giữ chỗ vui vẻ? Chà, GPT nghĩ Iron Man sẽ rất vui. Đây là mã đầy đủ trong HTML trông như thế nào:

Và đây là JavaScript:

Tất nhiên, ChatGPT đã có tuyên bố từ chối trách nhiệm:

Bây giờ là phần thú vị. Hãy xem ChatGPT tối ưu hóa JavaScript này cho SEO như thế nào.

Không có gì ngạc nhiên khi phiên bản HTML của mã này mạnh mẽ hơn đáng kể. Mình chia làm 2 phần để các bạn so sánh sự khác biệt. (Tôi sẽ đánh vần chúng bên dưới.)

Nội dung trông khá giống nhau, với hầu hết các thay đổi liên quan đến nội dung trang tạo khách hàng tiềm năng giả định.

Bây giờ, hãy xem JavaScript được cập nhật.

Nó trông có quen không? Hãy so sánh mã cạnh nhau.

Chúng giống hệt nhau. Ngạc nhiên?

Đây là lý do tại sao.

Mã JavaScript hoàn toàn mới của tôi chịu trách nhiệm về chức năng của biểu mẫu tạo khách hàng tiềm năng hoàn toàn mới.

Và chỉ có chức năng.

Nó không chịu trách nhiệm về cấu trúc hoặc nội dung “trang”. Đó là nơi HTML xuất hiện. Và đó cũng là nơi áp dụng các đề xuất tối ưu hóa SEO.

Cách tôi sử dụng ChatGPT để tối ưu hóa SEO JavaScript

Bạn đang thắc mắc về những thay đổi cụ thể mà ChatGPT đề xuất để tối ưu hóa SEO JavaScript?

Thay đổi 1. Thêm tiêu đề trang và mô tả meta.

Thay đổi 2. Sử dụng thẻ tiêu đề.

Thay đổi 3. Gắn nhãn các trường biểu mẫu cho SEO và khả năng truy cập.

Thay đổi 4. Thêm văn bản thay thế vào hình ảnh.

Thay đổi 5. Sử dụng thiết kế đáp ứng để làm cho trang thân thiện với thiết bị di động.

Thay đổi 6. Thêm đánh dấu lược đồ để giúp công cụ tìm kiếm hiểu nội dung trang của bạn.

Điểm mấu chốt của SEO JavaScript

Quyết định sử dụng JavaScript trên trang web của bạn đòi hỏi phải hiểu ý nghĩa của SEO và lập kế hoạch phù hợp để đảm bảo trang web của bạn vẫn thân thiện với SEO - hoặc có thể tìm thấy, thu thập dữ liệu và lập chỉ mục bởi các công cụ tìm kiếm.

Điều này không nhằm cảnh báo bạn về JavaScript. Ngược lại, để tận dụng tối đa các tính năng tương tác của bạn, bạn cần phải tìm và thuê các nhà phát triển hiểu JavaScript và SEO và có thể giúp bạn nổi bật khi được tìm thấy.

Bài học lớn nhất? Điều quan trọng nhất bạn có thể làm để làm cho JavaScript thân thiện với SEO là đảm bảo rằng nó hiển thị chính xác và HTML trang của bạn được cấu trúc để cung cấp nhiều thông tin nhất có thể về nội dung của trang.

Có lẽ đáng ngạc nhiên (và có lẽ không), các quy tắc SEO trên trang áp dụng cho SEO JavaScript - mấu chốt nằm ở việc đảm bảo các công cụ tìm kiếm có thể “nhìn thấy” nội dung của bạn.

• Phân phối nội dung và PR được hỗ trợ bởi SEO. Được khuếch đại ngay hôm nay.
• PlatoData.Network Vertical Generative Ai. Trao quyền cho chính mình. Truy cập Tại đây.
• PlatoAiStream. Thông minh Web3. Kiến thức khuếch đại. Truy cập Tại đây.
• Trung tâmESG. Than đá, công nghệ sạch, Năng lượng, Môi trường Hệ mặt trời, Quản lý chất thải. Truy cập Tại đây.
• PlatoSức khỏe. Tình báo thử nghiệm lâm sàng và công nghệ sinh học. Truy cập Tại đây.
• nguồn: https://blog.hubspot.com/marketing/javascript-seo