Hướng dẫn 10 bước tối ưu hoá SEO cho Blogger

[Npnken]

Để một Blog thành công là cả một quá trình , trong đó SEO chiếm một vai trò quan trọng . Blogger cũng thế , trong nhưng năm gần đây mã nguồn WordPress đang được thịnh hành và thay thế dần Blogger bởi nó được “Tối ưu hoá hơn” . Nhưng không vì thế mà Blogger mất đi vị trí của nó , là một người từng sử dụng Blogger trong 3 năm để tiếp tục với series kiếm tiền online với blogger mình sẻ hướng dẩn cách tối ưu hoá SEO cho Blogger.
Có rất nhiều vấn đề liên quan mà bạn phải tối ưu hoá , chúng ta phải thực hiện từng bước để có một Blogger Chuẩn SEO.
Chọn Template Chuẩn SEO
Đa phần hiện nay mình thấy nhiều bạn sử dụng những template đẹp nhưng lại quá cầu kì , nó không hoàn hảo tí nào . Cái đẹp thì ai cũng muốn nhưng nó phải đáp ứng được yêu cầu : đảm bảo tốc độ tải trang nhanh và sắp xếp bố cục hợp lý .
Xem thêm : Nguyên nhân dẩn đến website load chậm
Theo mình khi chọn template blogger bạn nên chọn giao diện 2 cột , bên trái là danh sách bài viết mới , bên phải là chuyên mục , bài viết nhiều lượt xem , bình luận gần đây. Hoặc cũng có thể là 3 cột như mình , ở giữa là danh sách bài viết mới , bên trái là chuyên mục , bên phải là bài viết nhiều lượt xem và bình luận gần đây.
Tối ưu hoá hiển thị tìm kiếm
Vào mục Tùy chọn tìm kiếm nằm trong menu phần cài đặt của Blogger. Đây là mục chức năng mà Blogger cung cấp cho bạn nhằm giúp những người mới làm blog có thể tối ưu trang web sao cho thân thiện với các bộ máy tìm kiếm. Bạn Vào Cài Đặt -> Tùy chọn tìm kiếm

Thẻ Meta: Ở mục Thẻ Meta , các bạn bấm chỉnh sửa để thêm Mô tả cho trang web. Mặc định thì nếu bạn chưa thêm Mô tả cho trang web ở đây thì mục Mô tả khi post bài cũng sẽ được ẩn đi. Vì vậy mặc dù bạn có thể thêm vào Template nhưng việc này là hoàn toàn cần thiết.
Lỗi và chuyển hướng: Không tìm thấy trang tùy chỉnh: Khi độc giả truy cập vào 1 đường link sai hoặc không tồn tại thì sẽ hiện lên thông báo 404, tuy nhiên để việc điều hướng visit được tốt thì bạn nên thêm Page Not Found của riêng bạn. Nếu Template của bạn đã có 404 Page sẵn rồi thì bạn có thể bỏ qua công đoạn này, để kiểm tra xem Template của bạn đã có chưa, bạn có thể đánh bừa 1 đường link đến blog của bạn. Nếu đã có, bạn có thể chỉnh sửa trực tiếp trong Template.
Chuyển hướng tùy chỉnh: Đây là mục khi bạn muốn trỏ 1 đường link trên blog của mình đến 1 đường link khác cũng nằm trên trang của bạn. Để thêm Redirect, bạn nhấn vào New Redirect.
Trình thu thập thông tin và lập chỉ mục: Đây là danh mục giúp bạn tối ưu blog thân thiện hơn với Search Engine.
Robots.txt: Việc chỉnh sửa file robot.txt giúp bạn thông báo cho bot của bộ máy tìm kiếm sẽ index trang nào và trang nào mà bạn không muốn index. Bạn thêm code sau vào robot.txt:
User-agent: Mediapartners-Google Disallow:

User-agent: *

Disallow: /search?updated-min=

Disallow: /search?updated-max=

Disallow: /search/label/*?updated-min=

Disallow: /search/label/*?updated-max=

Allow: /

Sitemap: http://www.domain.com/feeds/posts/default?orderby=updated

Code trên có thể giúp bạn chặn index Search và Archive, nguyên nhân chính khiến cho blog bị Search Engine gán cho mác ‘Duplicate Content’.
Custom robots header tags: Danh mục này giúp làm đẹp hơn kết quả tìm kiếm trên Google, bạn có thể điều chỉnh theo ý của bạn hoặc làm giống như hình dưới:

Ở hình trên, việc cài đặt Custom robots header tags giúp cho bạn không cho Google lấy kết quả tìm kiếm từ các danh bạ web cho blog của bạn bằng việc đánh dấu vào Noodp. Bên cạnh đó bạn cũng chặn không cho Google index Search và Archive Page, giống với việc cài đặt file robot.txt như bên trên.
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. 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:

<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>[CODE]
và sửa thành :
[CODE]<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>[CODE]
Chỉnh sửa CSS cho thẻ <H1>, tìm đến dòng:
[CODE].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 {…}

4. Chỉnh URL thân thiện.
Thường thì tiêu đề bài viết gốc thì URL đã bị rút gọn và bị mất một số kí tự. Đó là vì URL mặc định của Blogger 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 phải 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 1 : 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 2 : Sử dụng tính năng tùy chỉnh URL của Blogger

5. Tạo Sitemap cho Blogger
Blogger 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 chỉ cần vào Google Webmaster Tools, tỉm đến mục submit sitemap và thêm đoạn mã sau vào ô text :
atom.xml?redirect=false&start-index=1&max-results=500
Đối với người dùng, các bạn cần tạo một sơ đồ thân thiện hơn :

Đề làm được như hình trên, các bạn hãy tạo một trang mới trong Blog của mình và đặt cho nó một cái tên bất kì và sau đó chuyển qua tab HTML và chèn đoạn code này vào:

<style>
/* Skin for Blogger Tabbed Layout TOC */
#tabbed-toc {
margin: 0 auto;
background-color: #FFFFFF;
border: 4px dashed rgb(48, 167, 229);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.55);
overflow: hidden;
position: relative;
color: #333;
}
#tabbed-toc .loading {
display:block;
padding:5px 10px;
font:normal bold 10px/normal Helmet,Freesans,Sans-Serif;
color:white;
}
#tabbed-toc ul,
#tabbed-toc ol,
#tabbed-toc li {
margin:0 0;
padding:0 0;
list-style:none;
}
#tabbed-toc .toc-tabs {
width:20%;
float:left;
}
#tabbed-toc .toc-tabs li a {
display:block;
font:normal bold 10px/28px Helmet,Freesans,Sans-Serif;
height:28px;
overflow:hidden;
text-overflow:ellipsis;
color: #434B50;
text-transform:uppercase;
text-decoration:none;
padding:0 12px;
cursor:pointer;
}
#tabbed-toc .toc-tabs li a:hover {
background-color:rgba(110, 193, 255, 0.68);
color:white;
}
#tabbed-toc .toc-tabs li a.active-tab {
background-color: #6EC1FF;
color:white;
-webkit-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
-moz-box-shadow:-2px 2px 2px rgba(0,0,0,.5);
box-shadow:-2px 2px 2px rgba(0,0,0,.5);
position:relative;
z-index:5;
margin:0 -1px 0 0;
/* cursor:text; */
}
#tabbed-toc .toc-content,
#tabbed-toc .divider-layer {
width: 80%;
float: right;
background-color: white;
border-left: 2px dotted #30A7E5;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#tabbed-toc .divider-layer {
float:none;
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
-webkit-box-shadow:0 0 7px rgba(0,0,0,.7);
-moz-box-shadow:0 0 7px rgba(0,0,0,.7);
box-shadow:0 0 7px rgba(0,0,0,.7);
}
#tabbed-toc .panel {
position:relative;
z-index:5;
font:normal normal 10px/normal Helmet,Freesans,Sans-Serif;
}
#tabbed-toc .panel li a {
display: block;
position: relative;
font-weight: bold;
font-size: 14px;
color: #434B50;
line-height: 40px;
height: 35px;
padding: 0 12px;
text-decoration: none;
outline: none;
overflow: hidden;
}
#tabbed-toc .panel li time {
display:block;
font-style:italic;
font-weight:normal;
font-size:10px;
color:#666;
float:right;
}
#tabbed-toc .panel li .summary {
display:block;
padding:10px 12px 10px;
font-style:italic;
border-bottom:4px solid #275827;
overflow:hidden;
}
#tabbed-toc .panel li .summary img.thumbnail {
float:left;
display:block;
margin:0 8px 0 0;
padding:4px 4px;
width:72px;
height:72px;
border:1px solid #dcdcdc;
background-color:#fafafa;
}
#tabbed-toc .panel li:nth-child(even) {
background-color: #CAE6F2;
}
#tabbed-toc .panel li a:hover,
#tabbed-toc .panel li a:focus,
#tabbed-toc .panel li a:hover time,
#tabbed-toc .panel li.bold a {
background-color:#333;
color:white;
outline:none;
}
#tabbed-toc .panel li.bold a:hover,
#tabbed-toc .panel li.bold a:hover time {
background-color:#222;
}
@media (max-width:700px) {
#tabbed-toc {
border:2px solid #333;
}
#tabbed-toc .toc-tabs,
#tabbed-toc .toc-content {
overflow:hidden;
width:auto;
float:none;
display:block;
}
#tabbed-toc .toc-tabs li {
display:inline;
float:left;
}
#tabbed-toc .toc-tabs li a,
#tabbed-toc .toc-tabs li a.active-tab {
background-color:#224C19;
-webkit-box-shadow:2px 0 7px rgba(0,0,0,.4);
-moz-box-shadow:2px 0 7px rgba(0,0,0,.4);
box-shadow:2px 0 7px rgba(0,0,0,.4);
}
#tabbed-toc .toc-tabs li a.active-tab {
background-color:white;
color:#333;
}
#tabbed-toc .toc-content {
border:none;
}
#tabbed-toc .divider-layer,
#tabbed-toc .panel li time {
display:none;
}
}
</style><br/>
<div id="tabbed-toc">
<span class="loading">Loading...</span></div>
<a href="Url website của bạn" style="display: block; font: normal bold 8px Arial,Sans-Serif; margin: 10px; text-align: right; text-decoration: none;" title="Tabbed TOC">Blogging Tips and Tricks</a>
<script type="text/javascript">
var tabbedTOC = {
blogUrl: "Url website của bạn", // Blog URL
containerId: "tabbed-toc", // Container ID
activeTab: 1, // The default active tab index (default: the first tab)
showDates: false, // `true` to show the post date
showSummaries: false, // `true` to show the posts summaries
numChars: 200, // Number of summary chars
showThumbnails: false, // `true` to show the posts thumbnails (Not recommended)
thumbSize: 40, // Thumbnail size
noThumb: "https://3.bp.blogspot.com/-vpCFysMEZys/UOEhSGjkfnI/AAAAAAAAFwY/h1wuA5kfEhg/s72-c/grey.png", // A "no thumbnail" URL
monthNames: [ // Array of month names
"January",
"February",
"March",
"April",
"May",
"June",
"July",
"August",
"September",
"October",
"November",
"December"
],
newTabLink: true, // Open link in new window?
maxResults: 99999, // Maximum post results
preload: 0, // Load the feed after 0 seconds (option => time in milliseconds || "onload")
sortAlphabetically: true, // `false` to sort posts by published date
showNew: 7, // `false` to hide the "New!" mark in most recent posts, or define how many recent posts are to be marked
newText: " - <em style='color:red;'>New!</em>" // HTML for the "New!" text
};
</script>
<script src="https://cdn.rawgit.com/quangmen93/Javhay.org/master/sitemap.JS" type="text/javascript"></script>

Tìm tới đoạn “Url website của bạn” và thay thế bằng đường dẩn website của bạn. Lưu lại và xem kết quả.
Lời kết
Trên đây là toàn bộ những thủ thuật mà tối ưu hóa Blogger Nguyên đã áp dụng để tối ưu hóa cho blog cá nhân của mình. Chúc các bạn thành công!