SEO JavaScript for WordPress: Hướng dẫn cho người mới khởi đầu

SEO JavaScript for WordPress: Hướng dẫn cho người mới khởi đầu

Thế giới web đang biến đổi chóng mặt, kéo theo đó là những công nghệ nền tảng, bao gồm cả WordPress. JavaScript ngày càng phát triển, biến đổi website trở thành những app web với nội dung đa dạng và tương tác cao. Tuy nhiên, nếu không được xây dựng đúng cách, SEO JavaScript for WordPress có thể gặp vấn đề.

Tin tốt lành là phần lớn chủ sở hữu và quản lý website WordPress không phải quá lo ngại đối với SEO JavaScript for WordPress. Các plugin và theme WordPress đều làm việc tuyệt vời với JavaScript và không xảy ra vấn đề gì lớn đối với SEO JavaScript for WordPress.

Tuy nhiên, nếu bạn là nhà thiết kế theme hoặc plugin, hãy chắc chắn áp dụng các phương pháp hay nhất và tránh những lỗi phổ biến khi làm việc với SEO JavaScript for WordPress.

Bài đăng sẽ là sự lựa chọn đối với những ai đang tìm kiếm chủ đề SEO JavaScript for WordPress, với các kiến thức chuyên sâu cùng tư liệu tham khảo hữu ích.

 

Công nghệ Front-end vs Back-end

Theo truyền thống, phần lớn các website sẽ có sự phân chia rạch ròi về “back-end” (phía máy chủ) và “front-end” (phía máy chủ). Lưu ý rằng điều này khác với “phần riêng tư hoặc hướng về người sử dụng của website” hay “khu vực quản trị WordPress”. Chúng ta đang bàn đến công nghệ, nhưng không phải các phần khác nhau của website WordPress.

Trong WordPress, back-end chính là sự phối hợp giữa PHP (ngôn ngữ lập trình web) và MySQL (công nghệ cơ sở dữ liệu). Chúng thu thập và phân tích cơ sở dữ liệu của bạn, đồng thời chạy logic để xây dựng front-end.

HTML, CSS và JavaScript

Front-end là sự phối hợp của HTML, CSS và JavaScript. HTML xây dựng bố cục và giao diện (văn bản và kiểu dáng). CSS quản lý nội dung (hình ảnh, văn bản và giao diện). JavaScript bổ sung hành vi (tương tác, vận động và khả năng hồi đáp).

Khi trình duyệt của bạn mở một URL, back-end sẽ quyết định máy chủ trả lời là gì. Đó sẽ là một tập hợp (hoặc một chuỗi các khối) của tệp HTML, CSS và JavaScript. Trình duyệt của bạn tải về và giải mã các tệp như vậy, từ đó sử dụng tệp để xây dựng front-end.

Khi bạn điều hướng trên một trang web, điều tương tự sẽ dừng lại mỗi khi bạn đến một trang web khác. Bất cứ khi nào bạn nhấn vào một nút, trang bạn đang truy cập sẽ được gỡ xuống, trang mới sẽ được chuyển từ máy chủ sang trình duyệt của bạn.

SEO JavaScript for WordPress

Rất nhiều website WordPress sử dụng JavaScript trong các plugin và theme nhằm tăng cường sức mạnh cho từng phần cụ thể. Các tính năng tương tác như thanh trượt, widget, cửa sổ bật lên và tính năng tìm kiếm đều phụ thuộc vào JavaScript.

Trong WordPress, phương pháp hay nhất là tách JavaScript từ từng tệp riêng biệt và “enqueue” (thêm vào hàng chờ) chúng bằng hàm wp enqueue script () của WordPress. Điều đó cho phép các plugin và theme quản lý tài nguyên, cấu hình các phần phụ thuộc và quản lý bản sao (hoặc đôi khi xoá các tài nguyên khác).

Khi đề cập đến tài nguyên được chia sẻ, front-end của các theme và plugin WordPress chủ yếu được xây dựng bởi jQuery. Đây là một “thư viện” JavaScript có chức năng tương tự một framework phổ biến và được cung cấp theo mặc định, cộng với nhiều tính năng bổ sung như tiện ích mở rộng.

Tuy nhiên, jQuery không phải là giải pháp duy nhất, vì các theme tiên tiến khác (hoặc được phát triển riêng biệt) có thể sử dụng các công cụ tương tự React. Chúng ta sẽ nói về React và các framework JavaScript tiên tiến khác vào phần tiếp theo của bài báo với SEO JavaScript for WordPress

