vietnamese Tiếng Việt english English
Hôm nay:
Tin mới đăng:

Những điều cần làm trước khi SEO Offpage 1 Blogspot


Những điều cần làm trước khi SEO Offpage 1 Blogspot

Mình mới tập làm Blogspot được 3 tháng, sau 1 thời gian tìm hiểu các thủ thuật của các Blogger nổi tiếng như Fandung, Dovanphuong... Mình đã tự rút ra 1 tập có thể gọi là: Những điều cần làm trước khi SEO Offpage 1 Blogspot (Chính xác hơn là trước khi Viết bài cho Blog ). Nay xin chia sẻ với mọi người 

Đây cũng là các bước đầu tiên mình làm sau khi đăng ký 1 Subdomain của Blogspot.

Theme thì lấy bên http://btemplates.com rồi (Xem mấy Blog ở Chữ ký mình )

Ở đây, Mình copy nguyên văn bài về bỏ vào Word mà mất Link mất rùi nên ko để lại Link gốc được. Danh sách cũng còn ít chứ cũng chưa thuộc cao thủ đâu, đừng chém em kẻo tội 

I. Cải thiện SEO cho Blogspot

Nâng cao SEO cho Template Blogspot

Đầu tiên hãy vào trang web : http://websitegrader.com/ , nhập link blog của bạn rồi click Generate Reportđể kiểm tra SEO, đợi một lát để xem kết quả, thang điểm 1-100.

1/ Tiêu đề blog

Thông thường, tiêu đề của một blog được qui định là BLOG TITLE: POST TITLE , bạn có thể cải thiện SEO bằng cách sửa đổi tiêu đề thành POST TITLE | BLOG TITLE . Tìm đoạn code sau trong template của bạn :

<title><data:blog.pageTitle/></title>

thay thế bằng đoạn code này :

<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>

2/ Từ khóa và miêu tả cho thẻ Meta

Việc bạn cần làm là thêm đoạn code sau vào trước <b:skin><![CDATA[/*

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<meta name="description" content="Tin tuc - Giai tri" />
<meta name="keywords" content="tin tuc, phim anh, am nhac" />
</b:if>

3/ Heading

Heading Tag (H1, H2, H3, H4, H5) cũng rất quan trọng đối với SEO. Tất cả các tiêu đề Widget của blogspot sử dụng thẻ H2. Nhưng temp Minima lại sử dụng H3 cho tiêu đề bài đăng và rất nhiều template khác sử dụng thẻ H2 cho tiêu đề bài. Để nâng cao SEO, bạn cần sử dụng thẻ H1 cho tiêu đề bài viết. Ví dụ đoạn code sau :

<b:if cond='data:post.title'>
<h3 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

Trong ví dụ này thì template sử dụng thẻ H3 cho phần tiêu đề bài ( nếu bạn không tìm ra thì có thể template của bạn sử dụng thẻ H2). Thay thế thẻ H3 (H2) trong ví dụ trên thành H1 :

<b:if cond='data:post.title'>
<h1 class='post-title entry-title'>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1>
</b:if>

Sau đó bạn cần sửa lại code CSS tương ứng của phần tiêu đề bài viết, làm tương tự như trên (thay H3 thành H1) hoặc chỉnh lại kích cỡ font của phần tiêu đề bằng cách thêm đoạn code sau vào trước ]]></b:skin>

h1.post-title, .post h1 #Blog1 h1, #Blog2 h1 { font-size:1.5em; }

Ở đây font-size là 1.5em, bạn có thể điều chỉnh theo ý muốn
Cuối cùng, ta quay lại trang http://websitegrader.com/ để kiểm tra SEO, điểm SEO của Taiki Blog đã tăng từ 70 lên 91 sau khi thực hiện thủ thuật trên đấy. Chúc bạn cũng làm được như vậy.
II. Xóa phần Đăng ký: Đăng nhận xét (ATOM) hiện ở dưới các Bài viết



Cách 1. Đăng nhập Blogger, vào Design >> Edit HTML, chọn Expand Widget Templates.
Tìm (dùng Ctrl + F) và xóa dòng <b:include name='feedLinks'/> (Mình thường dùng cách này nhất)
Lưu Template và kiểm kết quả thử xem.

Cách 2. Đặt đoạn code bên dưới vào trước dòng ]]></b:skin>

.posts-feeds, .feed-links {display:none !important;visibility:hidden !important}

Cách 3. Tìm dòng code như bên dưới và xóa toàn bộ nó đi.
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>

Cách 4. Tìm đoạn code ở Cách 3 và thêm vào phần được đánh dấu màu đỏ để biến code thành đoạn chú thích.
<b:includable id='feedLinksBody' var='links'>
<!-- <div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div> -->
</b:includable>

III. Ẩn Thanh NAVBAR trên cùng



Chèn đọan code CSS bên dưới vào trước dòng code ]]></b:skin> trong codecủa template:

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
IV. XÓA DÒNG HIỂN THỊ TẤT CẢ BÀI VIẾT KHI CLICK VÀO CÁC LABEL



Chèn đọan code sau vào phía trên dòng ]]></b:skin>

.status-msg-wrap{
display:none;
}
V. Chèn Comment Facebook vào Blog (đối với các Blog mang xu hướng giới trẻ )


Bước đầu tiên bạn phải làm là đóng comment của blogger lại. Các bước thực hiện như hình bên dưới :


- Save cài đặt lại.

Bước 2 : chèn code của thủ thuật vào template.
1. Vào phần thiết kế -> chỉnh sửa code HTML -> nhấp chọn mở rộng mẫu tiện ích.
2. Chèn đoạn code bên dưới vào trước thẻ đóng </head>
<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="660"></div>';
//]]>
</script>
- data-width là độ rộng của comment box.
- data-num-posts là số comment được hiển thị (cũng chính là số bài reply trên 1 comment)
- data-href là để phân biệt từng comment box, mỗi địa chỉ data-href khác nhau sẽ cho 1 comment box khác nhau. và trong thủ thuật này data-href chính là link của mỗi bài viết.

3. Chèn đoạn code bên dưới vào sau thẻ <body>
<div id='fb-root'/>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = &quot;//connect.facebook.net/en_US/all.js#xfbml=1&quot;;
fjs.parentNode.insertBefore(js, fjs);
}(document, &#39;script&#39;, &#39;facebook-jssdk&#39;</script>

4. Tìm đoạn code như bên dưới :

<b:include data='post' name='post'/>

5. Chèn ngay sau nó đoạn code bên dưới :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

6. Save template.

VI. Tạo Bài viết Liên quan cho Mỗi Bài viết (Nếu Theme chưa có)


Bài viết gốc tại đây

1. Hiển thị Related Posts theo hàng dọc.



Bước 1: 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}

Bước 2: Thêm đoạn mã dưới đây vào sau thẻ <div class='post-footer'> trong template của bạn.

<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]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqq1kz249Iyc9YA0gkXT6r6Wa2X-qwd6Ev1322SzoIo3NJdN4Y1000mZHCtOC-IHYHtBlmyELS3tp-r8wNTSj9KRsbJknrtquP_VExjzxW_3_eIzQ4colxwSduAsT8W4_awV2LbrwlQC0/'};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}fu nction 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.spl ice(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]+'" rel="nofollow">'+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,t itles.length);document.getElementById('related-posts').innerHTML=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();printRelate dLabels('<data:post.url/>');</script>
</div>
<div style='clear:both'/>
</b:if>
VII. Thêm nút Chia sẻ sau mỗi Bài viết


1. Đăng nhập vào Blogspot
2. Chọn Thiết Kế
3. Chọn Chỉnh sửa HTML
4. Chick vào ô Mở rộng tiện ích mẫu (Expand Widget Templates)
5. Tìm đoạn Code sau

<data:post.body/>
Thêm bên trên code sau
<!-- AddThis Button BEGIN --><div class='addthis_toolbox addthis_default_style '>
<a class='addthis_button_facebook_like' fb:like:layout='button_count'/>
<a class='addthis_button_tweet'/>
<a class='addthis_button_google_plusone' g:plusone:size='medium'/>
<a class='addthis_counter addthis_pill_style'/>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f54e84a689419c2' type='text/javascript'/>
<!-- AddThis Button END -->
Cái này thì mình dùng Linh hoạt thui 

VIII. Thêm mã Google Analytics và tạo Sitemap để Web nhanh index:


1. Thêm mã GA:

Vào GA, tạo Tài khoản mới rồi lấy mã paste vào Setting/Others (Cài đặt/Khác)

Lưu ý: Đối với 1 số theme down về từ các trang cung cấp theme, đôi khi add mã GA vào sẽ k đc, trong trường hợp này bạn cần phải vào chỉnh sửa Mã HTML, paste toàn bộ đoạn Javascript khi đk GA trước thẻ đóng </head> mới được.

Cách biết add mã GA thành công hay chưa: Sau khi add mã GA vào mục Setting/Other ở trên, vào trang Blog mình mới tạo. Để vậy và bật qua GA, chọn Home, chọn xem ở chế độ Real Time (Thời gian thực), nếu thấy có 1 ng đang online (là mình) như vậy là thành công.

Thường chỉ mất 5s sau khi add mã GA là đã xuất hiện 1 ng online rồi, nếu k có coi như thất bại .

2. Tạo Sitemap:

Chỉ có thể tạo Sitemap sau khi Blog đã có ít nhất 1 bài viết

Vào http://digitalinspiration.com/tools/blogger/sitemap/ gõ tên đầy đủ của Blog.

Nhớ gõ đầy đủ http://ten-blog.blogspot.com/ (có dấu / ở sau cùng)

Nhấn Submit --> Trang Web sẽ tạo File Robot.txt cho mình, có dạng:

User-agent: *
Allow: /
Disallow: /search
Sitemap: http://ten-blog.blogspot.com/atom.xml=....500

- Copy hết để bỏ vào phần Robots.txt trong quản lý Blogger tại mục Tùy chọn Tìm kiếm / Robots.txt tùy chỉnh

- Tiếp tục vào Google Webmaster, vào mục Quản lý Blog mới tạo.

Vào phần Tối ưu hóa / Sơ đồ trang Web (sitemap) , nhấn Submit Sitemap (thêm Sơ đồ trang web), copy phầnatom.xml=....500 paste vào chỗ trống.

Add vào và nhấn Refresh (Làm mới trang), thế là xong

Với 2 bước này, Blog của bạn sẽ nhanh chóng được Google index
Còn vài cái nữa... Tối mình update tiếp 


Trong thời gian chờ đợi, mọi người vào 2 Blog Mình tập làm + Bán hàng xem thử hen:

1. Blog Dầu tràm Huế: Ai mua Liên hệ e hén 

2. Blog Tin tức iPhone: Toàn Copy bài mà cũng đứng Top 4: Tin tuc iphone, mừng hết lớn 
Tags: