Tối ưu hóa các vấn đề cho Blog

1. Sửa các thẻ Meta

Để chỉnh sửa các thẻ meta keyword và meta 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>

2. Chỉnh sửa tiêu đề bài viết
a. Sửa thẻ của bài viết
Thông thường khi bạn viết một bài mới thì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 :

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

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 đó.
Để 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ả.

3. 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 :

<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 {…}

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 :

http://maygiat24h.blogspot.com/2013/01/huong-dan-chon-mua-va-su-dung-may-giat.html

Ở đây tôi thử nghiệm với bài viết có tiêu đề là : “Hướng dẫn chọn mua và sử dụng máy giặt hiệu quả”. Nhìn vào dòng URL trên 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

Chọn liên kết cố định tùy chỉnh và chỉnh lại URL cho thân thiện hơn.
5. 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 lại 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 »  <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;'> »
                 <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
               </b:if>
             </b:loop>
             » <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 » <a expr:href='data:blog.homepageUrl'>Home</a> » 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 » <a expr:href='data:blog.homepageUrl'>Home</a> » All posts
          <b:else/>
            Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » 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>

7. Tạo các thuộc tính cho hình ảnh

Thêm Title và alt cho hình ảnh

Kích vào bức ảnh, chọn thuộc tính
Tiếp theo điền Title (Văn bản tiêu đề) và alt (văn bản thay thế)

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. Để làm được điều này 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 tôi đặ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>

Trên đây là toàn bộ giới thiệu của tôi để tối ưu cho blogspot. Hi vọng với những chia sẻ trên, các bạn sẽ tạo được thật nhiều blogspot có TOP trên Google. Trân trọng!

Tin bài liên quan

Kỹ năng Seo cho Blogspot - phần 2
Kỹ năng Seo cho Blogspot - phần 1
Hiển thị đoạn trích dẫn dạng title cho bài đăng phổ biến
Cách tạo Breadcrumbs cho Blogspot
Hiển thị công cụ xem bài viết Blogspot dưới dạng Grid hoặc List
Tạo các nút Widget nổi bật với blogspot