Hướng dẫn tăng tốc blogspot bằng cách xóa CSS và Javascript mặc định

LongAnIT 4/20/2019 Bình luận
PageSpeed Insights - Google Developers
Google Page Speed Insights

Hello các bạn quay lại với chuyên mục thủ thuật bogspot. Trong bài viết ngày hôm nay mình sẽ hướng dẫn các bạn cách cơ bản để tăng tốc blogspot nhằm đạt được điểm cao trên các công cụ test của google từ đó tăng điểm SEO cho site của bạn.
tăng tốc blogspot toàn tập
Tăng tốc blogspot bằng cách xóa CSS và Javascript mặc định

Như các bạn đã biết templates blogspot có cấu trúc cơ bản các phần như sau:
<html>
<head>
</head>
<body>
</body>
</html>

1. Chỉnh sửa lại cấu trúc template blogspot

 <head> thay đổi thành &lt;head&gt;
</head> thay đổi thành  &lt;/head&gt;&lt;!--<head/>--&gt;
<body> thay đổi thành &lt;body&gt;
</body> thay đổi thành &lt;!--<body/>--&gt; hoặc &lt;!--</body>--&gt;&lt;/body&gt;

Sau đó tiến hành lưu mẫu và kiểm tra thì bạn sẽ cảm thấy tốc độ tải trang blogspot tăng điểm lên rất nhiều. Để kiểm tra tốc độ tải trang các bạn có thể kiểm tra tại đây

2. Xóa bỏ 2 file css mặc định mặc định của blogspot:


