Blogspot là cái tên đã quá quen thuộc với những người làm SEO nó dễ sử dụng, tốc độ nhanh, tùy chỉnh được code … chính là những đặc điểm nổi bật của Blogspot khiến nó được mọi người tin dùng.
Tuy nhiên, với sự ra đời và phát triển của WordPress thì Blogspot đang dần mất đi vị thế của mình. WordPress đã đến và tạo nên một làn gió mới, đặc biệt là trong thời điểm thương mại điện tử đang phát triển như hiện nay. Lý do rất đơn giản vì hầu như tất cả mọi người đều cho rằng WordPress là mã nguồn “chuẩn SEO”
Với khả năng tối ưu hóa gần như hoàn hảo của mình, WordPress hiện đang là sự lựa chọn số một của giới dịch vụ SEO Google. Vậy lối đi nào dành cho Blogspot – đứa con của gã khổng lồ Google ?
Cách tối ưu hóa blogspot chuẩn seo 2018
Sau đây Megabits xin hướng dẩn các bạn cách tối ưu hóa blogspot chuẩn seo từ A – Z.
I. Chọn template blogspot
Đa phần các bạn chú trọng vào cách tối ưu hóa chuẩn seo trang web mà lại quên đi răng template là một 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 đầy đủ cấu trúc hợp lí. Như thế quá trình seo của bạn sẽ tốt hơn và nhanh lên top với các công cụ tìm kiếm hơn.
Theo kinh nghiệm của Megabits các bạn nên chọn những template có giao diện 2 cột, cột bên trái là bài viết cột bên phải là 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. Tốc độ tải trang của các loại giao diện này củng khá là nhanh.
Yếu tố không thể không nhắc đến đó là các thẻ Heading. Đa phần tất cả template blogspot khi các bạn cài vào đều có một thẻ <H1>, và thẻ tiêu đề <H2> hoặc <H3>.
Vì thế khi chọn template các bạn cần chú ý cấu trúc của template, 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, phần dưới mình sẽ hướng dẫn các bạn đổi tiêu đề bài viết thành <H1> trong các bước.
II. Tối ưu hóa blogspot chuẩn seo
1. Tối ưu Search Preferences ( Tùy chọn tìm kiếm )
Mục Search Preferences (Tùy chọn tìm kiếm) nằm trong menu Setting (Phần cài đặt) của Blogspot. Đây là mục mà Blogspot cung cấp sẵn 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 Setting -> Search Preferences ( Cài Đặt -> Tùy chọn tìm kiếm )
Meta tags (Thẻ Meta): Ở mục Meta Tags, các bạn thêm Description – Mô tả cho trang web. Mặc định thì nếu bạn chưa thêm Description 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 Description trực tiếp vào Template nhưng việc này là hoàn toàn cần thiết.
Errors and redirections (Lỗi và chuyển hướng): Custom Page Not Found (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.
Custom Redirects (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.
Crawlers and indexing (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.
Custom 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 SE, 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>
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 {…}
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 Blogspot 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 phaỉ 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 một : 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 hai : Sử dụng tính năng tùy chỉnh URL của Blogspot
5. Tạo Sitemap cho Blogspot
Blogspot 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ả. Trên đây là toàn bộ những thủ thuật mà tối ưu hóa blogspot mà Megabits đã áp dụng để tối ưu hóa cho Blogspot cá nhân của mình. Chúc các bạn thành công
Đọc thêm: