Hiện tượng lỗi "Auto-Pagination

Tại  sao tôi đăng bài lên Blogspot.com cài đặt hiển thị là 15 bài, có lúc hiển thị đúng 15 bài, có lúc chỉ 6 bài nên chừa khoảng trống trên trang chủ nhìn rất xấu?

Hiện tượng này rất phổ biến trên Blogger (Blogspot) và được gọi là lỗi "Auto-Pagination" (Tự động phân trang).

Nguyên nhân chính không phải do bạn cài đặt sai, mà là vì dung lượng tệp (kb) của trang chủ đã vượt quá giới hạn cho phép của Google (thường là khoảng 1MB hoặc 1.5MB cho một trang đơn lẻ). Khi tổng dung lượng các bài viết trên trang chủ quá nặng, Google sẽ tự động ngắt trang sớm (chỉ hiển thị 6 bài thay vì 15 bài) để đảm bảo tốc độ tải trang, vô tình để lại khoảng trống gây mất thẩm mỹ. 

Dưới đây là 3 lý do cụ thể khiến bài viết bị nặng và cách khắc phục triệt để lỗi này.


3 Nguyên nhân khiến trang chủ bị "quá tải" dung lượng

• Bài viết quá dài, không sử dụng thẻ ngắt trang (
  

  Code:

  More

  ): Bạn để toàn bộ nội dung bài viết (bao gồm cả chữ, hình ảnh, video) hiển thị hết ra trang chủ thay vì chỉ hiển thị một đoạn ngắn tóm tắt. [1]
  
  
• Hình ảnh chưa được tối ưu: Bạn tải ảnh gốc có dung lượng quá lớn (vài MB/ảnh) trực tiếp lên bài viết hoặc chèn quá nhiều ảnh trong một bài. [1]
  
  
• Sao chép văn bản bị dính mã rác: Bạn copy bài viết từ Microsoft Word, các website khác hoặc Google Docs rồi dán trực tiếp vào khung soạn thảo. Hành động này kéo theo hàng tá mã HTML ẩn và CSS rác làm tăng dung lượng bài viết lên gấp nhiều lần.
  
  

Cách khắc phục triệt để để hiển thị đủ 15 bài



1. Sử dụng tính năng "Ngắt trang" (Jump Break / Read More) - Quan trọng nhất

Tính năng này giúp bạn chỉ hiển thị đoạn đầu của bài viết ra trang chủ, muốn đọc tiếp người dùng phải bấm vào bài. Điều này giúp giảm 90% dung lượng tải cho trang chủ. 
[/size]

• Cách làm: Khi soạn thảo bài viết, hãy đặt con trỏ chuột ở sau đoạn văn đầu tiên (hoặc sau hình ảnh đầu tiên) → Tìm trên thanh công cụ biểu tượng Dấu ba chấm (
  

  Code:

  ...

  ) hoặc biểu tượng Chèn đường phân tách ngắt trang (hình tờ giấy bị cắt đôi) → Bấm chọn. Một đường kẻ ngang màu xám sẽ xuất hiện để ngăn cách.
  

2. Xóa định dạng rác khi copy-paste bài viết

• Cách làm: Khi copy văn bản từ nguồn khác, trước khi dán vào Blogspot, bạn hãy bấm chuột phải chọn Dán dưới dạng văn bản thuần túy (Paste as plain text / Ctrl + Shift + V).
  
  
• Hoặc sau khi dán xong, bạn bôi đen toàn bộ văn bản → Bấm vào biểu tượng Xóa định dạng (Clear Formatting - chữ T có dấu gạch chéo) trên thanh công cụ của Blogger.
  
  

3. Tối ưu dung lượng hình ảnh

• Hãy nén giảm dung lượng ảnh xuống dưới 200KB trước khi tải lên bằng các công cụ miễn phí như TinyPNG.
  
  
• Ưu tiên sử dụng định dạng ảnh
  

  Code:

  .webp

  thay vì
  

  Code:

  .png

  hoặc
  

  Code:

  .jpg

  để tối ưu tốc độ tải.
  
  

4. Giải pháp tình thế nếu dùng giao diện (Template) tùy biến

Nếu bạn sử dụng các template mua ngoài hoặc tải trên mạng, một số giao diện sử dụng mã JavaScript để tự động cắt bài viết ngoài trang chủ. Tuy nhiên, nếu bài viết chứa quá nhiều mã rác thì script này cũng bị lỗi.

• Mẹo nhỏ: Hãy thử giảm cài đặt hiển thị xuống 10 hoặc 12 bài trong mục Cài đặt → Bài đăng. Con số này thường vừa vặn, giúp trang chủ vừa load nhanh, vừa không lo bị thiếu bài làm xấu giao diện.

Share: