Tải bản đầy đủ (.pdf) (13 trang)

SEO cơ bản 2 dành cho người có kiến thức đơn giản (bắt đầu đưa từ khóa lên top)

Bạn đang xem bản rút gọn của tài liệu. Xem và tải ngay bản đầy đủ của tài liệu tại đây (363.16 KB, 13 trang )

SEO 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
f. 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ự.


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
Để 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.






























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 == &quot;item&quot;'>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title +
&quot;, &quot; + data:blog.pageName' name='Description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title +
&quot;, &quot; + 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 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}

B3: Thêm đoạn mã dưới đây vào sau thẻ <div class='post-footer'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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]='
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
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)+'/'+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='&quot;/feeds/posts/default/-/&quot; + data:label.name +
&quot;?alt=json-in-script&amp;callback=related_results_labels&quot;'
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ẻ

<script src='
type='text/javascript'/>
<script src='
type='text/javascript'/>


























SEO 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;}

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 == &quot;item&quot;'>
<div id='Breadcrumbs'>
<div itemscope='' itemtype='
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 == &quot;true&quot;'>
<div itemscope='' itemtype='
<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.

Để 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=" "
type="text/javascript"></script>

B3: Tìm dòng : <b:if cond='data:blog.pageType == &quot;item&quot;'>
Và thấy code : <data:post.body/>

Thay thế bằng đoạn code sau :

<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
highlightSearchTerms('thiet ke
web',true,'','summary<data:post.id/>');
highlightSearchTerms('thiết kế
web',true,'','summary<data:post.id/>');
highlightSearchTerms('dich vu

seo',true,'','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:

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









×