SEO Kool - Làm SEO với phong cách cực "Kool" !

SEO » Kiến thức SEO » Hướng dẫn tối ưu hóa cho blogspot từ A đến Z

92
Hướng dẫn tối ưu hóa cho blogspot từ A đến Z
4 (80.63%) 32 votes

Blogspot – một khái niệm quá quen thuộc đới với các webmaster và những người làm SEO. Dễ sử dụng, tốc độ nhanh, tùy chỉnh được code, … chính là những đặc điểm nổi bật của Blogspot khiến nó được mọi người tin dùng.

Tuy nhiên, với sự ra đời và phát triển của WordPress thì Blogspot đang dần mất đi vị thế của mình. Wordpress đã đến và tạo nên một làn gió mới, đặc biệt là trong thời điểm thương mại điện tử đang phát triển như hiện nay. Lý do rất đơn giản vì hầu như tất cả mọi người đều cho rằng WordPress là mã nguồn “chuẩn SEO”.

Với khả năng tối ưu hóa gần như hoàn hảo của mình, WordPress hiện đang là sự lựa chọn số một của giới làm SEO. Vậy lối đi nào dành cho Blogspot – đứa con của gã khổng lồ Google ?

Sau đây, SEO Kool sẽ hướng dẫn các bạn cách tối ưu hóa cho Blogspot từ A -> Z, hy vọng rằng sau bài viết này, mọi người sẽ có cái nhìn khác về Blogspot và tìm ra hướng phát triển đúng đắn cho Blog của mình.

Hướng dẫn tối ưu hóa Blogspot từ A -> Z

Hướng dẫn tối ưu hóa Blogspot từ A -> Z

Bài hướng dẫn tối ưu hóa  Blogspot của tôi sẽ gồm các phần :

Chọn template.
Chỉnh sửa các thẻ meta.
Chỉnh sửa tiêu đề bài viết.
Chỉnh URL thân thiện.
Tạo Breadcrumbs cho Blogspot.
Tạo tin tức liên quan cho từng bài viết.
Tạo emoticon khi comment.
Tạo sitemap cho Blogspot.

1. Chọn template.

Template là một trong những yếu tố quan trọng khi sử dụng Blogspot, một template tốt không những đẹp mà còn phải có cấu trúc hợp lý. Như thế sẽ giúp quá trình SEO của các bạn dễ dàng hơn rất nhiều.

Theo kinh nghiệm cá nhân của SEO Kool, các bạn nên chọn loại template có 2 cột, bên trái là bài viết, bên phải là các widget : bài viết mới, comment mới, … Đây là dạng template thông dụng và thân thiện với người dùng.

Ngoài ra còn một yếu tố cũng quan trọng không kém, đó là cấu trúc thẻ heading. Đa phần các temp của Blogspot sau khi cài đặt chỉ có một thẻ <h1>, và tiêu đề của bài viết là <h2> hoặc <h3>. Điều này sẽ gây khó khăn cho các bạn khi muốn SEO một bài viết con.

Nhiều người đã khắc phục điều này bằng cách chèn thêm thẻ <h1> trong bài viết, và vẫn giữ tiêu đề là <h2> hoặc <h3>. Tuy nhiên, SEO Kool cho rằng như vậy là không tốt. Thứ nhất về mặt thẩm mỹ không đẹp, thứ hai là về tầm quan trọng của các thẻ heading vì khi bot google duyệt website của bạn, nó sẽ thấy thẻ <h2> trước và <h2> thì đương nhiên không quan trọng bằng <h1>.

Vì thế khi chọn template các bạn cần chú ý cấu trúc của temp, nếu có sẵn 2 thẻ <h1>, một cho toàn bộ website, và một cho tiêu đề bài viết thì tuyệt vời. Còn nếu không có thỉ cũng đừng quá lo lắng, SEO Kool sẽ hướng dẫn các bạn đổi tiêu đề bài viết thành <h1> trong các bước tiếp theo.

2. Sửa các thẻ <meta>

Để chỉnh sửa các thẻ meta keywordmeta description các bạn tìm đền đoạn code sau :

<meta name=”description” content=”” />
<meta name=”keywords” content=”” />

Và sửa thành :

<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<meta name=”description” content=”Mô tả blog” />
<meta name=”keywords” content=”Các từ khóa chính” />
</b:if>

3. Chỉnh sửa tiêu đề  bài viết

a. Sửa thẻ <title> của bài viết

Thông thường khi bạn viết một bài mới thì <title> bài viết của bạn sẽ có dạng : Tiêu đề Blog: Tiêu đề bài viết

Tuy nhiên, để tiện cho việc SEO bài viết sau này, các bạn hãy đưa tiêu đề bài viết lên phía trước. Ví dụ : Tiêu đề bài viết | Tiêu đề Blog

Để làm được điều này các bạn tìm tới đoạn code :

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

Và sửa lại thành :

<b:if cond=’data:blog.pageType == “item”‘>
<title><data:blog.pageName/> | <data:blog.title/></title>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>

b. Thêm mô tả cho link của tiêu đề.

Khi đưa chuột vào tiêu đề bài viết, bạn sẽ thấy hiện lên phần mô tả cho đường link đó.

Thêm mô tả cho link của tiêu đề bài viết

Thêm mô tả cho link của tiêu đề bài viết

Để làm được điều này các bạn làm như sau :

Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng

Tìm đến dòng :

<a expr:href=’data:post.link’><data:post.title/></a>

và sửa thành :

<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>

Tiếp tục tìm đến dòng

<a expr:href=’data:post.url’><data:post.title/></a>

và sửa thành

<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>

Lưu template và kiểm tra kết quả.

b. Chỉnh tiêu đề bài viết thành <h1>

Đăng nhập vào Blogger -> chỉnh sửa HTML -> Tiện ích mở rộng

Tìm đoạn code sau

<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<b:if cond=’data:blog.pageType != “item”‘>
<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>

và sửa thành :

<b:if cond=’data:blog.pageType != “item”‘>
<b:if cond=’data:blog.pageType != “static_page”‘>
<b:if cond=’data:post.title’>
<h3 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<b:if cond=’data:post.url’>
<a expr:href=’data:post.url’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h3>
</b:if>
<b:else/>
<h1 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>
<b:else/>
<h1 class=’post-title’>
<b:if cond=’data:post.link’>
<a expr:href=’data:post.link’ expr:title=’data:post.title’><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</h1>
</b:if>

Chỉnh sửa CSS cho thẻ <h1>, tìm đến dòng

.post h3 {…}
.post h3 a, .post h3 a:visited {…}
.post h3 a:hover {…}

và sửa thành

.post h1, .post h3 {…}
.post h1 a, .post h1 a:visited, .post h3 a, .post h3 a:visited {…}
.post h1 a:hover, .post h3 a:hover {…}

lưu lại và kiểm tra kết quả :

Chỉnh tiêu đề bài viết thành h1

Chỉnh tiêu đề bài viết thành h1

4. Chỉnh URL thân thiện.

Mỗi khi bạn viết bài mới trên blogspot, nếu bạn viết tiêu đề có dấu đầy đủ, thì đôi lúc URL sẽ hiển thị như sau :

URL hiển thị không đầy đủ và rõ ràng

URL hiển thị không đầy đủ và rõ ràng

Ở đây SEO Kool thử nghiệm với bài viết có tiêu đề là : “Thượng nghị sỹ Mỹ phản đối việc kiểm soát cá da trơn“. Nhìn vào hình ảnh các bạn có thể thấy, so với tiêu đề bài viết gốc thì URL đã bị rút gọn và bị mất một số kí tự. Đó là vì URL mặc định của Blogspot có 2 chức năng :

Thứ nhất : lấy luôn tiêu đề của bài viết làm URL cho bài viết đó, tuy nhiên nó không thể hiểu được tiếng Việt nên sinh ra hiện tượng mất một số kí tự.

Thừ hai : Blogspot sẽ tự động cắt bớt URL nếu như tiêu đề bài viết quá dài.

Vậy nếu muốn có một URL thân thiện, chuẩn SEO thì ta phaỉ làm sao ?

Rất đơn giản để giải quyết cho hai trường hợp trên ta có thể dùng hai cách sau :

– Cách một : Khi viết một bài mới, ban đầu ta để tiêu đề không dấu với số kí tự vừa đủ để không bị rút ngắn URL và mất kí tự, sau đó xuất bản bài viết và quay lại chỉnh sửa tiêu đề trở thành có dấu.

– Cách hai : Sử dụng tính năng tùy chỉnh URL của Blogspot

tùy chỉnh URL

Tùy chỉnh URL

Với tính năng này bạn có thể tự do điều chỉnh URL của mình. Tuy nhiên cần lưu ý là tính năng này chỉ chỉnh được một lần, tức là sau khi xuất bản bài viết bạn không thể sửa lại URL. Vì vậy hãy cẩn thận khi sử dụng.

5. Tạo Breadcrumb cho Blogspot

Tạo Breadcrumb cho Blogspot

Tạo Breadcrumb cho Blogspot

Để tạo Breadcrumb cho Blogspot, các bạn vào chỉnh sửa HTML và chọn mở rộng tiện ích. Sau đó tìm đến đoạn code :

<b:includable id=’main’ var=’top’>
  <!– posts –>
  <div class=’blog-posts hfeed’>

    <b:include data=’top’ name=’status-message’/>

    <data:adStart/>

Và sửa thành :

<b:includable id=’main’ var=’top’>
  <!– posts –>
  <div class=’blog-posts hfeed’>
  <!– disable default status message
    <b:include data=’top’ name=’status-message’/>
  default status message disabled –>
    <b:include data=’posts’ name=’breadcrumb’/>
    <data:adStart/>

Sau đó tìm đến dòng :

<b:includable id=’main’ var=’top’>

Và thêm đoạn code sau vào trên nó :

<b:includable id=’breadcrumb’ var=’posts’>
  <b:if cond=’data:blog.homepageUrl == data:blog.url’>
  <!– No breadcrumb on front page –>
  <b:else/>
    <b:if cond=’data:blog.pageType == &quot;item&quot;’>
       <div class=’breadcrumbs’>
         Browse &#187;  <a expr:href=’data:blog.homepageUrl’ rel=’tag’>Home</a>
         <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;’> &#187;
                 <a expr:href=’data:label.url’ rel=’tag’><data:label.name/></a>
               </b:if>
             </b:loop>
             &#187; <span><data:post.title/></span>
           </b:if>
         </b:loop>
       </div>
    <b:else/>
      <b:if cond=’data:blog.pageType == &quot;archive&quot;’>
        <div class=’breadcrumbs’>
          Browse &#187; <a expr:href=’data:blog.homepageUrl’>Home</a> &#187; Archives for <data:blog.pageName/>
        </div>
      <b:else/>
        <b:if cond=’data:blog.pageType == &quot;index&quot;’>
          <div class=’breadcrumbs’>
          <b:if cond=’data:blog.pageName == &quot;&quot;’>
            Browse &#187; <a expr:href=’data:blog.homepageUrl’>Home</a> &#187; All posts
          <b:else/>
            Browse &#187; <a expr:href=’data:blog.homepageUrl’>Home</a> &#187; Posts filed under <data:blog.pageName/>
          </b:if>
          </div>
        </b:if>
      </b:if>
    </b:if>
  </b:if>
</b:includable>

Tiếp theo chỉnh css cho phù hợp, ta tìm đến đoạn mã :

]]></b:skin>

và thêm vào trước nó đoạn code sau :

.breadcrumbs {
padding:5px 5px 5px 0px;
  margin: 0px 0px 15px 0px;
font-size:95%;
  line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}

6. Tạo bài viết liên quan cho Blogspot

Đầu tiên ta tìm đến thẻ </head> và thêm vào trước nó đoạn code sau :

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<script type=”text/javascript”>
//<![CDATA[
var titles=new Array();var titlesNum=0;var urls=new Array();var time=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(d.link[a].rel==”alternate”){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);e=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]=time[a]}}titles=c;urls=b;time=e}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);time.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;document.write(“<ul>”);if(titles.length==0){document.write(“<li>Không có bài viết liên quan</li>”)}else{while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+’?m=0′}document.write(‘<li><a href=”‘+urls[c]+'” title=”‘+time[c].substring(8,10)+”/”+time[c].substring(5,7)+”/”+time[c].substring(0,4)+'”>’+titles[c]+”</a></li>”);if(c<titles.length-1){c++}else{c=0}b++}}document.write(“</ul>”);urls.splice(0,urls.length);titles.splice(0,titles.length)};
//]]>
</script>
</b:if>

Sau đó tìm đến dòng :

<div class=’post-footer’>

Và thêm đoạn code sau vào sau nó :

<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div id=’related-posts’>
<b>Bài viết liên quan:</b>
<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=5;removeRelatedDuplicates();printRelatedLabels(‘<data:post.url/>’);</script>
</div>
</b:if>

Lưu ý maxresult=5 chính là số tin liên quan được hiển thị, bạn có thể thay đổi thông số này.

7. Tạo các emoticon khi comment trên Blogspot

Tạo emoticon khi comment trên Blogspot

Tạo emoticon khi comment trên Blogspot

Chèn đoạn code sau vào trước thẻ đóng </body> :