Bước 1: Các bạn truy cập html của blogspot tìm kiếm đoạn mã sau đây: <b:skin><![CDATA[

Bước 2: Thêm đoạn mã &lt;!--<style type='text/css'/>--&gt; vào ngay trước đoạn mã trên.

Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách đơn giản để tăng tốc cho blogspot. Hi vọng sau khi thực hiện thì blog của bạn sẽ có được tốc độ tốt nhất khi tải trang nhé!

Chú ý: Đây là cách hướng dẫn dành cho template blogspot version 1. Nếu bạn nào đã nâng cấp lên version 2 và 3 thì có thể dùng cách khác

Fix lỗi trùng lặp nội dung, tiêu đề mô tả chuẩn trong Blogger

LongAnIT 4/13/2019 Bình luận
Nếu bạn nào đã sử dụng blogspot thì không lạ gì lỗi này "Lỗi trùng lặp nội dung" tức là 2 hay nhiều URL cùng nhận tiêu đề/ mô tả/ nội dung y như nhau và để cho Google Index

Nếu bạn lên google tra từ khóa "sửa lỗi trùng lập tiệu đề miêu tả", "trùng lập nội dung" trên blogspot bạn sẽ có rất nhiều kết quả tìm kiếm fix lỗi này.

Trùng lập nội dung hiểu nôm na như sau:


  • Nội dung đi copy 100% của trang khác dẫn đến trùng nội dung, không Unique 100%. 
  • Xuất bản 2 bài có cùng nội dung trên trang web của bạn
Trong bài viết hôm nay tôi sẽ hướng dẫn các bạn cách sử lỗi trùng lập trong blogspot bằng 2 cách


Cách 1: Cấu trúc code Web bằng thẻ Meta (Title và Description). Tuy nhiên nó khá là phứt tạp đối với trang nhiều nội dung thì công việc này khá mất thời gian.

Cách 2: Đơn giản nhất là chặn index các Url trùng lặp với link Gốc sinh ra ở các nền tảng website khác nhau.

Bạn có thể xem cách Google định nghĩa tại đây: https://support.google.com/webmasters/answer/66359
Google cũng khá thông minh khi cho chúng ta các định nghĩa trùng lặp nội dung nào là có hại và không có hại trong SEO để chúng ta ứng phó.

Cú pháp code chặn trong file Robots.txt các bạn có thể thêm như sau
Disallow: *archive.html
Disallow: *?m=0
Disallow: /search*
Disallow: *?updated-max*
Disallow: *?q=*
Nguyên nhân do cấu trúc của blogspot nó chia theo Label, dòng thời gian và phân trang theo max-results. Nếu bạn nào hay sử dụng code phân trang gọi Feed bài viết theo nhãn sẽ hay dính các lỗi này.

 Về lỗi trùng lặp trang Label (danh mục)

https://www.longanit.com/search/label/SEO
https://www.longanit.com/search/label/SEO?&max-results=10
https://www.longanit.com/search/label/SEO?updated-max=2017-09-01T16%3A19%3A00%2B07%3A00&max-results=10#PageNo=2

Bạn sẽ thấy là Google Index hàng loạt các URL nói về Label SEO. Nên điều đầu tiên là mình xác định URL chính cần lấy và chặn Index các URL còn lại. Chặn trong Robots.txt các URL còn lại các bạn có thể thêm code bên dưới vào:
Disallow: *?updated-max*
Disallow: *?q=* 

Trùng lặp Trang Desktop: Bạn sẽ thấy khá rườm rà với 3 link như sau

https://www.longanit.com/ (Desktop)
https://www.longanit.com (Desktop)
https://www.longanit.com?m=0 (Desktop)

Vì vậy chúng ta chặn : Disallow: *?m=0

Vấn đề ở đây là tại sao lại chặn quá nhiều như vậy và nó có ảnh hưởng nhiều đến site của bạn không? mình xin nói là nó sẽ không ảnh hưởng nhé vì bản thân google nó đã index mấy cái chính cần thiết rồi còn mấy cái mình nêu như trên do cấu trúc nền tảng blogspot nó thế nên nó index bị trùng lặp. Cách làm này sẽ chỉ định với google rằng không index các trang không cần thiết mà dành thời gian index các trang cần thiết nhanh hơn phục vụ cho SEO nhanh hơn đặc biệt là bài viết và trang chủ.

Điểm mạnh của Blogger là hỗ trợ SEO cực mạnh tại: Trang chủ, Trang bài viết, Trang tĩnh nhưng lại quá yếu kém trong Archive, Label và thường trùng lặp về nội dung tại các trang này.

Lưu ý: Blogger chỉ hỗ trợ viết Meta Description cho trang chủ và bài viết còn tất cả các trang còn lại đều không hỗ trợ mà phải làm thủ công toàn bộ. Như vậy cách dễ nhất là chúng ta chỉ index trang chủ và trang bài viết còn tất cả các thứ còn lại thì chặn hết là xong thôi.

Để thực hiện bạn làm như sau:
  1. Đăng nhập vào Blogger - Cài đặt - Tùy chọn tìm kiếm
  2. Mục Thẻ tiêu đề tùy chình click chỉnh sửa và tiến hành check vào các mục như hình bên dưới
Chặn index trang lưu trữ (Archive) và tìm kiếm
Chặn index trang lưu trữ (Archive) và tìm kiếm

Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách cơ bản đế fix lỗi trùng lặp nội dung, tiêu đề mô tả trong blogspot hi vọng qua bài viết này các bạn có thể giúp các bạn giải quyết những vấn đề liên quan đến SEO Onpage giúp website của bạn có thể cải thiện tốt hơn trong quá trình SEO lên top.

Bài viết có thể còn nhiều vấn đề thiếu xót mà trong quá trình tìm hiểu bản thân tôi không thể diễn giải hết được rất mong các bạn đề lại comment bên dưới để cùng thảo luận trao đổi.

Tạo bảng Table reponsive với tool cho blogspot

LongAnIT 3/30/2019 Bình luận
Như các bạn đã biết một điểm yếu của blogspot đó là việc tạo bảng Table. Do bản thân blogspot không có hỗ trợ công cụ tạo bảng mà đa phần sử dụng code CSS và HTML để tạo. Vì thế trong bài viết ngày hôm nay mình sẽ hướng dẫn các bạn cách tạo một bảng Table responsive với blogspot.


Bước 1: Bạn truy cập vào https://www.tablesgenerator.com/html_tables

Giao diện ban đầu của nó bạn có thể thấy như hình bên dưới và một điều tôi vô cùng ngạc nhiên là nó không hề thua kém bất cứ một công cụ tạo bàng nào. Mọi thao tác bạn có thể tiến hành trên đồ họa như tạo bảng số dòng, số cột, thêm dòng, thêm cột, xóa cột y như trong Word hay Excel

Tạo bảng ( table) responsive cho blogspot
Hướng dẫn tạo bảng ( table) responsive cho blogspot

Bước 2: Bạn tiến hành các thao tác tạo bảng trên này sau khi làm xong bạn chỉ cần copy toàn bộ đoạn code bên dưới dán vào nơi mà bạn muốn hiển thị trên blogspot. Nhớ chuyển qua HTML khi viết bài bạn nhé. Ngoài ra mình thấy trong này có rất nhiều mẫu template có sẵn cực kỳ  hay các bạn có thể tham khảo thêm nhé và bên dưới là kết quả sau mấy phút ngồi tạo thử bảng như hình bên dưới.
STT Họ tên Năm sinh Giới tính Trình độ Ghi chú

Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách tạo bảng(table) reponsive  trên blogspot với tool hỗ trợ cực kỳ đơn giản. Nếu các bạn không làm được hãy sử dụng code tôi cung cấp bên dưới đây nhé
<style type="text/css">
.tg  {width:100%;border-collapse:collapse;border-spacing:0;}
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
.tg .tg-0pky{border-color:inherit;text-align:left;vertical-align:top}
.tg .tg-0lax{text-align:left;vertical-align:top}
@media screen and (max-width: 767px) {.tg {width: auto !important;}.tg col {width: auto !important;}.tg-wrap {overflow-x: auto;-webkit-overflow-scrolling: touch;}}</style>
<div class="tg-wrap"><table class="tg">
  <tr>
    <th class="tg-0pky">STT</th>
    <th class="tg-0lax">Họ tên</th>
    <th class="tg-0lax">Năm sinh</th>
    <th class="tg-0lax">Giới tính</th>
    <th class="tg-0lax">Trình độ</th>
    <th class="tg-0lax">Ghi chú</th>
  </tr>
  <tr>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
  </tr>
  <tr>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
  </tr>
  <tr>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
    <td class="tg-0lax"></td>
  </tr>
</table>

Chúc các bạn thành công nhé.

Tạo khung chứa code Blockquote và Auto select by Single/Double

LongAnIT 3/20/2019 2 Bình luận
Hello xin chào các bạn hôm nay chúng ta lại gặp nhau trong phần thủ thuật blogger. Như các bạn đã biết thẻ blockquote trong blogger là gì rồi đúng không? nếu bạn là một blogger thì không hề xa lạ với nó thẻ này dịch theo tiếng việt là khung chứa code.
Blockquote và Auto select by Single/Double
Blockquote và Auto select by Single/Double 

Khi bạn viết một bài viết chia sẻ các code liên quan đến CSS hay Javascript,... chúng ta sẽ đưa các code vào trong thẻ blockquote của bài viết. Chắc các bạn sẻ nói là bài viết của tôi chán quá chẳng có gì mới cả xin thưa rằng đúng là nó không mới nhưng bạn hãy chịu khó theo dõi những gì tôi chia sẻ dưới đây đề hiểu chi tiết hơn về nó mà cái gì cơ bản cũng tốt cả.

Đầu tiên tôi nói về cú pháp của thẻ này:

<blockquote class="tr_bq"> Code bên trong </blockquote>

Tôi bắt đầu viết CSS cho thẻ blockquote để làm đẹp cho nó tôi lấy ngay code mà longanit.com đang sử dụng để minh họa bên dưới.
.post blockquote {
    font-size: 15px;
    border-radius: 5px;
    margin: 10px 0!important;
    overflow: auto !important;
    text-align: left !important;
    max-height: 250px !important;
    background: #f1f1f1!important;
    background-repeat: no-repeat !important;
    color: #555 !important;
}
Bây giờ tôi sẽ thêm 1 dòng CSS sau vào code trên : "user-select:all" và sau khi thêm ta có đoạn code như sau

.post blockquote {
    font-size: 15px;
    border-radius: 5px;
    margin: 10px 0!important;
    overflow: auto !important;
    text-align: left !important;
    max-height: 250px !important;
    background: #f1f1f1!important;
    background-repeat: no-repeat !important;
    color: #555 !important;
    user-select:all}
Với dòng lệnh trên khi thêm vào thì mặc nhiên khi người dùng truy cập vào khung chứa code nó sẽ tự động "select all code" (tự động bôi đen tất cả các code). Công việc còn lại chúng ta chỉ việc nhấn CTRL + C  và CTRL + V là xong. Tuy nhiên lệnh user-select nó có mộ nhược điểm là chúng ta không thể tùy chỉnh chọn code mà chúng ta cần copy. Cách giải quyết là tôi sẽ cung cấp cho các bạn một đoạn Javascipt có tính năng "Single/Double " đoạn code với cách này bạn có thể giải quyết vấn đề trên.
<script type = 'text / javascript'>
var pres = document.getElementsByTagName (& quot; blockquote & quot;);
for (var i = 0; i & lt; pres.length; i ++) {
pres [i] .addEventListener (& quot; & quot ;, dblclick function () {
var lựa chọn = getSelection ();
var phạm vi = document.createRange ();
phạm vi .selectNodeContents (this);
selection.removeAllRanges ();
selection.addRange (range);
}, false);
}
</ script>

Nếu bạn nào sử dụng CSS "pre" thay thể cho CSS mặc định "blockquote" thì bạn có thể thay chữ blockquote màu đỏ trong code trên bằng chữ "pre"

Kết luận: Qua bài viết trên tôi đã hướng dẫn cho bạn cách cơ bản tạo khung chứa code với tính năng Auto select chọn code khi rê chuột và tính năng tùy chỉnh Double chọn all code rất thuận tiện cho việc trải nghiệm người dùng.

Mặc định kích thước hình ảnh khi đăng bài trên blogger

LongAnIT 3/18/2019 Bình luận
Thông thường khi post bài lên blogger, bạn sẽ up kèm một vài hình ảnh lên bài đăng. Trong blogger có một tính năng rất hay đó là sau khi upload tấm hình lên bài đăng bạn chỉ cần click vào bức ảnh khi đó bạn sẽ có các tùy chỉnh ảnh: Ảnh nhỏ, ảnh trung bình, ảnh lớn, ảnh rất lớn và cả kích thước ảnh ban đầu. Tuy nhiên tính năng này có những hạn chế nhất định của nó đó chính là tùy chỉnh kích thước theo ý muốn về chiều rộng và chiều cao của bức ảnh.
ảnh thumbnail trong blogspot
Thay đổi kích thước ảnh thumbnail trong blogspot

Trong trường hợp ảnh có kích thước quá lớn có thể dẫn đến tràn bề ngang của trang blog, gây mất thẩm mỹ. Trong bài viết này tôi sẽ hướng dẫn các bạn cách tùy chỉnh mặc định kích thước hình ảnh khi đăng bài trên blogger một cách đơn giản nhất bằng cách tùy chỉnh CSS. Thực hiện các bước sau đây để tiến hành

Bướ 1: Đăng nhập vào quản trị Blogger --> Chủ đề --> Chỉnh sửa HTML
Bước 2: Copy đoạn code CSS bên dưới vào trước thẻ  ]]></b:skin>

