blogger template

Thứ Ba, 26 tháng 8, 2014

Hướng dẫn cách tối ưu SEO cho Blogspot

Posted on 10:29 by Unknown | No comments

Sau đây là những phần cơ bản để tối ưu SEO cho Blogspot

Bước 1: Tối ưu các thẻ Title - Meta Description - Meta Keywords cho blogspot

- Như các bạn biết Title - Meta Description - Meta Keywords là 3 phần khá quan trọng và ảnh hưởng khá nhiều đến thứ hạng tìm kiếm

Để tối ưu tốt các bạn đọc các bài hướng dẫn chi tiêt sau nhé:

Bước 2. Tối ưu thẻ H1, H2, H3 cho blogspot

- Bình thường khi các bạn tạo 1 blogspot và cài đặt theme cho blogspot của bạn thì gần như các phần tối ưu này là đã tối ưu gần như hết, nhưng có 1 số templates bạn down về cài đặt lại chưa được tối ưu cho lắm như Thẻ h1 trong bài viết ko đặt đúng ở tiêu đề bài viết mà lại đặt ở tiêu đề blog hay không có để khắc phục điều này các bạn có thể đọc bài viết sau để tối ưu cho tốt

==> Cách tối ưu thẻ H1 cho blogspot

Bước 3: Tối ưu file Robots.txt

- Có thể nói là nhiều bạn tạo blog nhưng đôi khi lại không quan tâm tới cái này. Để tối ưu tốt file này 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"

Code chuẩn robots.txt cho blogspot

