Hướng dẫn thủ thuật blogspot tạo và tự làm seo với blogspot từ A đến Z
Tôi tạo ra Blogger SEO Satellite là để hướng dẫn các bạn tự làm seo với blogspot nên tôi sẽ hướng dẫn các bạn từ A đến Z bắt đầu từ những bước cơ bản như tự tạo một blog và cách học seo với blogspot của mình.
Ở bài này tôi sẽ hướng dẫn các bạn tự tạo một blogspot và cài đặt chuẩn seo cho blog vừa tạo, Và bài hướng dẫn của tôi gồm những phần chính sau:
- Định hướng seo
- Tạo website bằng blogspot
- Chọn template
- Cài đặt chuẩn seo cho templates
- Thêm bài viết liên quan
- Đường dẫn phân cấp Breadcrumbs
1. Định hướng seo
Việc định hướng seo thì bạn cần suy nghĩ đến đầu tiên khi quyết định chính thức làm blog, để biết rõ chúng ta cần làm gì, phải làm gì và nên bắt đầu từ đâu.
Vậy định hướng seo như thế nào?
Để định hướng trước khi bắt đầu vào tự seo blogspot thì bạn cần nghĩ ngay đến lĩnh vực của bạn lựa chọn là gì, về sở trường của bạn, hay là quảng bá sản phẩm ...Khi đã chọn được thì các bạn cũng ắc hẳng cũng nghĩ ra cho mình mộ từ khóa chính cần seo.
Từ khóa là gì?
Từ khóa là những gì người dùng cần, và dùng nó để search google và khi đó mà blogspot của bạn nằm trong top 10 thì bạn đã thành công.
Khi đã có từ khóa thì bạn dựa vào nó mà tìm ra những đối thủ của mình, để xem đối thủ của mình mạnh hay yếu ra sao để còn có cách đối phó. và chọn ra những đối thủ ngang tầm để đấu với họ.
Làm sao để tìm ra đối thủ?
Để tìm ra đối thủ của bạn thì cách đơn giản nhất là bạn dùng chính từ khóa đó và search google xem top 10 gồm những ai, họ là những ông bà lớn hay và những người bình thường như bạn. Và chọn ra 1 đối thủ ngang tầm để chiến, vì lúc nào bạn còn quá kém vì mới tự làm seo nên cứ từ từ.
2. Tạo website blogspot
Tạo một blog để thực hành thì quá đơn giản chắc bạn cũng biết nhưng hãy từ từ và làm theo đúng cách thôi hướng dẫn.
Đầu tiên truy cập vào Blogger.com ở của số hiện ra click Blog mới nằm phía trên bên góc trái và bay giờ trước mặt bạn hiện ra 2 mục nhập đó là
- Tiêu đề blog
- Url blog
Tiêu đề blog : Tối đa 70 kí tự kể cả khoảng cách và chứa từ khóa chính cần seo.
Url blog : Chứa từ khóa chính cần seo, nhưng nếu là blog cá nhân thì bạn có thể để tên của bạn cũng đc.
3. Chọn template
Template blogspot là một phần cực kỳ quan trọng trong việc hỗ trợ các bạn trong quá trình tự làm seo này. Một template blogspot tốt thì phải đáp ứng được những yếu tố sau :
- Thân thiện
- Mang sự thoải mái đến cho khách truy cập
- Đem được nhu cầu cần thiết đến cho người dùng
- Phù hợp với lĩnh vực bạn lựa chọn.
4. Cài đặt chuẩn seo cho template
Cài đặt chuẩn seo là những biết mình tối ưu hóa cho blog của mình thân thiện với google và lúc này là lúc bạn phải có những suy nghĩ thật độc đáo rồi đấy. Trong phần cài đặt này tôi chia làm các phần sau :
- Cài đặt mô tả
- Tùy chỉnh robot
- Chỉnh sửa template
- Chỉnh sửa bố cục blog
a. Cài đặt mô tả
Mô tả là phần hiện dưới url khi xuất hiện trên kết quả tìm kiếm, bay giờ bạn phải động nghĩ để nghĩ ra 150 kí tự mạch lạc giới thiêu về lĩnh vực mà bạn lựa chọn để làm blog, lưu ý là phải chứa từ khóa trong mô tả. Và thêm nó vào phần Cài đặt > Cơ bản > Mô tả. Phần nằm dưới tiêu đề blog mà bạn đã điền khi tạo blog.
b. Tùy chỉnh robot
Robot là một file tạo ra để ngăn chặn hay cho phép con bót của google truy cập vào blog của bạn. Tức là những trang nào bạn ko muốn google bót thì chặn lại và ngược lại đối với những trang chính thì cho nó bót để mà còn lên top.
Và đối với blogspot thì có 2 phần đó là
Tiêu đề robot
Để cài đặt robot thì bạn rời khỏi mục cơ bản và chuyển xuống phần tùy chọn tìm kiếm nhé ở đây bạn sẽ nhìn thấy phần robot của blogpsot nằm ở dưới cùng. Và đối với tiêu đề robot bạn cài đặt như hình giúp mình.
Để làm việc này các bạn rời phần cài đặt và chuyển sang Mẫu > Chỉnh sửa HTML. Tiếp đến tìm đến thẻ <head> xóa toàn bộ code từ đây cho đến thẻ <b:skin> và thay thế vào đó đoạn code sau:
Robots.txt
Ở này thì khi bạn click vào nó hiện ra một hộp thoại và bạn cần điền vào bên trong nó đoạn code sau :
User-agent: Mediapartners-Google
Disallow:
User-agent: *
Allow: /
Disallow: /*?updated-max=*
Disallow: *archive.html
Disallow: *http://bloggerseosatellite.blogspot.com/#header-top
Disallow: *http://bloggerseosatellite.blogspot.com/#
Sitemap: http://bloggerseosatellite.blogspot.com/sitemap.xml
c. Chỉnh sửa template
Template blogspot mặc định sẽ có một số điểm không thân thiện lắm khi chúng ta làm seo blogspot bởi thế chúng ta cần chỉnh sửa để thân thiện và seo nhanh hơn.Để làm việc này các bạn rời phần cài đặt và chuyển sang Mẫu > Chỉnh sửa HTML. Tiếp đến tìm đến thẻ <head> xóa toàn bộ code từ đây cho đến thẻ <b:skin> và thay thế vào đó đoạn code sau:
<meta content='width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1' name='viewport'/>
<meta charset='UTF-8'/>
<b:if cond='data:blog.pageType == "error_page"'>
<title>404: trang bạn vừa tìm kiếm không tồn tại</title>
</b:if>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.searchQuery'>
<title>Từ khóa <data:blog.searchQuery/></title>
</b:if>
<b:if cond='data:blog.pageType == "archive"'>
<title>danh mục bài viết <data:blog.pageName/> theo tháng </title>
<meta expr:content='"danh mục bài viết " + data:blog.pageName + " Tìm hiểu thêm vui lòng truy cập"' name='description'/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<title><data:blog.pageName/> </title>
<b:else/>
<b:if cond='data:blog.searchLabel'>
<title> <data:blog.pageName/></title>
<meta expr:content='"Nhãn " + data:blog.pageName + " tại blog khám phá xem thêm vui lòng truy cập "' name='description'/>
<b:else/>
<title><data:blog.pageTitle/></title>
</b:if>
</b:if>
</b:if>
<meta content='bat dong san, tin tuc bat dong san, lam bat dong san, thiet ke nha cua, huong dan seo blogspot' name='keywords'/>
<b:else/>
<title><data:blog.pageName/></title>
<meta expr:content='data:blog.pageName + ",seo blogspot, thu thuat blogpsot, thiet ke, blogger templates, lam seo, hoc seo"' name='keywords'/>
</b:if>
<b:include data='blog' name='all-head-content'/>
<meta content='Đỗ Mạnh Hồng' name='Author'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='id' name='geo.country'/>
<meta content='1 days' name='revisit'/>
<meta content='1 days' name='revisit-after'/>
<meta content='Vietnam' name='geo.placename'/>
<meta content='3600' http-equiv='refresh'/>
<b:if cond='data:blog.pageType == "index"'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta content='blog' property='og:type'/>
<b:else/>
<meta expr:content='data:blog.pageName' property='og:title'/>
<meta content='article' property='og:type'/>
</b:if>
<meta expr:content='data:blog.canonicalUrl' property='og:url'/>
<meta expr:content='data:blog.title' property='og:site_name'/>
<b:if cond='data:blog.postImageThumbnailUrl'>
<meta expr:content='data:blog.postImageThumbnailUrl' property='og:image'/>
<b:else/>
<meta content='#' property='og:image'/>
</b:if>
<b:if cond='data:blog.metaDescription != ""'>
<meta expr:content='data:blog.metaDescription' name='og:description'/>
</b:if>
<link href='https://plus.google.com/u/0/+HồngSEOer' rel='author'/>
d. Chỉnh sửa bố tục blog
Về phần bố cục trang thì bạn cần chỉnh sửa ngay cái menu, vì mỗi blog có những danh mục riêng đến với blog của bạn thì menu bạn nên để các trang như sau : sitemap, liên hệ, hỗ trợ, và các danh mục chính trên blog của bạn.
5. Thêm bài viết liên quan
Bài viết liên quan là những bài viết cùng chủ đề nằm dưới mỗi bài viết trên blog, đây là nơi mà người dùng có thể tìm hiểu thêm về những lĩnh vực mà họ quan tâm. Và để thêm bài viết liên quan các bạn làm theo các bước sau :
Bước 1 : Đến lúc này chúng ta vẫn còn thao tác trên template nhé, tìm đến thẻ ]]></b:skin> và thêm đoạn css sau trên nó
#related-posts{float:left;height:auto;width:660px;border-top:1px dashed #d2d2d2;border-bottom:1px dashed #d2d2d2;padding-top:20px;margin-top:20px}#related-posts a{width:200px!important;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out}#related-posts img{width:200px!important;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;border:1px solid;padding:1px}#related-posts img:hover{opacity:0.8;transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out}Bước 2 : Thêm tiếp đoạn code sau trên thẻ </head>
<b:if cond='data:blog.pageType == "item"'>Bước 3 :Tìm đến thẻ
<script type='text/javascript'>
var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjI-0q-yFlHUGrBRKtrzbupEPJlRvLBuTpLK1Ie5iScU7oK9IAtaXQk3RaEUc9UTCpgv4b4hohEZnVCM8NHbXQXxnfUrCjYM4PMb_Yadbj1GO7_yA2Xh7npJ3pHEyjV7DJxcbU1-12LU6na/s1600/no_image.jpg";
var maxresults=6;
var splittercolor="#fff";
var relatedpoststitle="BÀI VIẾT LIÊN QUAN:";
</script>
<script src='https://hongit.googlecode.com/svn/relatemb.js' type='text/javascript'/></b:if>
<div class='post-footer-line post-footer-line-3'>Và thêm ngay bên dưới nó code sau
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div>
</b:if>
6. Đường dẫn phân cấp Breadcrumbs
Đường dẫn phân cấp hay còn gọi là Breadcrumbs là phần nằm trên mỗi bài viết, nó thể hiện cho người dùng biết là họ đang ở đâu trên blog của bạn, bài viết họ đang đọc nằm trong chuyên mục nào của blog. Và để thêm đường dẫn phân cấp cho blog các bạn làm theo tôi nhé.Bước 1 : Thêm đoạn code sau giống như bước 1 ở trên
.breadcrumbs { padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height: 1.4em; border-bottom:3px double #e6e4e3; }Bước 2 :Tìm đến thẻ
<b:include data='top' name='status-message'/>và thêm ngay trên nó thẻ này
<b:include data='posts' name='breadcrumb'/>Bước 3: Tìm đến thẻ
<b:includable id='main' var='top'>và thêm toàn bộ code sau trên thẻ này
<b:includable id='breadcrumb' var='posts'>Kết luận : Những hướng dẫn của tôi cực kỳ đơn giản, có lẽ có nhiều bạn cũng đã đọc qua ở đâu đó và nói đây là bình thường, nhưng các bạn hãy thử tự làm seo với nó, và làm một cách thận trọng từng bước thì bạn sẽ thấy một kết quả rõ rệt mà tôi nghĩ bạn sẽ cảm thấy bất ngờ.
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Trang chủ</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Trang chủ</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Trang chủ</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>