Làm cách nào để biết liệu html có được hiển thị không?

Chúng tôi đã thảo luận trong các bài viết trước về tầm quan trọng của việc dựa vào kết xuất phía máy chủ của trang web của bạn để cải thiện SEO và cải thiện hiệu suất tìm kiếm không phải trả tiền. Phần lớn, chúng tôi nhận thấy rằng các trang web tải trực tiếp từ máy chủ, Công cụ Tìm kiếm (chẳng hạn như Google & Bing) xử lý nội dung trên trang dễ dàng hơn nhiều

Có ít bước hơn và do đó kết quả SEO tốt hơn.  

Đó là lý do tại sao chúng tôi sẽ đi sâu và hướng dẫn bạn cách kiểm tra kết xuất phía máy chủ

Chúng tôi sẽ sử dụng bài viết này để thảo luận về các phương pháp bạn có thể sử dụng để kiểm tra cách các bot tìm kiếm diễn giải trang web của bạn và do đó giúp cải thiện kết quả tìm kiếm không phải trả tiền của bạn

Thực sự nhanh chóng, nếu bạn đang gặp khó khăn trong việc gỡ lỗi các vấn đề SEO kỹ thuật phiền phức, kết xuất phía máy chủ, kết xuất phía máy khách, v.v.  

Hãy cho chúng tôi biết, chúng tôi làm việc này cả ngày và rất vui được trò chuyện về dự án của bạn

Chúng ta sẽ xem qua các ví dụ được trình bày trong video này để hiểu rõ hơn về cách chúng ta kiểm tra hiệu suất SEO theo cách thủ công.  

Phương pháp 1. Xem nguồn

Phương pháp này có thể được sử dụng để cung cấp cho bạn ý tưởng về phần nào của trang web của bạn đang được hiển thị phía máy chủ hoặc phía máy khách.   

Nói chung, đó là một cách nhanh chóng và bẩn thỉu để tìm ra nó

Làm thế nào để làm nó

Đào tạo SEO Javascript miễn phí

Chào. Tôi là Scott, tôi đã làm việc trên Javascript và các trang web kỹ thuật cao được gần 10 năm. Chọn tham gia khóa đào tạo miễn phí của tôi và nhận…

• Tìm hiểu cách khắc phục sự cố Javascript SEO & thu thập dữ liệu
• Cách chúng tôi phát triển trang web từ con số không đến hàng triệu khách truy cập
• Một loạt mẹo và Thủ thuật SEO Javascript mà bạn sẽ không tìm thấy ở bất kỳ nơi nào khác thử nghiệm

Nhận đào tạo

Để có kết quả tốt nhất, bạn muốn đảm bảo rằng bạn đang sử dụng Google Chrome hoặc bất kỳ sản phẩm phái sinh nào của Google Chrome (Ví dụ:. Brave), làm trình duyệt của bạn cho các công cụ dành cho nhà phát triển mà chính nó cung cấp.  

Để bắt đầu, hãy đi đến bất kỳ trang web nào bạn chọn. Sau đó,

1. Nhấp chuột phải vào bất kỳ đâu trên trang web và chọn “Xem nguồn” (Một số trang web tắt chức năng này, vì vậy bạn có thể muốn thử một chức năng khác)
2. Thao tác này sẽ chuyển hướng bạn đến tài liệu HTML đầy đủ của trang web nơi tất cả các mục bên trong được coi là được hiển thị phía máy chủ
3. Sau đó, bạn có thể lọc qua mã và thẻ HTML để hiểu rõ hơn về việc đang được hiển thị phía máy chủ và những gì không

Phương pháp này có thể được sử dụng trực tiếp để giải thích cách một số phần nhất định trên trang web của bạn đang tương tác với trình duyệt và có thể hiểu rõ hơn về lý do tại sao một số hành vi nhất định được thể hiện trên trình duyệt của bạn.  

Phương pháp 2. Kiểm tra Google trực tiếp

Đào tạo SEO Javascript miễn phí

Chào. Tôi là Scott, tôi đã làm việc trên Javascript và các trang web kỹ thuật cao được gần 10 năm. Chọn tham gia khóa đào tạo miễn phí của tôi và nhận…

• Tìm hiểu cách khắc phục sự cố Javascript SEO & thu thập dữ liệu
• Cách chúng tôi phát triển trang web từ con số không đến hàng triệu khách truy cập
• Một loạt mẹo và Thủ thuật SEO Javascript mà bạn sẽ không tìm thấy ở bất kỳ nơi nào khác thử nghiệm

Nhận đào tạo

Phương pháp này sẽ hiển thị trực quan cách Google diễn giải trang web bạn chọn khi cố gắng đặt trang web đó trong kết quả tìm kiếm. Bạn sẽ thấy phiên bản HTML được lưu trong bộ nhớ cache hoặc được lưu trữ trước đó được gửi từ máy chủ tới Google để đặt trong kết quả tìm kiếm.  

Làm thế nào để làm nó

Để sử dụng phương pháp này.  

1. Lưu ý đến trang web mong muốn của bạn, hãy bắt đầu một phiên trên trang chính của công cụ tìm kiếm Google
2. Nhập URL đầy đủ của trang web vào hộp tìm kiếm mà không cần nhấn ENTER hoặc tìm kiếm kết quả
3. Bây giờ, gõ “trang web. ” trước URL và tiếp tục tìm kiếm kết quả
   (Tìm kiếm ví dụ. "Địa điểm. https. //www. airbnb. com”)
4. Nếu trang web của bạn đã được Google lập chỉ mục, bạn sẽ thấy nó là một tùy chọn có sẵn để bạn chọn
5. Tiếp tục bằng cách nhấp vào 3 dấu chấm bên cạnh tiêu đề bạn chọn
6. Một cửa sổ bật lên sẽ xuất hiện, sau đó chọn tùy chọn cho “Cache” ở gần cuối
7. Bây giờ bạn có thể xem cách Google tải trang web của bạn ban đầu cho SEO.  
8. Bạn có thể nhận thấy nó trông khác so với bình thường, điều này có thể đáng để điều tra bằng Phương pháp 1 (sử dụng nguồn trang để khắc phục sự cố phía máy chủ)

Phương pháp 3. Thay đổi Useragent trong Chrome

Phương pháp này cho phép bạn thay đổi thiết bị tải bất kỳ trang web nào trực tiếp trong Google Chrome để hiểu cách các hệ thống như điện thoại thông minh, các trình duyệt khác nhau, v.v. xử lý và tải nội dung trên trang web của bạn

Chúng tôi thậm chí có thể tải nó bằng Googlebot Desktop & Smartphone (mà chúng tôi sẽ tập trung vào hướng dẫn này. )

Làm thế nào để làm nó

1. Đi đến trang web mong muốn của bạn và nhấp chuột phải vào nội dung trang web
2. Tiếp tục bằng cách chọn “Kiểm tra”, đôi khi được ký hiệu là “Kiểm tra phần tử”
3. Thao tác này sẽ hiển thị một Cửa sổ bật lên có nhiều tab để bạn khám phá các thành phần và tương tác của trang web ở phía sau hậu trường
4. Đối với bài tập này, chúng tôi đang tập trung vào việc sử dụng tab “Mạng”, vì vậy bạn có thể bỏ qua phần còn lại và chọn tab đó từ các tùy chọn ở đầu cửa sổ bật lên
5. Trong cửa sổ tab “Mạng”, một lựa chọn tab khác sẽ tự hiển thị ngay bên dưới
6. Tiếp tục bằng cách chọn nút
   
   (thường được sử dụng để biểu thị tín hiệu Wifi)
   1. Điều này sẽ thay đổi các tùy chọn có sẵn ở dưới cùng của cửa sổ
7. Tiếp tục bằng cách tìm phần “Tác nhân người dùng” trong cửa sổ dưới cùng và bỏ chọn hộp “sử dụng mặc định của trình duyệt”
8. Điều này sau đó cung cấp cho bạn tùy chọn thay đổi phần mềm đang được sử dụng để tải trang web
9. Sau khi thử nghiệm với các thiết bị, bạn có thể khắc phục mọi sự cố mà bạn có thể gặp phải bằng cách sử dụng phương pháp 1 để hiểu rõ hơn về những gì đang được gửi tới trình duyệt.  
10. Chuyển đổi giữa các Tùy chọn GoogleBot khác nhau. Cả điện thoại thông minh và máy tính để bàn

Suy nghĩ cuối cùng

3 phương pháp này, khi được sử dụng cùng nhau, cho phép phân tích đầy đủ Javascript SEO, các khung tải trong DOM và trao quyền cho chúng tôi điều tra bất kỳ trang web nào và các đối thủ cạnh tranh của nó để hiểu cách tiến lên phía trước với việc trang web được xếp hạng cao hơn và cho phép bạn

Ưu điểm chính khi sử dụng phương pháp của chúng tôi là bạn sẽ có thể xác định chính xác cách Googlebot (hoặc thậm chí BingBot, v.v.) sẽ diễn giải trang web của bạn.  

Nếu bạn hiểu cách các công cụ tìm kiếm xem trang web của mình, bạn sẽ có thể đưa ra những đánh giá tốt hơn về cách tiếp cận công nghệ trang web của mình

Trình duyệt thực sự kết xuất một trang web như thế nào?

4 phương pháp tìm phần tử HTML là gì?

Trang kết xuất là gì?

Cái gì được hiển thị trong JavaScript?