Học SEO - Để tối ưu SEO khi viết bài trên blogspot có rất nhiều điểm các bạn cần làm tỉ mỉ. Blogspot không giống như trong Wordpress, rất nhiều thứ cần phải làm thủ công thậm chí căn chỉnh của khá tốn thời gian tuy nhiên có nhược điểm thì cũng có rất nhiều ưu điểm. Nếu các bạn muốn SEO blogspot các bạn nên dành thời gian để tối ưu SEO khi viết bài trên Blogspot.
Một số bài viết khác có thể bạn thích xem:
Như trong một bài viết hướng dẫn làm sao cho giao diện của blogspot chuẩn SEO mình cũng từng nói rồi, không có gì đảm bảo chuẩn SEO cả mà chỉ là mỗi người tự định nghĩa sao cho chuẩn SEO mà thôi. Do vậy, mình làm cho blog của mình chuẩn SEO theo cách mà mình cho là đúng, ai phản đối thì đừng làm theo. OK
Một vài tiêu chuẩn để bài viết chuẩn SEO:
- Tiêu đề bài viết phải là thẻ H1
- Nội dung bài viết không nên có thêm thẻ H1
- Nội dung bài viết nên có thẻ h2, h3
- Tối ưu hình ảnh trong bài viết
- Trong bài viết có link đến bài viết khác (link nội bộ hoặc bài viết liên quan)
- Trong bài viết nên fomat đẹp và dễ đọc
- Nên có phần comment để tăng tương tác
Giờ chúng ta sẽ đi vào từng phần nhé:
1. Tối ưu thẻ H1
Phần này mình đã hướng dẫn trong bài viết hướng dẫn chuẩn seo cho giao diện rồi.
Xem tại link: https://blogvuicuoilen.blogspot.com/2017/10/toi-uu-giao-dien-e-blogspot-chuan-seo.html
2. Nội dung bài viết không nên có thêm thẻ H1
Khi viết bài trong nội dung các bạn không nên để thêm thẻ h1 trong bài viết. Nguyên nhân đó để google có thể đọc và đánh giá được chủ đề của bài viết không bị nhầm lẫn.
Ví dụ cho dễ hiểu nhé:
Trong một bài viết mình để thẻ H1 là "Thủ thuật Blogspot" và "Thủ thuật SEO". Khi google nó tìm thấy bài viết này sẽ thấy có 2 cái H1, vậy nó sẽ không biết là bài viết này rốt cuộc viết về thủ thuật blogspot hay SEO, chính vì thế mà rất có khả năng từ khóa ta muốn bài viết này lên thì nó không lên mà lại lên từ khác (SEO sai link). Nếu chỉ có 1 thẻ H1 thì google sẽ hiểu ngay bài viết này có chủ đề rõ ràng và không bị nhận nhầm nữa (máy móc đôi khi cũng hơi ngu mà).
3. Nội dung bài viết nên có thẻ h2, h3
Trong một bài viết, thẻ h2, h3 cũng khá quan trọng. Các bạn hãy hiểu theo kiểu H1 là chủ đề chính, h2 là chủ đề con của chủ đề chính h1 và h3 là chủ đề con của chủ đề chính h2.
Ví dụ:
- Một bài viết có chủ đề là "Chăn nuôi gia cầm" thì "Chăn nuôi gia cầm" là thẻ H1
- Trong bài viết sẽ có một số h2 như: Chăn nuôi gà, chăn nuôi vịt ... nó đều là một chủ đề nhỏ trong Chăn nuôi gia cầm là rõ nghĩa hơn cho chủ đề chính.
- Trong h2 Chăn nuôi gà lại có h3: Chăn nuôi gà thịt, chăn nuôi gà trứng, chăn nuôi gà cảnh .. H3 này là một chủ để con của H2 bổ trợ giải thích rõ hơn cho H2.
Chú ý: Nếu các bạn làm blog theo hướng dẫn của mình thì khi để H2 trong bài viết nó sẽ hiển thị y như là tiêu đề của widget
Để cho H2 trong bài viết không hiển thị mặc định như trên các bạn làm như sau:
Đăng nhập blogger --> Chủ đề --> Chỉnh sửa HTML --> Tìm ".widget h2"
Thêm đoạn CSS sau vào sau đoạn khai báo .widget trên
.post h2 {
color: #2e91ee;
background: none;
font-size: 20px;
border: none;
}
Nó sẽ thành như thế này:
.widget h2 {
color:white;
background: red;
border-bottom:2px solid black;
margin-top: 10px;
padding: 8px;
font-size: 16px;
}
.post h2 {
color: #2e91ee;
background: none;
font-size: 20px;
border: none;
}
Vậy là xong!
4. Tối ưu hình ảnh trong bài viết
Hình ảnh trong bài viết khá quan trọng, nếu có hình ảnh đẹp sẽ cuốn hút người dùng hơn tuy nhiên hình ảnh luôn là một vấn đề đau đầu của rất nhiều người làm SEO. Nếu để hình ảnh to, đẹp, chất lượng ảnh cao tương đương với dung lượng ảnh lớn và blog sẽ load chậm hơn. Do vậy, để đảm bảo web load không bị chậm chúng ta buộc phải dung hòa giữa tốc độ load trang và chất lượng ảnh.
Có một số chú ý về ảnh trong bài viết các bạn có thể tham khảo:
- Ảnh không nên có kích thước quá lớn, ảnh nên có kích thước tối đa bằng kích thước hiển thị của bài viết, nếu ảnh lớn hơn cũng sẽ bị co lại cho vừa nên ảnh lớn quá chẳng để làm gì cả.
- Ảnh nên có thẻ Alt
- Dung lượng ảnh chỉ nên để dưới 100kb.
- Giảm kích thước ảnh giúp làm giảm dung lượng ảnh (có thể dùng paint để giảm kích thước ảnh).
- Dùng phần mềm nén ảnh online để giảm dung lượng ảnh (mình dùng thằng này: tinypng.com)
- Dùng thêm phần mềm giảm dụng lượng ảnh (thằng này rất dễ dùng nhé: Caesium)
- Blogvuicuoilen hiện đang để ảnh có kích thước gốc rộng 480px và dung lượng trung bình là 40kb (tốc độ load trang hiện tại khoảng 2 -3s).
- Nhiều ảnh có kích thước nhỏ sẽ load nhanh hơn một ảnh có kích thước to.
Để thêm Alt cho ảnh, sau khi chèn ảnh vào bài viết click chuột trái vào ảnh nó sẽ hiện một dòng bên dưới để các bạn tùy chọn ảnh. Click vào "Thuộc tính" nó sẽ hiện ra bảng sau:
Điền vào chỗ văn bản thay thế để thêm Alt cho ảnh rồi nhấn Ok lưu lại.
Giải thích thêm về mục số 8. Nhiều ảnh có kích thước nhỏ sẽ load nhanh hơn một ảnh có kích thước to. Có thể nhiều bạn chưa hình dung ra là như thế nào, mình sẽ ví dụ thực tế cho các bạn hiểu.
Ta có một ảnh có kích thước 400x200px có dung lượng ảnh là 100kb, ví dụ ảnh này load mất 10s. Ta cắt ảnh này thành 4 ảnh có kích thước 200x100px, sau khi cắt đáng ra mỗi ảnh sẽ có dung lượng 25kb nhưng thực tế các ảnh kích thước nhỏ sẽ có dung lượng nhỏ hơn khá nhiều và mỗi ảnh chỉ có dung lương khoảng 20kb, web sẽ load 4 ảnh này có tổng dung lượng chỉ là 80kb và chỉ load mất 8s. Vậy là ảnh nhỏ tuy sẽ không đẹp, nhìn không rõ nét nhưng ưu điểm của nó chính là load nhanh hơn.
5. Trong bài viết có link đến bài viết khác (link nội bộ hoặc bài viết liên quan)
Trong bài viết nên để link trỏ tới trang khác để tăng mối liên kết trong trang giúp trang mạnh hơn trong SEO. Cách này thường ta sẽ làm thủ công trong bài viết và dùng các từ khóa để liên kết tới cá trang khác trong web.
Ngoài việc làm thủ công còn có thể làm tự động bằng cách thêm bài viết liên quan. Để thêm bài viết liên quan chúng ta làm như sau:
Đăng nhập Blogger --> Chủ đề --> Chỉnh sửa HTML
Chèn đoạn này trước thẻ </head>
<b:if cond='data:blog.pageType == "item"'>
<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 style="text-decoration:none;" 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>
Tìm 1 trong 4 đoạn code dưới đây.
Đoạn 1: <div class='post-footer'>
Đoạn 2: <div class='post-footer-line post-footer-line-1'>
Đoạn 3: <div class='post-footer-line post-footer-line-2'>
Đoạn 4: <div class='post-footer-line post-footer-line-3'>
Paste đoạn code sau vào dưới 1 trong 4 đoạn trên:
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<hr />
<h3>Bài viết liên quan:</h3>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>var maxresults=5;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
</b:if>
Lưu mẫu và kiểm tra kết quả nhé. Bài viết liên quan đôi khi rất tốt cho web đấy.
6. Trong bài viết nên fomat đẹp và dễ đọc
Phần này mang nặng tính thẩm mỹ cá nhân, các bạn hãy xem các trang báo hoặc trang nào bạn thấy họ trình bày đẹp thì học tập làm theo nhé. Nếu thấy blogvuicuoilen trình bày ổn cũng có thể học theo cách trình bày này của mình. Lời khuyên là các bạn hãy tham khảo các trang báo lớn như Dân trí, VnExpress, ...
7. Nên có phần comment để tăng tương tác
Phần này mình đã có riêng một bài hướng dẫn thêm comment facebook vào blogspot rồi, các bạn xem bài viết đó nhé:
Vậy là coi như xong phần tối ưu SEO khi viết bài trên Blogspot, nếu các bạn muốn tối ưu theo cách khác thì cứ làm nhé, không quan trọng là phải theo ai quan trọng là SEO lên top là được. Nếu bạn nào không làm được hay còn thắc mắc trong bài Tối ưu SEO khi viết bài trên Blogspot nhớ để lại comment nhé mình sẽ giải thích.
