SEO cho blogspot - Tối ưu SEO nâng cao P1

SEO cho blogspot

SEO cho blogspot
Ở phần hướng dẫn trước Nencer đã hướng dẫn các bạn tối ưu SEO cơ bản cho blogspot :
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
f. cài đặt thẻ meta robot 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'/>
<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 blogspotBà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 : Để thêm bai viet lien 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}

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]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBN3z3ftxFR_ZYHVYqmSrnBBV82a4hp19f7RgIvSMb2ONp8HhPsdu7-15KdpEuOal1KhQPeinlbFnk4f4ipaoTF6Q7EfQjtTKKXemKGUI_Oa5BSBYM6x46yHuVt-RtwAFCp5q_YEdrwCGo/'};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}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);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)+'/'+timeR[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.length);document.getElementById('related-posts').innerHTML=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
B2 : Thêm code sau vào trước thẻ </body>

<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'/>

Các bạn có thể cập nhật các bài viết khác tại đây :