Cân nhắc về hiệu suất SEO JavaScript for WordPress

Từ khía cạnh SEO JavaScript for WordPress, điều cần thiết là phải kiểm tra tốc độ khi bạn sử dụng JavaScript.

Nếu bạn đang chạy nhiều plugin, bạn có thể đang tải quá nhiều JavaScript hoặc chạy nhiều dòng lệnh hơn. Điều tương tự có thể gây hỏng website của bạn.

Điều cần thiết là phải làm theo các phương pháp hay nhất về tối ưu JavaScript, bao gồm thu gọn tệp, sử dụng bộ nhớ cache, và tải những tài nguyên bạn cần thiết lên các trang nhất định và tải các tài nguyên không cần thiết mà không đồng bộ.

Nhiều plugin bộ nhớ cache tốt sẽ làm được các điều trên giúp bạn, ngoài ra cách đánh giá điểm số Core Web Vitals của trang web thông qua công cụ PageSpeed Insights của Google cũng là một cách hay.

Giới thiệu Ajax và SEO JavaScript for WordPress

Đối với các website phức tạp hơn, một vài tương tác của người dùng (trong các trường hợp nhất định) có thể yêu cầu cập nhật một phần của trang mà không cần tải lại toàn bộ trang.

Ví dụ: chúng ta có thể muốn cho phép người dùng gửi email và nhận phản hồi dựa trên truy vấn mà không cần tải toàn bộ trang.

Trong những tình huống này, chúng ta có thể sử dụng Ajax (” Asynchronous JavaScript and XML “) để gửi dữ liệu từ front-end sang back-end, từ đó đợi hồi đáp. Tiếp theo, chúng ta có thể sử dụng JavaScript để cập nhật nội dung của trang và tạo phản hồi dựa trên dữ liệu nhận được bởi máy chủ.

Kiểu chức năng này cung cấp năng lượng thông qua nhiều công cụ và quá trình tương tác mà chúng ta đã sử dụng khi web phát triển; bao gồm chỉnh sửa nội dung, tìm kiếm thông tin, gửi email và sử dụng chat trực tuyến.

Từ khía cạnh SEO JavaScript for WordPress, điều đầu tiên cần ghi nhớ là bất cứ nội dung nào chỉ được tải lên khi tương tác với người dùng và không được bất kỳ công cụ nào và hệ thống khác phát hiện. Nói chung, bạn không nên tải nội dung trang nào bằng Ajax với SEO JavaScript for WordPress

Ajax trong WordPress và SEO JavaScript for WordPress

Trong WordPress, nhiều plugin và theme sử dụng Ajax để thu thập, cài đặt và cập nhật nội dung của trang một cách linh động dựa trên tương tác của người dùng. Họ sẽ thực hiện điều này theo một hoặc hai cách:

• Yêu cầu một endpoint API REST của WP
• Yêu cầu/wp-admin/admin-ajax.php (với một thao tác)
• Nếu bạn nhận thấy tên tệp admin-ajax.php, rất có thể là vì bạn đã thấy nó nằm trong tập tin robots.txt của mình.
• Tệp robots.txt mặc định của WordPress có một chỉ định cho phép thu thập dữ liệu URL cụ thể và rõ ràng, nhưng thư mục mẹ của tệp (/admin-ajax/) bị cấm.
• User-agent: *
• Disallow:/wp-admin/
• Allow:/wp-admin/admin-ajax.php
• Use code with caution.
• Use code with caution.

Điều quan trọng là vì nhiều theme và plugin dựa quá nhiều vào việc (gửi và) truy cập dữ liệu và nội dung từ endpoint này đến nên phần lớn nội dung đó không thể được phát hiện. Bằng cách cho phép trình thu thập dữ liệu gửi các link đến các endpoint admin-ajax.php (như admin-ajax.php?action=get-some-critical-content), các công cụ tìm kiếm dễ dàng thu thập dữ liệu và lập chỉ mục các nội dung “vô hình”.

Các plugin và website được phát triển nhanh sẽ không cần chỉ dựa trên việc trình bày nội dung theo cách này. Thay vào đó, họ cũng nên phân tích cách nội dung của họ được phát hiện, thu thập dữ liệu và lập chỉ mục cho dù họ sử dụng phương pháp Ajax nào.

