Thứ Tư, 7 tháng 9, 2016

Tối ưu hóa seo cho blogspot-Seo optimization for blogspot




Blogspot là một ứng dụng 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ả seo cao nhất.
Sau đây là phần hướng dẫn các bạn cách tối ưu hóa seo 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 seo 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>
Code này sẽ khi xem tại trang bài viết thẻ tiêu đề bài viết được blogger mặc định là h3 ta sẻ đổi nó thành h1 và được dẫn link là link tiêu đề bài viết đó.
- Đă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>
Trong mẫu có 2 đoạn như trên ta thay cho đoạn thứ 2.
- Và sửa thành:
<!-- Tối ưu H3 Start -->
<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 entry-title' itemprop='name'>
<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 entry-title' itemprop='name'>
<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 entry-title' itemprop='name'>
<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>
<!-- Tối ưu H3 End -->

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



EmoticonEmoticon