<script type=’text/javascript’>
//<![CDATA[
function replaceText(){if(!document.getElementById){return;}
bodyText = document.getElementById(“emocomments”);
theText = bodyText.innerHTML;
theText = theText.replace(/:\)\)/gi, “<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif’/>”);
theText = theText.replace(/=d&gt;/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif’/>”);
theText = theText.replace(/:d/gi, “<img src=’http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif’/>”);
theText = theText.replace(/:p/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif’/>”);
theText = theText.replace(/:\(\(/gi, “<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif’/>”);
theText = theText.replace(/:\)/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif’/>”);
theText = theText.replace(/:\(/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif’/>”);
theText = theText.replace(/:-\?/gi, “<img src=’http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif’/>”);
theText = theText.replace(/\[\-\(/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif’/>”);
theText = theText.replace(/:-o/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif’/>”);
theText = theText.replace(/:-t/gi, “<img src=’http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif’/>”);
theText = theText.replace(/:-ss/gi, “<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif’/>”);
theText = theText.replace(/b-\(/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif’/>”);
theText = theText.replace(/@-\)/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif’/>”);
theText = theText.replace(/=\)\)/gi, “<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif’/>”);
bodyText.innerHTML = theText;
}replaceText();
//]]>
</script>

Sau đó tìm đến dòng :

<b:loop values=’data:post.comments’ var=’comment’>

và thêm trước nó thẻ :

<div id=’emocomments’>

Tìm thẻ đóng tương ứng với thẻ loop ở trên

</b:loop>

và thêm sau nó thẻ </div>

Tìm đến dòng :

<data:blogTeamBlogMessage/>

Và thêm sau nó đoạn code :

<script type=”text/javascript”>
//<![CDATA[
function moreSmilies() {
document.getElementById(‘smiley-more’).style.display = ‘inline’;
document.getElementById(‘smiley-toggle’).innerHTML = ‘<a href=”javascript:lessSmilies()”>&#8592;</a></span>’;
}
function lessSmilies() {
document.getElementById(‘smiley-more’).style.display = ‘none’;
document.getElementById(‘smiley-toggle’).innerHTML = ‘<a href=”javascript:moreSmilies()”>&#8594;</a>’;
}
//]]>
</script>
<div class=’emoticons’>
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif’/>:)
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif’/>:(
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif’/>:))
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif’/>:((
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif’/>=))
<span id=’smiley-more’ style=’display: none;’>
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif’/>=D&gt;
<img src=’http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif’/>:D
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif’/>:P
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif’/>:-O
<img src=’http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif’/>:-?
<img src=’http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif’/>:-SS
<img src=’http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif’/>:-t
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif’/>[-(
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif’/>@-)
<img src=’http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif’/>b-(
</span>
<span id=’smiley-toggle’><a href=”javascript:moreSmilies()”>&#8594;</a></span>
</div>

Tìm đến thẻ đóng :

]]></b:skin>

Và thêm đoạn code sau vào trước nó :

.emoticons {-moz-background-clip: -moz-initial;-moz-background-origin: -moz-initial;-moz-background-inline-policy: -moz-initial;text-align: left;}
.emoticons a, .emoticons a:hover {font-size: 28px;margin-left: 20px;text-decoration:none;}

Lưu lại và kiểm tra kết quả.

8. Tạo Sitemap cho Blogspot

Blogspot có 2 dạng Sitemap, thứ nhất là loại sitemap dùng để submit lên Google Webmaster Tools (sitemap dành cho Googlebots), thứ hai là loại sitemap.html dành cho người dùng.

Để tạo sitemap cho Googlebots, bạn chỉ cần vào Google Webmaster Tools, tỉm đến mục submit sitemap và thêm đoạn mã sau vào ô text : atom.xml?redirect=false&start-index=1&max-results=500

Đối với người dùng, các bạn cần tạo một sơ đồ thân thiện hơn :

Tạo sitemap cho người dùng trong Blogspot

Tạo sitemap cho người dùng trong Blogspot

Đề làm được như hình trên, các bạn hãy tạo một trang mới trong Blog của mình và đặt cho nó một cái tên bất kì, ở đây SEO Kool đặt tên là : Sơ đồ trang.

Sau đó các bạn chuyển sang chế độ HTML và chèn đoạn code sau :

<script style=”text/javascript” src=”http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js”></script>
<script src=”http://www.ngon.edu.vn/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc”></script>

Lưu lại và kiểm tra kết quả.

Trên đây là toàn bộ những thủ thuật mà SEO Kool đã áp dụng để tối ưu hóa cho Blogspot cá nhân của mình, các bạn có thể truy cập vào website : http://www.ngon.edu.vn để xem kết quả.

