18 thg 3, 2011

Hướng dẫn SEO cho Blogger Template

0 nhận xét
Bài viết này sẽ hướng dẫn các bạn cách tối ưu template Blogspot sao cho thân thiện với các bộ máy tìm kiếm ( Search Engine Optimize ).
Tôi tin rằng bài này không phải là hướng dẫn SEO hoàn thiện nhất cho mẫu blogger. Vì vậy, nếu bạn có bất kỳ ý tưởng nào, hãy để lại phản hồi ở đây, chúng ta sẽ cùng thảo luận để có thể hoàn thiện hơn thủ thuật này.
Page Title
Tiêu đề trang mặc định của một bài viết trong Blogspot theo thứ tự Tiêu đề Blog : Tiêu đề bài đăng. Điều này không tốt cho SEO. Vì vậy, chúng ta sẽ đổi thành Tiêu đề bài đăng | Tiêu đề blog. Tìm đoạn code bên dưới trong Template của bạn :
<title><data:blog.pageTitle/></title>
và thay thế thành :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Bạn cũng có thể thêm một số từ khóa vào tiêu đề Blog, ví dụ :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/> ~ iTechPlus | Kiến thức – Thủ thuật - Giải pháp công nghệ</title>
</b:if>
META Keywords And Description

Một số Blogger chuyên nghiệp đã viết hướng dẫn về việc làm thế nào để chèn từ khóa và mô tả vào Blog. Thực ra điều này rất dễ : bạn chỉ cần chèn đoạn code bên dưới vào sau Title tab hoặc trước <b:skin><![CDATA[/*
Ví dụ :
<meta name="description" content="Kiến thức – Thủ thuật – Giải pháp công nghệ" />
<meta name="keywords" content="hệ điều hành, tin học văn phòng, đồ họa, bảo mật" />
Tuy nhiên, đoạn code trên sẽ chèn từ khóa và mô tả trên tất cả các bài viết trong Blog. Điều này không tốt cho SEO vì bạn có thể nhận được cảnh báo từ Google Webmaster Tools rằng nó đã phát hiện có nội dung trùng lặp trên Blog của bạn. Do đó, cách tốt nhất là chỉ chèn từ khóa và mô tả tại trang chủ của Blog. Bạn thêm đoạn code in đậm vào đoạn code trên, như bên dưới :
<b:if cond='data:blog.url == data:blog.homepageUrl'> <meta name="description" content="Kiến thức – Thủ thuật – Giải pháp công nghệ" />
<meta name="keywords" content="hệ điều hành, tin học văn phòng, đồ họa, bảo mật" />
</b:if>
Heading
Heading Tag ( H1, H2, H3, H4, H5 ) cũng rất quan trọng cho SEO. Tiêu đề các Widgets ( Gadgets ) sử dụng H2 tab. Tiêu đề bài viết sử dụng H3 tab ( Minima Template ) và một số template khác lại sử dụng H2 tab cho tiêu đề bài viết. Để cải thiện SEO, bạn cần sử dụng H1 tab cho tiêu đề bài viết, ví dụ, tìm đoạn code sau :
<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
Ví dụ trên cho thấy mẫu của bạn sử dụng H3 tab cho tiêu đề bài viết ( nếu bạn không tìm thấy, mẫu của bạn có thể sử dụng H2 tab ). Thay thế H3 ( H2 ) tab thành H1, như bên dưới :
<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/><b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>
Bạn sẽ cần thay đổi font size cho tiêu đề bài đăng bằng cách chèn đoạn code sau vào trước thẻ đóng ]]></b:skin>
h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }
Trong ví dụ này, tôi sử dụng font size là 1.5em, bạn có thể thay đổi nếu muốn.
Tham khảo thêm ở đây ( nâng cao )
Social Bookmarking
Tham gia và quảng bá Blog của bạn trên các mạng xã hội là một trong những cách tốt nhất để tăng cường khả năng SEO cho Blog. Bạn có thể làm theo hướng dẫn ở đây để biết cách chèn Social Bookmarking vào Blog của bạn.
Breadcrumb
Bạn có thể sử dụng Breadcrumb để giúp điều hướng blog của bạn dễ dàng hơn cho khách viếng thăm. Hướng dẫn tạo thanh Breadcrumb cho Blog bạn có thể tham khảo ở đây.
Related Posts
Bài viết liên quan hiện nay là một tiện ích không thể thiếu cho Blog hay Website, giúp người đọc dễ dàng hơn trong việc tìm kiếm những bài viết cùng chuyên mục đang theo dõi. Các bạn xem hướng dẫn cách tạo tiện ích bài viết liên quan ở đây.
Auto Readmore Link
Sử dụng tiện ích Auto Readmore sẽ giúp Blog của bạn trông gọn gàng hơn : chỉ hiện thị tiêu đề và một đoạn trích dẫn ngắn ( với ảnh đại diện ). Không những vậy nó còn có thể giúp giảm thời gian tải trang cho Blog.
Tiện ích này có 2 loại : một sử dụng CSS và một sử dụng JavaScript. Bạn có thể đọc hướng dẫn ở đây ( CSS ) và ở đây ( JavaScript )
Chúc các bạn thành công !
Thất Tình.Biz | Phần mềm | Tin tức | Thủ Thuật | Phim | Game|Teen Sock| Scandan

 

0 nhận xét:

Đăng nhận xét