.post img {
max-width:800px;
min-width:600px;
 }

Điều chỉnh lại max-with và min-with cho phù hợp. Lưu ý rằng mỗi template có cấu trúc CSS khác nhau tùy vào người viết bạn chỉnh lại sao cho nó phù hợp với code trên

Giải thích: 

  1. max-width: 800px: Chiều rộng tối đa bức ảnh là 800px
  2. min-width:600px : Chiều rộng tối thiểu của bức ảnh là 600px


Nếu bạn muốn tất cả các hình ảnh hiển thị trong phần bài viết có kích thước cố định là 800 x 600 thì bạn có thể sử dụng code sau đây
.post img {   
width:800px;     
height:600px;     
 }
Kết luận: Như vậy qua bài viết trên tôi đã hướng dẫn các bạn cách set mặc định kích thước hình ảnh khi đăng bài trên blogger với CSS căn bản. Ngoài ra bạn có thể sử dụng tính năng Reponsive hình ảnh trong blogger với code tại đây 

Chúc các bạn thành công!

10 Bước xuất bản 1 bài viết chuẩn SEO trên blogspot

LongAnIT 3/16/2019 6 Bình luận
Vấn đề thuật ngữ SEO chắc các bạn cũng đã biết khá nhiều. Hiện tại thì xu hướng SEO 2019 đã thay đổi khá nhiều google bây giờ chú trọng về nội dung hơn vì thế các SEOer bây giờ cũng cài cố nhưng đã hạn chế đi rầt nhiều tuy nhiên bỏ cái này thì thêm vào cái kia cũng mệt thật việc biên tập nội dung xưa nay vẫn thế nhưng để bài viết của bạn được nhiều người biết đến cũng như anh google quan tâm thì phải làm sao đây?