Bạn có thể tham khảo thêm:  Kiểm tra tốc độ index của Blogspot

Tất cả những kiến thức ở trên đều được SEO Kool viết dựa trên kinh nghiệm cá nhân và nguồn dữ liệu sưu tầm từ Internet.  Hy vọng bài viết này sẽ mang lại nhiều kiến thức bổ ích cho bạn mong các bạn đóng góp thêm ý kiến để bài hoàn thiện hơn!!!

Chúc các bạn thành công. Sorry vì bài viết hơi dài ^^!

Bản quyền thuộc về Seokool.com . Vui lòng trỏ link về bài viết gốc, ghi rõ nguồn http://Seokool.com và tên tác giả viết bài nếu các bạn copy bài viết này.

Bài viết liên quan


92 Comments

  1. hut be phot says:

    Bài viết rất hay. Cám ơn bạn đã chia sẻ.

  2. Tran Manh Truong says:

    Bạn ơi sao lúc mình chèn đoạn code related post vào toàn bị lỗi :”Lỗi khi phân tích cú pháp XML, dòng 759, cột 12: Open quote is expected for attribute “{1}” associated with an element type “cond”. Lỗi này có nghĩa là gì ?

  3. admin says:

    Các bạn lưu ý copy code sang notepad trước để nó trở về nguyên gốc rồi hãy paste sang web của mình nhé ! Một số bạn khi copy code ở trên về sẽ bị lỗi ở cặp dấu nháy kép “”, các bạn lưu ý nhé !

  4. www.xfunnyclip.com says:

    Một điều rất quan trọng cho blogspot là cải thiện tốc độ load. Các bạn nên dùng các site về kiểm tra tốc độ load site rồi loại bỏ hoặc cải tiến các yếu tố gây ảnh hưởng nhất cho site. Mình cũng đã thử và tối ưu tốc độ tới 89/100 điểm ^^!

  5. nhuygialai says:

    Cái sơ đồ trang cho người dùng nếu lượng bài viết nhiều thì nó sẽ xổ xuống toàn bộ làm trang quá dài. Tôi thấy dùng kiểu menu xổ xuống theo nhãn sẽ gọn hơn bằng cách vào html tempelate, thêm sau dòng đoạn mã:

    var accToc=true;

    Sau đó tạo trang sơ đồ mục lục theo nhãn nội dung như sau:

    Cũng có thể dùng Layout/ Configure HTML/JavaScript tạo cột mục lục như blog của mình sẽ gọn hơn
    Hân hạnh giao lưu với các bạn qua

  6. nhuygialai says:

    Sao comments của mình lại bị cắt bớt làm nội dung thiếu mất hết phần code vây???

    • admin says:

      Mình cũng không rõ, khi mình approve comment của bạn trong mục admin thì nội dung đã bị cắt bớt rồi, nếu không phiền bạn có thể mail đoạn code đó cho mình qua email : vuduyhung.pk@gmail.com. Mình sẽ bổ sung thêm vào bài viết và ghi nguồn rõ ràng, thanks bạn !

  7. truong tu ky says:

    thank vì bài viết rất là bổ ích

  8. Modem Quang says:

    Bài viết rất hay , cảm ơn đã chia sẻ

  9. gizmo says:

    hic hic mình cũng bị lỗi này . mặc dù đã copy vào note pad rồi .
    Lỗi khi phân tích cú pháp XML, dòng 5, cột 12: Open quote is expected for attribute “{1}” associated with an element type “cond”.
    ADmin giúp mình với

    • admin says:

      Bạn có thể nói rõ bạn làm đến bước nào trong các bước trên không, để mình chỉnh cho dễ, không hiểu sao cái theme wp này của mình copy cái dấu ” toàn bị lỗi.

  10. wap tai game says:

    sao mình không tìm thấy mấy đoạn code trên để thay thế bạn nhỉ?
    thanks

  11. vananhshop.com says:

    Bài viết khá chi tiết, cám ơn đã chia sẽ

  12. LQ says:

    Bạn ơi cho tớ hỏi sau khi chèn code Bài viết liên quan vào thì làm thế nào để các bài viết đấy hiện lên?
    Tớ chèn xong, ok phần code rồi nhưng lúc vào bài thì không thấy hiện lên bài gì?

    Tớ gà mấy cái này lắm, nhờ bạn chỉ cụ thể cho.
    Cảm ơn bạn trước!

  13. Interior Decorating, Home Design, Room Ideas says:

    Một bài viết hay và bổ ích
    cảm ơn bạn nhiều nhé

  14. Dat says:

    Cam on ban da chia se. Bai viet rat hay va huu ich. minh cung dang nghiem cuu mang nay de lam seo cho mot so blog rieng. Rat mong Seo Cool chi bao. Seo cac blog bang tieng anh thi lieu co kho hon khi seo blog tieng viet khong ADmin?
    Thank

  15. dat says:

    Admin oi. Tai sao e copy doan code nay vao notepad roi copy vao temple cua blog ma van bi bao loi nhi? Anh giup e voi

  16. Irish says:

    Mình làm theo hướng dẫn Tạo các emoticon khi comment thì bị lỗi này:
    Lỗi khi phân tích cú pháp XML, dòng 1683, cột 20: Open quote is expected for attribute “{1}” associated with an element type “type”.
    Thật tình mình ko biết gì về HTML, chỉ làm đúng theo hướng dẫn trên thôi, mong Admin giúp đỡ. thanks!

  17. kenken says:

    Cảm ơn bài viết bổ ích

  18. zuly says:

    bài viết hay nhưng tớ không tạo được trang sitemap, tạo mà nó không chạy

  19. nguyễn văn mạnh says:

    bạn ơi minh muốn lam cái Thêm mô tả cho link của tiêu đề. đã thêm code va lưu lại oy nhưng k đc nhỉ minh muốn nó hiện toan trag đc k

  20. phim hay says:

    tks đã làm được Breadcrumb cho Blogspot nhưng mà to quá có cách nào cho nhỏ lại không site mình đây gphim.net

  21. vinhnv says:

    Bạn cho mình hỏi : Trong phần bài đăng —> Cài đặt bài đang —-> Mô tả tìm kiếm .
    PHần mô tả tìm kiếm có ý nghĩ gì vậy bạn ?

  22. May Phat Dien says:

    Bài viết thể hiện sự tâm huyết và thiết thực quá cao, cảm ơn admin rất rất nhiều !

  23. hinh nen dep says:

    thanks anh. bài viết hay nhé

  24. truyen nguoi lon says:

    của em là wordpress . e chưa làm blogspot bao giò . nhung có bài này có thể tìm hiểu thêm về blogger rùi

  25. New agame says:

    Toàn bị lỗi cú pháp thôi, tôi ko chỉnh đc

  26. bac says:

    cam on ban da chia se bai viet rat bo ich

  27. Cap Quang CMC says:

    Mình cũng không rành về code lắm, không làm được rùi

  28. luongtuan says:

    Đoạn không đúng là đoạn đầu để tạo Để tạo Breadcrumb cho Blogspot
    Đoạn mã không tìm thấy là đoạn thẻ Meta name
    Bạn giúp mình với nhé!

  29. Huỳnh Dương Hải says:

    Bài chia sẽ của bạn rất hay và rất hữu ích

    cảm ơn bạn

  30. phim bo says:

    Thanks đã làm thành công cho Breadcrumb cho Blogspot

  31. phim8.vn says:

    Cảm ơn bạn nhiều, mình củng làm blogspot nên chưa có kinh nghiệm nhiều

  32. nhung huou says:

    bài viết thể hiện sự tâm huyết rất cao dành cho blogspot và cả những người yêu SEO, cảm ơn bạn, đáng để lưu lại thành data và cung cấp cho bạn bè!:)

  33. áo đồng phục says:

    cái này cũng hay. nhưng mình toàn làm bằng công cụ hỗ trợ àk

  34. mitu says:

    Cac ban oi. minh dang tim hieu de xay dung web ban hang trong do gom nhieu hinh anh kem mo ta, nhu cac trang ban hang chuyen nghiep, khong biet blogspot co lam duoc khong. minh phai lam sao, xin chi day ah. xin loi vi post bang dtdd khong co dau. xin cam on

  35. Minh Trang says:

    Nhờ bạn giúp cho mình tại trang chủ như sau:
    Các bài viết của mình hiển thị tại trang chủ có nội dung không canh đều được 2 bên như bạn, ví dụ như bài: ” Bánh trung thu Kinh Đô giá rẽ tại TP.HCM”, mình thích các dòng chữ nội dung được canh đều như bạn. Cảm ơn bạn.

  36. win says:

    ai biết tool nào tự thêm thẻ Title và Alt cho hình ảnh trong blogspot để tối ưu hóa seo ko.??

  37. Du học Nhật Bản says:

    Sao em chèn đoạn code thêm keyword, description thế này vào toàn bị báo lỗi vậy? Chỉ em với. Chát yh chỉ em với nhé.
    YH: tieuthudongque1234

  38. sàn gỗ tự nhiên says:

    cảm ơn anh nhiều nhé nhờ vậy có được kinh nghiệm về blog và anh cho hỏi mình muốn khi người khác đăng comment mình kiểm duyệt hoặc khóa làm sao anh

  39. Nâng Mũi Hàn Quốc says:

    Mình có làm như bạn nhưng không được! Nó cứ báo lỗi html 🙁

  40. cado-vn.com says:

    cảm ơn bài viết của bạn rất hay, và có ích cho dân blogger

  41. dich tieng trung says:

    Blog của bạn được lắm. Cố gắng viết nhiều bài bổ ích hơn nữa nhé!

  42. operamini says:

    Toàn những kiến thức hay dành cho người mới tập làm blogspot như em .thank anh đã chia sẻ nhiều nghen

  43. thanh lap cong ty says:

    Mình làm như hướng dẫn nhưng hình như với 1 số template không sử dụng được thì phải

  44. tonggiang says:

    Thật là bài viết hay và hấp dẫn ! mong admin có nhiều bài viết hay nhiều hơn thế này

  45. Định.NS says:

    sao mình copy vô notepad , rồi mới pas sang web mà vẫn bị báo lỗi : “Lỗi khi phân tích cú pháp XML, dòng 12, cột 13: Open quote is expected for attribute “{1}” associated with an element type “cond” bạn à .
    Mong bạn chỉ giúp !

  46. sương says:

    admim ơi sao em sửa code html toàn lỗi vậy a có cái nào hoàn chỉnh không cần sửa gửi em cái

    • admin says:

      Chào bạn, bạn có thể cho mình biết bạn bị lỗi ở bước nào, mình sẽ hỗ trợ cho bạn 🙂

  47. tai game says:

    Cái tạo breadcrumb mình làm hoài không được, nó không hiển thị bên ngoài blog, mình làm y chang, tem mình là dành cho mobile nên dc modify, có lẽ nào vì vậy hk làm dc thanh điều hướng Admin???

  48. Vu Van Dinh says:

    Sao minh khong tim thay doan code nay nhi

  49. diện ca says:

    Bạn ơi,mình k tìm đc bất cứ đoạn code nào trong cái template của m như trên bạn ak,hic,k thể thay đc,cái này là dùng cho mọi template hay chỉ với 1 số cái đấy b ơi

    • admin says:

      Cái này mình chỉ test trên template của mình thôi bạn, còn nếu dùng cho mọi template thì khó khả thi vì cấu trúc template không phải cái nào cũng giống nhau 🙂

  50. gameipad.net says:

    hix. tìm mãi ko thấy đoạn code đâu +_+

  51. Hung says:

    Blog của minh k có đoạn code này.
    Mình đang định chỉnh cái bài viết liên quan mà k có đoạn này. K biết có chạy được bài viết liên quan k
    Admin xem có cách nào khác k nhỉ

  52. phim online says:

    Hay quá! nhưng mình mới chuyển sang wp 🙁

  53. admin : tungsan.info says:

    mình làm SEO như bạn máy toàn báo lỗi mong tác giả bài viết phản hồi lại sớm nhất

  54. tuyết mi says:

    Bài viết hay lắm nhưng có đoạn nhầm
    Để làm được điều này các bạn tìm tới đoạn code :

    Và sửa lại thành :

    |


    Ở đây chú ý thay dấu ‘ chứ không phải dấu ngoặc đơn đâu

  55. Thành says:

    Bài viết rất hay.Nhưng cho mình hỏi là code bạn đưa ra thì copy nguyên vào blog hay có phải thêm từ khoá,tiêu đề blog hay link không.
    Cái này mình không biết làm.
    Bạn có thể hướng dẫn không

  56. xuan says:

    minh ngoi suot ca dem tim trong Html cua template doan code

    ma khong thay no nam o dau, mong bac chi giup
    cam on nhieu. minh tuc qua nen cung khong ngu duoc vi doan code do, phai ngoi doc tung chu ma van khong thay duoc

  57. Huy says:

    Chào bạn,
    Mình muốn tạo hộp comment như trang của bạn trong trang Blog Spot, người dùng chỉ cần nhập thôn gtin vào thôi và không cần phải chọn Profile trong phần Comment as.

    Bạn có thể giúp mình không?

  58. Đình Hiệp says:

    em đang tới phần h1 á anh, tìm hoại ko ra đoạn code này trong blog: post h3 {…}
    .post h3 a, .post h3 a:visited {…}
    .post h3 a:hover {…}

  59. dvr says:

    Thông tin rất hay, thanks’ pro

  60. vo lam 2 says:

    Cám Ơn bài Viết Rất Hữu Ích.
    Không Hiểu Tại Sao mình Làm cái Breadcrumb kia Ko Được Nữa Thử Khá Nhiều Lần Toàn không Hiện Chỉ Mục
    Liệu Có Phải code Mình có Gì Lỗi

  61. Vo lam 2 says:

    Bạn có thể cho biết tại sao 1 số bài viết tự dưng biến mất trong khi mình không xóa.- và nhận dc thông báo 404 trông wmt tool.
    cám ơn.

  62. kenhtv.org says:

    thanhk bạn một bài viết rất hữu ít cho mình

  63. hoang says:

    Chào bác, bác cho em hỏi chút. Trong blog của em có nhiều bài viết rồi, giờ mà mở từng bài ra để thêm label cho phù hợp thì mất thời gian lắm. Em định cứ bài viết nào có từ khóa ABC thì nó tự thêm nhãn ABC cho bài đó có được không?
    Thanks bác.

  64. Lê Hùng Dương says:

    Chú nào viết bài này ngon phết mà ko đề tên bên dưới thế để anh em like phát chứ

  65. du học nhật bản says:

    bài viết hữu ích, mình đang muốn có 1 site nhưng chưa biết nên làm bằng blogspot hay wp nữa

  66. ichiase24h says:

    Bác cho em hỏi là sao em tìm trong code không thấy đoạn này:
    Phần thêm mô tả cho tiêu đề ý ạ.

  67. Tran Phuong says:

    Bài viêt hay, chat luong

  68. co nhan tao says:

    em muốn làm landingpage cho trang chủ! vậy làm sao bác! chẳng lẽ code thẳng trong HTML

  69. Thủ thuật seo blogspot says:

    Bạn có kinh nghiệm seo blogspot cực kỳ cao, mình cần học hỏi thêm nhiều ở bạn, hãy ra thêm nhiều bài như thế này cho anh em học hỏi nhé bro

  70. Dung says:

    Cảm ơn bài viết của AD. Rất cụ thể, dễ hiểu để những người mới tiếp cận với SEO học hỏi nhanh nhất có thể

  71. Quỳnh Nhi says:

    Cảm ơn anh, em sẽ áp dụng cho blogpsot của em.

  72. Phương Lê says:

    SEO blogspot còn phụ thuộc vào traffic nữa, nếu blog của bạn có traffic tốt và bài viết chất thì sẽ lên top ngay sau khi đăng.

  73. lam dep says:

    Huong dan lam dep cho phai nu

  74. Phong Pham says:

    Tôi đã ứng dụng và lên top với thiết bị đo chuyên dụng

  75. Phan Thanh Tùng says:

    Hay quá bạn ơi, mình làm theo hướng dẫn đuối luôn.

  76. xuất khẩu lao động says:

    tiện đây cho mình hỏi các bạn điều này nhé. Mình hiện tại đang dùng mấy cái vệ tinh bằng blogspot. Mình không dùng tên mền trả phí mà dùng luôn tên miền của blog dạng tenmien.blogspot.com và mình đang sài mạng vnpt nên không làm cacsh nào xem blog của mindf đc. Ai biết cách fix thì giúp mình nhé, cảm ơn nhiều

  77. hoctienhanhlvt says:

    Hi, cảm ơn, đã áp dụng thành công!

  78. Thanh says:

    Nay 2016 rồi. Áp dụng hướng dẫn này có được không Ad ?

  79. thulan says:

    cái này mình có thể áp dụng cho các trang website wordpress được không. Làm seo cần học code không ạ.

  80. vara says:

    AD ơi, mình làm giống như hướng dẫn mà mãi không được
    mình không biết gì về html hay code gì gì đó, nhưng cũng làm theo AD copy sang notepad rồi mới dán vào web nhưng vẫn báo lỗi không được. Đúng là khổ vì mù tịt thông tin hic hic

  81. thiet ke website bat dong san says:

    Tối ưu hóa blogspot không hề khó chỉ cần bạn dành chút thời gian nghiên cứu là sẽ được

  82. Lê Thu says:

    Blogspot mình thấy làm seo với nó cũng hiệu quả lắm mình thường dùng nó làm site vệ tinh

  83. nước hoa charme nam says:

    Blogspot là nền tảng mình rất yêu thích và sử dụng trong mấy năm qua thấy rất tiện lợi không kém gì so với WordPress

Leave a Reply