Hướng dẫn cách tối ưu SEO cho blogspot từ A đến Z

Thông thường đối với các template (giao diện) có phí, việc tối ưu SEO cho blogspot đã được các nhà thiết kế template tối ưu sẵn, công việc của bạn chỉ cần viết bài chuẩn SEO và tiến hành xây dựng liên kết. Tuy nhiên một số template miễn phí hoặc tối ưu SEO chưa chuẩn, bạn có thể tham khảo bài viết này để biết cách tối ưu lại theo ý mình nhé

Huong dan toi uu SEO blogspot
Hướng dẫn tối ưu SEO cho blogspot

Bài viết tối ưu SEO cho blogspot sẽ bao gồm các phần sau:

1. Lựa chọn template chuẩn SEO cho blogspot – (Back to list)

Một template được gọi là tối ưu cho SEO phải đáp ứng các yếu tố sau đây, trước khi quyết định mua một template nào đó, bạn nên cân nhắc nhé

Giao diện nên dạng 2 cột: cột bên trái là nội dung chính (nôi dung bài viết, danh sách các bài viết…) cột bên phải là các widget (bài viết mới, bài xem nhiều, danh sách bình luận…).

Giao diện có khả năng đáp ứng (responsive design): Giúp hiển thị tốt trên mọi độ phân giải màn hình, máy tính hay điện thoại đều có thể xem được toàn bộ nội dung blog

Có tích hợp các chức năng Social: Bao gồm các nút chia sẻ lên mạng xã hội, bình luận bằng facebook, nút like, nút Google +1

Có thanh breadcrumb: Giúp điều hướng khách truy cập, giúp họ biết vị trí của mình trên website

Có hiển thị các bài viết liên quan: Khi xem bất cứ bài viết nào trên blog, đều nên có một khu vực đầu bài hoặc cuối bài hiển thị các bài viết liên quan, điều này sẽ giúp cho khách truy cập lưu lại trên blog lâu hơn

Ngoài ra tùy theo chức năng của blog, bạn nên tích hợp các nút mua hàng, nút liên hệ, chức năng live chat… Nói chung hãy tự đặt mình vào vị trí khách truy cập để biết họ cần gì và bổ sung điều đó. Một website tốt cho SEO là một website thân thiện với người dùng

2. Sửa các thẻ meta (description, keyword) – (Back to list)

Lưu ý: Hầu hết các chỉnh sửa đều thao tác trong mục “Chỉnh sửa HTML” bạn có thể xem hình minh họa vị trí của chỉnh năng này:

Toi_uu_seo_cho_blogspot_chinh_sua_html

Để sửa các thẻ meta bạn vào Mẫu > Chỉnh sửa HTML

Sau đó tìm đoạn

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

Và thay bằng:

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

3. Tối ưu tiêu đề bài đăng: – (Back to list)

Thông thường bài đăng sẽ có tiêu đề dạng: Tên blog: Tên bài đăng. Tuy nhiên cách hiển thị tối ưu hơn là cho tên bài viết hiển thị trước rồi mới đến tên bài đăng: Tên bài đăng | Tên blog.

Ví dụ cho dễ hiểu: Tên blog của bạn là: Web chia sẻ kiến thức, tên bài đăng là: Cách vào Facebook mới nhất, thì tiêu đề hiển thị tốt nhất nên có dạng: Cách vào facebook mới nhất | Web chia sẻ kiến thức

Để tối ưu tiêu đề, bạn tìm trong mục Mẫu > Chỉnh sửa HTML dòng sau:

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

Và thay bằng

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

4. Thêm thuộc tính “title” cho link bài viết – (Back to list)

Thuộc tính title giúp cho link được các bộ máy tìm kiếm như Google đánh giá cao hơn, nó là một dạng chú thích cho link đó, để dễ hiểu hơn, bạn có thể xem hình minh họa:

Ví dụ về link có khai báo thuộc tính title
Ví dụ về link có khai báo thuộc tính title

Để thêm thuộc tính title cho link bạn tìm đoạn

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

Và thay bằng:

<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à thay bằng:

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

5. Tạo breadcrumbs cho blog: – (Back to list)

Breadcrumb là một dạng thanh điều hướng giúp cho khách truy cập biết được vị trí của mình trên website. Các bạn thường thấy nó dạng như thế này:

vi du ve breadcrumb tren blog
Ví dụ về thanh breadcrumb trên blog

Để thêm breadcrumb vào blogspot, bạn tìm dòng

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

Và thay bằng:

<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 tiếp dòng:

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

Và thêm đoạn code này vào bên trê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>

6. Tạo bài viết liên quan: – (Back to list)

Để tạo bài viết liên quan, hãy 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=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==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=urls+'?m=0′}document.write('<li><a href="'+urls+'" title="'+time.substring(8,10)+"/"+time.substring(5,7)+"/"+time.substring(0,4)+'">'+titles+"</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 vào sau nó đoạn code sau:

<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 ý: Thông số maxresults=5 chính là số bài viết liên quan sẽ hiển thị, bạn có thể thay bằng số khác tùy theo quyết định của bạn

7. Tạo sitemap cho blog – (Back to list)

Sitemap để submit lên các công cụ tìm kiếm: Đối với sitemap này, bạn chỉ cần vào webmaster tool (Giờ được Google đổi tên thành Search Console) khi submit sử dụng mã sau:

atom.xml?redirect=false&start-index=1&max-results=500

Sitemap cho người dùng: Sitemap này cần giao diện thân thiện hơn, bạn tạo một trang (khác với bài đăng nhé), chuyển sang chế độ soạn thảo HTML và paste code sau vào

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

Lưu ý thay: http://webchiasekienthuc.blogspot.com/ bằng blog của bạn

Trên đây là một số thủ thuật tối ưu SEO cho blogspot, được kho thủ thuật sưu tầm từ internet, có tham khảo bài viết và sử dụng hình ảnh từ thành viên hungvu89 tại diễn đàn idichvuseo.com, các bạn có thể bổ sung thêm những cách tối ưu khác bằng cách gửi email về địa chỉ: admin@khothuthuat.com, xin cảm ơn!

Bạn cũng có thể thích Thêm từ tác giả

Để lại một trả lời

Địa chỉ email của bạn sẽ không được công bố.