Thủ thuật máy tính

Thiết kế Blogspot Chuẩn SEO 100% [Hướng dẫn]

Thứ Sáu, 27 tháng 12, 2013

Hướng dẫn thiết kế Blogspot chuẩn SEO 100% dành cho các bạn mới bắt đầu làm Blog. Các làm cực hiệu quả nhé !
Thiết kế blogspot chuẩn seo 100%

Đầu tiên chúng ta phải hiểu rõ về blogspot. Blogspot là sản phẩm của tập đoàn Google, nó cũng là một trong những dạng website 2.0 đang được thế giới rất ưa chuộng và được google khuyến khích làm. Với khả năng index cực nhanh, tốc độ load cực cao  và đặc biệt là hoàn toàn miễn phí nhé. Vậy thì tại sao chúng ta không làm ?
Tuy nhiên làm blogspot chuẩn SEO là không hề đơn giản, bời nó được thiết kế trên nền  blog. Tuy nhiên google cho chúng ta tùy chỉnh nó . Vậy nên hôm nay mình sẽ hướng dẫn mọi người thiết kế blogspot chuẩn SEO 100% và cực kỳ đơn giản.

CÁC BƯỚC LÀM NHƯ SAU
- Chọn template.
- Chỉnh sửa các thẻ meta.
- Chỉnh sửa 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.
MỘT SỐ WEBSITE LẤY THEME CỰC ĐẸP VÀ UY TÍN CHO MỌI NGƯỜI
soratemplates.com/
mybloggerthemes.com/
mastemplate.com/
premiumbloggertemplates.com/
templateism.com/
besttheme.net/
zoomtemplate.com/
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ẻ <h1>, và tiêu đề của bài viết là <h2> hoặc <h3>. Điều này sẽ gây khó khăn cho các bạn khi muốn SEO một bài viết con.
Nhiều người đã khắc phục điều này bằng cách chèn thêm thẻ <h1> trong bài viết, và vẫn giữ tiêu đề là <h2> hoặc <h3>. Tuy nhiên, SEO Kool cho rằng như vậy là không tốt. Thứ nhất về mặt thẩm mỹ không đẹp, thứ hai là về tầm quan trọng của các thẻ heading vì khi bot google duyệt website của bạn, nó sẽ thấy thẻ <h2> trước và <h2> thì đương nhiên không quan trọng bằng <h1>.
Vì thế khi chọn template các bạn cần chú ý cấu trúc của temp, nếu có sẵn 2 thẻ <h1>, một cho toàn bộ website, và một cho tiêu đề bài viết thì tuyệt vời. Còn nếu không có thỉ cũng đừng quá lo lắng, SEO Kool sẽ hướng dẫn các bạn đổi tiêu đề bài viết thành <h1> trong các bước tiếp theo.
2. Sửa các thẻ <meta>
Để chỉnh sửa các thẻ meta keyword và meta description các bạn tìm đền đoạn code sau :
<meta name="description" content="" />
<meta name="keywords" content="" />
Và sửa thành :
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Mô tả blog" />
<meta name="keywords" content="Các từ khóa chính" />
</b:if>
3. Chỉnh sửa tiêu đề  bài viết
a. Sửa thẻ <title> của bài viết
Thông thường khi bạn viết một bài mới thì <title> bài viết của bạn sẽ có dạng : Tiêu đề Blog: Tiêu đề bài viết
Tuy nhiên, để tiện cho việc SEO bài viết sau này, các bạn hãy đưa tiêu đề bài viết lên phía trước. Ví dụ : Tiêu đề bài viết | Tiêu đề Blog
Để làm được điều này các bạn tìm tới đoạn code :
<title><data:blog.pageTitle/></title>
Và sửa lại thành :
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
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 đó.
Thêm mô tả cho link của tiêu đề bài viết
Để làm được điều này các bạn làm như sau :
Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng
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ả.
b. Chỉnh tiêu đề bài viết thành <h1>
Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng
Tìm đoạn code sau (Chú ý một số theme là H2 chứ không phải H3 do đó mọi người phải thay thành H3 thành H2 nhé)
<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:blog.pageType != "item"'>
<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>
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 {…}



OKe. Vậy là bây giờ chúng ta đã có một Blogspot chuẩn seo rồi nhé. Chúc mọi người thành công và cững mạnh ! ZEO.VN

Nguồn: ZEO.VN 
Chú ý coppy lại nội dung website thì nhớ ghi rõ nguồn . Xin cảm ơn !

1 nhận xét:

Đăng nhận xét