Có nhiều cách đề thực hiện việc này nhưng cách đầu tiên tôi muốn nói đến các bạn là tạo một bài viết thật sự hay, có giá trị và nhất là bài viết phải chuẩn SEO. Vậy thế nào là bài viết chuẩn SEO ngay sao đây mình xin hướng dẫn các bạn cách viết bài chuẩn SEO và nhất là trên nền tảng blogger mình đang dùng.

Tiêu chuẩn cho bài viết chuẩn SEO trên Blogger


  1. Tiêu đề bài đăng
  2. Từ khóa tập trung
  3. Nội dung bài viết
  4. Tối ưu hóa hình ảnh
  5. Thêm chú thích và thuộc tính hình ảnh
  6. Thẻ Heading
  7. Chèn liên kết nội bộ đến các nhãn
  8. Tạo nhãn cho bài viết
  9. Liên kết cố định tùy chỉnh
  10. Mô tả tìm kiếm

Như trên mình đã liệt kê 10 tiêu chí cho một bài viết chuẩn SEO trên blogger. Bây giờ chúng ta hãy bắt đầu đi từng bước 1:

1. Tiêu đề bài đăng

Phần tiêu đề bài viết bạn nên đề ngắn gọn, tập trung vào từ khóa trọng tâm và làm rõ chức năng, nội dung bên dưới bài viết nhằm giúp cho người đọc dễ hiểu về nội dung là bạn đang viết cái gì tranh trường hợp ông nói gà bà nói vịt.
Tiêu đề bài đăng chứa từ khóa chuẩn SEO Blogspot
Tiêu đề bài đăng chuẩn SEO Blogspot


2. Từ khóa tập trung cần SEO

  • Giới hạn chuẩn ký tự tiêu đề bài viết:  60 – 70 kí tự. 
  • Tiêu đề cần chứa từ khóa, tiêu đề trang có chứa từ khóa cần SEO. Nếu được, tiêu đề nên có những con số, nhất là số lẻ các bạn nhé.

3. Nội dung bài viết chuẩn SEO

Viết một đoạn nội dung khái quát hoặc đưa ra suy nghĩ của mình và kết thúc lại bài viết đã chia sẻ. Nhưng hãy nhớ là hãy nhắc thương hiệu của bạn trong bài viết này nhé. Đừng quên kiêu gọi hành động chia sẻ, tham khảo, gửi bình luận nhé.

3.1. Yêu cầu về nội dung cho bài viết chuẩn SEO

  • Tự viết 100%. Bài viết phải mới và không nên sao chép có ý tưởng mới thì càng tốt nhé
  • Riêng các bài về thông số kỹ thuật, giữ nguyên thông số và có thể chấp nhận sao chép khoảng 30% – 50%.
  • Nội dung bài phải phù hợp với tiêu đề bài đăng.
  • Bài viết phải đạt từ 2000 trở lên vì xu hướng là bài viết dài sẽ hỗ trợ SEO tốt hơn.
  • Nội dung bài viết phải mới, có tính cập nhật xu hướng.
  • Có sự sáng tạo, đào sâu, phát triển từ những nội dung đã có.
  • Đáp ứng được nhu cầu tìm kiếm của người dùng.
  • Nội dung có nghĩa và hữu ích, viết cho “người” đọc, không chèn từ khóa vô tội vạ

4. Tối ưu hóa hình ảnh

  • Hình ảnh có độ phân giải khoảng 640px * 480px, hoặc 640px * …..px.
  • Hình có trọng tâm, đúng chủ đề bài viết, có trích dẫn phù hợp, rõ nét
  • Không dùng ảnh của người nổi tiếng vì tính chất bản quyền
  • Không dùng ảnh có tên của bất kỳ thương hiệu nào.

5. Thêm chú thích và thuộc tính hình ành

 Đây chính là thè "ALT" thêm chú thích cho thuộc tính hình ảnh như minh họa bên dưới
Kích thước hình ảnh vừa phải tốt cho SEO
Kích thước hình ảnh và miêu tả chuẩn SEO


6. Tối ưu Thẻ Heading

Phần này rất dễ nếu bạn chịu khó để ý nó giống như trình bày văn bản trong Word cũng như tôi đang viết bài này vậy. Một bài viết cần có mở bài, thân bài và kết bài.
Hướng dẫn tối ưu các thẻ Heading trong bài viết
Hình mình họa tối ưu thẻ Heading trong bài viết

Thông thường thì tiêu đề bài đăng chính là thẻ Heading H1, do vậy trong nội dung bài viết các bạn nên chèn thêm các thẻ H2, H3,…Các thể H2, H3 này có thể là phân mục, chia phần cho nội dung bài viết, nếu chứa từ khóa thì càng tốt, có thể là từ khóa chính hoặc từ khóa phụ. 

