Thứ Ba, 8 tháng 1, 2013

Tối ưu hóa seo cho blogspot


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 là phần 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ỉnh sửa thẻ tiêu đề
1. 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>
Sửa lại 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>
Sửa lại thành
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.title/></a>
Lưu template
2- 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>

3- 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 {…}

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 {…}


Không có nhận xét nào:

Đăng nhận xét