Hướng dẫn tối ưu Seo trên Blogspot
Hướng dẫn cách tối ưu SEO cho trang Search Label cho Blogspot. Như tiêu đề hôm nay Bít Tuốt xin hướng dẫn các bạn cách tối ưu chuẩn SEO cho trang Search Label trên Blogspot - Blogger.
Do hiện nay có nhiều bạn hỏi mình có SEO được trang trang Search Label trên Blogspot và làm thế nào để SEO , tối ưu được trang Search Label trên Blogspot. Vì vậy Bít Tuốt quyết định viết bài hướng dẫn cho những ai chưa biết và quan tâm đến cách tối ưu SEO cho trang Search Label trên Blogspot . Xem thêm ==> Cách tối ưu SEO Blogspot
Cách tối ưu SEO cho trang Search Label trên Blogspot
Để tối ưu tốt được trang Search Label trên Blogspot các bạn cần làm những công việc sau đây.
1. Sửa lại file Robots.txt
- Để SEO được cho trang Search Label trên Blogspot. Các bạn phải cho phép bọ của google index trang đó trước đã. Thường thì nếu bạn ko sửa file robots.txt này thì nó sẽ mặc định là ko cho phép index vì vậy bạn có SEO thì cũng không thể lên được top vì bạn đã cầm google nó index trang này rồi.
- Để chỉnh sửa file robots.txt các bạn làm như sau:
- B1: Đăng nhập blogspot
- B2: Kéo chuột xuống dưới bên tay trái vào "Cài đặt"
- B3: Chọn "Tùy chọn tìm kiếm" trong menu cài đặt
- B4: Chọn "Trình thu thập thông tin và lập chỉ mục" bên tay phải của Tùy chọn tìm kiếm
- B5: Chọn "Robots.txt tùy chỉnh" >> "Bật nội dung robots.txt tùy chỉnh"
- B6: Copy đoạn code dưới này vào khung nhập text và sau đó nhấp "lưu lại"
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Allow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html
Disallow:
User-agent: *
Allow: /
Allow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html
Sitemap: http://bittuot.blogspot.com/sitemap.xml
- Thay http://bittuot.blogspot.com thành link blog của bạn
2. Tối ưu thẻ Title + Meta Keywword + Meta description
Để viết được các thẻ Title + Meta Keywword + Meta description cho trang Search Label trên Blogspot
các bạn tìm các đoạn code có dạng
<b:if cond='data:blog.pageType == "index"'> ... </b:if> hoặc
<b:if cond='data:blog.searchLabel'>.......</b:if> trên dòng code <![CDATA[/*
Rồi các bạn xóa nó đi rồi thay đoạn code dưới đây vào<b:if cond='data:blog.searchLabel'>.......</b:if> trên dòng code <![CDATA[/*
<b:if cond='data:blog.pageType == "index"'>
<title><data:blog.pageName/> :: Tổng hợp các bài viết về <data:blog.pageName/></title>
<!-- Meta Description Label Page -->
<meta expr:content='data:blog.pageName + " - Tổng hợp các bài viết về: " + data:blog.pageName + ". Cùng đón đọc các bài viết về "+ data:blog.pageName + " tại Bít Tuốt Blog"' name='description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title' name='Keywords'/>
</b:if>
Chú ý: <data:blog.pageName/>: Phần code lấy tên Label để viết vào. data:blog.title : Phần code lấy tiêu đề blog của bạn để viết vào. Các bạn thay đổi phần chữ màu xanh cho phù hợp nhé<title><data:blog.pageName/> :: Tổng hợp các bài viết về <data:blog.pageName/></title>
<!-- Meta Description Label Page -->
<meta expr:content='data:blog.pageName + " - Tổng hợp các bài viết về: " + data:blog.pageName + ". Cùng đón đọc các bài viết về "+ data:blog.pageName + " tại Bít Tuốt Blog"' name='description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title' name='Keywords'/>
</b:if>
3. Tối ưu thẻ H1- H2
- Bước này không quá quan trọng nhưng nếu bạn làm được thì càng tốt.Nếu blogspot bạn có thẻ H1 rồi thì thôi còn chưa có thì làm theo cách sau.
- Các bạn đăng nhập Blogspot ==> Template (Mẫu) ==> Edit HTML (Chỉnh Sửa HTMl) rồi làm theo bước sau.
Bước 1 : Thêm đoạn code sau lên trên phần ]]></b:skin>
.newsfea{font:16px 'Times New Roman';color:#193250;border-bottom:1px solid #c3c3c3;border-top:1px solid #c3c3c3;text-shadow:1px 1px 1px #ccc;margin:0;padding:5px 0 5px 0;height:82px;}
Bước 2: Tìm đoạn code có dạng tương tự: <b:section class='main' id='main' showaddelement='no'>
Rồi thêm lên trên nó đoạn code:
<b:if cond='data:blog.url != data:blog.homepageUrl'><b:if cond='data:blog.pageType != "static_page"'><b:if cond='data:blog.pageType == "index"'>
<div class='newsfea'>
<img style='float: left;margin-right: 5px;' expr:alt='data:blog.pageName' expr:title='data:blog.pageName' src="https://lh5.googleusercontent.com/-axhYnvr3WKA/AAAAAAAAAAI/AAAAAAAACLM/tHAx7cMrcIE/s120-c/photo.jpg"width='80' height='80'/><h1><data:blog.pageName/>:: Tổng hợp các bài viết về: <b><data:blog.pageName/></b> tại Bít Tuốt Blogspot </h1>Hãy cùng <b>Bít Tuốt</b> tìm hiểu và đón đọc các các bài liên quan đến chủ đề <data:blog.pageName/>
</div></b:if></b:if></b:if>
Chú ý:<div class='newsfea'>
<img style='float: left;margin-right: 5px;' expr:alt='data:blog.pageName' expr:title='data:blog.pageName' src="https://lh5.googleusercontent.com/-axhYnvr3WKA/AAAAAAAAAAI/AAAAAAAACLM/tHAx7cMrcIE/s120-c/photo.jpg"width='80' height='80'/><h1><data:blog.pageName/>:: Tổng hợp các bài viết về: <b><data:blog.pageName/></b> tại Bít Tuốt Blogspot </h1>Hãy cùng <b>Bít Tuốt</b> tìm hiểu và đón đọc các các bài liên quan đến chủ đề <data:blog.pageName/>
</div></b:if></b:if></b:if>
- src="https://lh5.googleusercontent.com/-axhYnvr3WKA/AAAAAAAAAAI/AAAAAAAACLM/tHAx7cMrcIE/s120-c/photo.jpg" phần trong "" là link ảnh mà bạn muốn hiển thị
- <data:blog.pageName/> là phần code viết ra tên Label
- Các bạn sửa lại nội dung phần chữ màu hồng theo ý muốn của bạn
Các bạn xem demo ngay tại trang search label tại Blog Bít tuốt nhé
Chúc các bạn thành công !
Bài viết được viết bởi bittuot.blogspot.com - Bít Tuốt Blogspot . Ai copy xin ghi rõ nguồn !
Shareallday !!
