Đang
định viết bài tương tự thế này nhưng tìm google đã có rồi, nên chuyển bài về
đây cho các bạn tham khảo luôn. Tuy không phải bài mình viết nhưng bất cứ thủ
thuật Seo blogspot nào dưới đây bạn thắc mắc mình cũng giải đáp thỏa đáng
cho bạn.
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 (Ở đây mình giới
thiệu với bạn blogspot nhé). Đơ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.
Bài
hướng dẫn tối ưu hóa cho blogspot cho dân tự học SEO của mình bao gồm:
-
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 Breadcrumbs 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.
Chọn template cho blogspot.
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
- http;//webchoban.com (đúng mà, mình tổng hợp template cho các bạn)
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é.
2.
Cách tối ưu hóa các thẻ Title - Meta Description - Meta Keywwords cho Blogspot
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 keyword và meta description cho blogspot
Để
chỉnh sửa các thẻ meta keyword và meta description nhằm tối ưu hóa cho blogspot
các bạn tìm đ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>
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ự.
Hiện
nay Google không sử dụng thẻ keyword, chỉ còn Yahoo và Bing lấy dữ liệu trong
thẻ này. Do đó để yên tâm thì bạn có thể cho vào, còn không cho cũng không sao
cả.
3. Thủ thuật tối ưu thẻ H1, H2, H3 cho blogspot
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 {…}
Lưu
lại và kiểm tra kết quả.
4.
Tối ưu Robot.txt
-
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
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 .
5.
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.
6.
Tạo Breadcrumb cho Blogspot
Để
tạo Breadcrumb cho Blogspot, các bạn vào chỉnh sửa HTML và chọn mở rộng tiện
ích. Sau đó tìm đến đoạn code :
<b:includable id=’main’ var=’top’> <!– posts –> <div class=’blog-posts hfeed’> <b:include data=’top’ name=’status-message’/> <data:adStart/>
Và
sửa thành :
<b:includable id=’main’ var=’top’> <!– posts –> <div class=’blog-posts hfeed’> <!– disable default status message <b:include data=’top’ name=’status-message’/> default status message disabled –> <b:include data=’posts’ name=’breadcrumb’/> <data:adStart/>
Sau
đó tìm đến dòng :
<b:includable
id=’main’ var=’top’>
Và
thêm đoạn code sau vào trên nó :
<b:includable id=’breadcrumb’ var=’posts’> <b:if cond=’data:blog.homepageUrl == data:blog.url’> <!– No breadcrumb on front page –> <b:else/> <b:if cond=’data:blog.pageType == "item"’> <div class=’breadcrumbs’> Browse » <a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a> <b:loop values=’data:posts’ var=’post’> <b:if cond=’data:post.labels’> <b:loop values=’data:post.labels’ var=’label’> <b:if cond=’data:label.isLast == "true"’> » <a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a> </b:if> </b:loop> » <span><data:post.title/></span> </b:if> </b:loop> </div> <b:else/> <b:if cond=’data:blog.pageType == "archive"’> <div class=’breadcrumbs’> Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » Archives for <data:blog.pageName/> </div> <b:else/> <b:if cond=’data:blog.pageType == "index"’> <div class=’breadcrumbs’> <b:if cond=’data:blog.pageName == ""’> Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » All posts <b:else/> Browse » <a expr:href=’data:blog.homepageUrl’>Home</a> » Posts filed under <data:blog.pageName/> </b:if> </div> </b:if> </b:if> </b:if> </b:if></b:includable>
Tiếp
theo chỉnh css cho phù hợp, ta tìm đến đoạn mã : ]]></b:skin>
và
thêm vào trước nó đoạn code sau :
.breadcrumbs {padding:5px 5px 5px 0px;margin: 0px 0px 15px 0px;font-size:95%;line-height: 1.4em;border-bottom:3px double #e6e4e3;
Lưu
mẫu và kiểm tra kết quả nhé.
7.
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 :
<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>
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.
8.
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. Bạn có thể tham khảo
thêm tại đây: Hướng dẫn tạo Sitemap cho blogspot.
9.
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)
thu
thuat blogspot cho dan tu hoc seo
Chúc các bạn thành công!
0 Bình luận:
Đăng nhận xét
Khi các bạn đóng góp ý kiến nhớ chú ý ngôn từ cho phù hợp với thuần phong ,mỹ tục văn hóa nước ta. Cảm ơn!