Bài đánh giá này sẽ không tập trung vào việc phân tích các vấn đề về công nghệ trong các phương pháp trên, trừ việc nêu rõ cách API REST của WP tốt hơn so với phương pháp (cũ) admin-ajax.php. Nó dễ dàng phát triển hơn, cung cấp một framework nhanh hơn để kiểm soát nội dung và phản hồi tốt hơn nhiều.

Khu vực quản trị WordPress và SEO JavaScript for WordPress

Vào năm 2015, Matt Mullenweg (người sáng tạo ra WordPress) đã khuyến khích các lập trình viên “Nên học hỏi JavaScript một cách sâu rộng”. Đó là bởi vì bộ công cụ và khu vực quản trị của WordPress đang được cải thiện dần dần và chuyển đổi từ học PHP thuần tuý qua sử dụng các công cụ chỉnh sửa mà JavaScript cung cấp.

Trong tương lai, nhiều phần của WordPress sẽ sử dụng JavaScript để cho phép chỉnh sửa và quản trị nhanh chóng, mượt mà. Trang web WordPress của bạn, khởi đầu từ khu vực quản trị, sẽ hoạt động ngày nay tương tự với một ứng dụng một trang.

Ứng dụng một trang và SEO JavaScript for WordPress

Trong những năm vừa qua, một loại hình website mới đã ra đời. Khi người dùng mong chờ các website hoạt động ngày càng giống với ứng dụng, thì ứng dụng một trang (như ‘ SPA ’) đã trở nên rất thịnh hành.

SPA là ‘ ứng dụng ‘, được cung cấp bằng JavaScript, chạy bên trong trình duyệt. Khi bạn yêu cầu một URL, thay vì máy chủ tải xuống HTML, CSS và JavaScript trên trang, máy chủ sẽ tải xuống nội dung cho ứng dụng. Sau khi được tải, ứng dụng sẽ xử lý toàn bộ logic về việc tải, hiển thị và tương tác với nội dung.

Tất cả logic xung quanh cách ứng dụng hoạt động được thu thập và xử lý từ phía máy chủ. Ứng dụng cũng tương tác với back-end (thông qua Ajax) khi cần cập nhật nội dung hoặc dữ liệu mới.

Điều này giúp việc xây dựng trang đơn giản, cập nhật tức thì, nhanh chóng hơn nhiều, đối với trường hợp trang không cần phải tải lại khi có sự cập nhật nội dung, bố cục và thành phần.

Các trang web có nhiều phần thay đổi, dịch chuyển, cập nhật khi bạn tương tác với ứng dụng sẽ thích hợp nếu được xây dựng dưới định dạng SPA. Trên thực tế, nhiều trang web ‘ tương tự ứng dụng ‘ mà bạn sử dụng trong đời sống hàng ngày – bao gồm Gmail, Facebook, Twitter và cả PayPal – đang sử dụng SPA như là nền tảng web chính thức của họ. Bạn sẽ nhận ra rằng khi bạn lướt qua các chế độ hiển thị của họ và tương tác với các công cụ của họ, trang sẽ không ‘ tải lại ‘.

Các lập trình viên xây dựng phần lớn SPA với các framework JavaScript nguồn mở, bao gồm Angular, React và Vue.

Mặc dù các trang web lớn hơn, bắt mắt hơn cũng có thể là một điều tuyệt vời đối với người dùng, tuy nhiên cũng có thể dẫn đến một loạt thử thách SEO JavaScript for WordPress.

Thách thức SEO JavaScript for WordPress

Trong lịch sử, các công cụ tìm kiếm và các hệ thống khác (bao gồm trình thu thập dữ liệu mạng xã hội) đã gặp vấn đề với SPA. Bởi vì phản hồi đầu tiên trên trang web không có nội dung của trang (mà chỉ có JavaScript cần thiết để tải ứng dụng), nên hệ thống không chạy ứng dụng JavaScript sẽ không bao giờ tìm được nội dung.

Ngay cả bây giờ, các công cụ tìm kiếm và mạng xã hội sử dụng JavaScript một cách đầy đủ hoặc hiệu quả. Điều đó có nghĩa là, trong khi bạn nỗ lực hết mình để trình bày nội dung của mình, mọi thứ trong SPA của bạn có thể ‘ vô hình ‘ trước bất cứ thứ gì khác ngoài người dùng.

