Tối ưu hóa blogspot từ a đến Z

Blogspot là một mã nguồn mở miễn phí được cung cấp bởi google được rất nhiều người tin dùng bởi: Dễ sử dụng, tốc độ nhanh, tùy chỉnh được code, đặc biệt từ năm 2012 khi google cập nhật seo giúp khả năng seo của blogger cực tốt … Tuy nhiên còn một số tùy chỉnh chúng ta vẫn phải thực hiện thủ công để đạt hiệu quả cao nhất.

Sau đây, Namkna sẽ hướng dẫn các bạn cách tối ưu hóa cho Blogspot từ A -> Z, hy vọng rằng sau bài viết này sẽ giúp mọi người thực hiện tối ưu hóa tốt nhất cho blog của bạn..

- Chọn template.
- Chỉnh sửa các thẻ meta và tiêu đề bài viết.
- Chỉnh URL thân thiện.
- Tạo Breadcrumbs cho Blogspot.
- Tạo tin tức liên quan cho từng bài viết.
- Tạo emoticon khi comment.
- Tạo sitemap cho Blogspot.

1. Chọn template.

Template là một trong những yếu tố quan trọng khi sử dụng Blogspot, một template tốt không những đẹp mà còn phải có cấu trúc hợp lý. Như thế sẽ giúp quá trình SEO của các bạn dễ dàng hơn rất nhiều.

Theo kinh nghiệm cá nhân của SEO Kool, các bạn nên chọn loại template có 2 cột, bên trái là bài viết, bên phải là các widget : bài viết mới, comment mới, … Đây là dạng template thông dụng và thân thiện với người dùng.

Ngoài ra còn một yếu tố cũng quan trọng không kém, đó là cấu trúc thẻ heading. Đa phần các temp của Blogspot sau khi cài đặt chỉ có một thẻ

2. Sửa các thẻ <meta> và Tiêu dề bài viết.

a. Thêm <meta> và <title>
- Để chỉnh sửa các thẻ meta keyword và meta description các bạn xem bài viết sau: Tối ưu thẻ Title trong Blogspot cho Search Engine 
b. Thêm mô tả cho link của tiêu đề.

Khi đưa chuột vào tiêu đề bài viết, bạn sẽ thấy hiện lên phần mô tả cho đường link đó. Để làm được điều này các bạn làm như sau :

- Đăng nhập vào blog => Mẫu => Chỉnh sửa HTML => Tiếp tục => Mở rộng tiện ích mẫu:

- Tìm đến dòng :

<a expr:href='data:post.link'><data:post.title/></a>

Và sửa thành :

<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>

- Tiếp tục tìm đến dòng:

<a expr:href='data:post.url'><data:post.title/></a>

và sửa thành:

<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>

Lưu template và kiểm tra kết quả.
c. Chỉnh tiêu đề bài viết thành <h1>
- Đăng nhập vào blog => Mẫu => Chỉnh sửa HTML => Tiếp tục => Mở rộng tiện ích mẫu:
- Tìm đoạn code sau

    <b:if cond='data:post.title'>
      <h3 class='post-title entry-title' itemprop='name'>
      <b:if cond='data:post.link'>
        <a expr:href='data:post.link'><data:post.title/></a>
      <b:else/>
        <b:if cond='data:post.url'>
          <b:if cond='data:blog.url != data:post.url'>
            <a expr:href='data:post.url'><data:post.title/></a>
          <b:else/>
            <data:post.title/>
          </b:if>
        <b:else/>
          <data:post.title/>
        </b:if>
      </b:if>
      </h3>
    </b:if>

- Và sửa thành:

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.title'>
<h3 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class='post-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link' expr:title='data:post.title'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>

Chỉnh sửa CSS cho thẻ <h1>, tìm đến dòng

.post h3 {…}
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}

và sửa thành

.post h1, .post h3 {…}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}
.post h1 a:hover, .post h3 a:hover {…}

lưu lại và kiểm tra kết quả :

3. Chỉnh URL thân thiện.

Mỗi khi bạn viết bài mới trên blogspot, nếu bạn viết tiêu đề có dấu đầy đủ, thì đôi lúc URL sẽ hiển thị như sau :

Ở đây SEO Kool thử nghiệm với bài viết có tiêu đề là : "Kí tự đặc biệt tạo nick yahoo cực đẹp !!". Nhìn vào hình ảnh các bạn có thể thấy, so với tiêu đề bài viết gốc thì URL (http://namkna.blogspot.com/2011/05/ki-tu-ac-biet-tao-nick-yahoo-cuc-ep.html) đã bị rút gọn và bị mất một số kí tự (màu vàng). Đó là vì URL mặc định của Blogspot có 2 chức năng :

• Thứ nhất : lấy luôn tiêu đề của bài viết làm URL cho bài viết đó, tuy nhiên nó không thể hiểu được tiếng Việt nên sinh ra hiện tượng mất một số kí tự.
• Thừ hai : Blogspot sẽ tự động cắt bớt URL nếu như tiêu đề bài viết quá dài.

Vậy nếu muốn có một URL thân thiện, chuẩn SEO thì ta phaỉ làm sao? Rất đơn giản để giải quyết cho hai trường hợp trên ta có thể dùng hai cách sau :

- Cách một : Khi viết một bài mới, ban đầu ta để tiêu đề không dấu với số kí tự vừa đủ để không bị rút ngắn URL và mất kí tự, sau đó xuất bản bài viết và quay lại chỉnh sửa tiêu đề trở thành có dấu.

- Cách hai : Sử dụng tính năng tùy chỉnh URL của Blogspot. Khi đăng bài tại phần cài đăt bài đăng => Liên kết cố định => Liên kết cố định tùy chỉnh => Đánh URL của bạn vào nhớ viết không dấu và cách nhau bởi dấu gạch ngang (-) nha => sau đó bấm Hoàn thành là ok:

Với tính năng này bạn có thể tự do điều chỉnh URL của mình. Tuy nhiên cần lưu ý là tính năng này chỉ chỉnh được một lần, tức là sau khi xuất bản bài viết bạn không thể sửa lại URL. Vì vậy hãy cẩn thận khi sử dụng.

4. Tạo Breadcrumb cho Blogspot

Để tạo Breadcrumb cho Blogspot, các bạn xem các bài viết sau:

• Thanh trạng thái "breadcrumb" cho Blogspot
• Thanh điều hướng (Breadcrumb) cho bài viết có 2 nhãn
• Thanh điều hướng sử dụng CSS3

5. Tạo bài viết liên quan cho Blogspot

- Hãy vào đây đề chọn một mẫu cho phù hợp với blog bạn nha.

6. Tạo các emoticon khi comment trên Blogspot

Các bạn hãy chọn các mẫu mặt cười sau:

• Chèn biểu tượng cảm xúc vào nhận xét dạng input (Update 20/02/2012)
• Biểu tượng mặt cười cho phần Comment của Blogspot
• Chèn Các bộ emoticons cho blog

7. Tạo Sitemap cho Blogspot

Blogspot có 2 dạng Sitemap, thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), thứ hai là loại sitemap.html dành cho người dùng.

- Để tạo sitemap cho Googlebots, bạn xem bài: Tạo site map hỗ trợ SEO và page rank cho blogspot 

Đối với người dùng, các bạn chọn một trong các mẫu bên dưới:

- Lựa chọn một trong các style bên dưới.

• Tạo Sitemap đẹp cho blogspot
• Tạo sitemap cho Blogspot theo ngày đăng và nhãn
• Tạo Accordion Sitemap (TOC) cho Blogspot
• Site map là gì? Và tại sao bạn cần nó?

Chúc thành công!