Đây là phần hai về hướng dẫn làm SEO( Search Engine Optimization Tối ưu hoá công cụ tìm kiếm) cơ bản, rất thích hợp cho các bạn chưa biết gì về SEO. Ngoài ra các bạn nào bị hổng kiến thức nền về SEO cũng nên tham khảo tài liệu này. Chúc các bạn thành công
Trang 1SEO Cho blogspot - Tối ưu SEO cơ bản
Blogspot là một công cụ đã rất quen thuộc với webmaster và những người làm SEO Blogspot thực sự là sựa lựa chọn hoàn hảo dành cho một
webmaster
1 Điểm mạnh vượt trội của blogspot so với các blog miễn phí khác
- Miễn phí hosting
- Cho cài đặt tên miền riêng
- Teamplate rất phổ biển
- Là sản phẩm của người khổng lồ google
- Thoải mái chỉnh sửa, thiết kế template
- Tích hợp hỗ trợ SEO tốt
2 Điểm yếu
- Cần một người hiểu về code để tùy biến được template của blogspot
- Đôi khi cũng bị chặn bởi các nhà mạng ( tương tự facebook )
Sau đây Nencer sẽ hướng dẫn các bạn tối ưu SEO cho blogspot, với bài viết này hay vọng sẽ giúp các bạn hiểu dõ hơn về blogspot
Bài viết hôm nay sẽ gồm các phần
a Hướng dẫn cài đặt template cho blogspot
b chỉnh sửa thẻ title cho blogspot
c thêm thẻ mô tả cho blogspot
d tạo trang 404 cho blogspot
e Cài đặt file robot.txt cho blogspot
Trang 2f cài đặt thẻ meta robot cho blogspot
I Hướng dẫn cài đặt template cho blogspot
Để lựa chọn cho mình một template ưng ý và tích hợp SEO tốt bạn có thể vào đây
Sau khi download template về sẽ có định dạng XML
B1 truy cập trang blogspot vừa tạo vào Mẫu -> Sao lưu khôi phục -> chọn tệp tin
và upload mẫu template vừa download về
II Chỉnh sửa thẻ title cho blogspot
Để chỉnh sửa title cho blogspot bạn vào Cài đặt -> cơ bản -> tiêu đề và thêm thẻ title vào cho blogspot Thẻ title chỉ nên có ít hơn 70 ký tự
III Thêm thẻ mô tả cho blogspot
Để thêm thẻ mô tả cho blogspot bạn vào Cài đặt -> Tùy chọn tìm kiếm -> Mô tả Thẻ mô tả chỉ nên có ít hơn 150 ký tự
Trang 3
IV Tạo trang 404 cho blogspot
Để tạo trang 404 cho blogspot bạn vào Cài đặt -> Tùy chọn tìm kiếm -> Không
tìm thấy trang tùy chỉnh và thêm đoạn code sau
< Thật tiếc !! > Trang này đã không còn tồn tại nữa, bạn có thể quay lại Trang chủ
Sau đó sửa lại code thành web của mình
V.Cài đặt file robot.txt cho blogspot
Để cài đặt file robot.txt cho blogspot bạn vào Cài đặt -> Tùy chọn tìm kiếm ->
Robots.txt tùy chỉnh Thêm đoạn code sau
User-agent: *
Disallow: /example/
VI cài đặt thẻ meta robot cho blogspot
Trang 4Để cài đặt thẻ meta robot cho blogspot bạn vào Cài đặt -> Tùy chọn tìm kiếm -> Thẻ tiêu đề robot tùy chỉnh chọn có và tích hết vào all
Trang 5
SEO cho blogspot - Tối ưu SEO nâng cao P1 SEO cho blogspot - Thêm all in SEO cho blogspot, Tạo bài viết liên quan cho blogspot, Tự động thêm thẻ ALT vào ảnh cho blogspot\
Ở bài này Nencer sẽ hướng dẫn các bạn những nội dung sau:
1 Thêm all in SEO cho blogspot
2 Tạo bài viết liên quan cho blogspot
3 Tự động thêm thẻ ALT vào ảnh cho blogspot
I Thêm ALL in seo cho blogspot
Để thêm code all in seo cho blogspot bạn có thể vào Mẫu -> Chỉnh sửa HTML Tìm: <title><data:blog.pageTitle/></title>
Và thay bằng đoạn code sau ngay dưới thẻ <head> :
Thay nội dung Thiết kế web Nencer.com bằng nội dung phù hợp
<b:include data='blog' name='all-head-content'/>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title><data:blog.pageTitle/></title>
<meta content='Thiết kế web Nencer.com' name='DESCRIPTION'/>
<meta content='Thiết kế web Nencer, thiet ke web nencer.com' name='KEYWORDS'/> </b:if>
<b:if cond='data:blog.pageType == "item"'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ", " + data:blog.title +
", " + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title +
", " + data:blog.pageName' name='Keywords'/>
</b:if>
<meta content='index, follow' name='robots'/>
<meta content='2 days' name='revisit-after'/>
Trang 6<meta content='id' name='language'/>
<meta content='id' name='geo.country'/>
<meta content='Indonesia' name='geo.placename'/>
<meta content='global' name='distribution'/>
<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
<meta content='true' name='MSSmartTagsPreventParsing'/>
<meta content='blogger' name='generator'/>
<meta content='general' name='rating'/>
<link expr:href='data:blog.url' rel='canonical'/>
Khi thêm code này vào blogspot, blog của bạn sẽ có thể:
- Thêm thẻ title, thẻ description cho blogspot
- Tự động thêm thẻ title và thẻ mô tả cho từng bài viết
- Thêm thẻ meta robot, thẻ language cho blogspot
III Tạo bài viết liên quan cho blogspot
Bài viết liên quan rất quan trọng với SEO bạn có thể thêm bài viết liên quan có hiển thị ảnh tại đây
B1 : Để Tạo bài viết liên quan cho blogspot bạn có thể vào Mẫu -> Chỉnh sửa
HTML -> chọn Mở rộng Mẫu Tiện ích
B2: Thêm đoạn mã dưới đây vào trước thẻ ]]></b:skin> trong template của bạn
#related-posts{float:left}
#related-posts ul{margin:0;padding:0;list-style-type:none}
#related-posts ul li{padding:10px 0}
#related-posts ul li:hover img{width:42px;height:42px;padding:0}
#related-posts img{float:left;border:1px solid #BBB;margin-right:10px;width:36px;height:36px;background:#FFF;padding:3px}
#related-posts h3{margin:0;font-size:16px}
Trang 7
B3: Thêm đoạn mã dưới đây vào sau thẻ <div class='post-footer'>
<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both'/>
<div id='related-posts'>
<script type='text/javascript'>var ry='<h2>Bài viết liên quan</h2>';rn='<h2>Không
có Bài viết liên quan</h2>';rcomment='Nhận xét';rdisable='Tắt Nhận xét';commentYN='yes';</script>
<script type='text/javascript'>
//<![CDATA[
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=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('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+'
'+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){ urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail'
in
d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='http://lh3.ggp
ht.com/ Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=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]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}functio
n 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
Trang 8b=0;b<urls.length;b++){if(urls[b]==a){urls.splice(b,1);titles.splice(b,1);timeR.splice (b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var
b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<
20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><img alt="'+titles[c]+'" src="'+thumb[c]+'"/><div><h3><a
href="'+urls[c]+'">'+titles[c]+'</a></h3><span>'+timeR[c].substring(8,10)+'/'+time R[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+'</span></div></li>< div style="clear:both"></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.len gth);document.getElementById('related-posts')[removed]=dw};
//]]>
</script>
<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=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');< /script>
</div>
<div style='clear:both'/>
</b:if>
III Tự động thêm thẻ ALT cho ảnh
B1 : Để thêm thẻ ALT cho ảnh bạn có thể vào Mẫu -> Chỉnh sửa HTML ->Chọn
Mở rộng Mẫu Tiện ích
Trang 9B2 : Thêm code sau vào trước thẻ
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://hieuzcom.googlecode.com/files/hieuz_auto_alt_title_img.js' type='text/javascript'/>
Trang 10SEO cho blogspot - Tối ưu SEO nâng cao P2 SEO cho blogspot - Tạo Breadcrumbs cho Blogspot,Tự động tạo liên kết trong cho blogspot , Tự động đặt nofolow cho liên kết ngoài blogspot
Ở 2 phần hướng dẫn trước Nencer đã hướng dẫn các bạn tối ưu SEO cho blogspot :
1 Hướng dẫn cài đặt template cho blogspot
2 chỉnh sửa thẻ title cho blogspot
3 thêm thẻ mô tả cho blogspot
4 tạo trang 404 cho blogspot
5 Cài đặt file robot.txt cho blogspot
6 cài đặt thẻ meta robot cho blogspot
7 Thêm all in SEO cho blogspot
8 Tạo bài viết liên quan cho blogspot
9 Tự động thêm thẻ ALT vào ảnh cho blogspot
Ở bài viết hôm nay Nencer sẽ hướng dẫn các bạn những nội dung
1 Tạo Breadcrumbs cho Blogspot
2 Tự động tạo liên kết trong cho blogspot ( tự động bắt link )
3 Tự động đặt nofolow cho liên kết ngoài blogspot
I Tạo Breadcrumbs cho Blogspot
B1 Bạn vào Mẫu -> Chỉnh sửa HTML ->Chọn Mở rộng Mẫu Tiện ích
B2 : Thêm code sau vào trước thẻ ]]></b:skin>
#Breadcrumbs{color: #000;font-size:
12px;margin-bottom:15px;padding:10px;background:#FFF;border:2p x solid #BBBBBB; font-weight:bold; text-decoration:none; }
#Breadcrumbs a{color: #000,font-size: 12px}
#Breadcrumbs div{float: left;}
Trang 11
B3 : Tìm đoạn code sau:
<b:includable id='post' var='post'>
và thêm dưới nó đoạn code:
<b:if cond='data:blog.pageType == "item"'>
<div id='Breadcrumbs'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a
expr:href='data:blog.homepageUrl' itemprop='url' rel='tag'> <span
itemprop='title'>Home</span></a> »</div>
<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"'>
<div itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url' rel='tag'><span
itemprop='title'><data:label.name/></span></a> »</div>
</b:if>
</b:loop>
<span><data:post.title/></span>
</b:if>
</b:loop>
</div>
</b:if>
II Tự động tạo liên kết trong cho blogspot ( tự động bắt link )
Liên kết trong là liên kết giữa các bài viết trên website thông qua các từ
khóa.Liên kết trong giúp tăng thời gian lưu lại trên web của người đọc, giúp cải thiện SEO onpage
Trang 12
Để tạo khả năng tự động bắt link có thêm nhiều liên kết trong cho blogspot bạn
có thể làm :
B1 Bạn vào Mẫu -> Chỉnh sửa HTML ->Chọn Mở rộng Mẫu Tiện ích
B2 : Thêm mã sau vào trước thẻ </head>
<script src=" http://webvn20.googlecode.com/files/autotag.js "
type="text/javascript"></script>
B3: Tìm dòng : <b:if cond='data:blog.pageType == "item"'>
Và thấy code : <data:post.body/>
Thay thế bằng đoạn code sau :
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
highlightSearchTerms('thiet ke
web',true,'http://nencer.com','summary<data:post.id/>');
highlightSearchTerms('thiết kế
web',true,'http://nencer.com','summary<data:post.id/>');
highlightSearchTerms('dich vu
seo',true,'http://nencer.com','summary<data:post.id/>');
</script>
III Tự động đặt nofolow cho liên kết ngoài
Nofollow là một yếu tố rất quan trọng trong SEO mà bất kỳ một SEOER nào cũng phải biết
Để tự động đặt nofolow cho liên kết ngoài bạn có thể thực hiện:
Trang 13
B1 Bạn vào Mẫu -> Chỉnh sửa HTML ->Chọn Mở rộng Mẫu Tiện ích
B2 : Thêm đoạn code vào trước thẻ </body>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
//PART 2
<script type='text/javascript'>
//<![CDATA[
jQuery('a').each(function() {
var href = jQuery(this).attr('href');
if (typeof href != 'undefined' && href != "" && (href.indexOf('http://') != -1 || href.indexOf('https://') != -1) && href.indexOf([removed].hostname) == -1) { jQuery(this).attr("rel", "nofollow");
}
});
//]]>
</script>