Xin chào tất cả các bạn hôm nay Amdot Blog xin được nói về vấn đề
làm thế nào để sao blogger lên top nhanh nhất!
Vậy điều kiện là gì thì hôm nay chúng ta
cùng nhau thực hiện,Bài viết bao gôm các phần như sau:
1.Chọn template cho blogger
2.Tối ưu thẻ meta
3.Tối ưu tiêu đề bài viết
3.Tạo sitemap cho blogger
Không nói vòng vo nữa vào vấn đề chính
thôi!
1.Chọn template
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 Amdot blog, 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, BlogAmdot 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, BlogAmdot 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.
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 Amdot blog, 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, BlogAmdot 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, BlogAmdot 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.
Ở đầy các bạn có thể tải các template tại đầy:Đang cấp nhật
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 :
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 :
Mã:
<meta
name="description" content="" />
<meta
name="keywords" content="" />
Và sửa
thành :
Mã:
<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 :
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 :
Mã:
<title><data:blog.pageTitle/></title>
Và sửa
lại thành :
Mã:
<b:if
cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/>
| <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
Các bạn co thể nhìn hình dưới dầy:
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 đó.
Các bạn thao tác như sau:
Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng
Tìm đến dòng :
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 đó.
Các bạn thao tác như sau:
Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng
Tìm đến dòng :
Mã:
<a
expr:href='data:post.link'><data:post.title/></a>
và sửa
thành :
Mã:
<a
expr:href='data:post.link'
expr:title='data:post.title'><data:post.title/></a>
Tiếp
tục tìm đến dòng
Mã:
<a
expr:href='data:post.url'><data:post.title/></a>
và sửa
thành :
Mã:
<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
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
Mã:
<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 :
Mã:
<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>
Ta có hình sau:
Chỉnh
sửa CSS cho thẻ <h1>, tìm đến dòng
Mã:
.post h3 {…}
.post h3 a, .post h3
a:visited {…}
.post h3 a:hover {…}
và sửa
thành :
Mã:
.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 {…}
lưu
lại và kiểm tra kết quả
4. Chỉnh URL thân thiện.
4. Chỉnh URL thân thiện.
So với 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ể làm theo cách sau :Liên kết>>Liên kết cố định tùy chỉnh có dạng như sau:
Phần chữ màu các bạn có thể xóa đi cũng được
6. Tạo bài viết liên quan cho Blogspot
Đầu tiên ta tìm đến thẻ </head> và thêm vào trước nó đoạn code sau :
Mã:
<b:if cond='data:blog.pageType
== "item"'>
<script
type="text/javascript">
//<![CDATA[
var titles=new
Array();var titlesNum=0;var urls=new Array();var time=new Array();function
related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var
d=c.feed.entry[b];titles[titlesNum]=d.title.$t;for(var
a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function
removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=new
Array(0);for(var
a=0;a<urls.length;a++){if(!contains(b,urls[a])){b.length+=1;b[b.length-1]=urls[a];c.length+=1;c[c.length-1]=titles[a];e.length+=1;e[e.length-1]=time[a]}}titles=c;urls=b;time=e}function
contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return
false}function printRelatedLabels(a){var
y=a.indexOf('?m=0′);if(y!=-1){a=a.replace(/\?m=0/g,")}for(var
b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);time.splice(b,1)}}var
c=Math.floor((titles.length-1)*Math.random());var
b=0;document.write("<ul>");if(titles.length==0){document.write("<li>Không
có bài viết liên
quan</li>")}else{while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0′}document.write('<li><a
href="'+urls[c]+'" title="'+time[c].substring(8,10)+"/"+time[c].substring(5,7)+"/"+time[c].substring(0,4)+'">'+titles[c]+"</a></li>");if(c<titles.length-1){c++}else{c=0}b++}}document.write("</ul>");urls.splice(0,urls.length);titles.splice(0,titles.length)};
//]]>
</script>
</b:if>
Sau đó
tìm đến dòng :
Mã:
<div
class='post-footer'>
Và
thêm đoạn code sau vào sau nó :
Mã:
<b:if
cond='data:blog.pageType == "item"'>
<div
id='related-posts'>
<b>Bài viết liên
quan:</b>
<b:loop
values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/"
+ data:label.name +
"?alt=json-in-script&callback=related_results_labels"'
type='text/javascript'/>
</b:loop>
<script
type='text/javascript'>var
maxresults=5;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
</b:if>
Lưu ý
maxresult=5 chính là số tin liên quan được hiển thị, bạn có thể thay đổi thông
số này.
Bài viết sau mình sẽ hướng dẫn cách tạo sitemap và xác minh cho blogger..!
Chúc tất cả các bạn thành công và Seo blogger len top nhanh chóng với bài hướng dẫn tự Seo blogspot len top!