Hướng Dẫn Tạo và Tối Ưu Blogspot Chuẩn SEO
Bài viết này sẽ hướng dẫn tạo và tối ưu Blogspot chuẩn SEO theo từng bước chi tiết nhất. Tất cả những gì bạn cần là hãy làm theo từng bước sau đây.
Vì sao mình chọn Blogger? Blogger là mạng xã hội miễn phí và cũng chính là website 2.0 do chính google xây dựng. Ngoài chức năng miễn phí nó còn hội tụ thêm điểm chỉ số chất lượng rất cao ( PA – DA ) và đây cũng chính là sản phẩm con đẻ của google nên chắc chắn sẽ được google ưu ái hơn chút. Và đặc biệt là link trên blogspot hoàn toàn là link dofollow ( truyền giá trị seo đi theo link liên kết ) và khả năng tùy biến dễ dàng, đa dạng, hoàn toàn có thể xây dựng thành một website chuyên nghiệp.
Khi bạn mới bắt đầu học SEO tốt nhất là bạn nên bắt đầu từ 1 blog. Đơn giản là vì bạn chưa biết nhiều về SEO bạn có thể sử dụng blog để thử nghiệm những cái mình học. Blogspot miễn phí host, miễn phí tên miền và nếu thành công site bạn lên top bạn vẫn có thể bán được hàng và có thể dùng blog này làm site vệ tinh (Khi học SEO bạn sẽ hiểu thế nào là site vệ tinh), Còn nếu thất bại thì bạn yên tâm vì nó chẳng ảnh hưởng gì đến website chính của bạn.
Tuy nhiên nếu bạn học và làm theo đúng một quy trình SEO đồng thời áp dụng những cách tối ưu hóa cho blospot này thì không gì có thể ngăn cản site bạn lên TOP.
Hướng Dẫn Tạo và Tối Ưu Blogspot Chuẩn SEO
Bài hướng dẫn tạo và tối ưu hóa cho blogspot cho dân tự học SEO của mình bao gồm:
- Tạo blogger đơn giản
- Tổng quan về blogger
- Cách chọn template.
- Tổng quan về blogger
- Cách chọn template.
- Cách tối ưu các thẻ Title - Meta Description - Meta Keywords cho blogspot
- Tối ưu thẻ H1, H2, H3 cho blogspot
- Tối ưu file Robots.txt cho blogspot
- Chỉnh URL thân thiện cho blogspot
- Tạo tin tức liên quan cho từng bài viết.
- Tạo sitemap cho Blogspot.
- Tối ưu hình ảnh cho Blogspot
1. Tạo blogger đơn giản
Đăng nhập vào Blogger.com sử dụng tài khoản Gmail để đăng nhập. Sau đó điền thông tin tiêu đề và Url của bạn (tương ứng với từ khóa hoặc sản phẩm dịch vụ của ban). Bạn có thể điền một tên nào đó vì sau này mình có thể chỉnh sửa lại trong cài đặt nên bạn yên tâm ở bước này nhé. Sau khi tạo thành công Blog mới sẽ hiện thị như hình dưới đây
Trong trang quản trị blog của bạn sẽ gồm có các phần như sau:
3. Chọn template cho blogspot.
1. Tạo blogger đơn giản
Đăng nhập vào Blogger.com sử dụng tài khoản Gmail để đăng nhập. Sau đó điền thông tin tiêu đề và Url của bạn (tương ứng với từ khóa hoặc sản phẩm dịch vụ của ban). Bạn có thể điền một tên nào đó vì sau này mình có thể chỉnh sửa lại trong cài đặt nên bạn yên tâm ở bước này nhé. Sau khi tạo thành công Blog mới sẽ hiện thị như hình dưới đây
2. Trang tổng quan về blogspot
Trong trang quản trị blog của bạn sẽ gồm có các phần như sau:
- Overview – Tổng quan
- Posts – Bài Đăng
- Page – Trang
- Comments – Nhận xét
- Google +
- Stas – Thống kê
- Earnings – Doanh thu
- Chiến dịch Layout –
- Bố cục Tempalte – Mẫu
- Setting – Cài đặt
Overview – Tổng quan: Tại đây, bạn sẽ thấy các hoạt động của Blog mình như số lượng người truy cập vào Blog, các nhận xét hoặc các nhận xét chờ duyệt,..., các tin tức và hướng dẫn của Blogger Team.
Posts – Bài đăng: Đây là nơi để bạn viết bài, nhấn vào Bài đăng mới hoặc icon hình cây bút chì để có thể tạo một bài viết mới.
Page – Trang: Vào trang và chọn Trang mới để tạo mới một trang, tương tự như Post bạn cũng sẽ có các công cụ để điều chỉnh bài viết như Font chữ, cỡ chữ, in đậm, in nghiêng, chèn hình ảnh, video,... Tuy nhiên có một số điểm khác biệt như sau: Page không có Nhãn, Liên kết. Đối với phần Liên kết, Blog sẽ tự động lấy theo tiêu đề, do đó bạn cần phải chú ý khi đặt tiêu đề của Page,
Một mẹo nhỏ để có Url đẹp đó chính là đặt tiêu đề không dấu, sau khi xuất bản bài viết thì vào chỉnh sửa lại tiêu đề có dấu.
Ngoài ra page và post cũng có nhiều điểm khác nhau các bạn có thể xem thêm: Hướng dẫn sử dụng Page và Post
Comments – Nhận xét: Phần nhận xét trong Blog của khách truy cập trên trang web. bạn có thể khóa chức năng này, cho bình luận trực tiếp hoặc đợi duyệt.
Google + Tài khoản: Gmail liên kết với Blog và Google + (Mạng xã hội của Google), bạn có thể tùy chỉnh chức năng chia sẻ các bài đăng sau viết bài mới, gồm có: tự động chia sẻ, nhắc chia sẻ sau khi có bài mới, bật tính năng nhận xét Google + trên Blog.
Stas – Thống kê: Thống kê sẽ ghi lại số lượt xem Blog của khách truy cập trong thời gian gần nhất (tính cả lần xem trang của chủ Blog, nên tắt tính năng này đi), số lượt xem của tháng, vị trí địa lý của độc giả truy cập vào Blog.
Layout – Bố cục: Là nơi bạn có thể tuy chỉnh bố cục một các đơn giản trên Blog của mình mà không cần phải biết về HTML, CSS, chỉ cần sắp xếp các tiện ích. Chỉnh sửa Favicon, About Me, Blog Posts,...với các Blog Post bạn có thể chỉnh sửa một số yếu tố như: số bài đăng xuất hiện trên trang chủ, nhận xét, nhãn, chỉnh sửa nhanh,...Đặc biệt tại phần bố cục Google hỗ trợ rất nhiều tiện ích đa dạng Google +, các game nhỏ, bài đăng phổ biến, Adsense, CSS...
Tempalte – Mẫu: Một số mục tùy chỉnh tại mục này Tùy chinh: cho phép bạn tùy chỉnh một số yếu tố cơ bản của giao diện như màu nền, điều chỉnh độ rộng, lựa chọn các mẫu bố cục có sẵn. Chỉnh sử HTML: chỉnh sửa HTML và CSS tại đây. Sao lưu và khôi phục: để bạn up file XML, thay đổi tempale đã down xuống từ các trang web cung cấp template Blogspot miễn phí.
3. Chọn template cho blogspot.
Sau khi đã tạo blog tiếp theo các bạn cần chỉnh sửa giao diện blog theo ý mình bằng cách thêm các teamplate có sẵn. 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.
Một số trang web chuyên cung cấp Template cho Blogger:
- http://btemplates.com (kho template đồ sộ nhất)
- http://www.premiumbloggertemplates.com (nhiều template "độc")
- http://besttheme.net (cung cấp nhiều template cực đẹp được convert từ wordpress)
- http://www.deluxetemplates.net (thư viện template minimalist)
- http://www.zoomtemplate.com
Theo kinh nghiệm của cá nhân mình, 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.
Khi chọn Template cho blogspot bạn nên giới hạn thời gian lựa chọn đừng để bị sa lầy vào vệc chọn Template quá nhiều nhé.
4. Cách tối ưu hóa các thẻ Title - Meta Description - Hướng Dẫn Tạo và Tối Ưu Blogspot Chuẩn SEO
a. Tối ưu hóa thẻ Title cho blogspot
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ủ thuật tối ưu hóa thẻ meta description cho blogspot
Meta Description là thẻ mô tả tóm tắt nội dung của website, nội dung mô tả này được google hiển thị khi tìm kiếm là khoảng 160 ký tự. Tuy nhiên đối với trang kết quả tìm kiếm trên điện thoại, đoạn này chỉ hiện được tầm 120 ký tự.
– Thẻ mô tả trang chủ: Bạn vào phần cài đặt -> Mô tả -> điền thông tin mô tả trang chủ vào.
– Thẻ mô tả bài viết : Bạn vào phần cài đặt -> tùy chọn tìm kiếm -> Mô tả -> bật chức năng đó lên thì trong bài viết sẽ xuất hiện chức năng điền thẻ mô tả.
– Thẻ mô tả bài viết : Bạn vào phần cài đặt -> tùy chọn tìm kiếm -> Mô tả -> bật chức năng đó lên thì trong bài viết sẽ xuất hiện chức năng điền thẻ mô tả.
5. Thủ thuật tối ưu thẻ H1, H2, H3 cho blogspot Hướng Dẫn Tạo và Tối Ưu Blogspot Chuẩn SEO
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
Lưu lại và kiểm tra kết quả.
B1: Đăng nhập blogspot
B2: Kéo chuột xuống dưới bên tay trái vào "Cài đặt"
B3: Chọn "Tùy chọn tìm kiếm" trong menu cài đặt
B4: Chọn "Trình thu thập thông tin và lập chỉ mục" bên tay phải của Tùy chọn tìm kiếm
B5: Chọn "Robots.txt tùy chỉnh" >> "Bật nội dung robots.txt tùy chỉnh"
B6: Copy đoạn code dưới này vào khung nhập text và sau đó nhấp "lưu lại"
Code chuẩn robots.txt cho blogspot:
Sau đó tìm đến dòng :
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.
.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ả.
6. Tối ưu Robot.txt - Hướng Dẫn Tạo và Tối Ưu Blogspot Chuẩn SEO
- Có thể nói là nhiều bạn tạo blog nhưng đôi khi lại không quan tâm tới cái này. Để tối ưu tốt file này các bạn làm như sau:
B1: Đăng nhập blogspot
B2: Kéo chuột xuống dưới bên tay trái vào "Cài đặt"
B3: Chọn "Tùy chọn tìm kiếm" trong menu cài đặt
B4: Chọn "Trình thu thập thông tin và lập chỉ mục" bên tay phải của Tùy chọn tìm kiếm
B5: Chọn "Robots.txt tùy chỉnh" >> "Bật nội dung robots.txt tùy chỉnh"
B6: Copy đoạn code dưới này vào khung nhập text và sau đó nhấp "lưu lại"
Code chuẩn robots.txt cho blogspot:
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html
Disallow:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html
Cái phần code Disallow: /search bạn có thể bỏ đi cũng được vì google bây giờ cho phép index cả trang Search Label này .
7. Thủ thuật blogspot khi chỉnh URL thân thiện.
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 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
 |
