Haivl.tv - Haitvl - Vuifun.org: themes webs

Hiển thị các bài đăng có nhãn themes webs. Hiển thị tất cả bài đăng

Hướng dẫn cách tối ưu chuẩn SEO Onpage cho Blogspot chi tiết

[postlink] https://haitvl.blogspot.com/2014/04/huong-dan-cach-toi-uu-chuan-seo-onpage.html[/postlink]

Cách tối ưu chuẩn SEO Onpage cho Blogspot . Cách tối ưu SEO title cho blogspot. Cách tối ưu chuẩn SEO Onpage tránh trùng lặp tiêu đề cho Blogspot .Hướng dân cách tối ưu chuẩn SEO Onpage cho Blogspot .

Chào các bạn mình là Bít Tuốt hôm nay mình sẽ hướng dẫn các bạn các bước tối ưu 1 blogspot để có thể gọi là chuẩn SEO Onpage để các bạn có thể dễ dàng SEO lên top google

Sau đây là những phần cơ bản để tối ưu chuẩn SEO Onpage 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:

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

views:

Tạo bài viết liên quan cho Blogger

[postlink] https://haitvl.blogspot.com/2014/04/tao-bai-viet-lien-quan-cho-blogger.html[/postlink]

[starttext]
Bài viết này mình sẽ hướng dẫn các bạn cách thêm chức năng hiển thị các bài viết liên quan (theo Labels) vào cuối mỗi bài viết.
Đây là thủ thuật hay của bạn Duy Phạm, thủ thuật này đã hạn chế được vài nhược điểm cũng như thêm những chức năng mới mà các bài viết về chủ đề "Related Post for Blogspot" trên mạng chưa có, ví dụ:
- Hiển thị hình ảnh đại diện cho mỗi bài viết liên quan.
- Hoạt động tốt với Labels tiếng Việt.
- Không hiển thị bài viết đang xem trong danh sách bài viết liên quan.
- Hiển thị ngày viết bài và số nhận xét kèm theo.
- ...
Có 2 kiểu hiển thị bài viết liên quan để bạn chọn:
Kiểu 1: Danh sách bài viết liên quan hiển thị theo hàng dọc

1. Thêm đoạn mã CSS dưới đây vào phía TRÊN ]]></b:skin>:

#related-posts{float:left}
#related-posts ul{margin:0;padding:0;list-style-type:none}
#related-posts ul li{padding:10px 0}
#related-posts ul li:hover img{width:42px;height:42px;padding:0}
#related-posts img{float:left;border:1px solid #BBB;margin-right:10px;width:36px;height:36px;background:#FFF;padding:3px}
#related-posts h3{margin:0;font-size:16px}

2. Thêm đoạn mã dưới đây vào ngay SAU <div class='post-footer'>:

<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both'/>
<div id='related-posts'>
<script type='text/javascript'>var ry='<h2>Bài viết liên quan</h2>';rn='<h2>Không có Bài viết liên quan</h2>';rcomment='Nhận xét';rdisable='Tắt Nhận xét';commentYN='yes';</script>
<script type='text/javascript'>
//<![CDATA[
var dw='';titles=new Array();titlesNum=0;urls=new Array();timeR=new Array();thumb=new Array();commentsNum=new Array();comments=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('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;timeR[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM9H7nhGZ7xia76NbQm6G2F6kTGK3xek80wQ3t3ElSh73WQFj1SVMhKpCOr4EciMgnzFTy10bUZ-eGXEsKzUffEgysgJgV_V3a94Po0gNodHSYVvmVo7EegOcFcYUPRH3wVpYOIO5LDmSt/'};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=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]=timeR[a];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;timeR=e;thumb=f;commentsNum=g}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);timeR.splice(b,1);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><img alt="'+titles[c]+'" src="'+thumb[c]+'"/><div><h3><a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a></h3><span>'+timeR[c].substring(8,10)+'/'+timeR[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+'</span></div></li><div style="clear:both"></div>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]>
</script>
<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=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
<div style='clear:both'/>
</b:if>

Kiểu 2: Danh sách bài viết liên quan hiển thị theo hàng ngang:

1. Thêm đoạn mã CSS dưới đây vào phía TRÊN ]]></b:skin>:

#related-posts{float:left}
#related-posts ul{margin:5px 0;width:524px;padding:0;list-style-type:none}
#related-posts ul li{position:relative;float:left;border:0 none;margin-right:11px;width:76px}
#related-posts ul li:hover{z-index:98}
#related-posts ul li:hover img{border:3px solid #BBB}
#related-posts ul li:hover div{position:absolute;top:40px;left:10px;margin-left:0;width:200px}
#related-posts ul li img{border:3px solid #DDD;width:70px;height:70px;background:#FFF}
#related-posts ul li div{position:absolute;z-index:99;margin-left:-999em}
#related-posts ul li .title{border:1px solid #CCC;background:#FFF;padding:5px 10px}

2. Thêm đoạn mã dưới đây vào ngay SAU <div class='post-footer'>:

<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both'/>
<div id='related-posts'>
<script type='text/javascript'>var ry='<h2>Bài viết liên quan</h2>';rn='<h2>Không có Bài viết liên quan</h2>';rcomment='Nhận xét';rdisable='Tắt Nhận xét';commentYN='yes';</script>
<script type='text/javascript'>
//<![CDATA[
var nothumb='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM9H7nhGZ7xia76NbQm6G2F6kTGK3xek80wQ3t3ElSh73WQFj1SVMhKpCOr4EciMgnzFTy10bUZ-eGXEsKzUffEgysgJgV_V3a94Po0gNodHSYVvmVo7EegOcFcYUPRH3wVpYOIO5LDmSt/';dw='';titles=new Array();titlesNum=0;urls=new Array();time=new Array();thumb=new Array();commentsNum=new Array();comments=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('thr$total' in d){commentsNum[titlesNum]=d.thr$total.$t+' '+rcomment}else{commentsNum[titlesNum]=rdisable};if(d.link[a].rel=="alternate"){urls[titlesNum]=d.link[a].href;time[titlesNum]=d.published.$t;if('media$thumbnail' in d){thumb[titlesNum]=d.media$thumbnail.url}else{thumb[titlesNum]=nothumb};titlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);c=new Array(0);e=new Array(0);f=new Array(0);g=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];f.length+=1;f[f.length-1]=thumb[a];g.length+=1;g[g.length-1]=commentsNum[a]}}urls=b;titles=c;time=e;thumb=f;commentsNum=g}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);thumb.splice(b,1);commentsNum.splice(b,1)}}var c=Math.floor((titles.length-1)*Math.random());var b=0;if(titles.length==0){dw+=rn}else{dw+=ry;dw+='<ul>';while(b<titles.length&&b<20&&b<maxresults){if(y!=-1){urls[c]=urls[c]+'?m=0'}if(commentYN=='yes'){comments[c]=' - '+commentsNum[c]}else{comments[c]=''};dw+='<li><a href="'+urls[c]+'" rel="nofollow"><img alt="'+titles[c]+'" src="'+thumb[c]+'"/></a><div class="title"><h3><a href="'+urls[c]+'" rel="nofollow">'+titles[c]+'</a></h3><span>'+time[c].substring(8,10)+'/'+time[c].substring(5,7)+'/'+time[c].substring(0,4)+comments[c]+'</span></div></li>';if(c<titles.length-1){c++}else{c=0}b++}dw+='</ul>'};urls.splice(0,urls.length);titles.splice(0,titles.length);document.getElementById('related-posts').innerHTML=dw};
//]]>
</script>
<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=6;removeRelatedDuplicates();printRelatedLabels('<data:post.url/>');</script>
</div>
<div style='clear:both'/>
</b:if>

Cuối cùng, bấm Lưu mẫu để hoàn thành.
Vài lưu ý:
- Giá trị số 6 trong code trên là số bài viết liên quan tối đa được hiển thị. Các bạn có thể thay đổi thành giá trị khác.
- Nếu bạn không muốn hiển thị ngày đăng với số nhận xét kèm theo thì tìm và xóa:

<span>'+timeR[c].substring(8,10)+'/'+timeR[c].substring(5,7)+'/'+timeR[c].substring(0,4)+comments[c]+'</span>

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

views:

Themes blogspot làm tin tức

[postlink] https://haitvl.blogspot.com/2014/04/themes-blogspot-lam-tin-tuc.html[/postlink]

DEMO

themes blogspot , themes tin tức , themes tạp chỉ , themes webs

Tính năng nổi bật của themes

Mẫu themes : Big News Theme Blogger
Hướng dẫn : Vào Mẩu ---> click vào chỉnh sửa HTML copy code dán vào và lưu lại
Tác giả : Basnetg
Nhà thiết kế: Basnetg
Giấy phép: Creative Commons Attribution 3.0
Mô tả: themes này là một mẫu Blogger thích hợp cho các bạn làm blogspot tin tức và chia sẻ thông tin cho trang web. Đây là một chủ đề chuyển đổi hình thức wordpress Blogger Trang tin tức. Là mẫu themes tin tức lớn cho blogger và các trang web tạp chí. Mẫu này có thể làm trang web của bạn độc đáo và khác nhau về mọi mặt. Bất động sản: Sidebar bên phải cột 3 - column/three , wiidget sẳn sàng , chiều rộng cố định , màu sắt : xém trắng , xanh đỏ
Tags : Big News theme Bloger , big News Theme Blogspot Template, Tin tức B mẫu, báo Blogger Theme, Tin tức Blogspot Theme, Tin tức

TẢI TẠI MIỂN PHÍ : Themes blogspot

views:

Themes free nuke việt dành cho webs tin tức

[postlink] https://haitvl.blogspot.com/2014/04/themes-free-nuke-viet-danh-cho-webs-tin.html[/postlink]

Theme thích hợp cho web tin tức, trường học, công ty giới thiệu sản phẩm ... Sử dụng cho Nukeviet 3.1 nukeviet 3.2 , ai cần tải về dùng đừng chém nhé ! mình sưu tập cho anh em nghiên cứu thôi
Mẹo : tải vầ và chế biến thêm cho webs độc đáo và mới lạ hơn
DEMO :

Link tải : Themes webs tin tức

views:

Haivl.tv - Haitvl - Vuifun.org

Hướng dẫn cách tối ưu chuẩn SEO Onpage cho Blogspot chi tiết

Tạo bài viết liên quan cho Blogger

Themes blogspot làm tin tức

TẢI TẠI MIỂN PHÍ : Themes blogspot

Themes free nuke việt dành cho webs tin tức

Video Hot

Test Footer 1

Test Footer 2