Để thêm thẻ heading, các bạn nhấp chuột vào dòng chữ cần thêm rồi nhấp chuột vào chỗ chọn thẻ heading trên thanh công cụ soạn thảo (có thể hiện chữ “Chuẩn” (cạnh chỗ chọn kiểu chữ) rồi chọn loại thẻ heading, trong đó: Tiêu đề – H2, Tiêu đề con – H3, Tiêu đề nhỏ – H4.

7. Chèn liên kết nội bộ đến các nhãn và bài viết có liên quan

Mục đích giúp người đọc có thể tương tác tốt hơn với các bài viết liên quan nhằm giảm tỉ lệ thoát trang cao. Tôi nói ví dụ trong bài viết bạn có nói đến một chủ đề khác tương tự thì bạn chọn từ khóa đề trỏ link nội bộ đế bài viết đó để người đọc hiều hơn bạn phải biết rằng không phải ai cũng biết hết tất cả nội dung của bạn đang nói đến (Đây là dạng lấy mộ trích dẫn từ nguồn ra đề dẫn chứng khi bạn học phổ thông mà làm bài văn luận vậy đó).


Hướng dẫn chèn liên kết nội bộ cho bài viết chuẩn SEO
Hình minh họa chèn link liên kết nội bộ cho nhãn và bài viết liên quan

Nếu bài viết của bạn có các nhãn liên quan đến các bài viết khác trong blog của bạn thì bạn nên chọn liên kết từ nhãn đó. Tôi nói ví dụ bài này tôi có từ khóa chứa nhãn SEO tôi sẽ trỏ nhãn từ khóa này về link nhãn trong các bài viết có chuyên mục nhãn SEO.

Như hình minh họa bên trên tôi đã gán nhãn SEO cho liên kết nội bộ. Bạn để ý 2 mục tôi khoanh đỏ bên dưới 
  1. Mở liên kết trong cửa sổ mới : Có gnhĩa là là nếu như bạn tích vào mục này thì khi độc giả click vào liên kết đó sẽ mở ra một liên kết trong 1 cửa sổ trình duyệt mới, cửa sổ bài đăng hiện tại vẫn giữ nguyên rất tốt cho trải nghiệm người dùng.
  2. Thêm thuộc tính 'rel=nofollow' : Nếu là link bên ngoài thì bạn check vào còn là liên kết nội bộ thi bạn cứ để mặc định nhé, phần này sẽ ảnh hưởng đến SEO khá nhiều nên bạn hãy cẩn thận, bạn có thể xem rõ hơn về phần này tại đây

8. Tạo nhãn cho bài viết

“Nhãn” ở đây có mục đích dùng để phân các bài đăng cùng chủ đề vào cùng chung một chuyên mục với nhau nó giống như là Category trong Wordpress vậy. Tức là những bài viết, đặt chung một nhãn sẽ được nhóm lại với nhau trong nhóm đó.

Để tạo nhãn nhấn vào “Nhãn” rồi nhập tên các nhãn cho bài viết, có thể tạo 1 hoặc nhiều nhãn, các nhãn cách nhau bởi dấu phẩy (,). Nhập xong nhấn “Hoàn thành”. Lời khuyên là bạn nên tạo nhãn bằng tiếng anh không dấu và ngăn cách bởi dấu gạch ngang cũng được nếu từ khóa nhãn dài vì sau này khi bạn tạo các code bài viết gọi nhãn ra ngoài sẽ dễ hơn.

Ví dụ: Tôi tạo nhãn có tên là " thủ thuật" thay vì tôi viết là "thu-thuat"...,

9. Liên kết cố định tùy chỉnh

Các bài viết trên Blogspot, thường sau khi bạn đặt tiêu đề xong, nó sẽ tự động tạo ra liên kết cho bài đăng đó. Nếu như tiêu đề bài viết của bạn quá dài thì blogspot sẽ tự động ngắt từ ở phần cuối cùng

Tôi có ví dụ tiêu đề bài đăng làHướng dẫn viết bài chuẩn SEO trên blogspot” thường thì liên kết cố định tự động mà blogspot tạo ra sẽ như thế này "huong-dan-viet-bai-chuan-seo-tren".

Theo như trên thì nó đã cắt mất chữ " blogspot" trong tiêu đề của chúng ta đặt có đúng không nào. Còn một điểm dỡ nữa của blogspot mà chúng ta ai cũng biết đó chính là chữ  "đ" trong liên kết nó sẽ không hiểu và sẽ bỏ đi làm cho liên kết bài viết xấu

Tôi có ví dụ: "hướng dẫn cách đặt backlink"  nó sẽ biến thành "huong-dan-cach-at-backlink

Liên kết cố định tùy chỉnh thân thiện với trải nghiệm người dùng
Như ví dụ hình trên tôi đã chỉnh lại liên kết cố định cho phù hợp xong rồi nhấn vào “Hoàn thành“


10. Mô tả tìm kiếm

Cuối cùng là phần mô tả tìm kiếm Đây là một phần rất quan trọng trong SEO, Nhiều bạn ở mục này không có hoặc bị mờ lý do là bạn chưa bật tính năng này trong cài đặt của blogspot. Nếu blogspot của bạn chưa bật tính năng này bạn có thể làm như sau.

Tính năng mô tả trên blogspot rất có lợi cho SEO
Bật tính năng mô tả tìm kiếm chính trên blogspot cũng như trên bài viết


Các bạn hãy nhấp vào “Mô tả tìm kiếm” rồi mô tả ngắn gọn, khoảng 30 từ về nội dung bài viết, nên chứa cả từ khóa tập trung. Đoạn mô tả này sẽ xuất hiện trong kết quá tìm kiếm của bác google

Quay trở lại với phần mô tả tìm kiếm cho bài viết bạn nhập vào mô tả cho bài viết của mình nhớ là có chứa từ khóa liên quan đến bài viết đó nhé.

Sau khi viết bài xong kiểm tra lại nội dung bài viết, nhãn, các thứ. Chú ý là cái liên kết cố định tùy chỉnh bạn phải xem kỹ trước khi xuất bản vì sau này sửa nó rất khó nếu như bài này của bạn lên top google mà liên kết nhìn xấu thì cũng không hay lắm. cuối cùng là  xuất bản thôi nào!

Kết luận: Như vậy qua bài viết này tôi đã tổng hợp lại 10 bước đơn giản để có thể xuất bản một bài viết chuẩn SEO trên blogspot hi vọng các bạn có những trãi nghiệm thú vị khi đọc qua bài viết này của tôi. Nếu thấy bài viết hay đừng quên để lại comments hoặc chia sẻ bài viết cho nhiều người cùng xem nhé.