Ngay cả các hệ thống sử dụng JavaScript cũng phải trả giá. Việc tải về và cài đặt một ứng dụng JavaScript có thể hiểu được hoạt động của trang web sẽ hiệu quả hơn đáng kể (tiết kiệm thời gian, sức mạnh tính toán và tiền bạc) so với việc hiểu HTML đơn giản.

Thách thức về mặt khái niệm SEO JavaScript for WordPress

Một trong những khái niệm quan trọng trong SEO JavaScript for WordPress và trong cách Google hoạt động là một trang web nên thảo luận về một điều gì đó. Một trang nhất thiết phải có một chủ đề cụ thể và một nội dung duy nhất. Trang phải dựa trên một URL, nơi nội dung là duy nhất và không bao giờ thay đổi hoặc bị xoá.

Đây là nơi phần lớn các trang web bình thường hoạt động, và cũng là phần lớn các trang web WordPress. Bạn tạo các trang cho các chủ đề.

Nhưng đối với các trang web hoạt động tương tự với ứng dụng hơn, không phải lúc nào cũng dễ dàng để đặt câu hỏi, “trang là gì?”. Khi các thành phần của trang thay đổi và di chuyển khi người dùng tương tác với trang (có hoặc không thay đổi URL), sẽ thật khó khăn để xác định tình trạng cụ thể của từng ‘ trang ’ thuộc về chủ đề nào.

Ngay cả khi các công cụ tìm kiếm có thể hiểu cú pháp và ‘ giải mã ‘ một ứng dụng JavaScript thành công, chúng cũng có thể gặp rắc rối trong việc phân biệt loại chủ đề và sự phù hợp với một trang hoặc URL cụ thể. Những khái niệm này không tương thích với chức năng của nền tảng.

Thách thức về hiệu suất SEO JavaScript for WordPress

Cũng có những vấn đề đối với hiệu suất SEO JavaScript for WordPress. Bởi vì trình duyệt của bạn phải tải về một ứng dụng (có kích thước khổng lồ, cồng kềnh) trước khi có thể tạo trang web, điều đó có thể mất một thời gian.

Ngay cả khi ứng dụng được phân chia thành các tệp bé hơn và các ‘ tuyến đường dẫn ’ có thể được tải về trên trang được yêu cầu, thì việc đó cũng có thể tốn nhiều thời gian hơn để tải so với một trang web ‘ tĩnh ‘ bình thường (mặc dù các kĩ thuật tiên tiến như dùng WPGraphQL có thể giúp việc chuyển đổi từ back-end thành front-end dễ dàng và nhanh chóng hơn nhiều; và có lẽ còn hơn thế nữa khi bạn kết hợp trình duyệt với Yoast SEO thông qua plugin này).

Không chỉ tải trọng ban đầu có thể chậm chạp mà còn dễ xảy ra tình trạng trang càng hoạt động tương tự ứng dụng (và càng giống trang web), tốc độ ứng dụng sẽ trở nên chậm chạp hơn.

Đó là bởi vì các trình duyệt web như Chrome đặt ra các lựa chọn khôn ngoan cho những thứ bao gồm tiết kiệm băng thông, tải trang và xử lý. Nếu HTML bị lỗi hoặc bị thay đổi, đặc biệt xảy ra với các ứng dụng JavaScript phức tạp, thì quá trình xử lý có thể gặp sự cố hoặc không thành công.

Thách thức kết xuất SEO JavaScript for WordPress

Khi Google (và những người khác) không thể xem và phân tích nội dung của bạn một cách đáng tin cậy, điều đó có thể liên quan đến các vấn đề lớn về SEO JavaScript for WordPress.

Để giải quyết một số vấn đề này, bạn có thể thử các cách khác nhau để cải thiện nội dung của mình và chắc chắn rằng các công cụ tìm kiếm trên mạng xã hội có thể xem và phân tích nội dung của bạn.

Kết xuất trước SEO JavaScript for WordPress

Một giải pháp khác đối với loại vấn đề trên là “kết xuất trước” các trang. Trong trường hợp này, kết xuất là việc ứng dụng sử dụng JavaScript để tạo HTML khi một trang được truy cập. Vì vậy, “kết xuất trước” là khi bạn làm điều đó trước khi một trang được yêu cầu.

