Tối ưu hóa blogspot thật đơn giản

Anh Trai Nắng
2
Hướng dẫn cách tối ưu hóa cho Blogspot từ đơn giản đến phức tạp giúp blogspot Seo tốt và chuyên nghiệp hơn.

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.

Tối ưu hóa blogspot thật đơn giản
Tối ưu hóa blogspot thật đơn giản

Sau đây, Anh Trai Nắng 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.

Xem thêm: Hướng dẫn cách viết bài chuẩn SEO trên blogspot

Tối ưu title - meta description - keywords cho blogspot

Các bước thực hiện

Bạn đăng nhập Blogspot ==> Chủ đề =>> Chỉnh sửa HTML rồi bắt đầu thêm các đoạn code dưới đây lên trên đoạn code <b:skin><![CDATA[, dưới thẻ <head> hoặc <b:include data='blog' name='all-head-content'/>

<!-- Tối ưu Title - Meta Description - Meta Keywords cho trang chủ --> 
<b:if cond='data:blog.url == data:blog.homepageUrl'>
    <title><data:blog.pageTitle/>| chia sẻ thủ thuật</title>
    <meta content='Cập nhật mới nhất các bài viết chia sẻ thủ thuật facebook, thủ thuật blogger, thủ thuật windows, template blogspot, seo blog.' name='description'/>
    <meta content='thủ thuật blogspot, thủ thuật facebook, thủ thuật windows, template blogspot, seo blogger' name='keywords'/>
  </b:if>
<!-- Viết Title cho trang 404 --> 
<b:if cond='data:blog.pageType == &quot;error_page&quot;'>
<title>404: Bài viết này không tồn tại | |thiết kế blog bán hàng</title>
</b:if>
<!-- Viết Title cho trang tìm kiếm --> 
<b:if cond='data:blog.searchQuery'>
<title>Từ khóa tìm kiếm cho :: <data:blog.searchQuery/> tại | Star Cường IT</title>
</b:if>
<!-- Tối ưu Title - Meta Description - Meta Keywords cho trang lưu trữ --> 
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<!-- Meta Title Archive Page -->
<title>Danh mục bài viết <data:blog.pageName/> theo tháng | thủ thuật blogspot</title>
<!-- Meta Description Archive Page -->
<meta expr:content='&quot;Danh mục bài viết &quot; + data:blog.pageName + &quot; theo tháng .Tìm hiểu thêm vui lòng truy cập starcuongit.com&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='Keywords'/>
<b:else/>
<!-- Tối ưu Title - Meta Description - Meta Keywords cho trang Static Page lưu trữ --> 
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<!-- Meta Title Pages -->
<title><data:blog.pageName/> | seo blogger</title>
<!-- Meta Description Pages -->
<meta expr:content='data:blog.pageName + &quot;. Please read the article &quot; + data:blog.pageName + &quot; Tìm hiểu thêm vui lòng truy cập starcuongit.com&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='Keywords'/>
<b:else/>
<!-- Tối ưu Title - Meta Description - Meta Keywords cho trang Search Label -->
<b:if cond='data:blog.searchLabel'>
<title><data:blog.pageName/> :: Tổng hợp các bài viết về <data:blog.pageName/> | thủ thuật Facebook</title>
<!-- Meta Description Label Page -->
<meta expr:content='data:blog.pageName + &quot; - Tổng hợp các bài viết về: &quot; + data:blog.pageName + &quot;. Cùng đón đọc các bài viết về &quot;+ data:blog.pageName + &quot; tại starcuongit&quot;' name='description'/>
<meta expr:content='data:blog.pageName + &quot;, &quot; + data:blog.title' name='Keywords'/>
</b:if>
</b:if>
</b:if> 
<!-- Tối ưu Title cho trang bài viết -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
    <title>
      <data:blog.pageName/>
    </title>
  </b:if>

Tối ưu thẻ H1 cho blogspot

Bước 1: Đăng nhập Blog > Chủ đê > Chỉnh sửa HTML

Các bạn 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 nó 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>

Bước 2: Chỉnh sửa CSS cho thẻ <h1> (bạn có thể thay h3 thành h1)

Bạn tìm các đoạn này

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

Tối ưu file ROBOTS.TXT

Bước 1: Đăng nhập Blog > Cài đặt

Bước 2: Kéo xuống phần Trình thu thập thông tin và lập chỉ mục > Robots.txt tùy chỉnh

Bước 3: Coppy đoạn code dưới đây và dán vào sau đó bấm LƯU

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html
Sitemap: https://www.anhtrainang.com/sitemap.xml

Disallow: /search bạn có thể bỏ đi cũng được vì google bây giờ cho phép index cả trang Search Label này.

Thay https://www.anhtrainang.com thành link blog của bạn.

Gợi ý: Cách thiết lập Robots Txt tùy chỉnh trong Blogger mới nhất

Tối ưu meta description cho từng bài viết blogspot

Lưu ý về Meta Description

Hạn chế ký tự – hiện tại Goolge cho hiển thị lên tới 150 ký tự. Hãy sử dụng mức thấp nhất của Google, tức là viết thẻ meta decription chỉ nên trong vòng 150 ký tự (bao gồm cả khoảng trống).

Viết càng “kêu” càng tốt, trong khi vẫn giữ được tính miêu tả của nó. Một thẻ meta description hoàn hảo cũng giống như một quảng cáo hoàn hảo – đó là tính hấp dẫn và mang thông tin.

Meta Description nên chứa từ khóa và từ khóa nên lặp lại 2 lần hoặc nhiều hơn 2 cũng được (đấy là theo ý mình).

Và nhiều vấn đề khác các bạn tìm hiểu thêm trên các diễn đàn SEO nhé!

Cách tối ưu Meta Description cho từng bài viết Blogspot

Cách 1: Tối ưu Meta Description cho từng bài viết Blogspot bằng cách điền trực tiếp

Cách này thì mỗi khi viết bài viết thì bạn phải mất thời gian điền Meta Description cho từng bài viết, nhưng nó sẽ tùy biến hơn vì bạn có thể viết và thay đổi tùy ý.

Các bước thực hiện

Bước 1: Đăng nhập Blogger > Cài đặt

Bước 2: Kéo xuống phần Thẻ meta và nhấn bật nó lên.

Tối ưu hóa blogspot
Bật Thẻ meta tìm kiếm Blogspot

Ở phần Nội dung mô tả tìm kiếm. Một hộp thoại sẽ xuất hiện khi bạn phải viết thẻ meta cho trang chủ của bạn. Hãy chắc chắn rằng nó không quá 150 ký tự.

Nhập nội dung của bạn và bấm LƯU.

Cách 2: Tối ưu Meta Description trong phần viết bài

Khi viết bài mới sẽ bạn sẽ thấy "Mô tả tìm kiếm" trong thanh bên phải, đơn giản là viết mô tả nội dung tóm tắt tìm kiếm của cho bài viết đó.

Tối ưu hóa blogspot
Tối ưu Meta Description trong phần viết bài blogspot

Sau khi nhập thì hệ thống của Blogspot phiên bản mới sẽ tự lưu.

Đăng nhận xét

HƯỚNG DẪN BÌNH LUẬN

2 Nhận xét

  1. Thanh Nhuệ14 tháng 6, 2017

    Cảm ơn Bác , Bài Rất Tốt và hữu ích

    Trả lờiXóa
  2. Cảm ơn bài viết rất tốt ạ

    Trả lờiXóa
Đăng nhận xét

#buttons=(Thanks!) #days=(7)

À mình có làm website tăng tương tác MXH giá rẻ. Mọi người nếu cần thì ghé sử dụng các dịch vụ thử nha. Ghé xem dịch vụ
Ok, Go it!

HƯỚNG DẪN BÌNH LUẬN

Chèn link

Sử dụng công cụ Tạo link

Chèn hình ảnh

LINK_ANH - sử dụng công cụ upload ảnh. Và chỉ cần lấy link ảnh chèn vào bình luận là ảnh tự động hiển thị.

Định dạng chữ

<b>Chữ in đậm</b>
<i>Chữ in nghiêng</i>
<u>Chữ gạch chân</u>
<strike>Chữ gạch ngang</strike>

Chèn một đoạn Code

Đầu tiên sử dụng công cụ này để mã hóa đoạn code muốn chèn.
Sau đó dùng thẻ [code] CODE_ĐÃ_MÃ_HÓA [/code]

Khác

Nhập Email bạn hay dùng để nhận thông báo khi mình trả lời bình luận của bạn.
Vui lòng không nhập bất kỳ Liên kết Spam nào trong hộp nhận xét.
Tích vào ô "Thông báo cho tôi" để nhận thông báo nội dung phản hồi của bình luận.
Chèn emoji: Nhấn tổ hợp phím “Windows + . (dấu chấm)”

Đã hiểu