User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /search
Disallow: /*?updated-max=*
Disallow: *archive.html

Sitemap: http://bittuot.blogspot.com/sitemap.xml

Cái phần code 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 http://bittuot.blogspot.com thành link blog của bạn

Bước 4: Tối Ưu SEO cho trang Search Label
Bước này dành cho ai muốn cho Blogspot của mình index cả trang Label
- Các bạn có thể đọc chi tiết bài viết tại đây ==> Tối Ưu SEO cho trang Search Label

Bước 5. Tối Ưu site map
- Cái này mình nghĩ bạn không phải làm gì cả vì Google nó đã làm giúp bạn rồi

Bước 6: Tối ưu hình ảnh bài viết
- Để tối ưu tốt hình ảnh mình nghĩ bạn nên down 1 ảnh đẹp rõ nét hợp với nội dung với bài viết để thân thiện với người đọc đã
- Tối ưu title và thẻ alt cho ảnh trong bài viết. Để tối ưu phần này bạn chỉ cần click chuột trái vào ảnh của bạn thấy chữ thuộc tính click vào đó rồi điền đầy đủ thông tin (Phần trên là tiêu đề ảnh - Phần dưới là phần mô tả ảnh Alt)

tối ưu ảnh chuẩn SEO Onpage cho Blogspot

Bước 6. Tối ưu bài viết

- Nói đến tối ưu bài viết thì những cái cơ bản như tối ưu thẻ H1, title, meta des, meta key mình đều đã hướng dẫn ở trên và kiến thức đặt tiêu đề và mô tả sao cho tốt thì các bạn có thể tham khảo ở các diễn đàn SEO uy tín để học hỏi thêm mình sẽ không nói chi tiết ở đây

- Một số lời khuyên từ mình:

Khi viết vài nên chăm chút cho bài viết 1 chút về cách ngắt đoạn mày chữ, hình ảnh để thân thiện với người dụng
Trong bài viết bạn nên tích hợp thêm các phần như nút Like, +1 .... Khung comment cho người đọc để bài viết của bạn có cơ hội quảng bá rộng hơn.

Bài viết bạn có thể quan tâm:

Cách thêm comment facebook và quản lý cho Blogspot

Ngoài ra còn 1 số kiến thức cơ bản về SEO các bạn có thể tự tìm hiểu thêm. Mình nghĩ làm được hết các bước này là blog của các bạn đã khá tối ưu rồi

Chúc các bạ thành công ! Đừng quên nhấn LIKE và +1 để ủng hộ Bít Tuốt nhé

Cách thêm comment facebook và quản lý comment cho Blogspot

Posted on 10:28 by Unknown | No comments

Cách thêm comment facebook và quản lý comment cho Blogspot - website . Chèn khung Comment Facebook cho Blogspot .Hướng dẫn Cách thêm comment facebook và quản lý comment cho Blogspot .Làm sao để có thể quản lý được comment facebook trên blogspot của mình (xóa comment của người khác, và nhận thông báo khi có comment mới )

Cách thêm comment facebook và quản lý cho Blogspot - Web

Bước 1. Tạo Facebook APP

Chú ý mình đang dùng facebook với tiếng viêt nhé

Truy cập https://developers.facebook.com/apps
Click vào nút: Ứng Dụng ==> Register as a Developer (bạn được hình dưới chọn vào ô checkbox rồi nhấn tiếp tục)

- Tại cửa sổ Popup bạn chọn quốc gia là Việt Nam và điền số điện thoại vào ( Bạn nên dùng mạng vina nhé , mạng viettel không được mình đã thử. Mình đã phải đàu tư ngay cái Sim vina để viết bài hướng dẫn này giúp các bạn :D ):

- Sau đó bạn sẽ được gửi một tin nhắn về mã xác nhận tới điện thoại bạn vừa nhập. hãy nhập vào ô mã và bấm xác nhận. Nhấn tiếp tục đên hình dưới đây

- Bạn tích vào những mục bạn mong muốn, bạn tích hết cũng được rối nhấn tiếp tục vậy là bạn đã thành công bước đầu (các thao tac bên trên là thao tác dành cho những ai chưa đăng ký tạo app lần nào). Còn bây giờ chúng ta bắt đầu đi tạo app để quản lý comment trên blogspot

Bắt đầu tạo app: Ứng Dụng => Create a New App điền đầy đủ thông tin rồi nhấn vào Tạo Ứng dụng

- sau khi thành công bạn sẽ có mục id này

Cách thêm commnet facebook cho blogspot

Bước 1 - Đăng nhập vào blog

Bước 2 - Chọn mẫu (Template)

Bước 3 - Chọn chỉnh sửa HTML (Edit HTML)

Chú ý: Trước khi chỉnh sửa code web lên tải bản code về để có bản gốc, tránh trường hợp code lỗi ko khôi phục lại được !

- Tìm đoạn code <html thường thì nó ở ngay dòng thứ 2, bạn thêm đoạn code sau ngay bên phải nó ==> xmlns:fb='https://www.facebook.com/2008/fbml' (ngăn cách nhau bằng dấu cách nếu có đoạn code đó rồi thì bạn ko phải thêm nữa nhé)

- Thêm đoạn code sau dưới thẻ <head> ===> <meta content='1381242482126904' property='fb:app_id'/>

Chú ý: 1381242482126904 là mã ứng dụng (id App face mà bạn vừa tạo ở bước trên) bạn thay nó thành mã app của bạn nhé

Bước 4 - Thêm đoạn mã bên dưới vào trước thẻ </body>.

<div id='fb-root'/>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {return;}
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Và đoạn code sau lên trên thẻ đóng </head>

<script type='text/javascript'>
//<![CDATA[
var purl= location.href;
var fb_href = purl.substring(0,purl.indexOf(".html")+5);
var fbcm ='<div class="fb-comments" data-href="'+fb_href+'" data-num-posts="5" data-width="540"></div>';
//]]>
</script>

Lưu ý : Các bạn thay

data-num-post=5 : số comment hiển thị. Nếu quá sẽ tự động gộp comment
data-width=540 : chiều rộng khung comment

Cách thêm commnet facebook vào Blogspot

Bước 5 - Tìm một trong các đoạn code như sau: <b:include data='post' name='post'/>

- Rồi thêm ngay dưới nó đoạn code sau:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
document.write(fbcm);
</script>
</b:if>

Chú ý: Một số bạn có thắc mắc về màu chữ hay khung có màu trùng với màu nền thì các bạn thực hiện thêm bước sau nhé (nếu ko ảnh hưởng thì không cần làm thêm bước này)

Dán đoạn code sau vào trước thẻ ]]></b:skin>.

.comments-page {
background-color: #f2f2f2;
width:540px
}
#blogger-comments-page {
padding: 0px 5px;
display: none
}
.comments-tab {
float: left; padding: 5px;
margin-right: 3px;
cursor: pointer;
background-color: #f2f2f2
}
.comments-tab-icon {
height: 14px;
width: auto;
margin-right: 3px
}
.comments-tab:hover {
background-color: #eeeeee
}
.inactive-select-tab {
background-color: #d1d1d1
}

Để thay đổi màu nền của nội dung các tab chỉ cần chỉnh sửa #f2f2f2 , #eeeeee , #d1d1d1 (đây là mã màu các bạn thay đổi cho phù hợp nhé)
Để thay đổi độ rộng của chiều rộng khung comment thay đổi giá trị : 540px

Lưu lại vậy là Xong !

Cách quản lý comment facebook trên blogspot

Sau khi các bạn đã làm thành công các bước trên . Để quản lý các comment facebook trên blospot của bạn các bạn làm như sau:

Bước 1: Bạn truy cập vào link sau https://developers.facebook.com/tools/comments (chú ý bạn phải đang đăng nhập facebook mà bạn đã đăng ký app nhé)

- Bạn muốn comment nó thuộc bài viết nào thì bạn click sang Moderator View ==> click chuột vào phần Visit Website để sang bài viết mà có comment đó.

Còn bây giờ mọi người hay bắt tay vào và test ngay thôi !
Chúc các bạn thêm phần comment facebook và quản lý cho Blogspot thành công!

Hướng dẫn cách tối ưu SEO cho trang Search Label trên Blogspot

Posted on 10:26 by Unknown | No comments

Hướng dẫn cách tối ưu SEO cho trang Search Label cho 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"

Code chuẩn robots.txt cho blogspot

User-agent: Mediapartners-Google
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.pageType == "index"'>
<title><data:blog.pageName/> :: Tổng hợp các bài viết về <data:blog.pageName/></title>

<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é

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ú ý:
- 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 !

Cách tối ưu thẻ H1 cho blogspot

Posted on 10:24 by Unknown | No comments

Cách tối ưu thẻ H1 cho blogspot. Cách chỉnh tiêu đề bài viết thành thẻ h1.Hướng dẫn cách chèn thẻ h1 vào tiêu đề bài viết blogspot. Cách chỉnh tiêu đề blogspot thành thẻ h2,h3
Hiện mình có lướt qua một số diễn đàn và có thấy một số bạn đang cần trợ giúp về vấn đề tối ưu thẻ H1 cho blogspot vì vậy Bít Tuốt viết bài này mong giúp đỡ được những bạn đang gặp vướng mắc trong vấn đề này.

1. Cách tối ưu thẻ h1 cho bài viết

- Thường để tối ưu seo cho 1 bài viết thì tiêu đề bài viết mọi người thường để trong thẻ h1. Có 1 điều bất cập là khi mọi người down template trên mạng về dùng thì thường tiêu đề bài viết thường để trong thẻ h3 vì vậy để chuyển nó về thẻ h1 chúng ta cân làm như sau:

Bước 1: Đăng nhập Blog ==> Chỉnh sửa HTML (Chú ý các bạn nên down code về để tránh trường hợp trong quá trình lỗi code còn có bản gốc. Các bạn có thể down về rồ chỉnh sửa bằng Notepad++ )

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

2. Cách chỉnh sửa tiêu đề blogspot từ h1 về h2

Sau khi đã tối ưu tiêu đề bài viết thành thẻ H1. Một số tem sẽ gây đến trong 1 bài viết sẽ có 2 thẻ H1 vì vậy bạn cũng cần chỉnh sửa như sau:

Bước 1: Bạn tìm các đoạn css có dạng như dưới

#header h1 {...}
#header h1 a,#header h1 a:visited {...}

và chữ h1 sửa nó thành h2

Bước 2: Bạn tìm các đoạn code sau

<h1 class='title'

Rồi sửa chữ h1 thành h2

Cái này chỉnh sửa có thể còn tùy thuộc vào code blogspot đo như thế nào để có thể chỉnh sửa hợp lý. Nếu gặp khó khăn hay thắc mắc gì vui lòng comment phía dưới (các bạn comment bằng tài khoản google nhé )

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

Posted on 10:21 by Unknown | No comments

Cách tối ưu meta keywords cho từng bài viết Blogspot.Cách viết thẻ meta keywords cho từng bài viết Blogspot. Làm sao để tối ưu thẻ meta keywords cho từng bài viết trên blogspot. Cách thêm thẻ meta keywords cho từng bài viết Blogspot.

Bài viết liên quan:

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

Sau đây Bít Tuốt xin hướng dẫn các bạn cách tối ưu meta keywords cho từng bài viết Blogspot một cách nhanh và đơn giản như sau :

Bước 1: Đăng nhập blogspot

Bước 2: Tìm đến phần: Mẫu (Layout) => Chỉnh sửa HTML

Bước 3: Tìm đoạn code sau :

<b:skin><![CDATA[

Rồi thêm vào trên nó đoạn code dưới đây:

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", "+ "từ khóa bạn cần thêm"' name='Keywords'/>
</b:if>

Chú ý: Bạn thay chữ : từ khóa bạn cần thêm thành từ keyword của bạn nhé nếu bạn muốn thêm nhiều từ khóa thi chỉ cần cộng vào sau phần : ", "+ "từ khóa bạn cần thêm" 1 đoạn tương tự : ", "+ "từ khóa bạn cần thêm 2"

Ví dụ:

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + ", " + data:blog.title + ", "+ "từ khóa bạn cần thêm" + ", "+ "từ khóa bạn cần thêm 2"' name='Keywords'/>
</b:if>

Phần code kia hiểu như thế nào

data:blog.pageName : Là tên bạn tiêu bài viết của bạn
data:blog.title : Tiêu đề blog của bạn

Ví dụ: Bài viết bạn có tiêu đề là : Cách tối ưu meta keywords cho từng bài viết Blogspot

Thì keyword của bạn trong thẻ meta sẽ là: " Cách tối ưu meta keywords cho từng bài viết Blogspot,Tên tiêu đề blogspot,từ khóa cần thêm,từ khóa thêm 2 "

Bước 4: Lưu mẫu lại vậy là ok

Chú ý:

Mình đã áp dụng thành công trên Blogs Bít tuốt này của mình các bạn có thể check là thấy.
Một điều nữa là bây giờ Google thẻ meta keyword này không còn quá quan trọng trong SEO vì vậy bạn không cần điền nhiều key làm gì, chỉ cần thêm vậy là ok.

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

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

Posted on 10:18 by Unknown | No comments

Cách tối ưu Meta Description cho từng bài viết Blogspot.Tối ưu hóa Meta Description trong mỗi bài viết Blogspot. Làm sao để tối ưu Meta Description cho từng bài viết Blogspot

Bài viết liên quan:

- Cách tối ưu meta keywords cho từng bài viết Blogspot

Sau đây Bít tuốt xin chia sẻ cách tối ưu Meta Description cho từng bài viết Blogspot cho những ai quan tâm về vấn đề tối ưu các thể meta cho blogspot

Điều cần chú ý về viết Meta Description

- Hạn chế ký tự – hiện tại Goolge cho hiển thị lên tới 160 ký tự, Yahoo là 165 còn MSN lên tới 200. 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 160 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 => Tuỳ chọn tìm kiếm

- Tìm Thẻ Meta và đánh dấu vào "Có" để kích hoạt nó.
- 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 vào Lưu Thay đổi!

Ảnh minh họa - Cách tối ưu Meta Description cho từng bài viết Blogspot

Bước 2 : Là bước khi bạn viết bài viết

- 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 đó.

Ảnh minh họa - Cách tối ưu Meta Description cho từng bài viết Blogspot

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

Cách này thì bạn sẽ không mất thời gian để điền Meta Description cho từng bài viết,mà nó sẽ tự điền giúp bạn khi bạn đăng bài xong.Nhưng bạn sẽ không tùy biến được Meta Description và độ dài của Meta Description có thể bị vượt quá độ dài cho phép

Cách thực hiện

Bước 1: Đăng nhập blogspot

Bước 2: Tìm đến phần: Mẫu (Layout) => Chỉnh sửa HTML

Bước 3: Tìm đoạn code sau :

<b:skin><![CDATA[

Rồi thêm vào trước nó đoạn code dưới đây:

<b:if cond='data:blog.pageType == "item"'>
<meta expr:content='data:blog.pageName + "- " + " .Cùng tìm hiểu chi tiết về : " + "- " + data:blog.pageName + " tại Bít tuốt Blog "' name='Description'/>
</b:if>

Chú ý phần chữ màu đọ bạ thay cho phù hợp nhé

Hiểu đoạn code trên như thế nào

- data:blog.pageName: Là tiêu đề bài viết

Ví dụ : Bài viết bạn có tiêu đề là : Cách tối ưu Meta Description cho từng bài viết Blogspot

Thì nội dung trong thẻ Meta Description của bạn sẽ là :

Cách tối ưu Meta Description cho từng bài viết Blogspot cùng tìm hiểu chi tiết về Cách tối ưu Meta Description cho từng bài viết Blogspot tại Bít tuốt Blog

Chú ý: " " tương ứng với dấu "" bạn có thể viết text trong cái này. Dùng cách trên thì Description sẽ lặp lại tiêu đề của bài viết lại 3 lần

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

Cách tối ưu Title - Meta Description - Meta Keywords cho blogspot

Posted on 10:17 by Unknown | No comments

Cách tối ưu Title - Meta Description - Meta Keywords cho blogspot. Cách tối ưu Title - Meta Description - Meta Keywords cho các trang lưu trữ,search label (trang nhãn),static page blogspot ... Cách thay đổi title,tiêu đề - Meta Description - Meta Keywords cho trang search label , trang lưu trữ archive,static page theo ý muốn blogspot

======================================

Cách tối ưu Title - Meta Description - Meta Keywords cho blogspot

Cách làm: Bạn đăng nhập Blogspot ==> Mẫu (Template) =>> 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[

(Các bạn có thể down code về rồi sửa bằng Notepad ++. Nhớ là sao lưu lấy 1 bản gốc để tránh tình trạng code sai ko khôi phục lại được)

Chú ý: Nếu không thành công các bạn thử xóa hết code nằm trong đoạn <b:include data='blog' name='all-head-content'/> ........ <b:skin><![CDATA[ rồi copy đoạn code dưới đây vào trong nó nhé


<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Bít Tuốt Blog - Thủ thuật Blogspot</title>
<meta content='Bít Tuốt Blog - Thủ thuật Blogspot.Nơi chia sẻ những kinh nghiệm Hot - Thủ thuật Blogspot hay.Blog Bít tuốt nơi chia sẻ - lưu trữ các thông tin hữu ích nhất.' name='description'/>
<meta content='bít tuốt blog,thu thuat hay,kinh nghiem hot,bit tuot blog' name='keywords'/>
</b:if>

<b:if cond='data:blog.pageType == "error_page"'>
<title>404: Bài viết này không tồn tại | Bít tuốt blog</title>
</b:if>

<b:if cond='data:blog.searchQuery'>
<title>Từ khóa tìm kiếm cho :: <data:blog.searchQuery/> tại Bít Tuốt Blog</title>
</b:if>

<b:if cond='data:blog.pageType == "archive"'>

<title>Danh mục bài viết <data:blog.pageName/> theo tháng | Bít Tốt Blog</title>

<meta expr:content='"Danh mục bài viết " + data:blog.pageName + " theo tháng .Tìm hiểu thêm vui lòng truy cập bittuot.blogspot.com"' name='description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title' name='Keywords'/>
<b:else/>

<b:if cond='data:blog.pageType == "static_page"'>

<title><data:blog.pageName/> | Bít tuốt blog</title>

<meta expr:content='data:blog.pageName + ". Please read the article " + data:blog.pageName + " Tìm hiểu thêm vui lòng truy cập bittuot.blogspot.com"' name='description'/>
<meta expr:content='data:blog.pageName + ", " + data:blog.title' name='Keywords'/>
<b:else/>

<b:if cond='data:blog.searchLabel'>
<title><data:blog.pageName/> :: Tổng hợp các bài viết về <data:blog.pageName/>tại Bít Tuốt Blog</title>

<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>

</b:if>
</b:if>

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

Chú ý: Các bạn thay,thêm bớt phần chữ màu đỏ thành các câu từ của bạn nhé.

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