Google có nhìn thấy trang giống người dùng không?

📚 SEO Foundation Series (Bài 5/15) — Sau Bài 1: SEO là gì & Search Essentials, Bài 2: Google Search hoạt động — crawl, index, ranking, Bài 3: Bao lâu để thấy kết quả SEO? và Bài 4: Giúp Google tìm nội dung, bài này trả lời câu hỏi kỹ thuật quan trọng: Google có nhìn thấy trang giống người dùng không? Tôi bám mục Check if Google can see your page trong Google SEO Starter Guide và URL Inspection Tool.

Bài 4 giúp URL được phát hiện. Bài 5 kiểm tra sau khi crawl — HTML Google lưu có chứa title, heading, FAQ, nội dung chính mà người đọc thấy không? Sai lệch ở đây giải thích nhiều case "site đẹp trên Chrome nhưng Search Console báo thiếu".

Google nhìn thấy trang giống người dùng — vì sao cần hỏi?

Theo SEO Starter Guide, sau khi giúp Google tìm URL (Bài 4), bạn cần đảm bảo Google đọc được nội dung quan trọng — text trong <h1>, đoạn intro sau <!-- more -->, FAQ, internal link.

Nếu:

• Nội dung chính chỉ load bằng JavaScript sau 5 giây
• Body bài nằm trong tab ẩn hoặc display:none cho desktop
• Paywall hoặc geo-block trả HTML khác cho Googlebot

→ Google có thể index URL nhưng thiếu phần bạn muốn rank — hoặc crawled, not indexed (Bài 3 timeline vẫn áp dụng).

Câu hỏi "Google có nhìn thấy trang giống người dùng không?" không phải triết học — là debug bước giữa crawl và index trong pipeline Bài 2.

Googlebot crawl vs render — tóm tắt pipeline

Bài 2 đã tách crawl và index. Thêm một bước: rendering.

Google JavaScript SEO basics ghi: Googlebot có thể render JS — nhưng không instant, có queue, và không đảm bảo mọi framework SPA đều được xử lý như Chrome của bạn.

Site tĩnh Zola: HTML đã chứa article body → crawl thường đủ không cần render phức tạp. Đó là lợi thế so với SPA thuần khi hỏi "Google thấy gì".

URL Inspection — công cụ chính thức

URL Inspection Tool trong Search Console là cách Google khuyến nghị kiểm tra một URL cụ thể.

Các mục quan trọng

1. Page indexing — Indexed / Not indexed / Crawled — currently not indexed.
2. View crawled page — HTML/screenshot Google đã lưu từ lần crawl gần nhất.
3. Test live URL — Google fetch ngay (live) — hữu ích sau deploy mới.
4. Page fetch — thành công hay lỗi (403, 404, 5xx).

Quy trình tôi dùng sau publish

1. Deploy bài mới (ví dụ sau Bài 4 merge).
2. Search Console → URL Inspection → paste URL production.
3. Test live URL → đợi kết quả.
4. Mở View tested page → tab HTML — tìm <h1>, đoạn intro, FAQ.
5. So với view-source trên Chrome — diff mental: thiếu đoạn nào?

Google không khuyến khích chỉ dùng site: (Bài 4) — URL Inspection chi tiết hơn cho một bài.

So sánh HTML: crawled page vs trình duyệt

Cách so nhanh

Trình duyệt (user)

• View Page Source (view-source:URL) — HTML ban đầu từ server.
• Inspect Element — DOM sau JS (nếu có).

Google

• URL Inspection → View crawled/tested page → HTML.

Kỳ vọng blog Zola

• View-source ≈ crawled HTML ≈ nội dung người đọc thấy (không JS inject body).

Dấu hiệu lệch

Cloaking — show nội dung khác cho bot vs user — vi phạm spam policies. Không nhầm "Zola tĩnh" với cố ý ẩn text đen.

JavaScript và nội dung phụ thuộc JS

Dù Zola ít phụ thuộc JS, blog vẫn có thể có:

• Theme switcher, analytics script
• Comment widget embed
• Related posts load AJAX

Theo Understand JavaScript SEO:

• Google có thể chạy JS — second wave indexing.
• Critical content nên có trong HTML ban đầu — không chỉ document.write sau click.
• robots.txt không chặn file JS/CSS cần render — common mistake.

Blog tôi: article markdown → HTML tĩnh — đạt khuyến nghị "content in HTML". JS chỉ UI phụ — Google vẫn index bài đầy đủ.

Nếu sau này thêm React island cho dashboard — test lại URL Inspection từng URL quan trọng.

Nội dung ẩn, lazy-load và cloaking

Accordion / tab

Nội dung trong tab vẫn trong HTML (chỉ CSS ẩn) — Google thường đọc được. Nội dung fetch khi click — có thể không có trong crawled HTML nếu bot không click.