Nếu back-end của bạn tốt, nó có thể chạy một quá trình tải ứng dụng trang web và chứa nội dung HTML được kết xuất. Chúng ta có thể tạo không gian cache trên chính trang của mình và cung cấp nội dung “được kết xuất trước” trực tiếp cho người dùng hoặc công cụ tìm kiếm.

Kết xuất trước phải được chạy theo yêu cầu (khi một trang được tải lần đầu tiên). Nhưng các phương pháp phức tạp khác có thể chạy theo yêu cầu sau khi nội dung được sửa đổi hoặc cập nhật.

Nhưng việc sử dụng kết xuất trước không khắc phục được vấn đề của chúng ta. Trên thực tế, ứng dụng mang chúng ta về chỗ chúng ta đã bắt đầu. Chúng ta có một máy chủ, thay vì phản hồi web thông qua một ứng dụng JavaScript, thay vì phản hồi theo kiểu phân bổ các tập tin HTML, CSS và JavaScript được kết xuất trước.

Nhiều lợi ích khác chúng ta có được nhờ vào phản hồi thông qua một ứng dụng – nội dung và phản hồi linh hoạt, năng động – đã biến mất. Chúng ta cần một giải pháp trung gian.

Hydration SEO JavaScript for WordPress

Một giải pháp khác là sử dụng kỹ thuật gọi là hydration. Trong phương pháp này, back-end được phản hồi với phiên bản thực, được kết xuất trước của trang. Nhưng ứng dụng cũng phản hồi với phiên bản của mã ứng dụng. Khi mã được tải, trang tĩnh (hoặc một thành phần của trang) được biến đổi liền mạch sang ứng dụng.

Phương pháp này có thể rất hữu ích, nó cũng rất phức tạp hơn về cài đặt và duy trì. Cũng thật khó khăn để loại bỏ những trở ngại về tốc độ, trong trường hợp ứng dụng (tải xuống) nội dung đã được tải xuống khỏi phản hồi ban đầu.

Kết xuất động SEO JavaScript for WordPress

Để xử lý những vấn đề này, Google đặt mối quan tâm sâu sắc tới một phương pháp được họ gọi là ‘ kết xuất trước ’. Trong phương pháp này, một trang web sử dụng kết xuất trước, tuy nhiên chỉ hiển thị các phản hồi được kết xuất trước cho Google (và các công cụ tìm kiếm/bot khác, v.v. ).

Người dùng bình thường có được trải nghiệm ứng dụng JavaScript hoàn chỉnh. Các công cụ tìm kiếm và trình thu thập thông tin có được phiên bản HTML tĩnh, được kết xuất trước của trang web, dễ đọc hơn đối với họ.

Mặc dù về mặt kỹ thuật, điều này có thể được xem là một dạng ẩn giấu theo khái niệm của Google, nhưng họ đã tốn nhiều thời gian trong nghiên cứu của Google nhằm hiểu tại sao kết xuất động không giống với ẩn giấu như là giải pháp thích hợp của họ.

Tuy nhiên, kết xuất động không phải là một giải pháp tồi. Nó cũng có nghĩa là bạn về cơ bản đang quản lý hai phiên bản của trang web (phải ‘ được đồng bộ ‘). Bạn cũng đang quản lý vi mô những gì người dùng và bạn có thể tìm bất kỳ phiên bản nào. Đó có nghĩa là quá nhiều quản lý vi mô và quá nhiều điều có thể nhầm lẫn.

Isomorphic/Universal JavaScript and SEO JavaScript for WordPress

Trong một môi trường như vậy, bạn sẽ không cần phải giữ hai phiên bản giống hệt nhau của trang web hoặc phụ thuộc vào các kỹ thuật hydration phức tạp. Bạn sẽ chỉ có một bộ mã và logic trên trang web sẽ cung cấp nội dung được lưu trữ trên phía máy chủ, nhưng cũng cung cấp các chức năng tương tự với ứng dụng.

Chúng ta có thể đạt được toàn bộ những điều trên thông qua việc sử dụng ‘ isomorphic ‘ hoặc ‘ universal ‘ JavaScript (còn được gọi là ‘ kết xuất phía máy chủ ‘). Trong phương pháp này, back-end và front-end của chúng ta chỉ có thể chạy chung một mã JavaScript. Điều đó có nghĩa là back-end có thể phản hồi với HTML được kết xuất và sau đó hydrate mã, nhưng không cần phải thiết lập và quản lý mã cụ thể để chỉ định phương thức làm việc của mã.

