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)

13 413 0
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)

Đang tải... (xem toàn văn)

Tài liệu hạn chế xem trước, để xem đầy đủ mời bạn chọn Tải xuống

Thông tin tài liệu

Đâ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

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]='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 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='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'/> 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;} [...]... 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... web',true,'http://nencer.com','summary'); highlightSearchTerms('dich vu seo' ,true,'http://nencer.com','summary'); 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ẻ ... 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ẻ //PART 2 // 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ẻ B3: Tìm dòng : Và thấy code : Thay thế bằng đoạn code sau : . 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ể. 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. 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.

Ngày đăng: 06/07/2014, 14:59

Từ khóa liên quan

Tài liệu cùng người dùng

  • Đang cập nhật ...

Tài liệu liên quan