[Blogger Template] Các kiểu trang trong Blogger – Blogspot

Blogger Blogger Template

{ 6 comments }

Trong bài viết trước các bạn đã cùng tìm hiểu về cấu trúc template blogger. Lý do mình không viết phần tiếp theo bởi vì các bạn còn cần tìm hiểu về các kiểu trang trong blogger – blogspot nữa. Muốn tùy biến được giao diện cho blogger được linh hoạt hơn và nhất là seo blogspot tốt hơn thì các bạn cần tìm hiểu kĩ bài viết này và ứng dụng linh hoạt nó.

Tạo Template Blogger

Tạo Template Blogger

Hiện tại thì Blogger cung cấp cho chúng ta năm kiểu trang chính đó là: Index, Archive, Item, Static Page và 404 Page. Bây giờ chúng ta sẽ cùng tìm hiểu chi tiết các kiểu trang này và lấy một vài ví dụ để ứng dụng cho từng kiểu.

1. Trang Index

Trang index trong blogger – blogspot sẽ mang chức năng của trang chủ, trang label và trang tìm kiếm. Để chèn bất kì thứ gì vào trang chủ mà không cho hiển thị ở trang xem bài viết, trang lưu trữ hay trang tĩnh thì các bạn cần biết về trang index này và ứng dụng nó.

2. Trang Archive – Lưu trữ

Trang archive trong blogger – blogspot là trang lưu trữ các bài viết phân loại theo ngày – tháng – năm.

3. Trang Item – Bài viết

Trang item trong blogger – blogspot là trang hiển thị nội dung chi tiết của bài viết.

Xem thêm  6 Template bán hàng miễn phí cho Blogger – Blogspot tuyệt đẹp

4. Trang Static Page

Trang này là các trang tĩnh được tạo bởi chính người sử dụng VD như trang Liên hệ, trang About…

5. Trang 404

Khi các bạn có một vài kí tự linh tinh vào sau địa chỉ website, blog mà trang đó không có trên blog của các bạn thì trang này sẽ được hiển thị. Thường thì sẽ báo là 404 Not Found hoặc Trang bạn vừa tìm kiếm không tồn tại.

6. Ví dụ minh họa

Tôi có đoạn mã sau cho phần header của Blogger Template:

<title>
<b:if cond=’data:blog.pageType == &quot;index&quot;’>
<data:blog.pageTitle/>
<b:else/>
<b:if cond=’data:blog.pageType != &quot;error_page&quot;’>
<data:blog.pageName/> | <data:blog.title/>
<b:else/>
Page Not Found | <data:blog.title/>
</b:if>
</b:if>
</title>

Giải thích: Đoạn code trên được mình sử dụng để thiết lập phần tiêu đề cho trang. Ý nghĩa của nó như sau:

Đoạn code màu đỏ sẽ hiển thị tiêu đề là tiêu đề mà bạn thiết lập khi tạo blog nếu trang hiển thị là trang index. 

Đoạn code màu cam sẽ hiển thị tiêu đề cho trang theo dạng Tên trang – Tiêu đề nếu trang hiển thị là trang tĩnh – Static Page

Đoạn code màu vàng sẽ hiển thị tiêu đề cho trang theo dạng Page Not Found | Tiêu đề của trang khi các bạn truy cập vào một trang không tồn tại.

Trên đây là các kiểu trang trong blogger – blogspot mà bạn cần phải tìm hiểu trước khi tiến hành sửa code hay thiết kế template blogger.

Góp ý cho Tô Triều

  • Phong 11/12/2014, 08:02

    Xin bạn cho 1 code robots.txt chuẩn về SEO cho Blogspot, seo luôn label với

    Reply
  • Chinh 30/08/2014, 11:59

    cảm ơn anh nhiều

    Reply
  • Chinh 26/08/2014, 10:58

    chào anh, anh cho hỏi là blogspot của mình có nên sửa lại giống bên web của Mr. thạch không, cảm ơn
    http://thachpham.com/seo/huong-dan-toi-uu-seo-cho-blogspot.html

    Reply
    • Hải Triều 26/08/2014, 11:20

      Hôm trước mình có đọc và bình luận ở đó thì thấy còn thiếu khá nhiều. Tuy nhiên tác giả đã bổ xung rồi. Nhưng bạn cần chú ý tới các kiểu trang trong blogger và độ ưu tiên của các kiểu trang này. Hiện nếu đặt label tốt thì vẫn tối ưu và làm seo cho chính Label được. Và các static page thì có độ ưu tiên cao vì thế mình vấn khuyến cáo sử dụng kiểu static page để tạo các trang quan trọng như sitemap cho từng label, giới thiệu hoặc các vấn đề quan trọng khác. Chúc Bạn thành công.

    • Chinh 26/08/2014, 11:40

      Dear Mr. Hải Triều
      cảm ơn đã phản hồi,
      mình vẫn chưa hiểu phần Custom robots.txt .
      phần này mình chỉ cần chèn code vào là xong hay sao anh và bên web Mr. thạch nói nó sẽ index những trang mình muốn và không muốn index mình biết được.
      User-agent: Mediapartners-Google
      Disallow:
      User-agent: *
      Disallow: /search?updated-min=
      Disallow: /search?updated-max=
      Disallow: /search/label/*?updated-min=
      Disallow: /search/label/*?updated-max=
      Allow: /
      Sitemap: http://www.domain.com/feeds/posts/default?orderby=updated

      Phần Tối ưu SEO cho Template

      em nên chèn code nào anh,
      Thấy anh chỉnh cả admin bên đó nên phải tìm trang nào chắc ăn để học. kaka cảm ơn anh nhiều

    • Hải Triều 26/08/2014, 19:57

      Dear Chinh

      Với code trên nếu bạn không muốn SEO cho Label của Blogger thì hãy thêm vào. Các cấu trúc link bên trên ở 2 dòng disallow đầu là ngăn việc index các trang hiển thị số bài viết thông qua query của blogger. 2 dòng Disallow ở dưới là ngăn bọ tìm kiếm index và truy cập vào các trang hiển thị bài viết cho Label. Dòng sitemap là chỉ cho các con bọ tìm kiếm biết đó là sơ đồ trang web dạng xml. Nhớ thay domain.com bằng tên miền của bạn là được. Mediapartners-Google là con bot của Google Adsense. Có vẻ như tác giả bài viết chỉ đưa ra thông số này cho con bot của Google Adsense mà thôi.

  • Văn Phú 19/07/2014, 11:01

    Chào bác!
    Bác cho em hỏi câu này, em có những đoạn code để chèn các nút like, G+1, hay comment facebook vào blogspot, nhưng nó chỉ xuất hiện trong trang Item (trang hiển thị nội dung bài viết như bác nói), còn ở trang tĩnh (Static Page) thì nó lại không xuất hiện.
    Bác có gặp tình trạng này không, có thể giúp em thì tốt quá! E xin chân thành cám ơn!

    Reply