Series FAQ trong frontmatter Zola render ra HTML — tốt cho bot và rich result eligible (Bài 1 nhắc structured data).

Lazy-load ảnh

loading="lazy" ảnh — OK; alt text trong HTML quan trọng hơn ảnh load sớm. Lazy-load toàn bộ paragraph bằng JS — rủi ro.

Paywall / login wall

Nội dung sau paywall — Google có guidelines cho markup isAccessibleForFree. User yêu cầu không touch paywall files — chỉ nhắn: nếu có paywall, dùng schema đúng, không cloaking free preview cho bot full article.

Blog Zola tĩnh — thực tế kiểm tra

Checklist tôi chạy cho bài series (ví dụ sau khi publish Bài 4 SEO):

1. HTML có sẵn nội dung

curl -s https://seomoney.org/posting/giup-google-tim-noi-dung-site/ | grep -o '<h2[^>]*>.*</h2>' | head -5

→ Thấy heading trong response — không cần JS.

2. Không chặn resource

robots.txt production — không Disallow /zola/ hoặc CSS/JS theme.

3. URL Inspection

Test live URL bài mới → HTML có section "Mục lục", internal link /zola/posting/seo-la-gi....

4. Mobile vs desktop

Google dùng smartphone crawler cho mobile-first indexing. Zola responsive — cùng HTML, CSS khác — nội dung text nên giống nhau. Nếu theme ẩn body trên mobile bằng display:none — lỗi nghiêm trọng.

5. Subpath /zola/

Internal link trong crawled HTML phải trỏ /zola/posting/... — khớp Bài 4 — tránh Google crawl URL sai host/path.

6. Sau deploy đợi crawl

[Test live] ngay; [View crawled page] có thể cập nhật sau vài ngày (Bài 3).

Sai lầm thường gặp

"Indexed = Google thấy y hệt Chrome" — Không. Kiểm tra rendered/crawled HTML.

"Zola tĩnh nên bỏ qua URL Inspection" — Vẫn cần — bắt lỗi noindex template, deploy fail, redirect.

"Ẩn text trắng nền trắng cho keyword" — Cloaking/spam — penalty.

"Chặn JS trong robots để tiết kiệm crawl budget" — Có thể phá render site JS-heavy; Zola ít ảnh hưởng nhưng không nên chặn JS theme nếu có nội dung phụ thuộc.

"Fetch as Google đã deprecated — không còn cách test" — URL Inspection thay thế — 9012289.

"Request indexing = Google render ngay" — Gợi ý crawl ưu tiên; render/index vẫn theo queue.

Checklist "Google thấy giống user"

Sau mỗi bài publish quan trọng:

• View-source có <h1>, intro, body chính, internal link.
• curl hoặc wget — HTTP 200, không redirect lạ.
• URL Inspection Test live → success.
• View tested page HTML — so với source, không thiếu section lớn.
• robots.txt không chặn path bài hoặc CSS/JS cần thiết.
• Không ẩn nội dung chính chỉ bằng JS fetch.
• Mobile — cùng text với desktop.
• Ghi ngày test — so lại sau 2–3 tuần nếu "crawled not indexed" (Bài 3).

Bạn nên làm gì sau bài 5?

Khi đã xác nhận Google thấy đủ nội dung, bước tiếp trong SEO Starter Guide là Bài 6: Chặn trang khỏi Google Search (noindex, robots) và tổ chức site (Bài 7). Trước mắt:

1. Test 3–5 URL pillar — home, Bài 1 SEO, Bài 1 AdSense bằng URL Inspection.
2. Sửa mọi lệch HTML trước khi đẩy traffic (Bài 4 internal link).
3. Document kết quả — baseline cho lần đổi theme sau.

Chưa giúp Google tìm URL? Bài 4. Chưa hiểu crawl pipeline? Bài 2.

Tóm lại

Google có nhìn thấy trang giống người dùng không? — Thường có, nhưng phải kiểm chứng bằng Search Console URL Inspection (View crawled/tested page), không đoán. Pipeline: tìm URL (Bài 4) → crawl (Bài 2) → đảm bảo HTML chứa nội dung chính → index (Bài 3 timeline).

Blog Zola tĩnh có lợi thế: markdown → HTML đầy đủ, ít phụ thuộc JS. Vẫn tránh nội dung ẩn spam, robots chặn nhầm, và mobile/desktop text khác nhau.

Series: Bài 1 (Essentials) → Bài 2 (crawl/index) → Bài 3 (thời gian) → Bài 4 (giúp Google tìm) → Bài 5 (Google thấy trang giống user?). Tiếp theo: Bài 6: Chặn trang khỏi Google Search — noindex và robots.