| Thủ thuật blogspot cho dân SEO |
Với tính năng này bạn có thể tự do điều chỉnh URL của mình. Tuy nhiên cần lưu ý là tính năng này chỉ chỉnh được một lần, tức là sau khi xuất bản bài viết bạn không thể sửa lại URL. Vì vậy hãy cẩn thận khi sử dụng.
8. Tạo bài viết liên quan cho Blogspot - Hướng Dẫn Tạo và Tối Ưu Blogspot Chuẩn SEO
Đầu tiên ta tìm đến thẻ </head> và thêm vào trước nó đoạn code sau :
<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 :
<div class=’post-footer’>
Và thêm đoạn code sau vào sau nó :
<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>
9. Tạo Sitemap cho Blogspot - Hướng Dẫn Tạo và Tối Ưu Blogspot Chuẩn SEO
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. Bạn có thể tham khảo thêm tại đây: Hướng dẫn tạo Sitemap cho blogspot.
10. Thủ thật tối ưu hình ảnh trong bài viết
- Để tối ưu tốt hình ảnh mình nghĩ bạn nên down 1 ảnh đẹp rõ nét hợp với nội dung với bài viết để thân thiện với người đọc tên ảnh nên có chứa từ khóa bạn cần SEO
- Tối ưu title và thẻ alt cho ảnh trong bài viết. Để tối ưu phần này bạn chỉ cần click chuột vào ảnh của bạn thấy chữ thuộc tính click vào đó rồi điền đầy đủ thông tin (Phần trên là tiêu đề ảnh - Phần dưới là phần mô tả ảnh Alt)
Tới đây thì chắc bạn đã biết cách tạo và tối ưu blogspot chuẩn SEO rồi. Ngoài ra bạn có thể tham khảo thêm Hướng dẫn chỉnh sửa thanh menu cho blogspot