Phương pháp này tận dụng toàn bộ các ưu điểm của ứng dụng JavaScript và có thể bỏ qua toàn bộ các hạn chế của kết xuất trước, hydration hoặc kết xuất động. Tuy nhiên, quá trình cấu hình có thể phức tạp và chỉ được thực hiện với một số framework và phương pháp JavaScript cụ thể.

WordPress không đầu và SEO JavaScript for WordPress

Thật đáng kinh ngạc, khá ít trang web WordPress hiện nay được xây dựng dưới hình thức Thiết kế một trang. Chúng ta có thể phỏng đoán rằng điều này là do sự kết hợp của các yếu tố – như các kỹ năng của lập trình viên khác nhau (WordPress nghiêng về PHP & MySQL) và sự trợ giúp theme hoặc plugin phổ biến.

Tuy nhiên, điều đó không có nghĩa là điều bất khả thi. Trên thực tế, API REST của WordPress (và/hoặc các công cụ tương tự WP GraphQL) có thể được sử dụng để cung cấp dữ liệu và liên kết back-end cho SPA. Bài đăng Medium này của Brijesh Dhanani cho biết cách xây dựng SPA đơn giản bằng cách sử dụng WordPress làm back-end và React cho front-end đơn giản hơn.

Chúng ta gọi các trang web này là ‘ không đầu ‘. Các trang web không đầu bao gồm toàn bộ các phần của (front-end của) CMS – như ví dụ của chúng tôi là WordPress – nơi người dùng thông thường sẽ tìm thấy và tương tác. Front-end có thể được cung cấp thông qua một hệ thống JavaScript và nội dung (và dữ liệu) được tìm thấy ‘ theo yêu cầu ‘ trên back-end. Hầu hết SPA sử dụng phần mềm quản trị nội dung không đầu và dữ liệu có thể thu thập trên nhiều máy chủ và back-end, sử dụng JavaScript để tương tác với API.

Nếu bạn cần biết thông tin về các trang web WordPress không đầu, chúng tôi khuyên bạn nên sử dụng Frontity; một framework mạnh mẽ với nội dung xuất sắc.

Thách thức với SEO JavaScript for WordPress không đầu

Một trong những vấn đề của các trang web không đầu là front-end khó có thể xác định ‘ nội dung SEO ‘ trên trang web sẽ hoạt động thế nào. Ngay cả trên các trang web đơn giản nhất, logic phức tạp cũng được yêu cầu nhằm xác định cách một trang web nên hoạt động dưới khía cạnh SEO. Kiểm soát thu thập dữ liệu, chỉ thị lập chỉ mục, thẻ meta và dữ liệu có cấu trúc cần phải nhất quán, không có sai sót.

Đối với các bài đăng và trang đơn giản, logic này không thực sự phức tạp. Nhưng khi bạn phải tiếp tục theo dõi các bài đăng, phân chia trang, quản lý lập chỉ mục cùng các quy tắc liên quan khác, công việc sẽ trở nên phức tạp hơn nhiều.

Khi không có ‘ back-end ’, SPA phải xác định và thiết lập toàn bộ các nguyên tắc ngay từ đầu. Ngay cả logic đối với các phần tử ‘ đơn giản ‘ trong thẻ URL gốc cũng phức tạp đến đáng kinh ngạc khi được xác định và quản lý từ đầu. Nhiều trang web không đầu và SPA gặp phải sự phức tạp này và không đáp ứng được các tiêu chuẩn SEO JavaScript for WordPress căn bản.

Điều này có nghĩa là, thay vì đi đầu về hiệu suất và trải nghiệm người dùng, nhiều trang web không đầu đã hoạt động kém hiệu suất khi đề cập về SEO JavaScript for WordPress.

SEO JavaScript for WordPress không đầu trong WordPress, với Yoast SEO

Tại Yoast, Google hy vọng rằng các trang web JavaScript sẽ ngày càng trở nên tốt hơn, nhanh hơn và được người dùng ưa thích hơn. Nhưng các tiêu chuẩn và công cụ hiện tại đã làm cho trang web trở nên thất vọng.

Đó là lý do tại sao, trong Yoast SEO 14.0 (phát hành tháng 4 năm 2020), Google đã bổ sung API SEO JavaScript for WordPress không đầu. Kể từ đó, các trang web WordPress không đầu chạy plugin của chúng tôi sẽ tự động có được toàn bộ nội dung thích hợp, đối với bất cứ loại yêu cầu hoặc trang web nào, được thêm vào cú pháp yêu cầu API WordPress tiêu chuẩn của họ.

Các trang web cần tuỳ chỉnh cũng có thể yêu cầu đầu ra cho bất cứ URL nào bằng cách sử dụng mã API REST riêng của chúng tôi. Ví dụ: URL này trả về toàn bộ các thẻ meta được chúng tôi tạo sẵn trên trang plugin Yoast SEO của chúng tôi với SEO JavaScript for WordPress

Trang web HTML tĩnh và SEO JavaScript for WordPress

Một trong những ưu điểm của các trang web không đầu là chúng có thể được tách ra hoàn toàn từ back-end. Do front-end chỉ tương tác với back-end thông qua API nhằm tìm kiếm thu thập nội dung và dữ liệu, do đó vị trí của từng phần riêng biệt của trang web không quan trọng.

Điều này đã làm phát sinh xu thế mọi người xây dựng các trang web tĩnh.

Các framework tương tự Gatsby (nói chi tiết về WordPress không đầu ở đây) sử dụng HTML và nội dung như một phần của quá trình ‘ phát triển ‘ (chạy đầu tiên, theo đó bất kỳ khi nào bài đăng được sửa đổi hoặc cấu hình trang web bị sửa đổi). HTML cũng có thể được lưu giữ và truy xuất từ một vị trí tách biệt với bất cứ phần tử back-end nào bao gồm máy chủ và giao diện quản trị viên. Điều đó có thể cung cấp những cải thiện lớn đối với an ninh và hiệu suất.

Ngày càng có sự kết hợp giữa SPA phẳng, trang web HTML tĩnh và trang web không đầu. Những điều này đang phát triển, và một số trang web thông minh, mạnh mẽ và hiệu suất cao nhất sử dụng sự pha trộn của các kỹ thuật với SEO JavaScript for WordPress

JAMstack

Chúng tôi gọi phương pháp tiếp cận thiết kế web và app gọi là ‘ JAMstack ’. Nó là chữ viết tắt của JavaScript, API và Markup, là những kỹ thuật mà các trang web đang sử dụng để phát triển thiết kế trang web và ứng dụng.

Đây là một cách tiếp cận kỹ thuật và cấu trúc này khác hẳn với phương thức làm việc của trang web WordPress bình thường; chủ yếu là trên LAMPstack (Linux, Apache, MySQL và PHP) – vì trang web JAMstack có thể phụ thuộc vào API REST của trang web WordPress để truy xuất dữ liệu và các tính năng ‘ back-end ‘, có thể sử dụng LAMPstack.

Kết luận SEO JavaScript for WordPress

Như chúng tôi đã nói ở đoạn đầu, nhiều chủ sở hữu và quản lý trang web WordPress không cần phải lo lắng vấn đề SEO JavaScript for WordPress. Miễn là theme và plugin web bạn đang sử dụng hoạt động theo các phương pháp tốt nhất, thì bạn sẽ không cần phải làm lại bất cứ điều nào.

Nhưng các nhà thiết kế theme và plugin cũng nên nhớ rằng web đang phát triển sẽ có một xu thế mới đối với các dịch vụ web hoàn toàn mới được xây dựng bằng JavaScript và thông qua Ứng dụng một trang.

Các trang web JavaScript sẽ trở nên phổ biến hơn bao giờ hết. Các thành phần của WordPress (chủ yếu là theme và ‘ front-end ’) sẽ dần được sử dụng rộng rãi được xây dựng bằng JavaScript. Nếu chúng ta muốn thành công trong việc tạo và quản lý loại trang web này, có quá nhiều thứ cần học hỏi về SEO JavaScript for WordPress.

Việc tạo và quản lý các trang web SPA WordPress tĩnh, không đầu hoặc từ đầu là một khối lượng công việc lớn, vì vậy nếu làm sai lầm có thể gây ra thiệt hại đối với SEO JavaScript for WordPress. Rất may, có một loạt các framework và phần mềm miễn phí giúp việc đó đơn giản hơn nhiều và chúng tôi có một vài ý tưởng cho phương pháp tốt nhất trông thế nào.

Xem thêm: 10 Bước Dễ Dàng Để Di Chuyển Website WordPress Sang Tên Miền Mới!